Cómo Crear una Acción de Texto Peludo en Adobe Photoshop

En este tutorial te mostraré como crear una acción de pelaje en Adobe Photoshop usando un patrón, una brocha, un estilo de capa y un mapa de degradado. Al final del tutorial tendrás una acción, lista para ejecutar casi el proceso entero con un simple clic.

Si quisieras brincar este tutorial pero aún quisieras comprar la acción, puedes dirigirte a GraphicRiver y comprar Fur Generator. La acción completa tiene características adicionales, funciona con 72 dpi y 300 dpi, también funciona con forma y puedes elegir diferentes colores y tamaños para el pelaje.

Recursos del Tutorial

Los siguientes recursos fueron usados durante este tutorial:

• Fuente Aller Display
• Imagen JPG de Fondo
  
• Brocha de Pelaje
  
• Patrón de Textura de Pelaje
  

1. Cómo Establecer el Fondo para la Acción

Abre Photoshop, ve a Archivo > Abrir y elige FurAction-BG.jpg.

2. Cómo Crear el Texto

Elige la Herramienta Texto (T) y escribe "FUR". Elige la fuente Aller Display, y después ve a Ventana > Caracter y establece el Tamaño a 347 pt y Seguimiento a 50.

3. Cómo Instalar la Brocha y el Patrón

Paso 1

Ve a Editar > Ajustes Preestablecidos > Gestor de Ajustes Preestablecidos... En el Tipo de ajuste preestablecido, selecciona Brochas, haz clic en cargar..., y elige Brush (Fur Tutorial).abr.

Paso 2

Ve a Editar > Ajustes Preestablecidos > Gestor de Ajustes Preestablecidos... En el tipo de ajuste preestablecido, selecciona Patrones, haz clic en cargar..., y elige Pattern (Fur Tutorial).pat. 

4. Cómo Crear una Acción

Paso 1

Abre el panel de Acciones, y ve a Ventana > Acciones.

Paso 2

Creemos un nuevo conjunto de acciones. Para hacerlo, haz clic en el icono Crear Nuevo Conjunto, nómbralo Fur Action y da clic en OK.

Paso 3

Haz clic en el icono Crear Nueva Acción, nómbrala Fur Text y da clic a Grabar.

Desde este punto, todo lo que hagas será grabado, así que echa un ojo al panel de Acciones. Si cometes un error, haz clic en el icono Detener Reproduciendo/Grabando, y borra el paso innecesario de la acción Fur Text. Después haz clic al icono Comenzar Grabación para continuar.

Paso 4

Con la capa de texto seleccionada, ve a Capa > Renombrar Capa... y renómbrala a Base Text 1.

Paso 5

Elige la Herramienta Brocha (B). Selecciona la brocha Fur Brush - Tutorial y después establece el Modo a Normal y la Opacidad y Flujo a 100% y asegúrate de que los siguientes iconos no estén seleccionados.

Paso 6

Ahora creemos la nueva capa. Ve a Capa > Nueva > Capa..., nómbrala Fur-1 y da clic en OK.

Paso 7

Selecciona la capa Base Text 1 de nuevo  y ve a Texto > Crear Trazado de Trabajo.

Paso 8

Ahora selecciona la capa Fur-1, abre el panel de Trazados yendo a Ventana > Trazados, da clic derecho al Trazado de Trabajo y elige Trazar... Elige Brocha en el menú desplegable, desmarca la opción Simular Presión y da clic en OK.

Después de eso, borra el Trazado de trabajo del panel Trazados.

Paso 9

Regresa al panel Capas. Ahora estamos fundiendo el texto con el pelaje. Para hacerlo, selecciona Fur-1 en el panel Capas y después mantén presionada la tecla Shift y selecciona Base Text 1.

Ahora suelta la tecla Shift, da clic derecho a Fur-1 y elige Combinar capas.

Paso 10

Ahora vamos a agregar un Estilo de Capa. Doble Clic a la capa Fur-1 para aplicar el siguiente estilo:

Agrega Bisel y Relieve con estos ajustes:

• Estilo: Inglete Interior
• Técnica: Redondeado
• Profundidad: 63%
• Dirección: Arriba
• Tamaño: 24 px
• Suavizar: 16 px
• Usar Luz Global: Desmarcado
• Ángulo: 13°
• Altitud: 42°
• Contorno de resplandor: Gaussiano
• Suavizado: Verdadero
• Modo resaltado: Luz Suave
• Color del modo resaltado: #ffffff
• Opacidad del modo resaltado: 65%
• Modo de Sombra: Superponer
• Color del Modo de Sombra: #362a1a
• Opacidad del Modo de Sombra: 26%

Paso 11

Agrega Contorno al Bisel y Relive con estos ajustes:

• Contorno: Gaussiano
• Suavizado: Desmarcado
• Rango: 61%

Paso 12

Agrega Resplandor interior con estos ajustes:

• Modo de Fusión: Pantalla
• Opacidad: 25%
• Ruido: 0%
• Color: #cfb9a6
• Técnica: Más suavizado
• Origen: Centro
• Retraer: 4%
• Tamaño: 213 px
• Contorno: Lineal
• Suavizado: Desmarcado
• Rango: 100%
• Vibración: 0%

Paso 13

Agrega Superposición de colores con estos ajustes:

• Modo de Fusión: Color
• Color: #ffffff
• Opacidad: 21%

Paso 14

Agrega una Superposición de Motivo con estos ajustes:

• Modo de Fusión: Normal
• Opacidad: 100%
• Patrón: Elige el patrón que descargaste, Pattern (Fur Tutorial).pat.
• Escala: 25%
• Enlace con Capa: Marcado

Paso 15

Agrega una Sombra Paralela con estos ajustes:

• Modo de Fusión: Normal
• Color: #6d655d
• Opacidad: 100%
• Usar Luz Global: Desmarcado
• Ángulo: 0°
• Distancia: 18 px
• Extensión: 100%
• Tamaño: 0 px
• Contorno: Linear
• Suavizado: Desmarcado
• Ruido: 0%
• La capa cubre la sombra paralela: Marcado

Paso 16

Si no estás usando Adobe Photoshop CC, da clic en OK y salta al paso 18, de otro modo continua aquí.

Agrega otra Sombra Paralela justo debajo de la primera, con estos ajustes:

• Modo de Fusión: Normal
• Color: #e5dacf
• Opacidad: 100%
• Usar Luz Global: Desmarcado
• Ángulo: 0°
• Distancia: 0 px
• Extensión: 0%
• Tamaño: 2 px
• Contorno: Linear
• Suavizado: Desmarcado
• Ruido: 0 %
• La capa cubre la sombra paralela: Marcado

Paso 17

Agrega la tercera Sombra Paralela justo debajo de la segunda, con estos ajustes:

• Modo de Fusión: Multiplicar
• Color: #000000
• Opacidad: 30%
• Usar Luz Global: Desmarcado
• Ángulo: 3°
• Distancia: 34 px
• Extensión: 0%
• Tamaño: 1 px
• Contorno: Lineal
• Suavizado: Desmarcado
• Ruido: 0%
• La capa cubre la sombra paralela: Marcado

Clic en OK.

Tu imagen debería verse como esto:

O como esto si estás usando una versión más antigua de Adobe Photoshop:

Paso 18

Salta al paso 23 si estás usando Adobe Photoshop CC.

Haz dos copias de la capa Fur-1 y colócalas debajo de la original:

Paso 19

Da clic derecho a la primera copia y elige Quitar Estilo de Capa. Haz lo mismo para la segunda copia.

Paso 20

Cambia el Relleno de ambas copias a 0%.

Paso 21

Doble clic a la primera copia para agregar un nuevo Estilo de Capa.

Agrega una Sombra Paralela con estos ajustes:

• Modo de Fusión: Normal
• Color: #e5dacf
• Opacidad: 100%
• Usar Luz global: desmarcado
• Ángulo: 0°
• Distancia: 0 px
• Extensión: 0%
• Tamaño: 2 px
• Contorno: Lineal
• Suavizado: Desmarcado
• Ruido: 0%
• La capa cubre la sombra paralela: Marcado

Clic en OK.

Paso 22

Doble clic en la segunda copia para agregar un nuevo Estilo de Capa.

Agrega una Sombra Paralela con estos ajustes:

• Modo de Fusión: Multiplicar
• Color: #000000
• Opacidad: 30%
• Usar Luz Global: Desmarcado
• Ángulo: 3 º
• Distancia: 34 px
• Extensión: 0%
• Tamaño: 1 px
• Contorno: Lineal
• Suavizado: Desmarcado
• Ruido: 0%
• La capa cubre la sombra paralela: Desmarcado

Clic en OK.

Paso 23

Ahora necesitamos convertir la capa Fur-1 en un Objeto Inteligente.

Para Adobe Photoshop CC:

Clic derecho en la capa Fur-1 y elige Convertir a Objeto Inteligente.

Para versiones más antiguas de Adobe Photoshop:

Selecciona Fur-1, mantén presionada la tecla Shift y da clic a Fur-1 copia 2. Suelta la tecla Shift y después da clic derecho a la capa Fur-1 y elige Convertir a Objeto Inteligente.

Paso 24

Ahora cambiemos el color del pelaje. Lo haremos blanco. Ve al panel de Ajustes y da clic en Mapa de Degradado. Si no lo ves, ve a Ventana > Ajustes.

Paso 25

Tu imagen entera se verá extraña, pero no te preocupes. Renombra la capa Gradient map 1 a Gradient Color.

Paso 26

Da clic derecho a la capa Gradient Color y elige Crear Máscara de Recorte.

Paso 27 

Doble clic en el icono de Gradiente en la capa Gradient Color. El panel de Propiedades emergerá.

Paso 28

Da clic en la barra de Gradiente en el panel Propiedades para abrir el Editor de Gradiente.

Establece el gradiente con estos ajustes:

• Primera parada Color: #000000 y Ubicación 0%
• Segunda parada Color: #848484 y Ubicación 30%
• Tercera parada Color: #c0c0c0 y Ubicación 48%
• Cuarta parada Color: #ffffff y ubicación 100%

Da clic en OK.

Paso 29

Renombra la capa Fur-1 a Fur y después deja de grabar la acción.

Felicidades, ¡Haz terminado!

En este tutorial, has aprendido cómo crear una acción de pelaje en Adobe Photoshop.

Comenzamos creando nuestro texto y mientras grabábamos una acción, agregamos un borde usando una Brocha y un Trazado, después un Estilo de Capa y Finalmente un Mapa de Degradado para cambiar el color.

Cosas que recordar antes de reproducir la acción:

• Asegúrate de que tienes instalado el Patrón y la Brocha.
• Asegúrate de que la Opacidad y Flujo de la Brocha están en 100%, justo como en el paso 5 de "4 - Cómo Crear la Acción".
• Asegúrate de que estás reproduciendo la acción con la capa de texto seleccionada.

Para reproducirla, necesitas seleccionar la acción Fur Text y dar clic a Reproducir en el panel de Acciones.

Espero que hayas disfrutado este tutorial, y siéntete libre de dejar tus comentarios abajo. Esta acción que recién creamos es parte de Generador de Pelaje.