Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Cómo hacer una acción de Photoshop para un efecto de texto holográfico

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

Hoy, te traigo una acción más de Photoshop. Te mostraré cómo crear efectos de texto en 3D con estilos de capa en Photoshop. Usando un simple filtro de desenfoque de movimiento en un estilo de capa, vamos a crear un fabuloso efecto de texto holográfico que luce como si saliera de una película de la Guerra de las Galaxias. También aprenderás cómo añadir acciones a Photoshop y cómo realizar geniales efectos de texto en Photoshop con acciones de Photoshop.

El efecto de texto que vamos a crear hoy es parte de Efectos de texto Cyberpunk.

Holographic 3D text - Cyberpunk text effects
Efectos de texto Cyberpunk

Recursos del tutorial

Los siguientes recursos fueron usados durante este tutorial:

  • Fuente KomikaHuna
  • Imagen de fondo y motivo adjunto a este tutorial

1. Cómo crear los estilos de capa

Paso 1

Antes de empezar a grabar la acción, primero necesitamos crear los estilos de capa. De esta manera, podemos crear una acción en menos pasos, haciéndola mucho más fácil de editar posteriormente.

Descarga el archivo comprimido adjunto a este tutorial y extráelo a cualquier directorio que gustes. Luego abre el archivo Holo-Tuto-Background.jpg con Photoshop.

3D text holographic background

Paso 2

Ahora toma la Herramienta Texto Horizontal (T) y establece el tamaño de la fuente en 175 pt y la fuente en Kokikahuna. Luego escribe HOLO en el centro del documento.

Base layer of the first layer style

Paso 3

Ve al panel Capas y cambia el Relleno de la capa HOLO a 0%. Luego haz doble clic en la misma capa para abrir el panel Estilo de Capa. Después de eso, añade una Superposición de Colores con estos ajustes:

  • Modo de Fusión: Normal
  • Color: #001f36
  • Opacidad: 100%
Color Overlay settings

Paso 4

Ahora agrega un Resplandor exterior con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 64%
  • Ruido: 0%
  • Color: #004377
  • Técnica: Mas suavizado
  • Extender: 22%
  • Tamaño: 73 px
  • Contorno: Lineal
  • Suavizado: Marcada
  • Rango: 100%
  • Vibración: 0%

Después de eso, haz clic en Nuevo estilo y guárdalo como HOLO - A.

No cierres el panel Estilo de capa.

Outer Glow Settings

Paso 5

El primer estilo de capa está completo, así que ahora vamos a crear el segundo.

Desmarca el Resplandor exterior para deshabilitarlo. Luego edita la Superposición de colores con estos ajustes:

  • Modo de Fusión: Luz suave
  • Color: #12b4ff
  • Opacidad: 100%
Editing the Color Overlay settings

Paso 6

Agrega un Bisel y relieve con estos ajustes:

  • Estilo: Relieve
  • Técnica: Redondeado
  • Profundidad: 100%
  • Dirección: Arriba
  • Tamaño: 9 px
  • Suavizar: 12 px
  • Usar Luz Global: Desmarcada
  • Ángulo: -95°
  • Altitud: 36°
  • Contorno de Resplandor: Aro doble
  • Suavizado: Marcada
  • Modo Resaltado: Sobreexponer color Color: #7ba4c6 Opacidad: 86%
  • Modo de Sombra: Luz fuerte Color: #8fd1ff Opacidad: 75%
Bevel and Emboss settings

Paso 7

Agrega una Sombra interior con estos ajustes:

  • Modo de fusión: Trama
  • Color: #009cff
  • Opacidad: 100%
  • Usar luz global: Desmarcada
  • Ángulo: 90°
  • Distancia: 19 px
  • Retraer: 0%
  • Tamaño: 32 px
  • Contorno: Cono
  • Suavizado: Desmarcada
  • Ruido: 0%
Inner Shadow settings

Paso 8

Ahora, vamos a usar el motivo que viene en el archivo comprimido adjunto a este tutorial: Es un motivo de rayas horizontales muy sencillo. Lo creé con una línea blanca y un fondo transparente.

  • Modo de fusión: Normal
  • Opacidad: 36%
  • Motivo: Motivo Holográfico (Haz clic en la miniatura del motivo para abrir el Selector de motivo, luego haz clic en el pequeño ícono de la rueda dentada en la esquina superior derecha y elige Cargar motivos. Después de eso, selecciona el Holographic Pattern [Motivo Holográfico] que se incluyó en el archivo comprimido).
  • Escala: 150%
  • Enlazar con capa: Activada
Pattern Overlay settings

Paso 9

Añadir una Sombra paralela con estos ajustes:

  • Modo de fusión: Normal
  • Color: #004280
  • Opacidad: 100%
  • Usar luz global: Activada
  • Ángulo: -87°
  • Distancia: 0 px
  • Extender: 16%
  • Tamaño: 16 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Ruido: 0%
  • La capa cubre la sombra paralela: Marcada

Luego haz clic en Estilo nuevo y guárdalo como HOLO - B. Después de eso, cierra la ventana Estilo de capa.

Drop Shadow settings

2. Cómo crear la acción

Paso 1

Ve al panel Capas y selecciona la capa HOLO. Después de eso, ve a Ventana > Acciones para abrir el panel Acciones. Luego haz clic en Crear grupo nuevo y nómbralo My Text effects. Después de eso, haz clic en Crear acción nueva y nómbrala Holographic Text effect.

Ahora Photoshop está grabando las acciones que haces. Mantente atento al panel Acciones. Puedes borrar cualquier error seleccionándolo y haciendo clic en el ícono del bote de basura.

Creating a new action

Paso 2

Renombra la capa HOLO a HOLO - A (ten cuidado aquí-no deselecciones la capa HOLO). Luego haz clic derecho en él y elige Convertir en Objeto Inteligente.

Converting the layer to a Smart Object

Paso 3

Ahora presiona Control-T para activar la opción de Transformar. Luego desmarca la opción Mantener proporción y escala verticalmente el texto a 59%. No presiones Intro aún; mantén la opción Transformar activa.

Scaling down the text layer

Paso 4

Haz clic derecho en el cuadro de Transformar y elige Perspectiva. Luego haz clic en el punto superior derecho de la casilla Transformar y arrástralo 22° a la izquierda. Después de eso, presiona Intro para aplicar la transformación.

Applying perspective to the text

Paso 5

Ahora ve a Ventana > Estilos para abrir el panel Estilos. Los estilos de capa que creamos antes estarán en este panel. Busca el estilo HOLO - A y haz clic en él para aplicarlo en la capa.

Después de eso, ve a Filtro > Desenfocar > Desenfoque de movimiento y establece el Ángulo en 80° y Distancia en 68 pixeles.

El desenfoque de movimiento va a ayudar con el efecto 3D en el resultado final.

Holo A layer with the layer style and motion blur applied

Paso 6

Presiona Control-J para duplicar la capa, y renombra la copia como HOLO - B. Después de eso, ve al panel Estilos y haz clic en el estilo HOLO - B.

Second layer of the holographic effect created

Paso 7

Ve al panel Capas y expande la capa HOLO - B para ver todos sus efectos. Luego haz doble clic en el filtro Desenfoque de movimiento para editarlo. Establece el Ángulo en 90° y Distancia en 42 px.

Después de eso, toma la Herramienta Mover (V) y mueve la capa HOLO - B 60 px hacia arriba.

Editing the Motion blur filter

Paso 8

Selecciona las capas HOLO - B y HOLO - A y conviértelas en un objeto inteligente. Luego haz doble clic en la nueva capa para abrir el panel Estilo de capa. Después de eso, agrega un Resplandor exterior con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 19%
  • Ruido: 0%
  • Color: #3253ff
  • Técnica: Mas suavizado
  • Extender: 18%
  • Tamaño: 156 px
  • Contorno: Lineal
  • Suavizado: Marcada
  • Rango: 100%
  • Vibración: 0%

Luego, haz click en OK para cerrar el panel Estilo de capa.

Outer Glow settings

Paso 9

Ve al panel Acciones y haz clic en el ícono Detener grabación.

Finishing the action

¡Y terminamos!

Aquí está cómo debería verse:

Holographic 3d text effect

En este tutorial, creamos una acción de Photoshop para efecto de texto holográfico. Primero, creamos dos estilos de capa, y luego los combinamos y aplicamos un desenfoque de movimiento para simular un efecto 3D. Ahora puedes aplicar el mismo efecto de texto a cualquier fuente que quieras con un solo clic.

Para reproducirlo, necesitas seleccionar la acción Holographic Text Effect y hacer clic en Reproducir en el panel Acciones.

Espero que hayas disfrutado este tutorial No dudes en dejar tus comentarios abajo.

No olvides consultar Efectos de texto Cyberpunk. Todos son objetos inteligentes y son fáciles de editar.

Holographic 3D text - Cyberpunk text effects
Efectos de texto Cyberpunk

Aquí están algunos tutoriales que te podrían gustar:

Advertisement
Advertisement
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.