Efecto Trama

7/23/2019 Efecto Trama

1/24

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 inflein en Photoshop de

la red para ayudarnos.!a primera vez "ue vi este efecto de Photoshop, pens# $%o&, hay algunas cosas

realmente avanzado pasando ah'$. Sin embargo, como con la mayora de las cosas en la

vida, despu#s de pensar en ello durante unos minutos, me di cuenta de lo simple "ue

realmente es, como veremos'

("u est la foto voy a estar usando para este tutorial. Es la misma imagen "ue utilic# en

el fantasma )na imagen tutorial, pero funciona muy bien con este efecto tambi#n*

Photoshop Effects: The original image.

Y aqu la misma imagen despus de lo que la convierte en cruce tiras.Notifcacin de la manera en que la vertical y horizontal tiras parecenalternar entre ir por encima y por debajo de otra (que es donde el


2/24

entrelazamiento viene de parte!"

Photoshop Effects: The final result.

Vamos a empezar.

Paso +* recortar la imagen en una plaza

!o primero "ue tenemos "ue hacer para este efecto es recortar la imagen en una plaza,

aun"ue t#cnicamente se puede dear la imagen como un - o cual"uier tama/o "ue

pasa a ser, pero el efecto tiende a mirar meor como un cuadrado, as "ue la cosecha de

ello. 0osotros usaremos Photoshop de la herramienta 1ecortar para ello, as "ue

seleccione de la paleta de herramientas*

Photoshop Effects: Select the Crop Tool.

2ambi#n puede pulsar la letra 3 para seleccionar de forma rpida con el atao de

teclado. !uego, con la herramienta recortar seleccionado, mantenga pulsada yourShiftclave y arrastre una seleccin en torno a la persona la cara. !e dice a la celebracin de

Photoshop 4ay5s para limitar la seleccin a un cuadrado perfecto*


3/24

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

Pulse 6ntro 7%indo&s8 9 1etorno 74ac8 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.

#aso $" %uplicar la capa de &ondo dos veces

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


4/24

imagen. i nos fjamos en la paleta de capas) podemos ver que actualmente

tenemos una capa que se llama de &ondo y que contiene nuestra imagen

original (o al menos) lo que queda de nuestra imagen original) ahora que

hemos cortara!. *enemos que duplicar la capa de &ondo un par de veces) por

lo que utilizar el atajo de teclado +trl , - (in! / +omando , - (0ac! para

duplicar una vez y luego utilizar el mismo mtodo abreviado de teclado de

nuevo para crear una segunda copia. 1sted debe ver ahora tres capas en su

paleta +apas. 2aga 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+" !in# $ "Command+" !%ac# to create two copies of the &acground la(er) then

rename the top one "*ertical strips" and the ottom one "Hori,ontal strips".

Paso :* !lene la capa de fondo negro con

Presione ; 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 7el tuyo puede estar ya establecidos los colores por defecto8. ( continuacin,haga clic sobre la capa de fondo original 7la capa inferior8 en la paleta de capas para

seleccionarlo. Vamos a llenarlo con negro, y ahora con negro como color de frente

nuestro, podemos utilizar el atao de teclado (lt < 1etroceso 7%in8 9 =pcin < Supr

74ac8, "ue actualmente ocupa la capa seleccionada con el actual color de frente

7 negro8. 0ada parece haber sucedido a la imagen, ya "ue las dos capas por encima de la

capa de fondo "ue son de blo"ueo de la vista, pero si nos fiamos en la paleta de capas,

podemos ver "ue la capa de fondo de la miniatura est llena de negro, nos dice "ue la

capa se rellena con negro*en


5/24

#aso 3" %ar vuelta a la capa superior &uera por ahora

4amos a crear nuestro horizontal tiras en primer lugar) pero el 4ertical

trips capa en la parte superior se va a bloquear nuestro punto de vista lo

que necesitamos temporalmente a apagarlo. #ara 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 +apas. 1sted no va a ver nadasuceder5 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 permitir5

saber que la capa es ahora oculto"


6/24

Photoshop Effects: Clic on the "e(eall" icon to the left of the "*ertical Strips" la(er in the -a(ers palette to

temporaril( turn the la(er off.

Paso >* (ctivar el Photoshop de la red

Vamos a crear nuestro vertical y horizontal de las tiras, y "ue nos ayude a cabo, vamos a

utilizar Photoshop de la red. 6r hasta el men5 Ver, en la parte superior de la pantalla,seleccione 4ostrar y, a continuacin, elegir la red. 2ambi#n puede utilizar el atao de

teclado 3trl < ?7%in8 9 3ommand


7/24

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

#aso 6" arrastrar a cabo una serie de selecciones horizontal

4amos a crear nuestra primera tiras horizontales. 7poderarse de suherramienta rectangular 0arquesina de la paleta de herramientas) o pulse 0

en su teclado para seleccionar de &orma r5pida es el siguiente"

Photoshop Effects: Select the /ectangular %arquee Tool.

(hora vamos a utilizar nuestra red para "ue nos ayuden a crear nuestras tiras

horizontales. En primer lugar, aseg5rese de "ue el $horizontal tiras de$ capa est

seleccionada en la paleta de capas 7la capa seleccionada actualmente se destaca en azul8.

Voy a crear tiras horizontales "ue son dos hileras de red de alto, con una lnea "ue

separa la red entre s. (hora, "uiero asegurarme de "ue la muer de oos estn incluidos

en el efecto final, por lo "ue voy a comenzar por arrastrar a cabo una seleccin en torno

a la red dos filas delante de sus oos. ;e forma predeterminada, la seleccin se unirn a

la grilla como estoy arrastrando a hacer las cosas fciles. Si usted encuentra "ue su

seleccin no es el auste automtico a la red, ir hasta el men5 Ver, en la parte superior dela pantalla, seleccione (ustar a y, a continuacin, elegir la red. )sted debera ver una


8/24

marca de verificacin a la iz"uierda de la palabra $Aua$.

("u est mi seleccin en torno a la red dos filas delante de sus oos*

Photoshop Effects: 0rag out a hori,ontal selection two grid rows high.

Esta seleccin se convertir en una de nuestras tiras horizontales. (hora vamos a crear

el resto de ellos. 4antenga pulsado el tecla Shift, "ue le dir Photoshop para a/adir

estas selecciones primo a nuestra seleccin original, y arrastrar a las selecciones ms

horizontal, manteniendo cada una cuadrcula de dos filas de alto y deando una reilla

"ue separa cada fila de seleccin. Su imagen debe tener este aspecto cuando haya

terminado*

Efectos de Photoshop* 4antenga pulsado $4ay5s$ y arrastrar el resto de las selecciones

de la horizontal, haciendo cada uno dos filas de la red de alta y deando una fila de la

red entre ellos.


9/24

Paso D* (/adir una mscara de capa

3on 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*

8&ectos de #hotoshop" 2aga clic en la m5scara de capa icono en la parte

in&erior de la paleta +apas.

#hotoshop a9ade una m5scara de la capa y utiliza las selecciones que

hemos creado para determinar qu partes de la capa seguir5 siendo visible

y que se convertir5 en partes ocultas de la vista. 'as 5reas que &ueron

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* ;espu#s de a/adir la mscara de capa, Photoshop esconde las zonas

entre nuestras selecciones, revelando el negro lleno de capa debao.

Voy a pulsar 3trl < ?7%in8 9 3ommand


10/24

#hotoshop 8&ectos" 'a tiras horizontales son ahora creados.#aso :" 'a ;ira 4ertical trips 8l +apa 4olver

4amos a hacer lo mismo ahora para crear nuestro tiras verticales. 8n primerlugar) haga clic en la parte superior 4ertical trips capa en la paleta decapas para seleccionarlo) a continuacin) haga clic de nuevo en su capa devisibilidad icono para traer de vuelta el globo ocular y gire a la capa sobre s

misma"

8&ectos de #hotoshop" eleccione la opcin 4ertical trips capa en la

paleta +apas y haga clic una vez m5s sobre su icono de capa visibilidad a su


11/24

vez la capa de nuevo.

#aso


12/24

m5scara de capa en la parte in&erior de la paleta +apas"

Efectos de Photoshop* (/adir una mscara de capa a la $vertical de las tiras de$ capa.

Photoshop a/ade una mscara de capa a la capa y al igual "ue antes, utiliza nuestra

seleccin para determinar "u# reas de la capa permanecen visibles y cules

desaparecen de la vista. !as reas dentro de nuestras selecciones siguen siendo visibles,

y las zonas "ue fueron en el interior de la cuadrcula "ue separa las columnas

desaparecen nuestras selecciones revelar la $tiras horizontales$ y de la capa de negro

lleno de capa a continuacin*


13/24

Photoshop Efectos* Slo las zonas "ue se encontraban en vertical nuestra seleccin

siguen siendo visibles.

)na vez ms voy a apagar mi red temporalmente con 3trl < ?7%in8 9 3ommand


14/24

Efectos de Photoshop* 4antenga pulsada la tecla $3trl$ 7%in8 9 $3omando$ 74ac8 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* !a horizontal selecciones estn ahora cargados de nuevo en la

imagen.

( continuacin, mantenga pulsada 4ay5s < 3trl < (lt 7%in8 9 4ay5sculas < 3omando

< =pcin 74ac8 y haga clic directamente sobre la $vertical de las tiras de$ mscara de

capa en miniatura*


15/24

Efectos de Photoshop* 4antenga pulsado $4ay5s < 3trl < (lt$ 7%in8 9 $4ay5sculas @" deseleccionar todos los dem5s cuadrados de seleccin

+on su herramienta rectangular 0arquesina todava activa) mantenga

presionada la tecla 7lt su (in! / Apcin (0ac! clave y arrastre una seleccinen torno a todos los dem5s cuadrados de seleccin. 8sto se anule la

seleccin se arrastra alrededor. iga arrastrando en torno a todos los dem5s

cuadrados de seleccin para anular su seleccin hasta que slo la mitad de


17/24

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

esta"

Efectos de Photoshop* ;esactive todos los dems cuadrados de seleccin hasta "ue slo

la mitad de ellos siguen siendo.Paso +-* 3opiar la seleccin a una nueva capa

Caga clic en el $horizontal tiras de$ capa en miniatura en la paleta de capas para

seleccionarlo. ( continuacin, pulse 3trl < F 7%in8 9 3omando < F 74ac8 para copiar las

zonas seleccionadas a una nueva capa. )sted no va a ver nada suceder a la propia

imagen, pero si te ves en la paleta 3apas, vers una nueva capa llamada $3apa +$ a/adi

entre las $tiras horizontales$ y $tiras verticales$ capas "ue contiene nuestro cuadrados

zonas seleccionadas*


18/24

Efectos de Photoshop* Presione $3trl < F$ 7%in8 9 $3omando < F$ 74ac8 para copiar las

zonas seleccionadas a una nueva capa.

Paso +>* 3rear una mscara de recorte

3on la nueva capa seleccionada, vaya hasta el men5 3apa en la parte superior de la

pantalla y elegir 3rear limitacin de mscara. 2ambi#n puede utilizar el atao de teclado

3trl < (lt < A 7%in8 9 3omando < =pcin < A 74ac8. ;e cual"uier manera $clips$ de la

nueva capa a la capa debao de #l. 0o podemos ver ninguna diferencia en la imagen de

s mismo, sino en la paleta de capas, podemos ver "ue la nueva capa se ha sangrado a la

derecha "ue nos dice "ue se est cortado por debao de la capa es el siguiente*

Efectos de Photoshop* 1etener $3trl$ 7%in8 9 $3omando$ 74ac8 y haga clic en el $tiras

horizontales$ de la capa de mscara de capa en miniatura.

Paso +* Volver a cargar la seleccin guardada


19/24

Vamos a traer de vuelta a la seleccin "ue salv hace un momento, y podemos hacerlo

fcilmente usando el atao de teclado 3trl < (lt


20/24

Efectos de Photoshop* 4antenga pulsada la tecla $(lt$ 7%in8 9 $=ption$ 74ac8 y

arrastre la seleccin alrededor de la plaza selecciones para anular la seleccin de ellos.

4antenga los "ue previamente seleccionada y desactive los "ue mantenerse.Paso +G* 3opiar la seleccin a una nueva capa

Caga clic en el $Vertical Strips$ en la capa superior de la paleta de capas para

seleccionarlo, a continuacin, pulse 3trl < F 7%in8 9 3omando < F 74ac8 para copiar las

zonas seleccionadas a una nueva capa. )na vez ms, no vamos a ver nada suceder a la

imagen en s, sino la paleta de capas nos muestra una nueva capa llamada $3apa $ por

encima de la $vertical de las tiras de$ capa "ue contiene nuestro seleccionado cuadrados

reas*


21/24

Photoshop Efectos* !a paleta de capas mostrando la nueva capa en la parte superior "ue

contiene nuestro seleccionado zonas cuadrados.

Paso +H* 3rear una mscara de recorte

(s como lo hicimos hace un momento, ya sea ir hasta el men5 3apa y seleccione 3rear

limitacin de mscara o pulse 3trl < (lt < A 7%in8 9 3omando < =pcin < A 74ac8

para crear una mscara de recorte. (hora podemos ver la nueva capa con sangra a laderecha nos dice "ue se est recortado por la $vertical de las tiras de$ capa debao de

ella*

Photoshop Efectos* !a nueva capa se est recortado por la $vertical de las tiras de$ capa

debao de #l.Paso I* (/adir una capa de brillo eterior de estilo

3on la capa superior a5n seleccionado, haga clic en el icono Estilos de capa en la parte

inferior de la paleta 3apas*

Efectos de Photoshop* Caga clic en $Estilos de capa$ icono.

Seleccione )ltraterrestre 1esplandor de la lista de Estilos de capa "ue aparece*


22/24

Efectos de Photoshop* Seleccione la opcin $1esplandor eterior$ estilo de capa.

Esto hace "ue el $Estilo de capa$ cuadro de dilogo para establecer el $1esplandor

eterior$ opciones en el medio. Vamos a convertir nuestro $brillo$ en una sombra, y

para ello, tenemos "ue cambiar el 4odo de mezcla en la parte superior de 4ultiplicar.

(simismo, no "uieren amarillo como color de nuestra sombra, de modo "ue haga clic en

el cuadro 3olor usto debao de la palabra $ruido$, "ue trae Photoshop del 3olor PicBer,

y seleccione el negro como color. Caga clic en (ceptar una vez "ue haya seleccionado

negro para salir de la 3olor PicBer. Jaa la opacidad valor a alrededor del IK por lo

"ue la sombra no es tan oscuro e intenso. Por 5ltimo, en los $Elementos$ en la seccin

media del cuadro de dilogo, aumentar el tama/o de valor a alrededor de -I peles*

Efectos de Photoshop* 3ambiar el $1esplandor eterior$ opciones de crculos en roo

arriba.

Es posible "ue tenga "ue austar el $2ama/o$ valor dependiendo del tama/o y la

resolucin de la imagen "ue se est usando. Caga clic en (ceptar cuando hayaterminado de salir de la capa cuadro de dilogo Estilo. Su imagen debe ser algo como

esto. Estamos casi listos*


23/24

Photoshop Efectos* !a imagen despu#s de la aplicacin de la capa de estilo para $0ivel

$.

Paso +* 3opie y pegue el Estilo de capa en $0ivel +$2odo lo "ue "ueda por hacer ahora es aplicar el mismo eacto capa eterior 1esplandor

estilo de $3apa +$. En lugar de a/adir otro 1esplandor eterior y tener "ue cambiar

todos los austes en las opciones de nuevo, podemos simplemente copiar nuestro estilo

de la capa de $0ivel $ y p#guelo en $0ivel +$. Para ello, vaya hasta el men5 3apa en la

parte superior de la pantalla, elia Estilo de capa y, a continuacin, elegir la capa copias

de estilo. ( continuacin, haga clic en $0ivel +$ en la paleta de capas para seleccionar

esa opcin, volver hasta el men5 3apa, Estilo de capa elegir una vez ms, y esta vez,

choosePaste Estilo de capa.

2an pronto como lo hagas, el resplandor eterior, unto con todos los austes "ue acaba

de cambiar, se pega en $0ivel +$ y el $entrelazamiento foto tiras$ efecto completo es*


24/24

Efectos de Photoshop* 3opie y pegue la capa eterior 1esplandor estilo de $0ivel $ a

$0ivel +$ para completar el efecto.

L ah lo tenemos'

Efecto Trama

Documents

Transcript of Efecto Trama