Efecto de Texto Plástico

En este tutorial, se explica una técnica que si bien aqui se demuestra mediante un texto, puede aplicarse en cualquier tipo de objeto, ya sea un botón o un ícono, y se utilizan varias herramientas que vienen con el Photoshop. Nada de agregados.
Es un tutorial que catalogaría de avanzado, ya que muchos conceptos que utilizo deben ser conocidos por los usuarios, aunque intentaré ser lo más claro posible.

1.Creamos una nueva imagen de aproximadamente 600x400 píxels. Seleccionamos cualquier color de frente, en este caso el RGB (26,175,75). En un layer nuevo, utilizamos la herramienta de Texto (tecla T) para escribir cualquier texto. Lo llenamos con el color de frente y lo agrandamos hasta llenar casi todo el tamaño de la imagen (Mientras más grande, mejor sale el efecto).

2.Manteniendo presionada la tecla CTRL, hacemos un click sobre el layer que tiene el texto para seleccionarlo. A continuación, creamos un nuevo layer y contraemos la selección algunos pixels (Select>Modify>Contract), dependiendo del tamaño original del texto.

3.Seleccionamos el color blanco como color de frente (Teclas D y X consecutivamente) y llenamos la selcciòn con este color (ALT + Backspace). Deseleccionamos (CTRL + D) y aplicamos un Gaussian Blur (Filters>Blur>Gaussian Blur...) de 8 pixels. Luego volvemos a aplicarlo pero con 4 pixels y una tercera vez con 2 pixels.
Ahora, cambiamos la opacidad del layer a 50% (Layers>Layer Options...) y su Modo de "Normal" a "Color Dodge".

4.Volvemos a hacer un click en el Layer del texto manteniendo presionada la tecla CTRL para seleccionarlo, pero en la ventana de Channels, presionamos el boton de "Grabar selección como Canal", y luego nos posicionamos en este nuevo canal. Nuevamente aplicamos una serie de Gaussian Blurs, primero con 8 pixels, luego con 4 y 2 pixels respectvamente. Deseleccionamos (CTRL+D) y aplicamos un Gaussian Blur más de 1 pixel.

5.Nuevamente seleccionamos el texto como hicimos antes, creamos un nuevo Layer y lo posicionamos arriba de los dos anteriores. Llenamos la seleccion con negro y hacemos un click en la casilla que dice "Preserve Transparecy".
Luego vamos a Layer>Layer Options... y cambiamos el Modo de "Normal" a "Screen".
Con este Layer seleccionado vamos a Filters>Render>Lighting Effects....Mira la siguiente imagen para ver como se debe ver la ventana de propiedades. Una vez aplicado el efecto, aplicamos un Gaussian Blur al Layer de 1 pixel.

6.El texto ya debería tener su aspecto final, parecido al del ejemplo. Ahora, solo queda agregarle una sombra del mismo color del texto, ya que la luz atraviesa el "plastico" y se proyecta con el color del mismo. Tambien se puede aplicar un cambio de contraste sobre el último Layer, pero eso ya queda a gusto de cada uno. Image>Adjust>Brightness/Contrast.

Buscar en...

Ver tambi?...

Recomendamos

Hoy-Vendo.com.ar
ZonaPHP.com
ForoWebmasters.com.ar
MaestrosDelWeb.com