7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto de humo de pipa de agua

Read Time: 7 mins
This post is part of a series called Alice in Wonderland Week.
Create Two Colorful Children's Book Illustrations in Illustrator
How to Create a Wonderland Photo Manipulation With Adobe Photoshop

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

Este tutorial te mostrará cómo usar los trazados de trabajo de Photoshop, los ajustes de pincel y los estilos de capa para crear un rápido efecto de texto de humo de pipa de agua como el de Alicia en el país de las maravillas. ¡Comencemos!

Este efecto de texto se inspiró en los muchos estilos de capa disponibles en GraphicRiver.

Recursos del tutorial

Los siguientes recursos se utilizaron durante la producción del presente tutorial:

1. Cómo crear el fondo y las capas de texto

Paso 1

Crea un nuevo documento de 850 x 850 px. Haz clic en el ícono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas, elige Color uniforme y usa el Color #0f0e11.

Solid ColorSolid ColorSolid Color

Paso 2

Crea el texto, cada letra en una capa separada, usando la fuente Multicolore y cambia el Tamaño a 200 pt.

Create the TextCreate the TextCreate the Text

Paso 3

Coloca la capa de texto de cada letra en un grupo con el nombre de la letra.

Group the Text LayersGroup the Text LayersGroup the Text Layers

2. Cómo crear y guardar los trazados de trabajo

Paso 1

Toma la herramienta Pluma y elige la opción Trazado en la barra Opciones, y crea un trazado de trabajo dentro de cada una de las letras que tienes.

Haz clic una vez para añadir los puntos de vértice, haz clic y arrastra para agregar puntos de curva suaves y presiona la tecla Comando y al mismo tiempo haz clic afuera del trazado una vez que lo termines.

Puedes usar la herramienta Selección directa (A) para seleccionar y ajustar cualquier punto de ancla así como sus puntos de dirección y manejadores si es necesario.

Create the Work PathCreate the Work PathCreate the Work Path

Paso 2

Para guardar un trazado de trabajo y reutilizarlo, abre el panel Trazados y haz doble clic en la pestaña Trazado de trabajo para introducir un nombre para el trazado que quieres guardar.

Nombra el trazado Center y pulsa OK.

Save the Work PathSave the Work PathSave the Work Path

Paso 3

Haz clic en el ícono Crear nuevo trazado en la parte inferior del panel Trazados para añadir una nueva pestaña de trazado.

Usa la herramienta Elipse con la opción Trazado para crear un par de formas de anillos alrededor de las letras que tienes y guarda la nueva pestaña de trazado con el nombre de Rings.

Add Ring PathsAdd Ring PathsAdd Ring Paths

3. Cómo modificar y guardar una punta de pincel

Paso 1

Toma la herramienta Pincel y abre el panel Ajustes de pincel.

Elige la punta Circular difusa, marca las casillas Concentración y Suavizar y usa estos ajustes:

Forma de la punta del pincel

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinámica de forma

Shape DynamicsShape DynamicsShape Dynamics

Dispersión

ScatteringScatteringScattering

Textura (usa el motivo Nubes).

TextureTextureTexture

Transferencia

TransferTransferTransfer

Paso 2

Haz clic en el ícono Crear nuevo pincel en la esquina inferior derecha del panel para guardar la punta del pincel modificada y nómbrala Smoke.

Create New BrushCreate New BrushCreate New Brush

4. Cómo trazar un trazado de trabajo

Paso 1

Selecciona la pestaña Centro en el panel Trazados, toma la herramienta Selección de trazado y haz clic en el trazado de trabajo de la primera letra para seleccionarlo.

Oculta la capa de texto y crea una nueva capa arriba de ella con el nombre de la letra.

Select a Work PathSelect a Work PathSelect a Work Path

Paso 2

Establece el Color de frente en cualquier color que gustes para hacer el trazado. El color utilizado es #d57187.

Es importante guardar los colores que usas pues los necesitarás más adelante.

Toma la herramienta Pincel (B), y pulsa la tecla Intro para trazar el trazado de trabajo seleccionado.

Stroke the Work PathStroke the Work PathStroke the Work Path

5. Cómo crear un sencillo estilo de humo

Haz doble clic en el grupo de la capa del trazado para aplicar el siguiente estilo de capa:

Paso 1

Añade una Sombra interior con estos ajustes:

  • Opacidad: 35%
  • Distancia: 0
  • Tamaño: 7
Inner ShadowInner ShadowInner Shadow

Paso 2

Añade un Resplandor interior con estos ajustes:

  • Opacidad: 75%
  • Color: #c2bdbd
  • Origen: centro
  • Tamaño: 16
Inner GlowInner GlowInner Glow

Paso 3

Añade un efecto de Satinado con estos ajustes:

  • Modo de fusión: Multiplicar
  • Color: #c3c3c3
  • Opacidad: 50%
  • Ángulo: 20
  • Distancia: 194
  • Tamaño: 183
  • Contorno: pasos redondeados
  • Marca la casilla Invertir
SatinSatinSatin

Paso 4

Añade un Resplandor exterior con estos ajustes:

  • Opacidad: 53%
  • Color: #e34065
  • Tamaño: 25
  • Rango: 100%

El Color aquí debería corresponder al que elegiste para el color original de la punta del pincel, así que deberías escoger uno diferente si estás usando otros colores para la punta del pincel.

Outer GlowOuter GlowOuter Glow

Paso 5

Haz clic derecho en el grupo que tiene estilo aplicado y elige Copiar estilo de capa. Luego selecciona el resto de los grupos que tienes, haz clic derecho en cualquiera de ellos y elige Pegar estilo de capa.

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

Paso 6

Repite los mismos pasos para trazar el resto de los trazados de trabajo que tienes.

Después de eso, para cada grupo, haz doble clic en él para ajustar el Color del efecto del Resplandor exterior a uno que combine con el color de la punta del pincel utilizado para la letra en el grupo.

Los otros colores del pincel utilizados aquí son #054ae3, #41a614 y #f1a327.

Stroke the Work PathsStroke the Work PathsStroke the Work Paths

6. Cómo deformar objetos

Paso 1

Selecciona la capa de la letra trazada, presiona Comando-T para introducir el Modo de transformación libre y haz clic en el ícono de Deformar en la barra de Opciones.

Warp ModeWarp ModeWarp Mode

Paso 2

Haz clic y arrastra las pequeñas secciones para deformar la letra y obtener y efecto más dinámico y pulsa la tecla Intro para confirmar los cambios.

Warp the TextWarp the TextWarp the Text

Paso 3

Repite el proceso para el resto de las letras.

Warp the TextWarp the TextWarp the Text

7. Cómo añadir humo

Paso 1

A continuación, usa la imagen Real smoke y las puntas del conjunto de pinceles de humo Smoke Out Brush para añadir humo a las letras que creaste.

Agrega el humo en tantas capas como sea necesario y usa el mismo color que el de la letra a la que estás añadiendo el humo.

Usa diferentes puntas de pincel con tamaños de punta muy pequeños para obtener los mejores resultados.

Add Smoke to the LettersAdd Smoke to the LettersAdd Smoke to the Letters

Paso 2

Si sientes que los pinceles son demasiado puntiagudos, puedes ir a Filtro > Desenfocar > Desenfoque gaussiano y usa el valor de Radio que quieras para suavizar un poco las puntas.

Gaussian BlurGaussian BlurGaussian Blur

Paso 3

Crea una nueva capa arriba de la capa Solid Color (color uniforme), nómbrala BG Smoke, y usa pinceles de humo largos para añadir humo de color alrededor del texto.

Haz clic derecho en la capa BG Smoke y elige Convertir en objeto inteligente.

Add Background SmokeAdd Background SmokeAdd Background Smoke

Paso 4

Desenfoca el humo bastante y reduce la Opacidad de su capa a 30%.

Background Smoke Layer SettingsBackground Smoke Layer SettingsBackground Smoke Layer Settings

8. Cómo realizar los ajustes finales

Paso 1

Agrega la imagen Noisy Black Texture 4 arriba de la capa BG Smoke, redimensiónala como sea necesario y cambia el Modo de fusión de su capa a Sobreexposición de color y su Opacidad a 50%.

Add a Background TextureAdd a Background TextureAdd a Background Texture

Paso 2

Añade la imagen Snow Texture VI 5184 x 3456 Pixels arriba de todas las capas, redimensiónala como sea necesario y cambia el Modo de fusión de su capa a Trama y su Opacidad a 10%.

Add a Texture OverlayAdd a Texture OverlayAdd a Texture Overlay

Paso 3

Ve a Filtro > Pixelizar > Grabado y cambia el Tipo a Trazos largos.

MezzotintMezzotintMezzotint

Paso 4

Añade una capa de ajuste de Intensidad arriba de todas las capas y cambia el valor de Intensidad a -5.

VibranceVibranceVibrance

Paso 5

Añade una capa de ajuste de Consulta de colores arriba de todas las capas, elige la tabla 3Strip.look del menú 3DLUT File y cambia la Opacidad de la capa a 35%.

Color LookupColor LookupColor Lookup

Felicidades, ¡Terminaste!

En este tutorial, creamos un fondo sencillo y un par de capas de texto agrupadas para las letras del texto que tenemos.

Luego, creamos trazados de trabajo para las letras, modificamos una sencilla punta de pincel y realizamos los trazados de trabajo para crear el principal efecto de humo.

Después de eso, aplicamos estilo a las letras para realzar el efecto de humo, las deformamos para obtener un resultado más dinámico y agregamos más pinceles de humo para un acabado más detallado.

Por último, añadimos algunas texturas y capas de ajuste global para concluir el efecto.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados a continuación.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.