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 Inspirado en Pelo de Conejo Blanco en Adobe Photoshop

Read Time: 11 mins
This post is part of a series called Text Effects .
How to Create a Quick Rainbow Pride Text Effect in Adobe InDesign
How to Create an Easy Ice Text Effect in Adobe Photoshop
This post is part of a series called Alice in Wonderland Week.
Create an Alice in Wonderland Themed iPhone Wallpaper in Pixelmator
How to Create an Alice in Wonderland Themed Stencil in Adobe Illustrator

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 ajustes de pinceles de Photoshop, las capas de ajuste, y las herramientas y opciones de selección para crear un efecto de texto con pelo voluminoso inspirado en el Conejo Blanco de Alicia en el País de las Maravillas. ¡Comencemos!

Este efecto de texto también fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de este tutorial:

1. Cómo Crear un Fondo con Textura de Césped

Paso 1

Crea un nuevo documento de 1250 x 800 px, y coloca la imagen Fondo de césped arriba de la capa Fondo como un objeto inteligente.

Redimensiona la imagen de la textura para que encaje en el documento, y renombra su capa Grass.

Add the Grass TextureAdd the Grass TextureAdd the Grass Texture

Paso 2

Ve a Imagen > Ajustes > Sombras/Iluminaciones, y usa estos ajustes para la sección Iluminaciones:

  • Cantidad: 100
  • Tono: 60
  • Radio: 50
ShadowsHighlightsShadowsHighlightsShadowsHighlights

Paso 3

Ve a Imagen > Ajustes > Tono/Saturación, y usa estos ajustes:

  • Tono: 5
  • Saturación: -30
  • Luminosidad: -10
HueSaturationHueSaturationHueSaturation

Paso 4

Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 0.3.

Gaussian BlurGaussian BlurGaussian Blur

Paso 5

Haz clic en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno de degradado usando los Colores #8e8b88 para la izquierda y #444342 para la derecha, cambia el Estilo a Radial y la Escala a 150, y marca la casilla Tramado.

Cambia el Modo de Fusión de la capa del Degradado a Luz Suave y su Opacidad a 80%.

Gradient FillGradient FillGradient Fill

2. Cómo Crear una Capa de Texto y Trazado de Trabajo

Paso 1

Crea el texto en Mayúsculas usando la fuente Montserrat Light. Cambia el Tamaño a 350 pt y el Tracking a 75, y si tienes más de una línea de texto, también cambia el valor de Interlineado a 350.

Create the TextCreate the TextCreate the Text

Paso 2

Toma la Herramienta Pluma y elige la opción Trazado en la barra de Opciones.

Comienza creando un trazado de trabajo dentro de las letras que tienes.

Haz clic una vez para añadir vértices, haz clic y arrastra para agregar curvas, y haz comando-clic afuera del trazado una vez que termines.

Create the Center Work PathCreate the Center Work PathCreate the Center Work Path

Paso 3

Puedes usar la Herramienta Selección Directa para seleccionar y ajustar cualquier punto de ancla así como sus puntos de dirección y manejadores si es necesario.

Direct Selection ToolDirect Selection ToolDirect Selection Tool

3. Cómo Guardar Trazados de Trabajo

Paso 1

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

Nombra el trazado que creaste Center y pulsa OK.

Save the Work PathSave the Work PathSave the Work Path

Paso 2

Haz clic derecho en la capa de texto, elige Crear Trazado de Trabajo, y guarda el nuevo trazado con el nombre de Stroke.

Create Work PathCreate Work PathCreate Work Path

4. Cómo Crear y Guardar Puntas de Pincel

Paso 1

Toma la Herramienta Pincel y abre el panel Ajustes Preestablecidos de Pincel.

Elige la punta fur2_nathiesbruses del paquete Pinceles de Pelo, 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

Dinámica de Color

Color DynamicsColor DynamicsColor Dynamics

Paso 2

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

Haremos esto para todas las puntas que vamos a crear para que sea más fácil seguir los pasos de contornear los trazados de trabajo posteriormente.

Save the Brush TipSave the Brush TipSave the Brush Tip

Paso 3

Con la misma punta aún seleccionada, cambia el valor de Variación de Brillo de Dinámica de Color, y guarda la nueva punta con el nombre Brush 02.

Color DynamicsColor DynamicsColor Dynamics

Paso 4

Toma la punta fur6_nathiesbrushes 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

Dinámica de Color

Guarda esta punta con el nombre Brush 03.

Color DynamicsColor DynamicsColor Dynamics

Paso 5

Toma la punta Dune Grass 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

Dinámica de Color

Guarda esta punta con el nombre Brush 04.

Color DynamicsColor DynamicsColor Dynamics

5. Cómo Contornear Trazados de Trabajo

Paso 1

Oculta la capa de texto, y crea cinco nuevas capas.

Create New LayersCreate New LayersCreate New Layers

Paso 2

Establece los Colores de Frente y Fondo en #e9e0d9 y #c3b9ad, selecciona la capa Capa 1, y haz clic en la miniatura del Trazado Stroke en el panel Trazados para activarlo

Toma a Herramienta Pincel, elige la punta Brush 01, y pulsa la tecla Intro para contornear el trazado.

Haz clic derecho en la capa Capa 1 y elige Convertir en Objeto Inteligente.

Stroke the Work Path 1Stroke the Work Path 1Stroke the Work Path 1

Paso 3

Ve a Filtro > Enfocar > Enfoque suavizado, y usa los ajustes que quieras para un resultado más nítido y definido.

Smart SharpenSmart SharpenSmart Sharpen

Paso 4

Selecciona la capa Capa 2, toma la punta Brush 03 y pulsa la tecla Intro para contornear de nuevo el trazado de trabajo.

Stroke the Work Path 2Stroke the Work Path 2Stroke the Work Path 2

Paso 5

Haz doble clic en la capa Capa 2 para aplicar el efecto Sombra Interior con estos ajustes:

  • Modo de Fusión: Subexposición Lineal
  • Color: #400f14
  • Opacidad: 10%
  • Distancia: 0
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

6. Cómo Crear los Trazados Contorneados Distribuidos en Capas

Paso 1

Establece los Colores de Frente y Fondo en #f0b8b9 y #c0b4a6, selecciona el trazado de trabajo Center, y selecciona la capa Capa 3.

Toma la punta Brush 03 y contornea el trazado.

Stroke the Work Path 3Stroke the Work Path 3Stroke the Work Path 3

Paso 2

Cambia el Modo de Fusión de la capa Capa 3 a Subexponer Color y su Opacidad a 70%.

Layer SettingsLayer SettingsLayer Settings

Paso 3

Establece los Colores de Frente y Fondo en #d9cfc6 y #aaa094, selecciona la capa Capa 4, toma la punta Brush 02, y selecciona y contornea el trazado Stroke.

Una vez que terminaste, convierte la capa Capa 4 en un objeto inteligente.

Stroke the Work Path 4Stroke the Work Path 4Stroke the Work Path 4

Paso 4

Ve a Filtro > Enfocar > Enfoque Suavizado, y usa los ajustes que quieras para obtener un resultado más nítido y definido.

Smart SharpenSmart SharpenSmart Sharpen

Paso 5

Ve a Filtro > Ruido > Añadir Ruido, cambia la Cantidad a 5 y la Distribución a Uniforme, y marca la casilla Monocromático.

Add NoiseAdd NoiseAdd Noise

Paso 6

Cambia el Modo de Fusión de la capa Capa 4 a Luminosidad y su Opacidad a 70%.

Layer SettingsLayer SettingsLayer Settings

Paso 7

Establece los Colores de Frente y Fondo en #f7eee7 y #988f86, selecciona la capa Capa 5, toma la punta Brush 04, y selecciona y contornea el trazado Center.

Cambia el Modo de Fusión de la capa Capa 5 a Luz Suave, toma la Herramienta Selección Directa, y pulsa la tecla Intro un vez más para librarte del trazado de trabajo.

Stroke the Work Path 5Stroke the Work Path 5Stroke the Work Path 5

7. Cómo Agrupar y Aplicar Estilo a Capas Múltiples

Paso 1

Coloca todas las capas contorneadas en un grupo y nómbralo Text.

Group the Stroked LayersGroup the Stroked LayersGroup the Stroked Layers

Paso 2

Haz doble clic en el grupo Text para aplicar un efecto de Sombra Paralela con estos ajustes:

  • Modo de Fusión: Subexponer Color
  • Color: #1b1610
  • Opacidad: 35%
  • Distancia: 0
  • Tamaño: 25
Drop ShadowDrop ShadowDrop Shadow

Paso 3

Agrega una capa de ajuste de Niveles arriba del grupo Text y recórtala con él.

Cambia el valor de Nivel de Entrada de Sombras a 5 y las Iluminaciones a 235, y cambia los valores del Nivel de Salida de Sombras a 15.

LevelsLevelsLevels

8. Cómo Seleccionar un Objeto

Paso 1

Abre la imagen FabricLaceTrims0157, y usa la Herramienta Selección Rápida para seleccionar uno de los corazones.

Una vez que esté seleccionado el corazón, haz clic en el botón Seleccionar y Aplicar Máscara en la barra Opciones.

Select an ObjectSelect an ObjectSelect an Object

Paso 2

Ajusta los parámetros para obtener una selección más prolija y haz clic en OK.

Ve a Edición > Copiar para copiar el corazón seleccionado.

Copy the Selected ObjectCopy the Selected ObjectCopy the Selected Object

9. Cómo Colocar y Fusionar un Objeto Con Otros Elementos

Paso 1

Regresa al documento original y ve a Edición > Pegar.

Convierte la capa pegada en un objeto inteligente, y presiona Comando-T para ingresar el Modo Transformación Libre para transformar el corazón como quieras.

Pulsar la tecla Intro para confirmar los cambios.

Free TransformFree TransformFree Transform

Paso 2

Toma la Herramienta Pincel y elige la punta Brush 01, y desmarca la pestaña Dinámica de Color en el panel Ajustes Preestablecidos de Pincel.

Color DynamicsColor DynamicsColor Dynamics

Paso 3

Haz clic en el ícono Añadir máscara de capa en la parte inferior del panel Capas, asegúrate de seleccionar la miniatura de la máscara, establece el Color de Frente en Negro, y pinta ligeramente alrededor del corazón para fusionarlo con el pelo debajo de él.

También puedes cambiar el tamaño del pincel si es necesario.

Add a MaskAdd a MaskAdd a Mask

Paso 4

Repite los mismos pasos para agregar un par de corazones más sobre el texto que tienes, y coloca todas las capas de corazones en un grupo con el nombre Hearts.

Hearts GroupHearts GroupHearts Group

Paso 5

Haz doble clic en el grupo Hearts para aplicar un efecto de Sombra Paralela con estos ajustes:

  • Modo de Fusión: Subexposición Lineal
  • Color: #1b1610
  • Opacidad: 25%
  • Distancia: 0
  • Tamaño: 15
Drop ShadowDrop ShadowDrop Shadow

Esto fusionará más los corazones con el texto. 

Styled HeartsStyled HeartsStyled Hearts

10. Cómo Extraer Objetos De una Imagen

Paso 1

Abre la imagen Reloj de Bolsillo, y usa la Herramienta Marco Elíptico para seleccionar la parte del reloj sin la tapa.

Elliptical Marquee ToolElliptical Marquee ToolElliptical Marquee Tool

Paso 2

Usa la Herramienta Selección Rápida para seleccionar las partes superiores, y asegúrate de mantener presionada la tecla Mayúsculas para agrear la selección exisente.

Si quieres deseleccionar cualquier parte, manten presionada la tecla Opción.

Quick Selection ToolQuick Selection ToolQuick Selection Tool

Paso 3

Copia y pega el reloj seleccionado al documento original, convierte su capa en objeto inteligente, y agrega una máscara de capa para pintar un poco de piel sobre el reloj, igual que lo hiciste con los corazones.

Add the WatchAdd the WatchAdd the Watch

11. Cómo Aplicar Brillo y Color a Objetos

Paso 1

Usa de nuevo la Herramienta Marco Elíptico para seleccionar la parte interior del reloj.

Elliptical Marquee ToolElliptical Marquee ToolElliptical Marquee Tool

Paso 2

Agrega una capa de ajuste de Tono/Saturación y recórtala con la capa del reloj. Una máscara de capa será agregada automáticamente basándose en la selección que creaste.

Cambia el Tono a -56 y la Luminosidad a 41.

HueSaturationHueSaturationHueSaturation

Paso 3

Agrega una capa de relleno con Color Uniforme usando el Color #ffefbe, recórtala con la capa del reloj, y cambia su Modo de Fusión a Subexposición Lineal.

Solid ColorSolid ColorSolid Color

Paso 4

Manten presionada la tecla Opción, y haz clic y arrastra la miniatura de la máscara de capa de Tono/Saturación hacia la capa de Color Uniforme.

Esto duplicará la máscara de capa.

Duplicate the Layer MaskDuplicate the Layer MaskDuplicate the Layer Mask

Paso 5

Con la máscara de capa duplicada seleccionada, presiona Comando-I para invertirla para que afecte la parte exterior del reloj.

Invert the MaskInvert the MaskInvert the Mask

12. Cómo Agregar Más Elementos

Paso 1

Abre la imagen CHAINS PNG, selecciona la cadena de oro, y copia y pégala en el documento original.

Convierte la capa de la cadena en un objeto inteligente, y coloca la cadena arriba del reloj y transfórmala como sea necesario.

Add the ChainAdd the ChainAdd the Chain

Paso 2

Agrega una máscara de capa a la capa Chain (cadena), y elimina las partes extra para fusionarla con el texto.

Blend with the TextBlend with the TextBlend with the Text

Paso 3

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Sombras a 25 y el de Medios tonos a 0.75.

LevelsLevelsLevels

13. Cómo Agregar Sombras Paralelas

Paso 1

Haz doble clic en la capa Chain para aplicar un efecto de Sombra Paralela con estos ajustes:

  • Modo de Fusión: Subexposición Lineal
  • Color: #1b1610
  • Opacidad: 60%
  • Distancia: 0
  • Tamaño: 15
Drop ShadowDrop ShadowDrop Shadow

Paso 2

Crea una nueva capa debajo de la capa del reloj y nómbrala Watch Shadow, y cambia su Modo de Fusión a Subexposición Lineal y su Opacidad a 80%.

Toma la Herramienta Pincel, establece el Color de Frente en #615c56, y usa una punta circular difusa para pintar una sombra para el reloj.

Puedes cambiar el valor de Opacidad si la sombra es demasiado intensa así como borrar cualquier parte que no te guste.

Watch ShadowWatch ShadowWatch Shadow

Paso 3

Coloca todas las capas del reloj y cadena en un grupo y nómbralo Watch.

Watch GroupWatch GroupWatch Group

14. Cómo Realizar Ajustes Globales

Paso 1

Duplica la capa Grass y coloca la copia arriba de todas las capas.

Manten presionada la tecla Opción y haz clic en el ícono Añadir máscara de capa para agregar una máscara de capa invertida.

Usa la punta Brush 01 sin la opción Dinámica de Color para pintar un poco de césped alrededor de las letras. Esto ayudará a fusionar más el texto con el fondo.

Add GrassAdd GrassAdd Grass

Paso 2

Agrega una capa de ajuste de Mapa de Degradado arriba de todas las capas, crea el relleno de degradado usando los Colores #2f4996 a la izquierda y #9e727f a la derecha, y marca la casilla Tramado.

Cambia el Modo de Fusión de la capa de Mapa de Degradado a Luz Suave y su Opacidad a 60%.

Gradient MapGradient MapGradient Map

Paso 3

Crea otra nueva capa, nómbrala Noise, y ve a Edición > Rellenar.

Cambia el Contenido a 50% Gris y haz clic en OK.

Fill with GrayFill with GrayFill with Gray

Paso 4

Convierte la capa Noise en un Objeto Inteligente y cambia su Modo de Fusión a Luz Suave.

Layer SettingsLayer SettingsLayer Settings

Paso 5

Ve a Filtro > Ruido > Añadir Ruido, cambia la Cantidad a 5 y la Distribución a Uniforme, y marca la casilla Monocromático.

Add NoiseAdd NoiseAdd Noise

¡Felicidades, Terminaste!

En este tutorial, modificamos una textura de césped para crear el fondo. Luego, creamos el texto y sus trazados de trabajo, así como las puntas de pincel necesarias para crear el efecto.

Después de eso, contorneamos los trazados de trabajo, agregamos un par de corazones y un reloj, y fusionamos todo. Finalmente, añadimos ajustes globales para finalizar el efecto.

Por favor no dudes en dejar tus comentarios, sugerencias y resultados abajo.

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.