Escrito por Steve Patterson

Photoshop En este tutorial vamos a aprender a crear un interesante efecto de la foto

tomando una imagen y convertirla en una serie de tiras de imbricacin. Vamos a estar
utilizando unos pocos capas y mscaras de capa en el tutorial, as como un par de
mscaras de recorte y una capa de estilo, y nos pondremos de inflexin en Photoshop de
la red para ayudarnos.
La primera vez que vi este efecto de Photoshop, pens "Wow, hay algunas cosas
realmente avanzado pasando ah!". Sin embargo, como con la mayora de las cosas en la
vida, despus de pensar en ello durante unos minutos, me di cuenta de lo simple que
realmente es, como veremos!
Aqu est la foto voy a estar usando para este tutorial. Es la misma imagen que utilic en
el fantasma Una imagen tutorial, pero funciona muy bien con este efecto tambin:

Photoshop Effects: The original image.

Y aqu la misma imagen despus de lo que la convierte en cruce tiras.

Notificacin de la manera en que la vertical y horizontal tiras parecen
alternar entre ir por encima y por debajo de otra (que es donde el

"entrelazamiento" viene de parte):

Photoshop Effects: The final result.

Vamos a empezar.
Paso 1: recortar la imagen en una plaza
Lo primero que tenemos que hacer para este efecto es recortar la imagen en una plaza,
aunque tcnicamente se puede dejar la imagen como un 4x6 o cualquier tamao que
pasa a ser, pero el efecto tiende a mirar mejor como un cuadrado, as que la cosecha de
ello. Nosotros usaremos Photoshop de la herramienta Recortar para ello, as que
seleccione de la paleta de herramientas:

Photoshop Effects: Select the Crop Tool.

Tambin puede pulsar la letra C para seleccionar de forma rpida con el atajo de
teclado. Luego, con la herramienta recortar seleccionado, mantenga pulsada yourShift
clave y arrastre una seleccin en torno a la persona la cara. Le dice a la celebracin de
Photoshop Mays para limitar la seleccin a un cuadrado perfecto:

Photoshop Effects: Hold down "Shift" and drag a square selection around the person's face.

Pulse Intro (Windows) / Retorno (Mac) cuando haya terminado arrastrando a cabo la
seleccin, y Photoshop va por delante y los cultivos de la imagen en una plaza:

Photoshop Effects: The image is now cropped into a square.

Paso 2: Duplicar la capa de fondo dos veces

Lo siguiente que vamos a hacer es crear un par de copias de nuestra

imagen. Si nos fijamos en la paleta de capas, podemos ver que actualmente

tenemos una capa que se llama de fondo y que contiene nuestra imagen
original (o al menos, lo que queda de nuestra imagen original, ahora que
hemos cortara). Tenemos que duplicar la capa de fondo un par de veces, por
lo que utilizar el atajo de teclado Ctrl + J (Win) / Comando + J (Mac) para
duplicar una vez y luego utilizar el mismo mtodo abreviado de teclado de
nuevo para crear una segunda copia. Usted debe ver ahora tres capas en su
paleta Capas. Haga doble clic directamente sobre el nombre de la capa en la
parte superior y cambie su nombre por "tiras verticales" y, a continuacin,
haga doble clic directamente sobre el nombre de la capa debajo de l y le
cambie el nombre de "tiras horizontales":

Photoshop Effects: Press "Ctrl+J" (Win) / "Command+J" (Mac) to create two copies of the Background layer, then
rename the top one "Vertical strips" and the bottom one "Horizontal strips".

Paso 3: Llene la capa de fondo negro con

Presione D en el teclado para restablecer el Photoshop primer plano y el fondo de
colores a sus valores predeterminados de negro como el color como en blanco y el color
de fondo (el tuyo puede estar ya establecidos los colores por defecto). A continuacin,
haga clic sobre la capa de fondo original (la capa inferior) en la paleta de capas para
seleccionarlo. Vamos a llenarlo con negro, y ahora con negro como color de frente
nuestro, podemos utilizar el atajo de teclado Alt + Retroceso (Win) / Opcin + Supr
(Mac), que actualmente ocupa la capa seleccionada con el actual color de frente
( negro). Nada parece haber sucedido a la imagen, ya que las dos capas por encima de la
capa de fondo que son de bloqueo de la vista, pero si nos fijamos en la paleta de capas,
podemos ver que la capa de fondo de la miniatura est llena de negro, nos dice que la
capa se rellena con negro:
en

Paso 4: Dar vuelta a la capa superior fuera por ahora

Vamos a crear nuestro horizontal tiras en primer lugar, pero el "Vertical
Strips" capa en la parte superior se va a bloquear nuestro punto de vista lo
que necesitamos temporalmente a apagarlo. Para ello, haga clic en el icono
de visibilidad de la capa (el "globo ocular" icono) a la izquierda de la
"vertical de las tiras de" capa en la paleta Capas. Usted no va a ver nada
suceder a la propia imagen ya la "tiras verticales" y "tiras horizontales"
capas son idnticas en este momento, pero cuando usted haga clic en el
icono del globo ocular, el globo ocular va a desaparecer, lo que le permitir

saber que la capa es ahora oculto:

Photoshop Effects: Click on the "eyeball" icon to the left of the "Vertical Strips" layer in the Layers palette to
temporarily turn the layer off.

Paso 5: Activar el Photoshop de la red

Vamos a crear nuestro vertical y horizontal de las tiras, y que nos ayude a cabo, vamos a
utilizar Photoshop de la red. Ir hasta el men Ver, en la parte superior de la pantalla,
seleccione Mostrar y, a continuacin, elegir la red. Tambin puede utilizar el atajo de
teclado Ctrl + '(Win) / Command +' (Mac) para convertir fcilmente en la red y fuera.
Cuando su red parece, si usted encuentra que usted no puede ver muy bien porque la red
es la mezcla de color con los colores de la imagen, pulse Ctrl + K (Win) / Command +
K (Mac) para poner rpidamente hasta el Photoshop Preferencias. Entonces, desde el
men desplegable en la parte superior, elija Guas, cuadrcula y Rodajas. A partir de
aqu, podemos cambiar el color de la cuadrcula. En la cuadrcula opciones, haga clic en
el cuadro Color en la esquina superior derecha, que traer hasta el Photoshop Color
Picker. Seleccione un color para su red que podrs ver en frente de su imagen y, a
continuacin, haga clic en Aceptar para salir del Color Picker. Usted puede ver en la
captura de pantalla por debajo de la rejilla de opciones que he cambiado mi red a color
amarillo:

Photoshop Effects: Change the color of the grid in Photoshop's Preferences if needed.

Haga clic en Aceptar para salir del cuadro de dilogo Preferencias. Ahora debe ver a su
red en su nuevo color (en mi caso amarillo) encima de la imagen:

Photoshop Effects: The grid showing over top of the image.

Paso 6: arrastrar a cabo una serie de selecciones horizontal

Vamos a crear nuestra primera tiras horizontales. Apoderarse de su
herramienta rectangular Marquesina de la paleta de herramientas, o pulse M

en su teclado para seleccionar de forma rpida es el siguiente:

Photoshop Effects: Select the Rectangular Marquee Tool.

Ahora vamos a utilizar nuestra red para que nos ayuden a crear nuestras tiras
horizontales. En primer lugar, asegrese de que el "horizontal tiras de" capa est
seleccionada en la paleta de capas (la capa seleccionada actualmente se destaca en azul).
Voy a crear tiras horizontales que son dos hileras de red de alto, con una lnea que
separa la red entre s. Ahora, quiero asegurarme de que la mujer de ojos estn incluidos
en el efecto final, por lo que voy a comenzar por arrastrar a cabo una seleccin en torno
a la red dos filas delante de sus ojos. De forma predeterminada, la seleccin se unirn a
la grilla como estoy arrastrando a hacer las cosas fciles. Si usted encuentra que su
seleccin no es el ajuste automtico a la red, ir hasta el men Ver, en la parte superior de
la pantalla, seleccione Ajustar a y, a continuacin, elegir la red. Usted debera ver una

marca de verificacin a la izquierda de la palabra "Gua".

Aqu est mi seleccin en torno a la red dos filas delante de sus ojos:

Photoshop Effects: Drag out a horizontal selection two grid rows high.

Esta seleccin se convertir en una de nuestras tiras horizontales. Ahora vamos a crear
el resto de ellos. Mantenga pulsado el tecla Shift, que le dir Photoshop para aadir
estas selecciones prximo a nuestra seleccin original, y arrastrar a las selecciones ms
horizontal, manteniendo cada una cuadrcula de dos filas de alto y dejando una rejilla
que separa cada fila de seleccin. Su imagen debe tener este aspecto cuando haya
terminado:

Efectos de Photoshop: Mantenga pulsado "Mays" y arrastrar el resto de las selecciones

de la horizontal, haciendo cada uno dos filas de la red de alta y dejando una fila de la
red entre ellos.

Paso 7: Aadir una mscara de capa

Con nuestras selecciones horizontal en su lugar, haga clic en el icono de mscara de
capa en la parte inferior de la paleta de capas para agregar una mscara de capa a la
"tiras horizontales" capa:
en

Efectos de Photoshop: Haga clic en la "mscara de capa" icono en la parte

inferior de la paleta Capas.
Photoshop aade una mscara de la capa y utiliza las selecciones que
hemos creado para determinar qu partes de la capa seguir siendo visible
y que se convertir en partes ocultas de la vista. Las reas que fueron
dentro de nuestras selecciones horizontal siguen siendo visibles, mientras
que las zonas que se encontraban en la rejilla que separa las columnas
nuestras selecciones desaparecer, revelando el negro lleno de capa debajo:

Photoshop Efectos: Despus de aadir la mscara de capa, Photoshop esconde las zonas
entre nuestras selecciones, revelando el negro lleno de capa debajo.
Voy a pulsar Ctrl + '(Win) / Command +' (Mac) para ocultar temporalmente mi red para
que podamos ver ms claramente lo que sucedi. Hemos creado nuestro tiras
horizontales:

Photoshop Efectos: La tiras horizontales son ahora creados.

Paso 8: La Gira "Vertical Strips" El Capa Volver
Vamos a hacer lo mismo ahora para crear nuestro tiras verticales. En primer
lugar, haga clic en la parte superior "Vertical Strips" capa en la paleta de
capas para seleccionarlo, a continuacin, haga clic de nuevo en su capa de
visibilidad icono para traer de vuelta el globo ocular y gire a la capa sobre s

misma:
Efectos de Photoshop: Seleccione la opcin "Vertical Strips" capa en la
paleta Capas y haga clic una vez ms sobre su icono de capa visibilidad a su

vez la capa de nuevo.

Paso 9: arrastrar a cabo una serie de selecciones verticales
As como lo hicimos al crear la tiras horizontales, vamos a arrastrar a cabo
una serie de selecciones, esta vez ms vertical. Vamos a hacer la vertical
dos selecciones de la red columnas de ancho, dejando una columna de la
red entre ellos. Utilice su herramienta rectangular Marquesina para arrastrar
a su primera seleccin y, a continuacin, mantenga presionada la tecla
MAYS y arrastre el resto de sus selecciones. Su imagen ahora debera tener

este aspecto:
Efectos de Photoshop: Arrastre a cabo una serie de selecciones vertical. Haz
que la red dos columnas de ancho y una licencia de red entre cada columna
de seleccin para separar a ellos.
Paso 10: Aadir una mscara de capa
Con nuestras selecciones verticales en su lugar, haga clic en el icono de

mscara de capa en la parte inferior de la paleta Capas:

Efectos de Photoshop: Aadir una mscara de capa a la "vertical de las tiras de" capa.
Photoshop aade una mscara de capa a la capa y al igual que antes, utiliza nuestra
seleccin para determinar qu reas de la capa permanecen visibles y cules
desaparecen de la vista. Las reas dentro de nuestras selecciones siguen siendo visibles,
y las zonas que fueron en el interior de la cuadrcula que separa las columnas
desaparecen nuestras selecciones revelar la "tiras horizontales" y de la capa de negro
lleno de capa a continuacin:

Photoshop Efectos: Slo las zonas que se encontraban en vertical nuestra seleccin
siguen siendo visibles.
Una vez ms voy a apagar mi red temporalmente con Ctrl + '(Win) / Command +' (Mac)
para que podamos ver la imagen ms fcilmente. Su imagen debe ser algo como esto:

Photoshop Efectos: La vertical y horizontal tiras son ahora creados.

Paso 11: Seleccione la tira todos los puntos de interseccin
Tenemos nuestras vertical y horizontal de las tiras, pero todo lo que realmente parece en
este momento es que tenemos un montn de plazas negro que cubre nuestra imagen.
Tenemos que crear la ilusin de que son las tiras de tejido encima y por debajo de unos
a otros. Para ello, tenemos que seleccionar las reas en las que el vertical y horizontal
tiras de interseccin. Antes de hacerlo, sin embargo, pulse Ctrl + '(Win) / Command +'
(Mac) para desactivar la red si no lo ha hecho, puesto que ya no lo necesitan. A
continuacin, mantenga presionada la tecla Ctrl de su (Win) / Command (Mac) y haga
clic en clave directamente en el "tiras horizontales" de la capa de mscara de capa en
miniatura:

Efectos de Photoshop: Mantenga pulsada la tecla "Ctrl" (Win) / "Comando" (Mac) y

haga clic directamente en el "horizontal tiras de" mscara de capa en miniatura.
Esto carga la seleccin horizontal de nuevo en la imagen:

Photoshop Efectos: La horizontal selecciones estn ahora cargados de nuevo en la

imagen.
A continuacin, mantenga pulsada Mays + Ctrl + Alt (Win) / Maysculas + Comando
+ Opcin (Mac) y haga clic directamente sobre la "vertical de las tiras de" mscara de
capa en miniatura:

Efectos de Photoshop: Mantenga pulsado "Mays + Ctrl + Alt" (Win) / "Maysculas +

Comando + Opcin" (Mac) y haga clic directamente sobre la "vertical de las tiras de"
mscara de capa.
Esto har dos cosas: Una, que la carga vertical en la seleccin a la imagen, y dos, le dir
al Photoshop para mantener la seleccin slo en torno a los mbitos en los que la
horizontal y vertical se entrecruzan las selecciones. Todo lo dems pasa a ser
seleccionada:

Photoshop Efectos: Slo las zonas en que la horizontal y vertical se entrecruzan las
selecciones siguen siendo seleccionado.

Paso 12: guardar la seleccin

Antes de ir ms lejos, tenemos que salvar esta seleccin. Para ello, vaya hasta el men
Seleccin, en la parte superior de la pantalla y chooseSave Seleccin. Cuando el botn
"Guardar seleccin" aparece el cuadro de dilogo, simplemente haga clic en Aceptar en
la esquina superior derecha para salir de ella:

Efectos de Photoshop: guardar la seleccin.

Paso 13: deseleccionar todos los dems cuadrados de seleccin
Con su herramienta rectangular Marquesina todava activa, mantenga
presionada la tecla Alt su (Win) / Opcin (Mac) clave y arrastre una seleccin
en torno a todos los dems cuadrados de seleccin. Esto se anule la
seleccin se arrastra alrededor. Siga arrastrando en torno a todos los dems
cuadrados de seleccin para anular su seleccin hasta que slo la mitad de

la plaza original siguen siendo selecciones. Su imagen debe ser parecida a

esta:

Efectos de Photoshop: Desactive todos los dems cuadrados de seleccin hasta que slo
la mitad de ellos siguen siendo.
Paso 14: Copiar la seleccin a una nueva capa
Haga clic en el "horizontal tiras de" capa en miniatura en la paleta de capas para
seleccionarlo. A continuacin, pulse Ctrl + J (Win) / Comando + J (Mac) para copiar las
zonas seleccionadas a una nueva capa. Usted no va a ver nada suceder a la propia
imagen, pero si te ves en la paleta Capas, vers una nueva capa llamada "Capa 1" aadi
entre las "tiras horizontales" y "tiras verticales" capas que contiene nuestro cuadrados
zonas seleccionadas:

Efectos de Photoshop: Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para copiar las
zonas seleccionadas a una nueva capa.
Paso 15: Crear una mscara de recorte
Con la nueva capa seleccionada, vaya hasta el men Capa en la parte superior de la
pantalla y elegir Crear limitacin de mscara. Tambin puede utilizar el atajo de teclado
Ctrl + Alt + G (Win) / Comando + Opcin + G (Mac). De cualquier manera "clips" de la
nueva capa a la capa debajo de l. No podemos ver ninguna diferencia en la imagen de
s mismo, sino en la paleta de capas, podemos ver que la nueva capa se ha sangrado a la
derecha que nos dice que se est cortado por debajo de la capa es el siguiente:

Efectos de Photoshop: Retener "Ctrl" (Win) / "Comando" (Mac) y haga clic en el "tiras
horizontales" de la capa de mscara de capa en miniatura.
Paso 16: Volver a cargar la seleccin guardada

Vamos a traer de vuelta a la seleccin que salv hace un momento, y podemos hacerlo
fcilmente usando el atajo de teclado Ctrl + Alt +4 (Win) / Comando + Opcin 4 (Mac):

Efectos de Photoshop: Recargar la seleccin guardada.

Paso 17: Anule la seleccin de la plaza frente a la seleccin
Con la herramienta rectangular Marquesina an seleccionado, una vez ms celebrar tus
Alt (Win) / Opcin (Mac) y arrastre clave en torno a todos los dems cuadrados de
seleccin para anular su seleccin. Esta vez, sin embargo, desea mantener la plaza las
selecciones que ha suprimido la primera vez que hicimos esto y deseleccionar todos los
que mantienen, de manera que cuando haya terminado, su imagen se parece a esto:

Efectos de Photoshop: Mantenga pulsada la tecla "Alt" (Win) / "Option" (Mac) y

arrastre la seleccin alrededor de la plaza selecciones para anular la seleccin de ellos.
Mantenga los que previamente seleccionada y desactive los que mantenerse.
Paso 18: Copiar la seleccin a una nueva capa
Haga clic en el "Vertical Strips" en la capa superior de la paleta de capas para
seleccionarlo, a continuacin, pulse Ctrl + J (Win) / Comando + J (Mac) para copiar las
zonas seleccionadas a una nueva capa. Una vez ms, no vamos a ver nada suceder a la
imagen en s, sino la paleta de capas nos muestra una nueva capa llamada "Capa 2" por
encima de la "vertical de las tiras de" capa que contiene nuestro seleccionado cuadrados
reas:

Photoshop Efectos: La paleta de capas mostrando la nueva capa en la parte superior que
contiene nuestro seleccionado zonas cuadrados.
Paso 19: Crear una mscara de recorte
As como lo hicimos hace un momento, ya sea ir hasta el men Capa y seleccione Crear
limitacin de mscara o pulse Ctrl + Alt + G (Win) / Comando + Opcin + G (Mac)
para crear una mscara de recorte. Ahora podemos ver la nueva capa con sangra a la
derecha nos dice que se est recortado por la "vertical de las tiras de" capa debajo de
ella:

Photoshop Efectos: La nueva capa se est recortado por la "vertical de las tiras de" capa
debajo de l.
Paso 20: Aadir una capa de brillo exterior de estilo
Con la capa superior an seleccionado, haga clic en el icono Estilos de capa en la parte
inferior de la paleta Capas:

Efectos de Photoshop: Haga clic en "Estilos de capa" icono.

Seleccione Ultraterrestre Resplandor de la lista de Estilos de capa que aparece:

Efectos de Photoshop: Seleccione la opcin "Resplandor exterior" estilo de capa.

Esto hace que el "Estilo de capa" cuadro de dilogo para establecer el "Resplandor
exterior" opciones en el medio. Vamos a convertir nuestro "brillo" en una sombra, y
para ello, tenemos que cambiar el Modo de mezcla en la parte superior de Multiplicar.
Asimismo, no quieren amarillo como color de nuestra sombra, de modo que haga clic en
el cuadro Color justo debajo de la palabra "ruido", que trae Photoshop del Color Picker,
y seleccione el negro como color. Haga clic en Aceptar una vez que haya seleccionado
negro para salir de la Color Picker. Baja la opacidad valor a alrededor del 60% por lo
que la sombra no es tan oscuro e intenso. Por ltimo, en los "Elementos" en la seccin
media del cuadro de dilogo, aumentar el tamao de valor a alrededor de 40 pxeles:

Efectos de Photoshop: Cambiar el "Resplandor exterior" opciones de crculos en rojo

arriba.
Es posible que tenga que ajustar el "Tamao" valor dependiendo del tamao y la
resolucin de la imagen que se est usando. Haga clic en Aceptar cuando haya
terminado de salir de la capa cuadro de dilogo Estilo. Su imagen debe ser algo como
esto. Estamos casi listos:

Photoshop Efectos: La imagen despus de la aplicacin de la capa de estilo para "Nivel

2".
Paso 21: Copie y pegue el Estilo de capa en "Nivel 1"
Todo lo que queda por hacer ahora es aplicar el mismo exacto capa exterior Resplandor
estilo de "Capa 1". En lugar de aadir otro Resplandor exterior y tener que cambiar
todos los ajustes en las opciones de nuevo, podemos simplemente copiar nuestro estilo
de la capa de "Nivel 2" y pguelo en "Nivel 1". Para ello, vaya hasta el men Capa en la
parte superior de la pantalla, elija Estilo de capa y, a continuacin, elegir la capa copias
de estilo. A continuacin, haga clic en "Nivel 1" en la paleta de capas para seleccionar
esa opcin, volver hasta el men Capa, Estilo de capa elegir una vez ms, y esta vez,
choosePaste Estilo de capa.
Tan pronto como lo hagas, el resplandor exterior, junto con todos los ajustes que acaba
de cambiar, se pega en "Nivel 1" y el "entrelazamiento foto tiras" efecto completo es:

Efectos de Photoshop: Copie y pegue la capa exterior Resplandor estilo de "Nivel 2" a
"Nivel 1" para completar el efecto.
Y ah lo tenemos!