En este tutorial de Photoshop Effects, aprenderemos cómo crear un efecto de "píxel digital", que a menudo se usa en anuncios que venden cualquier cosa que tenga que ver con lo digital. Primero vamos a pixelar toda nuestra imagen usando un filtro muy simple, y luego experimentaremos con una máscara de capa, la configuración de opacidad y algunos modos de fusión de capas para crear diferentes variaciones en nuestro efecto. Al final del tutorial, ¡incluso veremos cómo algo tan simple como cambiar el modo de fusión de una capa puede crear un efecto completamente nuevo!
Aquí está la imagen original con la que comenzaré:
La imagen original
Como dije, veremos algunas variaciones diferentes en el efecto. Aquí está el primero en el que trabajaremos:
Uno de los efectos que crearemos en este tutorial.
Aquí está el segundo:
Una variación sobre el mismo efecto.
Y solo como un ejemplo de cuán fácilmente podemos crear lo que parece un efecto completamente diferente simplemente cambiando el modo de mezcla de una capa, terminaremos con este:
La variación final sobre el efecto.
Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!
Paso 1: Duplicar la capa de fondo
Lo primero que necesito hacer para este efecto es duplicar mi capa de fondo. Con mi imagen abierta en Photoshop, puedo ver en mi paleta de capas que actualmente solo tengo una capa, la capa de fondo, que contiene mi imagen:
La paleta de capas de Photoshop que muestra la capa de fondo.
Voy a duplicar esa capa usando el atajo de teclado Ctrl + J (Win) / Comando + J (Mac), y ahora puedo ver en mi paleta de capas que tengo dos capas, con la copia de la capa de fondo sobre el original. Photoshop lo ha llamado "Capa 1":
Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para duplicar la capa de fondo.
Paso 2: pixelar la capa duplicada
A continuación, debemos pixelar la nueva capa, y podemos hacerlo yendo al menú Filtro en la parte superior de la pantalla, eligiendo Pixelar y luego eligiendo Mosaico . Esto abre el cuadro de diálogo del filtro "Mosaico". Arrastre la barra deslizante en la parte inferior para cambiar la opción Tamaño de celda, que aumenta o disminuye el número y el tamaño de píxeles que se crean a partir de la imagen. Arrastrar hacia la derecha crea menos píxeles, pero más grandes, mientras que arrastrar hacia la izquierda proporciona más píxeles, pero más pequeños. Voy a configurar mi Tamaño de celda a aproximadamente 18:
El filtro "Mosaico" en Photoshop. Arrastre la barra deslizante en la parte inferior para aumentar o disminuir el número y el tamaño de los píxeles.
Haga clic en Aceptar para salir del cuadro de diálogo. Aquí está mi imagen después de aplicar el filtro Mosaico:
La imagen después de pixelarla con el filtro Mosaico.
Ahora que hemos pixelado la imagen, hay algunas cosas diferentes que podemos hacer con ella, y las veremos a continuación.
Paso 3: agrega una máscara de capa
Voy a agregar una máscara de capa a la capa pixelada en este punto. Para hacer eso, con "Capa 1" seleccionada, voy a hacer clic en el icono de Máscara de capa en la parte inferior de la paleta Capas:
Haga clic en el icono "Máscara de capa".
Esto agrega una máscara de capa a "Capa 1", y si miramos en la paleta Capas, podemos ver que también agrega una miniatura de máscara de capa a la derecha de la miniatura de contenido de la capa:
Se agregaron una máscara de capa y una miniatura de máscara de capa a la "Capa 1".
También podemos decir que la máscara de capa, no el contenido de la capa, está seleccionada actualmente por el borde resaltado blanco que aparece alrededor de la miniatura de la máscara de capa.
Paso 4: Seleccione la herramienta de degradado
Vamos a usar nuestra máscara de capa para combinar la imagen original en la capa de fondo y la imagen pixelada en "Capa 1", y para eso necesitamos la herramienta de degradado, así que selecciónela en la paleta Herramientas o presione G en tu teclado:
Seleccione la herramienta de degradado.
Paso 5: restablezca los colores de primer plano y de fondo si es necesario
Queremos negro como nuestro color de primer plano y blanco como nuestro color de fondo. Normalmente, esos son los colores predeterminados de primer plano y de fondo de Photoshop, excepto cuando tenemos una máscara de capa seleccionada, que actualmente tenemos. Siempre que tenemos una máscara de capa seleccionada, los colores predeterminados se intercambian, con el blanco convirtiéndose en el color de primer plano predeterminado y el negro convirtiéndose en el color de fondo predeterminado. Para configurar rápidamente nuestros colores de primer plano y fondo en blanco y negro respectivamente (recordando que tenemos una máscara de capa seleccionada), presione D en su teclado para restablecerlos a sus valores predeterminados, y luego presione X para intercambiarlos. Verá en la paleta Herramientas que la muestra de color de primer plano ahora muestra negro y la muestra de color de fondo ahora muestra blanco:
Presione "D" y luego "X" en su teclado para configurar el negro como color de primer plano y el blanco como color de fondo.
Paso 6: Seleccione el gradiente "Primer plano a fondo"
Con la herramienta de degradado seleccionada y nuestros colores de primer plano y de fondo configurados en blanco y negro, busque en la barra de opciones en la parte superior de la pantalla para ver qué degradado ha seleccionado actualmente. Si el área de vista previa del degradado muestra un degradado de negro a blanco, ya está todo listo:
El área de vista previa del degradado que muestra un degradado de negro a blanco.
Si muestra algún otro degradado, haga clic en la pequeña flecha que apunta hacia abajo a la derecha del área de vista previa del degradado. El selector de degradado aparecerá debajo de él. Seleccione el gradiente "Primer plano a fondo" en la esquina superior izquierda, luego haga clic en cualquier lugar fuera del Selector de degradado para cerrarlo:
Haga clic en la flecha que apunta hacia abajo a la derecha del área de vista previa del degradado y seleccione el degradado en la esquina superior izquierda del Selector de degradado.
Paso 7: arrastre un degradado de negro a blanco en la máscara de capa
Ahora que tenemos nuestro degradado de negro a blanco, podemos usarlo para mezclar la capa de fondo y la capa pixelada, creando nuestra primera variación en el efecto. Quiero que el área de transición de mi mezcla aparezca en la cara del chico, para que la mitad de su cara (y la mitad de la imagen también) esté pixelada y la otra mitad no. Para lograr eso, voy a hacer clic debajo de su ojo derecho y luego, manteniendo presionada la tecla Mayús para asegurarme de arrastrar en una línea horizontal, voy a arrastrar el mouse hasta el borde izquierdo de su cara:
Arrastre un degradado a través del área donde desea que aparezca la combinación entre las dos capas.
El área entre donde comencé y terminé mi gradiente se convertirá en el área de transición entre la imagen pixelada en "Capa 1" y la imagen original en la capa de fondo. Cuando suelto el botón del mouse, obtengo mi efecto de transición:
El primer efecto.
Paso 8: llene la máscara de capa con blanco
Veamos otra variación de nuestro efecto de "píxel digital". Primero, necesitamos eliminar el gradiente que agregamos a la máscara de capa hace un momento. Simplemente podríamos presionar Ctrl + Z (Win) / Comando + Z (Mac) para deshacerlo, pero en su lugar, rellenemos la máscara de capa con blanco. Para hacerlo, con la miniatura de la máscara de capa seleccionada en la paleta Capas y blanco como nuestro color de fondo actual, use el atajo de teclado Ctrl + Retroceso (Win) / Comando + Eliminar (Mac) para llenar la máscara de capa con el color de fondo (blanco ) La miniatura de la máscara de capa volverá a aparecer en blanco sólido, y la imagen ahora aparecerá completamente pixelada una vez más:
Presione "Alt + Retroceso" (Win) / "Opción + Eliminar" (Mac) para llenar la máscara de capa con blanco y revelar la capa pixelada completa en la ventana del documento una vez más.
Paso 9: selecciona la herramienta Pincel
Seleccione la herramienta Pincel de la paleta Herramientas, o presione B para el atajo de teclado:
Seleccione la herramienta Pincel
Paso 10: pinta con negro para revelar partes de la imagen
Usando un pincel de bordes suaves y con negro todavía como nuestro color de primer plano, voy a revelar la parte principal de su rostro simplemente pintando sobre él con mi herramienta Pincel. Como estoy pintando en la máscara de capa y no en la imagen en sí, cualquier lugar que pinto con negro ocultará la capa pixelada y revelará la capa de fondo debajo de ella. Puedo cambiar el tamaño de mi pincel sobre la marcha usando las teclas de soporte izquierda y derecha en mi teclado, y puedo configurar mi pincel en un borde suave manteniendo presionada la tecla Mayús y presionando la tecla del soporte izquierdo varias veces:
Use un pincel de bordes suaves para pintar partes de la capa pixelada, revelando la imagen original debajo.
Aquí está mi imagen después de revelar las áreas principales de su rostro pintando sobre ellas con negro, dando la impresión de que de alguna manera está mirando a través de los píxeles:
Las partes principales de su rostro ahora aparecen como estaban en la foto original, mientras que el resto de la foto permanece pixelada.
Paso 11: Baje la opacidad de la capa pixelada
Dejaré que la imagen original se muestre parcialmente a través de la imagen pixelada, y puedo hacerlo simplemente yendo a la opción Opacidad en la esquina superior derecha de la paleta Capas y bajando el valor de opacidad. Lo voy a bajar a alrededor del 75%:
Baje la opacidad de la capa pixelada para permitir que la imagen original se muestre parcialmente.
Aquí está mi imagen después de reducir la opacidad de la capa pixelada, creando nuestra segunda variación en el efecto:
La segunda variación del efecto "píxel digital".
Paso 12: Experimente con diferentes modos de mezcla para la capa pixelada para obtener diferentes resultados
Para crear aún más variaciones en el efecto, experimente con diferentes modos de fusión para la capa pixelada subiendo a las opciones del modo de fusión en la esquina superior izquierda de la paleta Capas y seleccionando diferentes de la lista. Primero, voy a configurar la Opacidad de mi capa pixelada de nuevo al 100%. Luego, cambiaré mi modo de fusión de la capa de "Normal" a Oscurecer :
Establezca la Opacidad de la capa pixelada nuevamente al 100%, luego cambie el modo de fusión de la capa pixelada a "Oscurecer".
Aquí está el efecto que obtengo con la capa pixelada establecida en "Oscurecer":
La imagen después de cambiar el modo de fusión a "Oscurecer".
Probemos el modo de mezcla Aclarar, de nuevo cambiándolo en la esquina superior izquierda de la paleta Capas:
Cambie el modo de fusión a "Aligerar".
Aquí está el efecto que obtengo con el modo de mezcla "Aclarar":
La imagen después de cambiar el modo de fusión a "Aligerar".
Solo para mostrarle cuán diferente puede verse un efecto simplemente cambiando los modos de mezcla de capas, probaremos uno más. Voy a cambiar mi modo de mezcla esta vez a Hard Mix :
Cambie el modo de mezcla a "Mezcla dura".
Creo que estará de acuerdo en que el efecto ahora se ve completamente diferente, a pesar de que todo lo que hemos hecho es cambiar el modo de fusión:
Después de cambiar el modo de mezcla a "Hard Mix", obtenemos un efecto de aspecto completamente diferente.
¡Y ahí lo tenemos! Ese es nuestro enfoque sobre cómo crear un simple efecto de "píxel digital" y una muestra de cómo podemos crear diferentes variaciones sobre el mismo efecto, e incluso crear efectos completamente nuevos, experimentando con máscaras de capa y modos de fusión en Photoshop.
¡Mira nuestra sección de Efectos fotográficos para más tutoriales de efectos de Photoshop!