1. Design & Illustration
  2. Layer Styles

Cómo crear estilos de plásticos gelatinoso en Adobe Photoshop: Edición del 10º Aniversario

by
Read Time:3 minsLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop
Where Are They Now? Catching Up With Veteran Tuts+ Authors

Spanish (Español) translation by Ender Gamboa (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¡Estamos celebrando diez años de Envato Tuts+! Únete a nosotros probando nuestro primer tutorial.

En 2007, Collis Ta'eed lanzó este sitio con un sencillo estilo de capas de gelatina. Diez años más tarde, Envato Tuts+ se ha convertido en una gran comunidad que ayuda a los diseñadores de todo el mundo.

  • Efectos de texto
    Estilos de plásticos gelatinoso 
    Collis Ta'eed

Para conmemorar el aniversario de este tutorial, hemos recreado paso a paso utilizando el último software de Adobe Creative Suite. Ten en cuenta que este estilo tiene diez años, y está a la antigua, pero nos encanta la nostalgia aquí en Envato Tuts+.

Cómo crear estilos de plásticos gelatinoso 

En este tutorial, utilizaremos estilos de capa para crear un estilo tipo gel de plástico que se puede aplicar fácilmente al texto y a las formas.

1. Cómo crear el fondo

Crea un nuevo documento a 850 x 850 píxeles.

Comenzamos, como siempre, con un degradado de fondo. Aquí se utiliza un Degradado Radial (G) con dos tonos de marrón. Los códigos de color exactos son:

  • Color de primer plano: #2f2520
  • Color de fondo: #1e1916
Create the BackgroundCreate the BackgroundCreate the Background

2. Cómo utilizar los estilos de capa para el texto

Paso 1

Ahora, con un lindo y dulce color verde (#4a9c1e), escribiremos una palabra. He escrito la palabra "jalea" y he utilizado la fuente Gill Sans Ultra Bold. Las fuentes más gruesas son buenas para este tipo de efecto porque hay más espacio para hacer cosas con los estilos de Capa.

Add the textAdd the textAdd the text

Paso 2

Así que ahora hacemos clic con el botón derecho del ratón en la capa y elegimos Opciones de fusión para empezar a añadir Estilos de capa.

En primer lugar, agregamos una sombra paralela para levantar las letras del fondo.

Add a drop shadowAdd a drop shadowAdd a drop shadow

A continuación, una sombra interior. Más tarde, cuando se añadan las luces, esta sombra contrastará muy bien con ellas.

Add an inner shadowAdd an inner shadowAdd an inner shadow

Paso 3

Para crear los reflejos, usaremos Bisel y Relieve. Los ajustes por defecto de Bisel y Relieve no son buenos, así que no los uses. He movido algunas cosas, y verás lo que digo. Las luces deben ser de tonos verdes brillantes para que parezca que la luz rebota en el interior de las letras.

Add a bevel and emboss layer styleAdd a bevel and emboss layer styleAdd a bevel and emboss layer style

Paso 4

A continuación, añadimos una superposición de degradado para crear un efecto de luz y oscuridad para las letras.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Luego, un estilo de capa de trazo ayudará a sellar los bordes.

Add a stroke layer styleAdd a stroke layer styleAdd a stroke layer style

3. Cómo aplicar estilos de capa con nuevos colores

Lo bueno de este estilo es que puedes cambiar el color en las opciones de fusión de cada capa de texto para crear un nuevo color para el texto. Aquí, he escrito una segunda palabra y aplicado el estilo también, pero esta vez con el color rojo.

Apply a new red layer style setApply a new red layer style setApply a new red layer style set

4. Cómo terminar el efecto plástico

Paso 1

Para terminar, crea una Nueva Capa por encima de todas las demás. A continuación, mantén pulsado Control y haz clic en una capa de texto para seleccionarla.

Control click the text layerControl click the text layerControl click the text layer

A continuación, ve a Seleccionar > Modificar > Contraer y utiliza un valor de 4 píxeles para reducir la selección.

Contract the selectionContract the selectionContract the selection

Paso 2

Ahora selecciona la Capa 1. Crea un degradado lineal que vaya del blanco al transparente, que puedes hacer cambiando a la herramienta Degradado (G).

Dibuja un degradado lineal dentro de la selección desde el blanco hasta el transparente.

Draw a white linear gradientDraw a white linear gradientDraw a white linear gradient

Paso 3

A continuación, selecciona la herramienta Marco elíptico (M) y haz una selección elíptica. Pulsa Suprimir para eliminar el degradado como se muestra. Esto hará que el resaltado que acabas de dibujar se detenga repentinamente y, en consecuencia, se vea mas "plástico".

Delete the highlightDelete the highlightDelete the highlight

¡Todo listo!

Y eso es todo. He repetido los mismos pasos de resaltado en la palabra "estilo" también.

How to Create a Plastic Jelly Layer StyleHow to Create a Plastic Jelly Layer StyleHow to Create a Plastic Jelly Layer Style
One subscription.
Unlimited Downloads.
Get unlimited downloads