Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

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

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Create a Money Engraving Action: Photoshop in 60 Seconds
How to Create Pop Art Photo Effects With Photoshop Actions

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Final product image
What You'll Be Creating

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.

Promo Fur Generator
Acción de Generador de Pelaje de Photoshop

Recursos del Tutorial

Los siguientes recursos fueron usados durante este tutorial:

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

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

Image of the background

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.

Character Panel with size and tracking

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.

Installing brushes with Preset Manager

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

Installing patterns with Preset Manager

4. Cómo Crear una Acción

Paso 1

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

Opening the Actions Panel

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.

Creating a new action set

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.

Creating a new action

Paso 4

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

How to rename the layer

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.

Choosing the brush and settings

Paso 6

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

Creating and naming a layer

Paso 7

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

Creating a work path

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.

Applying a stroke to the path

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.

Selecting two layers to merge

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

How to merge the layers

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%
Bevel and Emboss settings

Paso 11

Agrega Contorno al Bisel y Relive con estos ajustes:

  • Contorno: Gaussiano
  • Suavizado: Desmarcado
  • Rango: 61%
Bevel and Emboss Contour settings

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%
Inner Glow Settings

Paso 13

Agrega Superposición de colores con estos ajustes:

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

Color Overlay Settings

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
Pattern Overlay settings

Paso 15

Agrega una Sombra Paralela con estos ajustes:

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

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:
  • Distancia: 0 px
  • Extensión: 0%
  • Tamaño: 2 px
  • Contorno: Linear
  • Suavizado: Desmarcado
  • Ruido: 0 %
  • La capa cubre la sombra paralela: Marcado
Second Drop Shadow settings

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:
  • 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.

Third Drop Shadow Settings

Tu imagen debería verse como esto:

how the image should look like

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

how the image looks in an older 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:

Making two copies of the layer

Paso 19

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

Clearing the Layer Style

Paso 20

Cambia el Relleno de ambas copias a 0%.

Changing the Fill of the layers

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:
  • 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.

Second Drop shadow for older photoshop

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.

Third Drop Shadow for older photoshop

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.

Converting layer to Smart Object

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.

Converting layers to Smart Object in older photoshop

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.

Creating a new Gradient Map

Paso 25

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

Renaming the Gradient Map

Paso 26

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

Applying a Clipping Mask to a layer

Paso 27 

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

Opening the Properties Panel

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.

Opening the Gradient Editor

Paso 29

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

Finishing the recording of the action

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.

Image with the final result

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.

Promo of Fur Generator
Acción de Photoshop Generador de Pelaje
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.