Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto de Plástico de Burbujas en Adobe Photoshop

by
Read Time:7 minsLanguages:

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

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

Éste tutorial te mostrará cómo crear un fácil efecto de texto de plástico de burbujas, usando un sencillo motivo y un par de estilos de capa. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en Envato Market.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial.

1. Carga los Motivos Predeterminados

Necesitarás cargar dos conjuntos de motivos predeterminados de Photoshop. Para hacerlo, ve a Edición > Ajustes Preestablecidos > Gestor de Ajustes Preestablecidos, y elige Motivos del menú desplegable Tipo de Preestablecido. Luego, haz click en la pequeña flecha a la derecha del menú desplegable Tipo de Prestablecido, y necesitarás añadir los conjuntos Motivos y Motivos Naturales. Cuándo el cuadro de diálogo aparece después de agregar cada uno de ellos, solo haz click en Añadir.

2. Crea el Motivo

Paso 1

Comienza por crear un nuevo documento de 70 x 41 px, estableciendo la Resolución en 249 pixeles/pulgada y el Contenido de Fondo en Transparente.

Luego toma la Herramienta Marco Elíptico, y crea un círculo de 32 x 32 px en el centro del documento.

Create a Circular SelectionCreate a Circular SelectionCreate a Circular Selection

Paso 2

Rellena la selección de Negro y ve a Selección > Deseleccionar.

Fill with BlackFill with BlackFill with Black

Paso 3

A continuación toma la Herramienta Mover, y arrastra el círculo negro para que su centro esté sobre el borde inferior del documento.

Crea tres copias más del círculo, y espárcelas alrededor de los bordes restantes del documento, asegurando de que sus centros caigan exactamente arriba de cada borde.

Create and Positions All the CirclesCreate and Positions All the CirclesCreate and Positions All the Circles

Paso 4

Ve a Edición > Definir Motivo, escribe Pattern para el Nombre, y haz click en OK.

Define PatternDefine PatternDefine Pattern

3. Crea el Fondo

Paso 1

Crea un nuevo documento de 1204 x 870 px, y establece la Resolución en 72 pixeles/pulgada.

Coloca la textura Sorensen Leather - Savanne-royal-30307 arriba de la capa Background (Fondo), redimensiónala como sea necesario dependiendo de cuánto detalle quieras tener, y renombra su capa a Background Texture.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Paso 2

Haz doble-click en la capa Background Texture para aplicar el siguiente estilo de capa:

Añade una Superposición de Colores con éstos parámetros:

  • Color: #e8e8e8
  • Modo de Fusión: Subexponer Color
  • Opacidad: 50%
Color OverlayColor OverlayColor Overlay

Paso 3

Añade una Superposición de Degradado con éstos parámetros:

  • Marca la casilla Tramado
  • Modo de Fusión: Multiplicar
  • Estilo: Radial
  • Escala: 150%
  • Haz click en la casilla Degradado para crear el degradado usando los colores #d8d8d7 a la izquierda y #ffffff a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Paso 4

Añade otra Superposición de Degradado con éstos parámetros:

  • Marca la casilla Tramado
  • Modo de Fusión: Superponer
  • Opacidad: 50%
  • Estilo: Reflejado
  • Ángulo: 30
  • Escala: 150%
  • Elige el relleno de degradado Chrome Circle
Gradient Overlay 2Gradient Overlay 2Gradient Overlay 2

Paso 5

Ésto aplicará estilo a la textura del cuerpo y agregará algo de iluminación.

Duplica la capa Background Texture, y luego haz click-derecho en la copia y elige Convertir en Objeto Inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 6

Ve a Filtro > Otro > Paso Alto, y establece el Radio en 10.

High PassHigh PassHigh Pass

Paso 7

Cambia el Modo de Fusión de la capa de la copia de Background Texture a Superponer. Ésta hará un poco más nítidos los detalles.

Change Blend ModeChange Blend ModeChange Blend Mode

4. Crea las Capas de Texto y Trazo

Paso 1

Crea el texto en Blanco usando la fuente Palamecia Titling y el Tamaño en 250 pt.

Si estás creando más de una línea, establece el valor de Interlineado en algo alrededor de 220 pt.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto dos veces, renombra la primera copia Bubbles y la segunda Stroke.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Paso 3

Cambia el valor de Relleno de la capa Bubbles a 0.

Bubbles Fill ValueBubbles Fill ValueBubbles Fill Value

Paso 4

Haz click-derecho en la capa Stroke y elige Convertir en Objeto Inteligente, y luego cambia su valor de Relleno a 0 también.

Convert Stroke to Smart ObjectConvert Stroke to Smart ObjectConvert Stroke to Smart Object

5. Aplica Estilo a la Capa de Texto

Haz doble-click en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 7
  • Marca la casilla Suavizado
  • Modo de Sombra - Opacidad: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Laid-horizontal
  • Profundidad: 90%
TextureTextureTexture

Paso 3

Agrega un Resplandor Exterior con éstos parámetros:

  • Opacidad: 67%
  • Ruido: 41%
  • Color: #ffffff
  • Tamaño: 3
Outer GlowOuter GlowOuter Glow

Paso 4

Agrega una Sombra Paralela con éstos parámetros:

  • Opacidad: 75%
  • Distancia: 10
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Paso 5

Una vez que el texto tenga estilo, disminuye el valor de su Opacidad a 35%, y el valor de su Relleno a 10%.

Podrías necesitar cambiar esos valores si estás usando un fondo diferente.

Layer SettingsLayer SettingsLayer Settings

6. Crea las Burbujas

Paso 1

Haz doble-click en la capa Bubbles para aplicar un efecto de Superposición de Motivo con éstos parámetros:

  • Motivo: Pattern
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Paso 2

Convierte la capa Bubbles en un Objeto Inteligente y cambia el valor de su Relleno a 0.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 3

Duplica la capa Bubbles para crear una copia.

Duplicate the Bubbles LayerDuplicate the Bubbles LayerDuplicate the Bubbles Layer

7. Aplica Estilo a la Primera Capa Bubbles

Haz doble-click en la capa Bubbles para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 2
  • Modo Resaltado - Opacidad: 100%
  • Modo de Sombra - Color: #6f6f6f
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Texture Pattern
  • Profundidad: 167%
TextureTextureTexture

Paso 3

Agrega una Superposición de Colores con éstos parámetros:

  • Color: #ffffff
  • Opacidad: 5%
Color OverlayColor OverlayColor Overlay

Paso 4

Agrega una Sombra Paralela con éstos parámetros:

  • Opacidad: 15%
  • Distancia: 1
  • Tamaño: 3
Drop ShadowDrop ShadowDrop Shadow

Ésto aplicará estilo a la primera capa de burbujas.

Styled Bubbles 1Styled Bubbles 1Styled Bubbles 1

8. Apica Estilo a la Segunda Capa Bubbles

Haz doble-click en la capa Bubbles copia para aplicar un Bisel y Relieve con éstos parámetros:

  • Tamaño: 4
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 45
  • Altitud: 74
  • Modo de Sombra - Opacidad: 20%
Bevel and EmbossBevel and EmbossBevel and Emboss

Terminaste con ésta capa. Ésto agrega más textura y detalles a la anterior.

Styled Bubbles 2Styled Bubbles 2Styled Bubbles 2

9. Aplica Estilo a la Capa Stroke

Haz doble-click en la capa Stroke para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Estilo: Relieve del Trazo
  • Tamaño: 10
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -117
  • Altitud: 42
  • Contorno de Resplandor: Cono
  • Marca la casilla Suavizado
  • Modo de Sombra - Opacidad: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Cells (Células)
  • Profundidad: 1000%
TextureTextureTexture

Paso 3

Agrega un Trazo con éstos parámetros:

  • Tamaño: 5
  • Posición: Centro
  • Opacidad: 30%
  • Color: #828282
StrokeStrokeStroke

Ésto aplicará estilo a los bordes del texto.

Styled StrokeStyled StrokeStyled Stroke

10. Crea la Parte Interior

Paso 1

Haz comando-click en la miniatura de la capa del texto original para crear una selección.

Create a SelectionCreate a SelectionCreate a Selection

Paso 2

Ve a Selección > Modificar > Contraer y escribe 5.

Contract SelectionContract SelectionContract Selection

Paso 3

Ve a Selección > Modificar > Desvanecer, y escribe 10.

Feather SelectionFeather SelectionFeather Selection

Paso 4

Crea una nueva capa arriba de la capa Bubbles copia, llámala Inner Details, y rellena la selección de Blanco.

Inner Details FillInner Details FillInner Details Fill

Paso 5

Haz comando-click en la miniatura de la capa del texto para seleccionar el texto otra vez.

Select the TextSelect the TextSelect the Text

Paso 6

Ve a Selección > Invertir, pulsa la tecla Suprimir para librarte de cualquier parte extra afuera del texto, y luego ve a Selección > Deseleccionar.

Delete Outer PartsDelete Outer PartsDelete Outer Parts

11. Aplica estilo a Inner Part (Parte Interior)

Haz doble-click en la capa Inner Details para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 0
  • Modo Resaltado - Opacidad: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Leaves (Hojas)
  • Profundidad: 99%
TextureTextureTexture

Paso 3

Cambia el valor de Relleno de la capa Inner Details a 0.

Ésto agregará un poco de más textura al texto.

Fill ValueFill ValueFill Value

12. Aplica Algunos Filtros

Paso 1

Selecciona la capa Stroke, y ve a Filtro > Distorsionar > Rizo.

Cambia la Cantidad a 150 y el Tamaño a Pequeño.

Ripple FilterRipple FilterRipple Filter

Paso 2

Ve a Selección > Todo, luego Edición > Copiar Combinado, y Edición > Pegar.

Coloca la capa pegada arriba de todas las capas, renómbrala Lighting, y conviértela en un Objeto Inteligente.

Copy Paste and Convert into a Smart ObjectCopy Paste and Convert into a Smart ObjectCopy Paste and Convert into a Smart Object

Paso 3

Ve a Filtro > Interpretar > Efectos de Iluminación, elige Foco, y modifica sus parámetros como se muestra abajo:

  • Color: (250, 250, 248)
  • Intensidad: 20
  • Foco: 60
  • Colorear: (245, 248, 248)
  • Exposición: 2
  • Resplandor: 0
  • Metálico: 100
  • Ambiente: 20
  • Textura: Green
  • Resaltar: 1
Lighting EffectsLighting EffectsLighting Effects

Paso 4

Mueve la luz hasta que obtengas un resultado similar al de abajo.

Move the LightMove the LightMove the Light

Paso 5

Finalmente, disminuye la Opacidad de la capa Lighting a 50%. Ésto ajustará la luminosidad y realzará los detalles.

Lighting Layer SettingsLighting Layer SettingsLighting Layer Settings

¡Felicidades! Terminaste

En éste tutorial, creamos un simple motivo para la parte de las burbujas del efecto y lo definimos para que podamos usarlo con nuestros estilos de capa. Luego aplicamos estilo a una textura de cuero para el fondo y la enfocamos un poco.

Después de eso, creamos el texto, la burbuja y las capas de trazo, y aplicamos estilo a cada una de ellas para lograr esa apariencia de plástico de burbujas. Finalmente, usamos un par de filtros para finalizar el efecto y ajustar la luminosidad.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads