Está en la página 1de 48

¿Cómo Crear una Acción

de Texto Cinemática de
Oro en Adobe Photoshop?

1. Prepárate para Grabar un Acción


Antes de poder comenzar a grabar una acción, necesitarás preparar
algunos ejemplos de texto. En este tutorial, añadiremos un fondo de
tema.

Paso 1
Comienza abriendo la Imagen de Fondo Cinemática de los elementos
antes mencionados. Las dimensiones de la imagen son 900 x 600 px, y
este será nuestro documento de fondo.
Paso 2
Escoge la Herramienta de Texto, escoge la fuente Trajan Pro (debe ser
parte de las fuentes de Adobe Photoshop, de otra manera descargala
desde los elementos), pon el Tamaño de la Fuente alrededor de 170 pt.
y escribe GLADIUS en mayúsculas. El color del texto no es importante.
Paso 3
Da click en el botón de Crear Texto Deformado. Pon Estilo: Arco,
marca la casilla Horizontal, y pon Curva: 6%.
2. Comienza a Grabar tu Acción
Antes de comenzar a grabar, asegúrate de que tengas solo dos capas en
tu panel de Capas: la capa superior de GLADIUS y la de capa de
fondo Fondo.
Paso 1
Presiona Alt-F9 en tu teclado para abrir el panel de Acciones, o puedes
abrirla yendo al menú Ventanas > Acciones. 
Paso 2
Selecciona la capa GLADIUS y en el panel de Acciones da click en el
botón Crear Grupo Nuevo, y pon el Nombre: Tutorial Cinemático.
Luego da click en Crear Nueva Acción, pon el Nombre: Oro 3D, y
presiona Grabar. El botón de Comenzar a Grabar debe ser rojo.

¡Importante! Desde ahora sigue todos los pasos en este orden y sin


ningún click o tecla adicional.
3. Crea y Transforma las Capas
Paso 1
Haz tu capa seleccionada GLADIUS invisible dando click en el icono
de Visibilidad de Capa en tu panel de Capas.
Paso 2
Da click derecho a la capa GLADIUS y selecciona Duplicar Capa desde
el menú As: c1.

Paso 3
Haz tu capa seleccionada c1 visible dando click en el botón
de Visibilidad de la Capa, y luego click derecho en la capa y
escoge Convertir a Objeto Inteligente.
Estos primeros pasos ocultarán y duplicarán el texto de capa original, y la
acción será aplicada a un duplicado, así que la capa original
permanecerá intocable. Convirtiendo la capa a un objeto inteligente,
aseguras que la acción añadirá sus beneficios no destructivos.

Paso 4
Duplica las capas en este orden:

 Da click derecho a la capa c1 y selecciona Duplicar Capa desde el


menú As: b1.
 Da click derecho a la capa b1 y selecciona Duplicar Capa desde el
menú As: b2.
 Da click derecho a la capa b2 y selecciona Duplicar Capa desde el
menú As: b3.
 Da click derecho a la capa b3 y selecciona Duplicar Capa desde el
menú As: b4.
 Da click derecho a la capa b4 y selecciona Duplicar Capa desde el
menú As: b5.
 Da click derecho a la capa b5 y selecciona Duplicar Capa desde el
menú As: a1.
Paso 5
Selecciona la capa b2 y ve al menú Editar > Transformación
Libre (o Control-T), desmarca la casilla Mantener Aspecto de Radio si
está marcada, pon la escala horizontal W: 99.5% y añade 1 px al valor
total de la posición vertical Y:(por ejemplo, si el valor es Y: 287.55 px,
cámbialo a 288.55 px). Finalmente, presiona Enter para aplicar los
cambios. 
Paso 6
Selecciona la capa b3 y ve al menú Editar > Transformación Libre,
desmarca la casilla Mantener Aspecto de Radio, pon la escala
horizontal W: 99% y añade 2 px al valor total de la posición
vertical Y: Finalmente, presiona Enter para aplicar los cambios.

Paso 7
Selecciona la capa b4 y ve al menú Editar > Transformación Libre,
desmarca la casilla Mantener Aspecto de Radio, pon la escala
horizontal W: 98.5% y añade3 px al valor total de la posición
vertical Y: Finalmente, presiona Enter para aplicar los cambios. 

Paso 8
Selecciona la capa b5 y ve al menú Editar > Transformación Libre,
desmarca la casilla Mantener Aspecto de Radio, pon la escala
horizontal W: 98% y añade 4 px al valor total de la posición
vertical Y: Finalmente, presiona Enter para aplicar los cambios. 

Paso 9
Selecciona la capa c1 y ve al menú Editar > Transformación Libre,
desmarca la casilla Mantener Aspecto de Radio, pon la escala
horizontal W: 98% y añade 4 px al valor total de la posición
vertical Y: Finalmente, presiona Enter par aplicar los cambios. 

Paso 10
Da doble-click a la capa c1 para aplicar el siguiente estilo de capa:

Añade un Trazado de cualquier colo con esta configuración:

 Tamaño: 5 px
 Posición: Exterior

Presiona OK para aplicar los cambios y luego da click derecho a la capa


y escoge Convertir en Objeto Inteligente.
Paso 11
Duplica las capas en este orden:

 Da click derecho a la capa c1 y selecciona Duplicar Capa desde el


menú As: c2.
 Da click derecho a la capa c2 y selecciona Duplicar Capa desde el
menú As: c3.
 Da click derecho a la capa c3 y selecciona Duplicar Capa desde el
menú As: c4.
 Da click derecho a la capa c4 y selecciona Duplicar Capa desde el
menú As: c5.
 Da click derecho a la capa c5 y selecciona Duplicar Capa desde el
menú As: c6.
 Da click derecho a la capa c6 y selecciona Duplicar Capa desde el
menú As: c7.
 Da click derecho a la capa c7 y selecciona Duplicar Capa desde el
menú As: c8.
 Da click derecho a la capa c8 y selecciona Duplicar Capa desde el
menú As: c9.
 Da click derecho a la capa c9 y selecciona Duplicar Capa desde el
menú As: c10.

Paso 12
Selecciona la capa c2 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 99.5% y añade 1 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 13
Selecciona la capa c3 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 99% y añade 2 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 14
Selecciona la capa c4 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 98.5% yañade 3 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 15
Selecciona la capa c5 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 98% yañade 4 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 
Paso 16
Selecciona la capa c6 y ve al menú Editar > Transformación
Libre, desmarca la casilla de Mantener Aspecto de Radio, pon la
escala horizontal W: 97.5% yañade 5 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 17
Selecciona la capa c7 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 97% yañade 6 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 
Paso 18
Selecciona la capa c8 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 96.5% yañade 7 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 19
Selecciona la capa c9 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 96% yañade 8 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 

Paso 20
Selecciona la capa c10 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
horizontal W: 95.5% yañade 1 px al valor total de la posición
vertical Y: Finalmente, presiona Enterpara aplicar los cambios. 
Paso 21
Selecciona la capa c2 y da click en la capa c10 mientras sostienes la
tecla Mayus para seleccionar esta y todas las capas de en medio. Da
click derecho en cualquiera de estas capas y selecciona Agrupar Capas,
rellena el Nombre: c2 y presiona OK. Luego da click derecho al grupo
creado y selecciona Convertir a Objeto Inteligente.
Paso 22
Selecciona la capa b1 y da click en la capa b5 mientras presionas la
tecla Mayus para Seleccionar esta y todas las capas de en medio. Da
click derecho en cualquiera de estas capas y selecciona Agrupar Capas,
pon el Nombre: b1 y presiona OK. Luego da click derecho al grupo
creado y selecciona Convertir a Objeto Inteligente desde el menú.

Paso 23
Selecciona la capa a1 y ve al menú Editar > Transformación Libre,
desmarca la casilla de Mantener Aspecto de Radio, pon la escala
vertical H: 99.5%, y presiona Enter para aplicar los cambios.
Paso 24
Da click derecho a la capa a1 y selecciona Duplicar Capa desde el
menú As: a2.

Paso 25
Selecciona la capa c1 y ve al menú Capa > Organizar > Hacia
Adelante para mover esta capa entre las capas b1 y c2.
4. Añadir Estilos de Capa
Paso 1
Selecciona la capa a2 y da doble click en la capa para aplicar el
siguiente estilo de capa:

Pon la Opacidad de Relleno en las Opciones de Fusión Por


Defecto a 0%.

Paso 2
Añade Bisel y Relieve con esta configuración:

 Estilo: Relieve del Trazado


 Técnica: Redondeado
 Profundidad: 388%
 Dirección: Arriba
 Tamaño: 120 px
 Desmarca la casilla de Usar Luz Global
 Angulo: 90°
 Altitud: 42°
 Modo Resaltado: Sobreexponer Color con un
color  #ffffff  y Opacidad: 58%
 Modo de Sombra: Subexponer Color con un
color  #010101  y Opacidad: 49%

Paso 3
Mientras aun estás en la pestaña de Bisel y Relieve, crea un Contorno
de Resplandor con esta configuración:

Añade 8 puntos al contorno de la curva. Para añadir puntos, da click


donde sea en la curva. Ahora pon una Entrada y una Salida para cada
uno de estos puntos.
 Punto 1 - Entrada: 0% Salida: 0%
 Punto 2 - Entrada: 20% Salida: 98%
 Punto 3 - Entrada: 44% Salida: 6%
 Punto 4 - Entrada: 54% Salida: 89%
 Punto 5 - Entrada: 68% Salida: 11%
 Punto 6 - Entrada: 73% Salida: 91%
 Punto 7 - Entrada: 88% Salida: 10%
 Punto 8 - Entrada: 100% Salida: 32%

Paso 4
Añade un Trazo con esta configuración:

 Tamaño: 1 px
 Posición: Interna
 Modo de Fusión: Normal
 Color:  #9a8868
Paso 5
Añade Sombra Interior con esta configuración:

 Modo de Fusión: Sobreexposición Lineal (Añadir) con el


color  #ffffff
 Opacidad: 45%
 Desmarca la casilla Usar Luz Global
 Angulo: 90°
 Distancia: 3 px
 Retraer: 0%
 Tamaño: 0 px

Presiona OK para aplicar todos los cambios.


Paso 6
Selecciona la capa a1 y da doble click a la capa para aplicar el siguiente
estilo de capa:

Añade Sombra Interior con esta configuración:

 Modo de Fusión: Sobreexposición Lineal (Añadir) con el


color  #ffffff
 Opacidad: 34%
 Desmarca la casilla de Usar Luz Global
 Angulo: 90°
 Distancia: 3 px
 Retraer: 0%
 Tamaño: 0 px
Paso 7
Añadir Resplandor Interior con esta configuración:

 Modo de Fusión: Sobreexponer Color


 Opacidad: 22%
 Escoge el color  #ffffff
 Técnica: Más Suavizado
 Origen: Borde
 Retraer: 0%
 Tamaño: 3 px
Paso 8
Añade Satinado con esta configuración:

 Modo de Fusión: Subexposición Lineal con el color  #77200


 Opacidad: 37%
 Ángulo: 90°
 Distancia: 2 px
 Tamaño: 2 px
 Desmarca la casilla de Invertir
Paso 9
Añadir Superposición de Color con esta configuración:

 Modo de Fusión: Color


 Escoge el color  #908770
 Opacidad: 100%
Paso 10
Añade una Superposición de Degradado con esta configuración:

 Modo de Fusión: Normal


 Opacidad: 100%
 Estilo: Lineal
 Angulo: 0°
 Escala: 150%
 Da click en Degradado y pon estos colores:
 Detención de Color 1 - Color:  #4c4c4c  Ubicación: 0%
 Detención de Color 2 - Color:  #8f8f8f  Ubicación: 32%
 Detención de Color 3 - Color:  #ffffff  Ubicación: 44%
 Detención de Color 4 - Color:  #8f8f8f  Ubicación: 53%
 Detención de Color 5 - Color:  #ffffff  Ubicación: 62%
 Detención de Color 6 - Color:  #8f8f8f  Ubicación: 66%
 Detención de Color 7 - Color:  #616161  Ubicación: 100%
Paso 11
Añade Sombra Paralela con esta configuración:

 Modo de Fusión: Subexposición Lineal


 Escoge el color  #010101
 Opacidad: 10%

 Distancia: 0 px
 Extensión: 50%
 Tamaño: 2 px

Presiona OK para aplicar todos los cambios.


Paso 12
Selecciona la capa b1 y da doble click a la capa para aplicar el siguiente
estilo de capa:

Añade Bisel y Relieve con esta configuración:

 Estilo: Inglete Interior


 Técnica: Redondeado
 Profundidad: 256%
 Dirección: Arriba
 Tamaño: 250 px
 Desmarca la casilla de Usar Luz Global
 Angulo: 90°
 Altitud: 42°
 Modo Resaltado: Sobreexponer Color con
color  #ffffff  y Opacidad: 58%
 Modo de Sombra: Subexponer Color con el
color  #010101  y Opacidad: 49%

Paso 13
Mientras aun estás en la pestaña de Bisel y Relieve, crea un Contorno
de Resplandor personalizado con esta configuración:

Añade 9 puntos al contorno de la curva y pon una Entrada y


una Salida para cada uno de estos puntos.

 Punto 1 - Entrada: 0% Salida: 0%


 Punto 2 - Entrada: 18% Salida: 42%
 Punto 3 - Entrada: 36% Salida: 15%
 Punto 4 - Entrada: 49% Salida: 39%
 Punto 5 - Entrada: 54% Salida: 89%
 Punto 6 - Entrada: 67% Salida: 39%
 Punto 7 - Entrada: 73% Salida: 91%
 Punto 8 - Entrada: 88% Salida: 10%
 Punto 9 - Entrada: 100% Salida: 32%

Da click en el botón Nuevo y pon el Nombre: Mi Contorno para guardar


el contorno personalizado. Lo necesitarás más tarde.

Paso 14
Añade Resplandor Interior con esta configuración:

 Modo de Fusión: Sobreexponer Color


 Opacidad: 22%
 Escoge color:  #ffffff
 Técnica: Más Suave
 Origen: Borde
 Retraer: 0%
 Tamaño: 3 px
Paso 15 
Añade una Superposición de Color con esta configuración:

 Modo de Fusión: Normal


 Escoge el color  #9a8868
 Opacidad: 100%
Paso 16
Añade Sombra Paralela con esta configuración:

 Modo de Fusión: Subexposición Lineal


 Escoge el color  #010101
 Opacidad: 10%

 Distancia: 0 px
 Extensión: 50%
 Tamaño: 2 px

Presiona OK para aplicar todos los cambios.


Paso 17
Selecciona la capa c1 y da doble click a la capa para aplicar el siguiente
estilo de capa.

Añade un Bisel y Relieve con esta configuración:

 Estilo: Inglete Interior


 Técnica: Redondeado
 Profundidad: 256%
 Dirección: Arriba
 Tamaño: 250 px
 Desmarca la casilla Usar Luz Global
 Angulo: 90°
 Altitud: 42°
 Contorno de Resplandor: selecciona el contorno que
guardaste, Mi Contorno
 Modo Resaltado: Sobreexposición de Color, con
color  #ffffff  y Opacidadde 58%
 Modo de Sombra: Subexponer Color con
color  #010101  y Opacidad de 49%

Paso 18
Añade un Sombra Interior con esta configuración:

 Modo de Fusión: Sobreexposición Lineal (Añadir) con


color  #ffffff
 Opacidad: 38%
 Distancia: 0 px
 Retraer: 28%
 Tamaño: 9 px
Paso 19
Añade un Resplandor Interno con esta configuración:

 Modo de Fusión: Subexposición Lineal


 Opacidad: 13%
 Escoge el color  #000000
 Técnica: Más Suave
 Origen: Borde
 Retraer: 0%
 Tamaño: 32 px
 Rango: 45%
Paso 20
Añade una Superposición de Color con esta configuración:

 Modo de Fusión: Aclarar


 Escoge el color  #ccc092
 Opacidad: 46%
Paso 21
Añade una Superposición de Degradado con esta configuración:

 Modo de Fusión: Normal


 Opacidad: 100%
 Estilo: Lineal
 Ángulo: 80°
 Escala: 100%
 Da click en Degradado y pon estas detenciones:
 Detención de Color 1 - Color:  #6c5b48  Ubicación: 0%
 Detención de Color 2 - Color:  #e2cd96  Ubicación: 28%
 Detención de Color 3 - Color:  #e2cd96  Ubicación: 45%
 Detención de Color 4 - Color:  #6c5b48  Ubicación: 63%
 Detención de Color 5 - Color:  #e2cd96  Ubicación: 85%
 Detención de Color 6 - Color:  #eed89c  Ubicación: 84%
 Detención de Color 7 - Color:  #e2cd96  Ubicación: 92%
 Presiona el botón Nuevo para guardar este degradado en
tu Preestablecidos. Usarás este degradado en el siguiente paso.

Presiona OK para aplicar todos los cambios.

Paso 22
Selecciona la capa c2 y da doble click en la capa para aplicar el
siguiente estilo de capa:

Añade la Superposición de Degradado que guardaste en


los Preestablecidosen el último paso con esta configuración:

 Modo de Fusión: Normal


 Opacidad: 100%
 Estilo: Lineal
 Ángulo: 90°
Paso 23
Añade un Bisel y Relieve con esta configuración:

 Estilo: Inglete Interior
 Técnica: Cincel Suave
 Profundidad: 184%
 Dirección: Arriba
 Tamaño: 76 px
 Suavizar: 15 px
 Desmarca la casilla Usar Luz Global
 Ángulo: 96°
 Altitud: 42°
 Modo Resaltado: Sobreexponer Color con el
color  #ffffff  y Opacidad de 44%
 Modo de Sombra: Subexposición Lineal con
color  #010101  y Opacidad de 56%
Paso 24
Añade Sombra Paralela con esta configuración:

 Modo de Fusión: Subexposición Lineal con color  #010201


 Opacidad: 39%
 Desmarca la casilla de Usar Luz Global
 Ángulo: 90°
 Distancia: 8 px
 Extensión: 0%
 Tamaño: 7 px

Presiona OK para aplicar todos lo cambios.


5. Retoques Finales
Casi terminas. Debes ahora ver estas capas en tu panel de Capas: a2,
a1, b1, c1, c2, GLADIUS y la capa de Fondo. ¡Organicemos esto un
poco.

Paso 1
Mientras la capa c2 esté seleccionada, da click en la capa a2 mientras
mantienes presionada la tecla Mayus para seleccionar estas y todas las
capas en el medio. Da click derecho en cualquiera de estas capas y
selecciona Agrupar Capas, rellena el Nombre: Efecto Cinemático, y
presiona OK.
Paso 2
Ahora es tiempo de parar la grabación de la acción. Da click en el botón
de Parar en tu panel de Acciones.

Y este debería ser el resultado final.


Desde ahora, puedes hacer esta acción en cualquier texto. Selecciona tu
capade texto en el panel de Capas, y selecciona la acción Oro 3D en el
panel de Acciones, y presiona el botón de Play.
¡Felicidades! ¡Lo haz Hecho!
En este tutorial, aprendimos cómo grabar una acción para un efecto de
texto cinemático 3D. 

Comenzamos preparando los elementos y algunos textos de ejemplo, y


entonces comenzamos a grabar la acción. Luego de eso, hemos creado
y transformado capas múltiples. Finalmente, añadimos estilos de capa
diferentes y terminado nuestra grabación de acciones.

Esta acción que hemos creado es una parte de un Generador de Texto


3D Cinemático de mi portafolio de GraphicRiver.
Generado de Texto 3D Cinemático

También podría gustarte