Efecto de píxeles digitales con Photoshop

En este tutorial de efectos de Photoshop, vamos a aprender a crear un efecto de «píxeles digitales», que se utiliza a menudo en los 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, el ajuste de opacidad y algunos modos de fusión de capa para crear diferentes variaciones de 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 voy a empezar:

Como he dicho, vamos a ver algunas variaciones diferentes del efecto. Aquí está el primero en el que trabajaremos:

Aquí está el segundo:

Y como ejemplo de la facilidad con la que podemos crear lo que parece un efecto totalmente diferente simplemente cambiando el modo de fusión de una capa, terminaremos con éste:

Este tutorial pertenece a nuestra serie Efectos fotográficos. Vamos a empezar!

Paso 1: Duplicar la capa de fondo

Lo primero que tengo que 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 sólo tengo una capa, la capa Fondo, que contiene mi imagen:

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 Fondo por encima de la original. Photoshop la ha llamado «Capa 1»:

Paso 2: Pixelar la capa duplicada

A continuación tenemos que pixelar la nueva capa, y podemos hacerlo subiendo al menú Filtro en la parte superior de la pantalla, eligiendo Pixelar, y luego eligiendo Mosaico. Esto hace que aparezca el cuadro de diálogo del filtro «Mosaico». Arrastra la barra deslizante de la parte inferior para cambiar la opción Tamaño de celda, que aumenta o disminuye el número y el tamaño de los píxeles que se crean a partir de la imagen. Arrastrando hacia la derecha se crean menos píxeles pero más grandes, mientras que arrastrando hacia la izquierda se obtienen más píxeles pero más pequeños. Voy a ajustar el tamaño de mi celda a unos 18:

Haga clic en Aceptar para salir del cuadro de diálogo. Aquí está mi imagen después de aplicar 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: Añadir una máscara de capa

Ahora voy a añadir una máscara de capa a la capa pixelada. Para ello, con la «Capa 1» seleccionada, voy a hacer clic en el icono de máscara de capa en la parte inferior de la paleta Capas:

Esto añade una máscara de capa a la «Capa 1», y si miramos en la paleta Capas, podemos ver que también añade una miniatura de máscara de capa a la derecha de la miniatura del contenido de la capa:

También podemos decir que la máscara de capa, y no el contenido de la capa, está actualmente seleccionada por el borde de resaltado blanco que aparece alrededor de la miniatura de la máscara de capa.

Paso 4: Seleccionar la herramienta Degradado

Vamos a utilizar nuestra máscara de capa para mezclar la imagen original en la capa Fondo y la imagen pixelada en la «Capa 1», y para ello necesitamos la herramienta Degradado, así que selecciónela en la paleta Herramientas o pulse G en su teclado:

Paso 5: Restablecer los colores de primer plano y de fondo si es necesario

Queremos el negro como color de primer plano y el blanco como color de fondo. Normalmente esos son los colores de primer plano y fondo por defecto de Photoshop, excepto cuando tenemos una máscara de capa seleccionada, que es lo que hacemos actualmente. Cuando tenemos una máscara de capa seleccionada, los colores por defecto se intercambian, convirtiéndose el blanco en el color de primer plano por defecto y el negro en el color de fondo por defecto. Para establecer rápidamente nuestros colores de primer plano y fondo en blanco y negro respectivamente (recordando que tenemos una máscara de capa seleccionada), pulse D en su teclado para restablecer sus valores predeterminados, y luego pulse X para intercambiarlos. Verás en la paleta de herramientas que la muestra de color de primer plano se muestra ahora en negro y la muestra de color de fondo en blanco:

Paso 6: Seleccionar el degradado de «primer plano a fondo»

Con la herramienta de degradado seleccionada y nuestros colores de primer plano y fondo establecidos en blanco y negro, mire en la barra de opciones en la parte superior de la pantalla para ver qué degradado tiene seleccionado actualmente. Si el área de vista previa del degradado muestra un degradado de negro a blanco, ya está todo listo:

Si muestra algún otro degradado, haz 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. Seleccione el degradado de «Primer plano a fondo» en la esquina superior izquierda y, a continuación, haga clic en cualquier lugar fuera del selector de degradado para cerrarlo:

Paso 7: Arrastrar 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 del efecto. Quiero que el área de transición de mi mezcla aparezca a través de la cara del tipo, de modo que la mitad de su cara (y la mitad de la imagen también) esté pixelada y la otra mitad no. Para conseguirlo, voy a hacer clic debajo de su ojo derecho y luego, manteniendo pulsada la tecla Mayúsculas para asegurarme de que arrastro una línea horizontal, voy a arrastrar el ratón hasta el borde izquierdo de su cara:

El área entre donde empecé y terminé mi degradado se va a convertir en el área de transición entre la imagen pixelada en la «Capa 1» y la imagen original en la capa de Fondo. Cuando suelto el botón del ratón, obtengo mi efecto de transición:

Paso 8: Rellenar la máscara de capa con blanco

Vamos a ver otra variación de nuestro efecto de «píxel digital». En primer lugar, tenemos que eliminar el gradiente que hemos añadido a la máscara de capa hace un momento. Podríamos simplemente pulsar Ctrl+Z (Win) / Comando+Z (Mac) para deshacerlo, pero vamos a rellenar la máscara de capa con blanco. Para ello, con la miniatura de la máscara de capa seleccionada en la paleta Capas y el blanco como color de fondo, utilice el atajo de teclado Ctrl+Retroceso (Win) / Comando+Supr (Mac) para rellenar 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 volverá a aparecer completamente pixelada:

Paso 9: Seleccionar la herramienta Pincel

Seleccione la herramienta Pincel de la paleta Herramientas, o pulse B para el atajo de teclado:

Paso 10: Pintar con negro para revelar partes de la imagen

Usando un pincel de bordes suaves y con el negro todavía como nuestro color de primer plano, voy a revelar la parte principal de su cara simplemente pintando sobre ella con mi Herramienta Pincel. Como estoy pintando sobre la máscara de capa y no sobre la propia imagen, cualquier lugar en el que pinte con negro ocultará la capa pixelada y revelará la capa de Fondo que hay debajo. Puedo cambiar el tamaño de mi pincel sobre la marcha utilizando las teclas de corchete izquierda y derecha de mi teclado, y puedo configurar mi pincel con un borde suave manteniendo pulsada la tecla Mayúsculas y presionando la tecla de corchete izquierda unas cuantas veces:

Aquí está mi imagen después de revelar las áreas principales de su cara pintando sobre ellas con negro, dando la impresión de que está mirando de alguna manera a través de los píxeles:

Paso 11: Bajar la opacidad de la capa pixelada

Voy a dejar que la imagen original se vea parcialmente a través de la imagen pixelada, y puedo hacerlo simplemente subiendo a la opción Opacidad en la esquina superior derecha de la paleta Capas y bajando el valor de opacidad. Voy a bajarlo a alrededor del 75%:

Aquí está mi imagen después de bajar la opacidad de la capa pixelada, creando nuestra segunda variación del efecto:

Paso 12: Experimentar con diferentes modos de fusión para la capa pixelada para obtener diferentes resultados

Para crear aún más variaciones en el efecto, experimentar con diferentes modos de fusión para la capa pixelada subiendo a las opciones de modo de fusión en la esquina superior izquierda de la paleta Capas y seleccionando diferentes de la lista. En primer lugar, voy a ajustar la opacidad de mi capa pixelada a un 100%. A continuación, voy a cambiar el modo de fusión de la capa de «Normal» a Oscurecer:

Este es el efecto que obtengo con la capa pixelada establecida en «Oscurecer»:

Probemos con el modo de fusión Aclarar, de nuevo cambiándolo en la esquina superior izquierda de la paleta Capas:

Este es el efecto que obtengo con el modo de fusión «Aclarar»:

Para que veas lo diferente que puede ser un efecto simplemente cambiando los modos de fusión de las capas, vamos a probar uno más. Voy a cambiar el modo de fusión esta vez a Mezcla dura:

Creo que estarás de acuerdo en que el efecto ahora tiene un aspecto completamente diferente, a pesar de que todo lo que hemos hecho es cambiar el modo de fusión:

¡Y ahí lo tenemos! Ese es nuestro vistazo a cómo crear un simple efecto de «píxel digital» y una muestra de cómo podemos crear diferentes variaciones del mismo efecto, e incluso crear efectos completamente nuevos, experimentando con las máscaras de capa y los modos de fusión en Photoshop.

¡Echa un vistazo a nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop!