Subscribe:

Ads 728x90px

26 sept. 2012

Efecto Graffiti con Photoshop

Este tutorial es simple pero muy interesante por el efecto a obtener. Es importante seleccionar la fuente de letras apropiadas. Para éste ejemplo he seleccionado el tipo de fuente "Carousel". Si quieres practicar éste tutorial con el mismo tipo de fuente que he utilizado acá, puedes visitar el sito web donde encontrarás ésta y cientos de fuentes que puedes bajar e instalar en tu computadora. http://www.fontsquirrel.com/fonts/Carousel 

Es importante mensionar que para éste tutorial he utilizado Photoshop CS5 versión en inglés, si tu versión es en español u otro idioma, no deberías de tener ningún problema, en mi caso lo que haría es comparar imágenes, y concluir lo que se dice acá.  Si estás utilizando una versión inferior o superior a ésta, no importa, el resultado será el mismo. La imagen de abajo es el resultado de lo que lograremos al final de éste tutorial.


Suponiendo que ya has bajado e instalado la fuente que deseas. Abre photoshop y asegurate que puedas ver la fuente que has instalado.

1. Dimensiones del documento y fuente Para el propósito de éste tutorial he creado un documento con éstas dimensiones; width (ancho) = 620px; hight (altura) = 430px.  Luego selecciona el tipo de fuente que hemos bajado (Carousel), y aplicando un color negro (#000000)  para éste texto, en mi caso he escrito la palabra "Nicachipal", tú por lo tanto puedes escribir el texo que desees.  Las dimensiones de la fuente que aplicaremos será de 90px. Nombra esta capa "logo".



2. Duplicar capa
Ahora duplica la capa "logo".  Photoshop automáticamente la nombrará "logo copy" y la colocará arriba de la capa "logo".  A ésta capa que has duplicado cambia el color del texto a rojo (#FF0000).
3. Aplicar sombreado
Ahora deberías de tener dos capas; la capa inferior "logo" con una fuente de color negro y la capa superior "logo copy", con una fuente de color rojo .  Esconde la capa superior dando un click en el ojo. Luego ve a Layer > Layer Style > Drop Shadow y pon los siguientes valores (ver imágen abajo)Blend Mode: Multiply, Opacity: 100%, Angle: 45º, Distance: 11px, Spread: 43%, Size: 21px.



4. Aplicar contorno blanco
En la misma capa que tenemos activa, aplicaremos ahora  un contorno o trazado blanco. Ve a Layer > Layer Style > Stroke, luego inserta los siguientes valores (ver imágen abajo):  Tamaño de trazo: 5px, Position: Outside, Blend Mode: Normal, Opacity: 100%, Color: White (#FFFFFF).



Esto nos dará un trazo fuerte y hermoso color blanco que hará resaltar el texto ante el sombreado que aplicamos en paso 3.
5. Aplicar efecto incandescente
Siempre en la misma capa ("logo"), aplicaremos ahora un resplandor exterior. Ve a Layer > Layer Style > Outer Glow e inserta los siguientes valores (ver imágen abajo): Blend Normal: Normal, Opacity: 100%, Color: #996600, Spread:15%, Size: 13px, Contour: Rolling Slope - Descending, Range: 50%, Jitter: 0%.


6. Aplicar contorno en capa "logo copy"
Ahora seleccionamos la capa superior "logo copy" y la hacemos visible, y aplicaremos un trazo de color negro.  Ve  a Layer > Layer Style > Stroke, luego inserta los siguientes valores:
Size: 3px, Position: Outside, Blend Mode: Normal, Opacity: 100%, Color: Negro (#000000).


7. Aplicar Bisel y Relieve (Bevel and Emboss)

Aplicamos ahora a la misma capa "logo copy" Bisel y Relieve selecionando Layer > Layer Style > Bevel and Emboss, e insertamos los siguientes valores (ver imágen abajo):  
Style: Stroke Emboss, Technique: Chisel Soft, Depth: 1000%, Size: 248px, Soften: 10px, Angle: 45, Altitude: 30, Gloss Contour: Ring, Highlight Mode: Screen at 100%, Shadow Mode: Multiply, Color: #000000, Opacity: 75%.


8. Aplicar Sombreado Interno

El último efecto para ésta capa será aplicar un sombreado interno.  Ve a Layer > Layer Style > Inner Shadow, e inserta los siguientes valores (ver imágen abajo):
Blend Mode: Normal, Color: #FFCC00, Opacity: 100%, Angle: 45, Distance: 4px, Choke: 14%, Size: 1px, Contour: Rounded Steps.


Hasta el momento solo hemos logrado un efecto interesante, pero no lo suficiente para lo que nos hemos propuesto, lo cual es lograr un efecto al estilo grafiti.
9. Seleccionar Fondo de Pared

Para propósitos de éste tutorial particularmente he seleccionado el fondo provisto en éste blog. Esta a tu elección de escoger el fondo que quieras. Si quieres obtener los mismos resultados con el fondo que he escogido, puedes copiarlo a tu PC, y éste es el vínculo donde lo puedes obtener http://upload.wikimedia.org/wikipedia/commons/1/14/Background_brick_wall.jpg

10. Convertir a "Smart Filter"

Lo que haremos ahora es muy simple. Asegurate de que ambas capas ("logo" y "logo copy") estén activas o seleccionadas luego ve a Filter > Convert for Smart Filters.
Desde éste momento la capa que originalmente tenía característica de texto, deja de serlo, lo que significa que no podrás modificar el texto, fuente y color de éste.   Con ésta acción hemos logrado dos cosas, como es agrupar ambas capas en una sola y al mismo tiempo convertir la nueva capa en un "smart object", el cual nos provee la característica de poder modificar el tamaño de la imagen sin sobrescribir los datos de la imagen original, que permanece disponible en caso de que quisieramos revertilra. Nombra ésta capa "logo smart".


11. Duplicar capa "logo smart"
Ahora vamos duplicar la capa "logo smart", nuevamente photoshop creará una nueva capa con el nombre "logo smart copy" y la colocará por encima de "logo smart".

12. Aplicar sombreado a capa "logo smart"
Similar como hicimos en paso 3, esconde la capa superior "logo smart copy", luego ve aLayer > Layer Style > Drop Shadow y pon los siguientes valores (ver imágen abajo):   Blend Mode: Darken, Color: #000000, Opacity: 80%, Angle:45º, Distance: 6px, Spread:6%, Size: 15px, Contour: Ring, Noise: 0%.


Acepta esos valores dando click en OK, luego ve al modo de mezcla (Blending mode) de la capa y selecciona Overlay y Opacity:70%; (ver imágen abajo)



13. Ultimo retoque
Prácticamente ya hemos terminado, lo único que haremos es darle un color más vivo a nuestro graffiti.  Para eso tenemos que seleccionar y hacer visible la capa "logo smart copy" y aplicar modo de mezcla (ver imágen abajo): selecciona Darken y Opacity: 68%.


Bueno, aquí hemos terminado.  Es importante mensionar que de acuerdo al fondo que selecciones, tendrás que hacer algunos ajustes a las capas. El principio basicamente es lo que hemos aprendido en éste tutorial.  Una vez que domines, colores, trazos y efectos de sombreado, se hará muy fácil crear, modificar o editar cualquier tipo de imagen.   




Productos que deberías tener