En este tutorial de Photoshop Effcts, aprenderemos cómo crear un efecto fotográfico interesante tomando una imagen y convirtiéndola en una serie de tiras entrelazadas. Usaremos algunas capas y máscaras de capa en el tutorial, así como un par de máscaras de recorte y un estilo de capa, y activaremos la cuadrícula de Photoshop para ayudarnos.
La primera vez que vi este efecto de Photoshop, pensé "¡Guau, hay algunas cosas realmente avanzadas allí!". Pero como con la mayoría de las cosas en la vida, después de pensarlo durante unos minutos, me di cuenta de lo simple que es, como veremos.
Aquí está la foto que usaré para este tutorial. Es la misma imagen que utilicé en el tutorial de Ghosting An Image, pero también funciona muy bien con este efecto:
La imagen original
Y aquí está la misma imagen después de convertirla en tiras entrelazadas. Observe cómo las tiras verticales y horizontales parecen alternar entre ir arriba y debajo una de la otra (que es de donde proviene la parte "entrelazada"):
El resultado final.
Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!
Paso 1: recorta la imagen en un cuadrado
Lo primero que debemos hacer para este efecto es recortar la imagen en un cuadrado, aunque técnicamente podría dejar la imagen como 4x6 o el tamaño que sea, pero el efecto tiende a verse mejor como un cuadrado, así que recortemos eso. Utilizaremos la herramienta de recorte de Photoshop para esto, así que selecciónela de la paleta Herramientas:
Seleccione la herramienta de recorte.
También puede presionar la letra C para seleccionarla rápidamente con el método abreviado de teclado. Luego, con la herramienta Recortar seleccionada, mantenga presionada la tecla Mayús y arrastre una selección alrededor de la cara de la persona. Mantener presionada la tecla Shift le dice a Photoshop que restrinja la selección a un cuadrado perfecto:
Mantenga presionada la tecla "Mayús" y arrastre una selección cuadrada alrededor de la cara de la persona.
Presione Entrar (Win) / Retorno (Mac) cuando haya terminado de arrastrar la selección, y Photoshop continúa y recorta la imagen en un cuadrado:
La imagen ahora se recorta en un cuadrado.
Paso 2: Duplicar la capa de fondo dos veces
Lo siguiente que haremos es crear un par de copias de nuestra imagen. Si miramos en la paleta Capas, podemos ver que actualmente tenemos una capa que se llama Fondo y contiene nuestra imagen original (o al menos, lo que queda de nuestra imagen original ahora que la hemos recortado). Necesitamos duplicar la capa de fondo un par de veces, así que use el atajo de teclado Ctrl + J (Win) / Comando + J (Mac) para duplicarlo una vez y luego use el mismo atajo de teclado nuevamente para crear una segunda copia. Debería ver tres capas ahora en su paleta de capas. Haga doble clic directamente en el nombre de la capa en la parte superior y cámbiele el nombre a "Tiras verticales", luego haga doble clic directamente en el nombre de la capa debajo y cámbiele el nombre a "Tiras horizontales":
Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para crear dos copias de la capa de fondo, luego cambie el nombre de la parte superior "Tiras verticales" y la inferior "Tiras horizontales".
Paso 3: rellena la capa de fondo con negro
Presione D en su teclado para restablecer los colores de primer plano y de fondo de Photoshop a sus valores predeterminados de negro como color de primer plano y blanco como color de fondo (el suyo ya puede tener los colores predeterminados). Luego haga clic en la capa de fondo original (la capa inferior) en la paleta Capas para seleccionarla. Vamos a llenarlo con negro, y ahora con el negro como nuestro color de primer plano, podemos usar el atajo de teclado Alt + Retroceso (Win) / Opción + Eliminar (Mac) que llena la capa seleccionada actualmente con el color de primer plano actual ( negro). Parece que no le pasó nada a la imagen, ya que las dos capas sobre la capa de Fondo la bloquean, pero si miramos en la paleta Capas, podemos ver que la miniatura de la capa de Fondo ahora está llena de negro, lo que nos dice que la capa en sí está llena de negro:
Seleccione la capa Fondo en la paleta Capas y presione "Alt + Retroceso" (Win) / "Opción + Eliminar" (Mac) para llenarla de negro.
Paso 4: apaga la capa superior por ahora
Primero vamos a crear nuestras tiras horizontales, pero la capa "Tiras verticales" en la parte superior va a bloquear nuestra vista, por lo que debemos desactivarla temporalmente. Para hacerlo, haga clic en el icono de visibilidad de la capa (el icono "globo ocular") a la izquierda de la capa "Tiras verticales" en la paleta Capas. No verá que le pase nada a la imagen en sí, ya que las capas "Tiras verticales" y "Tiras horizontales" son idénticas en este momento, pero cuando hace clic en el icono del globo ocular, el globo ocular desaparecerá, lo que le permite saber que la capa ahora oculto:
Haga clic en el icono "globo ocular" a la izquierda de la capa "Tiras verticales" en la paleta Capas para desactivar temporalmente la capa.
Paso 5: activa la cuadrícula de Photoshop
Vamos a crear nuestras tiras verticales y horizontales, y para ayudarnos, usaremos la cuadrícula de Photoshop. Vaya al menú Ver en la parte superior de la pantalla, elija Mostrar y luego elija Cuadrícula. También puede usar el método abreviado de teclado Ctrl + '(Win) / Comando +' (Mac) para activar y desactivar fácilmente la cuadrícula. Cuando aparece la cuadrícula, si encuentra que no puede verla muy bien porque el color de la cuadrícula se combina con los colores de su imagen, presione Ctrl + K (Win) / Comando + K (Mac) para abrir rápidamente Photoshop Preferencias Luego, desde el menú desplegable en la parte superior, elija Guías, Cuadrícula y Rebanadas. A partir de aquí, podemos cambiar el color de la cuadrícula. En las opciones de Cuadrícula, haga clic en la muestra de color en la esquina superior derecha, que mostrará el Selector de color de Photoshop. Seleccione un color para su cuadrícula que podrá ver frente a su imagen y luego haga clic en Aceptar para salir del Selector de color. Puede ver en la captura de pantalla a continuación de las opciones de Cuadrícula que he cambiado el color de mi cuadrícula a amarillo:
Cambie el color de la cuadrícula en las Preferencias de Photoshop si es necesario.
Haga clic en Aceptar para salir del cuadro de diálogo Preferencias. Ahora debería ver su cuadrícula en su nuevo color (en mi caso amarillo) sobre la parte superior de su imagen:
La cuadrícula que se muestra sobre la parte superior de la imagen.
Paso 6: arrastre una serie de selecciones horizontales
Creemos nuestras franjas horizontales primero. Tome su herramienta de marco rectangular de la paleta Herramientas, o presione M en su teclado para seleccionarla rápidamente:
Seleccione la herramienta Marco rectangular.
Ahora usemos nuestra cuadrícula para ayudarnos a crear nuestras franjas horizontales. Primero, asegúrese de que la capa "Tiras horizontales" esté seleccionada en la paleta Capas (la capa seleccionada actualmente está resaltada en azul). Voy a crear franjas horizontales que tienen dos filas de cuadrícula de alto, con una fila de cuadrícula que las separa entre sí. Ahora, quiero asegurarme de que los ojos de la mujer estén incluidos en el efecto final, así que voy a comenzar arrastrando una selección alrededor de las dos filas de cuadrícula frente a sus ojos. De manera predeterminada, mi selección se ajustará a la cuadrícula a medida que la arrastre para facilitar las cosas. Si encuentra que su selección no se ajusta a la cuadrícula, vaya al menú Ver en la parte superior de la pantalla, elija Ajustar a y luego elija Cuadrícula. Debería ver una marca de verificación a la izquierda de la palabra "Cuadrícula".
Aquí está mi selección alrededor de las dos filas de cuadrícula delante de sus ojos:
Arrastre una selección horizontal dos filas de cuadrícula de altura.
Esta selección se convertirá en una de nuestras franjas horizontales. Ahora creemos el resto de ellos. Mantenga presionada la tecla Mayús, que le indicará a Photoshop que agregue estas siguientes selecciones a nuestra selección original, y arrastre más selecciones horizontales, manteniendo cada una de las dos filas de cuadrícula altas y dejando una fila de cuadrícula que separa cada selección. Su imagen debería verse así cuando haya terminado:
Mantenga presionada la tecla "Mayús" y arrastre el resto de las selecciones horizontales, haciendo que cada una tenga dos filas de cuadrícula altas y dejando una fila de cuadrícula entre ellas.
Paso 7: agregar una máscara de capa
Con nuestras selecciones horizontales en su lugar, haga clic en el icono de Máscara de capa en la parte inferior de la paleta Capas para agregar una máscara de capa a la capa "Tiras horizontales":
Haga clic en el icono "Máscara de capa" en la parte inferior de la paleta de capas.
Photoshop agrega una máscara a la capa y utiliza las selecciones que hemos creado para determinar qué partes de la capa permanecerán visibles y qué partes quedarán ocultas a la vista. Las áreas que estaban dentro de nuestras selecciones horizontales permanecen visibles, mientras que las áreas que estaban en las columnas de la cuadrícula que separaron nuestras selecciones desaparecen, revelando la capa llena de negro debajo:
Después de agregar la máscara de capa, Photoshop oculta las áreas entre nuestras selecciones, revelando la capa llena de negro debajo.
Voy a presionar Ctrl + '(Win) / Command +' (Mac) para ocultar temporalmente mi cuadrícula para que podamos ver más claramente lo que sucedió. Ahora hemos creado nuestras tiras horizontales:
Ahora se crean las franjas horizontales.
Paso 8: Vuelva a activar la capa "Tiras verticales"
Vamos a hacer lo mismo ahora para crear nuestras franjas verticales. Primero, haga clic en la capa superior de "Tiras verticales" en la paleta Capas para seleccionarla, luego haga clic de nuevo en el icono de visibilidad de la capa para recuperar el globo ocular y volver a activar la capa:
Seleccione la capa "Tiras verticales" en la paleta Capas y haga clic nuevamente en el icono de visibilidad de la capa para volver a activarla.
Paso 9: arrastre una serie de selecciones verticales
Tal como lo hicimos al crear las franjas horizontales, arrastremos una serie de selecciones, esta vez verticales. Haremos las selecciones verticales de dos columnas de cuadrícula de ancho, dejando una columna de cuadrícula entre ellas. Use su herramienta Marco rectangular para arrastrar su primera selección, luego mantenga presionada la tecla Mayús y arrastre el resto de sus selecciones. Su imagen ahora debería verse así:
Arrastre una serie de selecciones verticales. Haga que tengan dos columnas de cuadrícula de ancho y deje una columna de cuadrícula entre cada selección para separarlas.
Paso 10: agrega una máscara de capa
Con nuestras selecciones verticales en su lugar, haga clic en el icono de máscara de capa en la parte inferior de la paleta de capas:
Agregue una máscara de capa a la capa "Tiras verticales".
Photoshop agrega una máscara de capa a la capa y, al igual que antes, utiliza nuestras selecciones para determinar qué áreas de la capa permanecen visibles y cuáles desaparecen de la vista. Las áreas dentro de nuestras selecciones permanecen visibles, y las áreas que estaban dentro de las columnas de la cuadrícula que separan nuestras selecciones desaparecen revelando tanto la capa "Tiras horizontales" como la capa llena de negro a continuación:
Solo las áreas que estaban dentro de nuestras selecciones verticales permanecen visibles.
Una vez más, apagaré mi grilla temporalmente con Ctrl + ' (Win) / Command +' (Mac) para que podamos ver la imagen en sí más fácilmente. Su imagen ahora debería verse así:
Ahora se crean las tiras verticales y horizontales.
Paso 11: Seleccione todos los puntos de intersección de la tira
Tenemos nuestras franjas verticales y horizontales, pero todo lo que parece en este momento es que tenemos un montón de cuadrados negros que cubren nuestra imagen. Necesitamos crear la ilusión de que las tiras se tejen una encima de otra. Para hacer eso, debemos seleccionar las áreas donde se cruzan las tiras verticales y horizontales. Sin embargo, antes de hacer eso, presione Ctrl + '(Win) / Command +' (Mac) para apagar la cuadrícula si aún no lo ha hecho, ya que ya no lo necesitamos. Luego, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic directamente en la miniatura de la máscara de capa de la capa "Tiras horizontales":
Mantenga presionada la tecla "Ctrl" (Win) / "Comando" (Mac) y haga clic directamente en la miniatura de la máscara de capa "Tiras horizontales".
Esto cargará las selecciones horizontales de nuevo en la imagen:
Las selecciones horizontales ahora se cargan una vez más en la imagen.
Luego mantenga presionadas las teclas Mayús + Ctrl + Alt (Win) / Mayús + Comando + Opción (Mac) y haga clic directamente en la miniatura de la máscara de capa "Tiras verticales":
Mantenga presionada la tecla "Shift + Ctrl + Alt" (Win) / "Shift + Command + Option" (Mac) y haga clic directamente en la máscara de capa "Tiras verticales".
Esto hará dos cosas: una, cargará las selecciones verticales nuevamente en la imagen, y dos, le indicará a Photoshop que mantenga la selección solo alrededor de las áreas donde se intersecan las selecciones horizontal y vertical. Todo lo demás queda deseleccionado:
Solo las áreas donde se cruzan las selecciones horizontal y vertical permanecen seleccionadas.
Paso 12: guardar la selección
Antes de continuar, necesitamos guardar esta selección. Para hacerlo, vaya al menú Seleccionar en la parte superior de la pantalla y elija Guardar selección. Cuando aparezca el cuadro de diálogo "Guardar selección", simplemente haga clic en Aceptar en la esquina superior derecha para salir de él:
Guarda la selección.
Paso 13: anule la selección de cualquier otra selección cuadrada
Con su herramienta de marco rectangular todavía activa, mantenga presionada la tecla Alt (Win) / Opción (Mac) y arrastre una selección alrededor de cualquier otra selección cuadrada. Esto anulará la selección de las selecciones que arrastre. Continúe arrastrando alrededor de cualquier otra selección de cuadrados para anular su selección hasta que solo quede la mitad de las selecciones de cuadrados originales. Su imagen debería verse así:
Anule la selección de cualquier otra selección cuadrada hasta que solo quede la mitad de ellas.
Paso 14: Copie la selección a una nueva capa
Haga clic en la miniatura de la capa "Tiras horizontales" en la paleta Capas para seleccionarla. Luego presione Ctrl + J (Win) / Comando + J (Mac) para copiar las áreas seleccionadas a una nueva capa. No verá que le pase nada a la imagen en sí, pero si mira en la paleta Capas, verá una nueva capa llamada "Capa 1" agregada entre las capas "Tiras horizontales" y "Tiras verticales" que contiene nuestro cuadrado áreas seleccionadas:
Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para copiar las áreas seleccionadas a una nueva capa.
Paso 15: crear una máscara de recorte
Con la nueva capa seleccionada, vaya al menú Capa en la parte superior de la pantalla y elija Crear máscara de recorte . También puede usar el método abreviado de teclado Ctrl + Alt + G (Win) / Comando + Opción + G (Mac). De cualquier manera, "recorta" la nueva capa a la capa debajo de ella. No podemos ver ninguna diferencia en la imagen en sí, pero en la paleta Capas, podemos ver que la nueva capa ahora está sangrada a la derecha, lo que nos dice que está siendo recortada por la capa debajo de ella:
Mantenga presionada la tecla "Ctrl" (Win) / "Comando" (Mac) y haga clic en la miniatura de la máscara de capa de "Tiras horizontales".
Paso 16: vuelva a cargar la selección guardada
Volvamos a la selección que guardamos hace un momento, y podemos hacerlo fácilmente usando el atajo de teclado Ctrl + Alt + 4 (Win) / Comando + Opción + 4 (Mac):
Vuelva a cargar la selección guardada.
Paso 17: anule la selección de las selecciones de cuadrados opuestos
Con la herramienta Rectangular Marquee Tool aún seleccionada, una vez más mantenga presionada la tecla Alt (Win) / Opción (Mac) y arrastre alrededor de cualquier otra selección cuadrada para anular su selección. Esta vez, sin embargo, desea mantener las selecciones cuadradas que eliminó la primera vez que hicimos esto y deseleccionar todas las que guardó, para que cuando termine, su imagen se vea así:
Mantenga presionada la tecla "Alt" (Win) / "Opción" (Mac) y arrastre las selecciones alrededor de las selecciones cuadradas para deseleccionarlas. Mantenga los que deseleccionó previamente y deseleccione los que mantuvo.
Paso 18: Copie la selección a una nueva capa
Haga clic en la capa "Tiras verticales" en la parte superior de la paleta Capas para seleccionarla, luego presione Ctrl + J (Win) / Comando + J (Mac) para copiar las áreas seleccionadas a una nueva capa. Nuevamente, no veremos que le pase nada a la imagen en sí, pero la paleta Capas nos muestra una nueva capa llamada "Capa 2" sobre la capa "Tiras verticales" que contiene nuestras áreas cuadradas seleccionadas:
La paleta Capas que muestra la nueva capa en la parte superior que contiene nuestras áreas cuadradas seleccionadas.
Paso 19: crear una máscara de recorte
Tal como lo hicimos hace un momento, vaya al menú Capa y elija Crear máscara de recorte o presione Ctrl + Alt + G (Win) / Comando + Opción + G (Mac) para crear una máscara de recorte. Ahora podemos ver la nueva capa con sangría a la derecha que nos dice que está siendo recortada por la capa "Tiras verticales" debajo de ella:
La nueva capa ahora está siendo recortada por la capa "Tiras verticales" debajo de ella.
Paso 20: Agregue un estilo de capa de brillo externo
Con la capa superior aún seleccionada, haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas:
Haga clic en el icono "Estilos de capa".
Seleccione Resplandor exterior de la lista de estilos de capa que aparece:
Seleccione el estilo de capa "Resplandor exterior".
Esto muestra el cuadro de diálogo "Estilo de capa" establecido en las opciones de "Resplandor exterior" en el medio. Vamos a convertir nuestro "resplandor" en una sombra, y para hacer eso, necesitamos cambiar el Modo de Fusión en la parte superior de Multiplicar . Tampoco queremos que el amarillo sea nuestro color de sombra, así que haga clic en la muestra de color justo debajo de la palabra "Ruido", que muestra el Selector de color de Photoshop, y seleccione negro como color. Haga clic en Aceptar una vez que haya seleccionado negro para salir del Selector de color. Baje el valor de Opacidad a aproximadamente 60% para que la sombra no sea tan oscura e intensa. Finalmente, en la sección "Elementos" en el medio del cuadro de diálogo, aumente el valor de Tamaño a alrededor de 40 píxeles:
Cambie las opciones de "Resplandor exterior" marcadas con un círculo en rojo arriba.
Es posible que deba ajustar el valor de "Tamaño" según el tamaño y la resolución de la imagen que está utilizando. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Estilo de capa. Su imagen ahora debería verse así. Ya casi hemos terminado:
La imagen después de aplicar el estilo de capa a "Capa 2".
Paso 21: Copie y pegue el estilo de capa en "Capa 1"
Todo lo que queda por hacer ahora es aplicar exactamente el mismo estilo de capa Outer Glow a "Layer 1". En lugar de agregar otro Outer Glow y tener que cambiar todos los ajustes en las opciones nuevamente, simplemente podemos copiar nuestro estilo de capa desde "Layer 2" y pegarlo en "Layer 1". Para hacerlo, vaya al menú Capa en la parte superior de la pantalla, elija Estilo de capa y luego elija Copiar estilo de capa . Luego haga clic en "Capa 1" en la paleta Capas para seleccionarlo, vuelva al menú Capa, elija Estilo de capa una vez más, y esta vez, elija Pegar estilo de capa .
Tan pronto como lo haga, el Resplandor exterior, junto con todos los ajustes que acabamos de cambiar, se pegará en la "Capa 1", y el efecto de "tiras de fotos entrelazadas" estará completo:
Copie y pegue el estilo de capa Outer Glow de "Layer 2" en "Layer 1" para completar el efecto.
¡Y ahí lo tenemos! ¡Así es como crear un efecto de tiras de fotos entrelazadas en Photoshop! ¡Visite nuestra sección de Efectos fotográficos para obtener más tutoriales sobre efectos de Photoshop!