En este tutorial de Photoshop, aprenderemos cómo agregar un efecto de viñeta clásico e intemporal a una foto, ¡perfecto para fotos de boda y compromiso, aniversarios y otros retratos familiares!
Crear el efecto es fácil y una vez que esté familiarizado con los pasos, no tomará más de un par de minutos de principio a fin. Estoy usando Photoshop CS5 aquí, pero cualquier versión reciente de Photoshop funcionará.
Aquí está la foto con la que comenzaré:
La imagen original
Así se verá el resultado final:
El efecto final de la viñeta.
Cómo crear un efecto clásico de viñeta
Paso 1: agregue una capa de relleno de color sólido blanco
Con la foto recién abierta en Photoshop, comenzaremos rellenando nuestro documento con blanco, que se convertirá en el color del borde de la viñeta. Normalmente, simplemente agregaríamos una nueva capa en blanco al documento y luego usaríamos el comando Relleno de Photoshop para llenar la nueva capa con blanco, pero hagamos algo diferente. Haga clic en el icono Nueva capa de relleno o ajuste en la parte inferior del panel Capas (es el círculo dividido diagonalmente entre blanco y negro):
Haga clic en el icono Nueva capa de relleno o ajuste.
Esto abre una lista de todas las capas de relleno y ajuste que podemos elegir. Seleccione una capa de relleno de Color sólido en la parte superior de la lista:
Elija Color sólido de la lista.
Como su nombre lo indica, una capa de relleno de Color sólido nos permite llenar rápidamente el documento con un color sólido. Tan pronto como elija Color sólido de la lista, Photoshop abre el Selector de color para que podamos seleccionar el color que queremos usar. Elija blanco, ya sea haciendo clic en la esquina superior izquierda del cuadro de selección de color grande a la izquierda o ingresando 255 para los valores R, G y B cerca del centro inferior del cuadro de diálogo:
Elija blanco del Selector de color.
Haga clic en Aceptar para cerrar el Selector de color, y el documento ahora está lleno de blanco sólido:
La capa de relleno de color sólido llena el documento con blanco.
Paso 2: selecciona la máscara de capa
Entonces, ¿por qué usamos una capa de relleno de Color sólido aquí en lugar de simplemente agregar una capa normal y llenarla de blanco? La razón es porque lo siguiente que debemos hacer es agregar una máscara de capa a la capa de relleno blanco, pero las capas de relleno de Photoshop, como la de color sólido que acabamos de agregar, ya vienen con una máscara de capa incorporada, por lo que no es necesario para que podamos agregar uno nosotros mismos! Si miramos en el panel Capas, vemos la capa de relleno, que Photoshop llamó "Color Fill 1", sentada sobre la imagen original en la capa de fondo, y vemos la miniatura de la máscara de capa directamente a la izquierda del nombre de la capa. Haga clic en la miniatura de la máscara para seleccionarla. Aparecerá un borde resaltado alrededor de la miniatura que le permitirá saber que la máscara de capa está seleccionada:
Las capas de relleno vienen con sus propias máscaras de capa. Haga clic en la miniatura para seleccionar la máscara.
Paso 3: selecciona la herramienta Marco elíptico
Seleccione la herramienta Marco elíptico en el panel Herramientas. De forma predeterminada, se esconde detrás de la herramienta Marco rectangular, así que haga clic en la herramienta Marco rectangular y mantenga presionado el botón del mouse durante un segundo o dos hasta que aparezca un menú desplegable que muestra las otras herramientas disponibles en ese lugar, luego elija el marco elíptico Herramienta de la lista:
Haga clic y mantenga presionada la herramienta Marco rectangular, luego seleccione la herramienta Marco elíptico en el menú desplegable.
Paso 4: Arrastre hacia fuera un esquema de selección elíptica
Con la herramienta Marco elíptico seleccionada, haga clic dentro del documento y arrastre un contorno de selección elíptico en el centro del documento. Puede mover el contorno de selección para reposicionarlo mientras lo dibuja manteniendo presionada la barra espaciadora y arrastrándola a una nueva ubicación. Suelta la barra espaciadora para continuar arrastrando la selección. No se preocupe por su tamaño, forma o posición exacta por ahora porque podemos arreglar las cosas fácilmente más adelante. Todo lo que necesitamos en este momento es un esquema de selección elíptica inicial:
Arrastre un esquema de selección elíptica inicial. El tamaño exacto, la forma y la posición no son importantes.
Paso 5: llene la selección con negro
Vaya al menú Editar en la barra de menú en la parte superior de la pantalla y elija Rellenar :
Vaya a Editar> Rellenar.
Esto abre el cuadro de diálogo Relleno. Cambie la opción Usar en la parte superior del cuadro de diálogo a Negro :
Cambie la opción Usar a Negro.
Haga clic en Aceptar para cerrar el cuadro de diálogo Relleno. Photoshop llena la selección con negro, y debido a que teníamos la máscara de capa seleccionada en la capa de relleno de Color sólido, el negro efectivamente perfora un agujero a través de la capa de relleno, revelando la foto original en la capa de Fondo detrás de ella:
Al llenar la selección con negro en la máscara de capa, se muestra la foto original debajo.
La miniatura de la máscara de capa en el panel Capas nos muestra el área que llenamos de negro:
La miniatura de la máscara de capa después de llenar la selección con negro.
Paso 6: anule la selección de la selección
Ya no necesitamos nuestro esquema de selección, así que para eliminarlo del documento, vaya al menú Seleccionar en la parte superior de la pantalla y elija Deseleccionar . También puede presionar Ctrl + D (Win) / Comando + D (Mac) para deseleccionarlo rápidamente utilizando el método abreviado de teclado si lo prefiere:
Vaya a Seleccionar> Deseleccionar.
Paso 7: aplique el filtro de desenfoque gaussiano
Para suavizar los bordes del borde de la viñeta, utilizaremos el filtro Desenfoque gaussiano de Photoshop. Vaya al menú Filtro en la parte superior de la pantalla, elija Desenfocar, luego elija Desenfoque gaussiano :
Vaya a Filtro> Desenfocar> Desenfoque gaussiano.
Esto abre el cuadro de diálogo Desenfoque gaussiano. Observe su imagen mientras comienza a arrastrar el control deslizante Radio en la parte inferior del cuadro de diálogo hacia la derecha. Cuanto más a la derecha arrastre el control deslizante, más borroso se aplicará a los bordes de la viñeta y más suaves se volverán. El valor exacto del radio que termines usando dependerá del tamaño de la imagen con la que estés trabajando. Para mí, un valor de alrededor de 35 píxeles funciona bien, pero su valor puede ser diferente:
Suaviza los bordes de la viñeta arrastrando el control deslizante Radio hacia la derecha.
Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. Sus bordes de viñeta ahora deberían aparecer más suaves:
La imagen después de suavizar los bordes del borde de la foto.
Paso 8: remodele y mueva el borde con transformación libre
Con los bordes del borde de la foto ahora suavizados, lo único que queda por hacer es ajustarlo redimensionándolo, remodelando y moviéndolo según sea necesario, y podemos hacer todo eso fácilmente con el comando Transformación libre de Photoshop. Vaya al menú Editar en la parte superior de la pantalla y elija Transformación libre . También puede presionar Ctrl + T (Win) / Comando + T (Mac) para acceder rápidamente a Transformación libre con el atajo de teclado:
Vaya a Edición> Transformación libre.
Esto coloca el cuadro Transformación libre de Photoshop y maneja alrededor del borde de la foto. Para cambiar su tamaño y darle nueva forma, simplemente haga clic en cualquiera de los controles (los cuadrados pequeños) y arrástrelos. Si mantiene presionada la tecla Alt (Win) / Opción (Mac) mientras arrastra un controlador, cambiará el tamaño del borde desde su centro en lugar de hacerlo desde el lado o la esquina. Para mover el borde, simplemente haga clic en cualquier lugar dentro del cuadro delimitador y arrástrelo con el mouse. Continúe arrastrando los tiradores y moviendo el borde hasta que esté satisfecho con su aspecto. Cuando haya terminado, presione Entrar (Win) / Volver (Mac) para aceptar los cambios y salir del comando Transformación libre:
Use los tiradores para cambiar el tamaño y cambiar la forma de los bordes de la viñeta según sea necesario. Haga clic dentro del cuadro delimitador y arrastre con el mouse para reposicionarlo.
Paso 9: recorte cualquier espacio en blanco adicional
Finalmente, si desea recortar cualquier espacio en blanco adicional alrededor de la imagen, vaya al menú Imagen en la parte superior de la pantalla y elija Recortar :
Vaya a Imagen> Recortar.
Esto abre el cuadro de diálogo Recortar. Seleccione la opción Color de píxel superior izquierdo en la mitad superior del cuadro de diálogo si aún no está seleccionada, y deje las opciones Superior, Inferior, Izquierda y Derecha seleccionadas en la mitad inferior del cuadro de diálogo:
Seleccione Color de píxel superior izquierdo y deje las cuatro opciones en la parte inferior seleccionadas.
Haga clic en Aceptar para cerrar el cuadro de diálogo, y Photoshop recorta cualquier espacio en blanco adicional alrededor de la imagen, dejándonos con el resultado final de la viñeta:
El resultado final.