Advertisement
  1. Design & Illustration
  2. Text Effects

¿Cómo Crear Texto Galáctico en Adobe Photoshop?

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Este tutorial te mostrará cómo usar un par de estilos de capas, textura y configuraciones de pincel para crear un texto de efecto brillante, inspirado en la galaxia. ¡Comencemos!

Este efecto fue inspirado por las muchas capas de estilo disponibles en Graphic River.

Materiales del Tutorial

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

1. ¿Cómo Crear el Fondo?

Paso 1

Crea un nuevo documento de 960 x 720 px. Da click en el icono de Crear Nueva Capa de Relleno o Ajuste de Capa en la parte inferior de la venta de Capas, escoge Color Solido, y usa el Color #0c0e22

Solid Color Layer

Paso 2

Ve a Archivo > Colocar para abrir la imagen Cosmos. Cambia el tamaño cuanto sea necesario y renombra la capa a Imagen de Fondo.

Add the Background Image

Paso 3

Añade un ajuste de Tono/Saturación a la capa y cambia el Modo de Fusión a Color.

Cambia el valor de Tono a 23 y la Saturación a -45.

HueSaturation

2. ¿Cómo Crear Las Capas del Texto?

Paso 1

Crea el texto en Todas Mayúsculas usando la fuente Bungee. Pon el Tamaño a 230 pt., y si usas más de una linea de texto, cambiar el valor del Interlineado a 210.

Create the Text

Paso 2

Cambia el Relleno de la Capa de Texto a 0.

Fill Value

Paso 3

Duplica el texto de la capa dos veces.

Duplicate the Text Layer

3. ¿Cómo Darle Estilo a la Primera Capa?

Da Doble-click en en la capa del texto original para aplicar el siguiente estilo de la capa:

Paso 1

Añade un Bisel y Relieve con estas configuraciones:

  • Tamaño: 20
  • Marca la casilla de Suavizado
  • Modo de Sombra: Sobrexposición
    • Color: #47fcc7
    • Opacidad: 70%
Bevel and Emboss

Paso 2

Añade Contorno con estas configuraciones:

  • Contorno: Pendiente - Hacia Abajo
  • Marca la casilla de Suavizado
Contour

Paso 3

Añade un Trazo con estas configuraciones:

  • Tamaño: 1
  • Tipo de Relleno: Degradado
  • Usa el relleno de degradado faucet 30
Stroke

Paso 4

Añade una Sombra Paralela con esta configuración:

  • Opacidad: 100%
  • Distancia: 5
  • Extensión: 30
  • Tamaño: 10
Drop Shadow

Esto le dará estilo a la primera capa.

Styled Text Layer 1

4. ¿Cómo Darle Estilo a la Segunda Capa?

Dale doble-click a la capa de texto de la primera copia y aplica la capa de estilo siguiente:

Paso 1

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

  • Tamaño: 35
  • Desactiva la casilla de Usar Luz Global
  • Angulo: 107
  • Altitud: 30
  • Contorno del Relieve: Aro - Doble
  • Marca la casilla de Suavizado
  • Modo Resaltado:
    • Color: #ef1d58
    • Opacidad: 70%
  • Modo de Sombra: Sobrexponer Color
    • Color: #a81227
    • Opacidad: 70%
Bevel and Emboss

Paso 2

Añade Contorno con esta configuración:

  • Contorno: Cono - Invertido
  • Marca la casilla de Suavizado.
Contour

Paso 3

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Trama
  • Color: #b2b412
  • Opacidad: 50%
  • Desmarca la Casilla de Uso de Luz Global
  • Angulo: 90
  • Distancia: 25
  • Tamaño: 30
Inner Shadow

Paso 4

Añade Resplandor Interior con esta configuración:

  • Modo de Fusión: Color más Claro
  • Opacidad: 25%
  • Degradado: Crea un relleno de degradado usando los Colores #4c1061 en la izquierda, #3e2b6a en el medio y #504b71 en la derecha.
  • Tamaño: 18
Inner Glow

Esto le da estilo a la segunda capa.

Styled Text Layer 2

5. ¿Cómo Darle Estilo a la Tercera Capa?

Dale doble-click a la segunda copia y aplica la siguiente capa de estilo:

Paso 1

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

  • Tamaño: 55
  • Desmarca la casilla Usar Luz Global
  • Angulo: -39
  • Altitud: 58
  • Contorno del Relieve: Aro
  • Marca la casilla de Suavizado
  • Modo Resaltado: Superponer
    • Color: #e3dc26
  • Modo de Sombra: Sobreexponer Color
    • Color: #0eb483
    • Opacidad: 70%
Bevel and Emboss

Paso 2

Añade Contorno con esta configuración:

  • Contorno: Pendiente - Hacia Abajo
  • Marca la casilla de Suavizado.
Contour

Paso 3

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Sobrexponer Color
  • Color: #ab60f1
  • Opacidad: 35%
  • Distancia: 10
  • Tamaño: 20
Inner Shadow

Paso 4

Añade Resplandor Interior con esta configuración:

  • Opacidad: 35%
  • Color: #ff1d48
  • Origen: Centro
  • Tamaño: 65
  • Contorno: Cono - Invertido
Inner Glow

Paso 5

Añade un efecto de Satinado con esta configuración:

  • Modo de Fusión: Sobrexponer Color
  • Color: #ae8010
  • Opacidad: 10%
  • Angulo: 90
  • Distancia: 143
  • Tamaño: 95
  • Contorno: Aro - Doble
  • Marca la casilla de Suavizado
  • Marca la casilla de Invertir
Satin

Paso 6

Añade Resplandor Exterior con esta configuración:

  • Modo de Fusión: Sobreexpos (Lineal)
  • Opacidad: 25%
  • Color: #53abde
  • Tamaño: 25
Outer Glow

Esto le dará estilo a la capa final.

Styles Text Layer 3

6. ¿Cómo Trazar un Trazado de Trabajo?

Paso 1

Da click derecho a cualquier capa de texto y escoge Crear Trazado de Trabajo.

Escoge la Herramienta Pincel y abre el panel de Pincel (Ventana > Pincel). Es importante hacer todo el trabajo desde dentro del panel de Pincel, especialmente escogiendo las puntas.

Create Work Path

Paso 2

Usa un trazo suave y redondo, y usa esta configuración de la Forma de la Punta del Pincel y la pestaña de Dinámica de Forma:

Brush Settings

Paso 3

Crea una nueva capa encima de todas las capas, llámala Trazo Oculto, y pon el Color de Fondo a #29ecee.

Presiona la tecla Retroceso una vez hecho el trazo de trabajo. si quieres un resultado diferente, puedes cambiar el Tamaño de la punta, o el valor de Desvanecer en la pestaña de Formas Dinámicas.

Stroke the Work Path

Paso 4

Cambia el Modo de Fusión de la capa de Trazo Oculto a Superponer.

Change the Blend Mode

7. ¿Cómo Crear una Capa de Trazo de Textura y Punta de Pincel?

Paso 1

Pon la textura de Stars encima de todas las capas, cambia el tamaño como sea necesario, renombrala a Trazo de Textura, y cambia su Modo de Fusión a Sobre-exposición Linear (Añadir).

Add the Texture

Paso 2

Da click en el icono de Añadir Máscara de Capa en lado inferior del panel de Capa para añadir una máscara invertida que escoda el contenido de la capa.

Add an Inverted Layer Mask

Paso 3

Con la Herramienta Pincel activa, escoge la punta de Angulo Plano de 32 px y usa esta configuración para Forma de la Punta del Pincel y la Pestaña de Forma Dinámica:

Brush Settings

8. ¿Cómo hacer el Trazo de Trabajo con una Capa de Mascara?

Paso 1

Selecciona Textura del Trazo, pon el Color de Fondo a blanco, y escoge la Herramienta de Selección Directa (A).

Da click-derecho en Trazado de Trabajo y escoge Contornear Trazado. Pon la Herramienta de Pincel, marca la casilla de Simular Presión, y da click en OK.

Stroke the Work Path

Vamos a repetir este paso para hacer el trazo del resto de las texturas en este tutorial, pero con la casilla desmarcada en Simular Presión.

Stroked Mask

Paso 2

Presiona el click-izquierdo en cualquier capa para crear la selección.

Create a Selection

Paso 3

Asegúrate de que la capa de Trazo de Textura esté aun seleccionada y que el Color de Fondo sea negro, y presiona Comando-retroceso para llenar la selección con negro.

Presiona Commando-D para seleccionar.

Fill the Layer Mask Selection

9. ¿Cómo Crear un Grupo de Textura de Trazo?

Paso 1

Pon la imagen Galaxy detrás de la capa de texto original, cambia el tamaño como se necesita y renombrala a Trazo BG 1.

Add the Stroke Texture

Paso 2

Añade una máscara invertida a la capa de Trazo BG 1, y luego pon la capa en un grupo que se llame Trazo BG.

BG Stroke Group

Paso 3

Duplica la capa BG Stroke 1 tres veces, y renombra las copias añadiendo los números 2, 3 y 4.

Duplicate the BG Stroke Layer

10. ¿Cómo Crear Puntos de Pincel de Grandes Partículas?

Paso 1

Escoge la Herramienta de Pincel, escoge Punta Erodible 9px, y usa esta configuración:

Forma de la Punta del Pincel

Brush Tip Shape

Forma Dinámica

Shape Dynamics

Dispersión

Scattering

Paso 2

Selecciona la mascara de la capa Trazo BG 2, y el trazo redondeado usando la Herramienta de Selección Directa.

Asegúrate de desmarcar la casilla de Simular Presión para todas las capas Trazo BG.

Stroke the BG Stroke 1 Layer Mask

Paso 3

Cambia la configuración de la misma punta del pincel para obtener un resultado diferente, desmarcando la pestaña de Formas Dinámicas, y usando esta configuración de Forma de la Punta del Pincel y Dispersión:

Brush Settings

Paso 4

Usa la punta modificada para hacer el trazo redondeado en la máscara de capa Stroke BG 2, y cambia el Modo de Fusión de la Capa a Color más Claro.

Stroke the BG Stroke 2 Layer Mask

11. ¿Cómo Crear Puntas de Pincel de Polvo?

Paso 1

Escoge Aerógrafo y usa estas configuraciones para La Forma del Pincel y Dispersión:

Brush Settings

Paso 2

Da click en el icono de Crear Nuevo Pincel en la esquina inferior derecha del panel de Pincel, pon el Nombre a Cepillo de Polvo, y click OK.

Save the Brush Tip

Paso 3

Selecciona la máscara de capa de Trazo BG 3, haz el trabajo de trazo con la punta de Cepillo de Polvo, y cambia el Modo de Fusión de la Capa a Sobreexponer Color.

Stroke the BG Stroke 3 Layer Mask

Paso 4

Cambia la configuración de Forma de la Punta del Pincel y Dispersión como se muestra abajo:

Brush Settings

Paso 5

Hacer el Trazo de Trazado de Trabajado en la capa de Trazo BG 4, y cambia el Modo de Fusión de la Capa a Sobreexponer Color.

Con la Herramienta de Selección Directa activa, presiona la tecla de Retroceso para eliminar el trazado de trabajo.

Stroke the BG Stroke 4 Layer Mask

12. ¿Cómo Añadir Destellos de Luz?

Paso 1

Pon uno de los set de imágenes de P-Series.Black-BG - C4D encima de la capa Trazo de Textura, cambiando el tamaño como sea necesario, y cambiando el Modo de Fusión a Trama.

Add a Light Image

Paso 2

Presiona Comando-T para entrar en Modo de Transformación Libre, y da click en el icono de Distorsión en la barra de Opciones.

Da Click-Arrastra los puntos y/o las secciones para distorsionar la luz en la forma que quieras. Cuando termines, presiona la tecla Retroceso para aceptar los cambios.

Puedes también cambiar el tamaño, rotar y ajustar la imagen mientras estás en el Modo de Transformación Libre.

Warp the Light

Paso 3

Puede añadir una capa de máscara y usar una punta de pincel redondeada, con el Color de Fondo a negro, para pintar las areas no deseadas y esconderlas.

Hide Unwanted Areas

Paso 4

Añade más imágenes y distorsionalas.

Si la luz del fondo es visible, puedes ir Imágenes > Ajustes > Niveles, da click en el icono de Muestrear la imagen para definir punto negro y dar click en el area de fondo que quieres hacer negra.

Adjust the Lights Background

Paso 5

Añada muchas imágenes como se necesite, y ponlas donde sea que quieras.

Add More Light Images

13. ¿Cómo Ajustar un Fondo y el Coloreado Global?

Paso 1

Añade una máscara de capa en la capa de Imagen de Fondo, escoge la Herramienta Pincel, escoge Cepillo de Polvo que guardaste antes y da click-arrastra un poco hacia el centro del documento para borrar una parte del centro de la imagen.

Mask Out the Background Image Center

Paso 2

Añade un Mapeo de Degradado encima de todas las capas, marca la casilla de Tramado, y crea el relleno de degradado usando los Colores #5c3d69 a la izquierda, #94516a en el medio, y #e8977a a la izquierda.

Cambia el Modo de Fusión de la capa de Mapeo de Degradado a Luz Suave, y su Opacidad a 30%.

Gradient Map

Paso 3

Añade un Ajuste de Capa de Consulta de Colores encima de todas las capas, y usa la tabla FoggyNight.3DL del menú Archivo 3DLUT.

Color Lookup

Paso 4

Presiona Comando-A para seleccionar todo, ve a Edición > Mezclar la Copia y Edición > Pegado Especial > Pegar en Lugar.

Renombra la capa pegada a Superponer, y esconde la capa de Consulta de Colores.

Create the Overlay Layer

Paso 5

Redice la Opacidad de la capa Superponer a un valor que te guste.

Decrease the Opacity

¡Felicidades! Lo has hecho.

En este tutorial hemos usado una textura simple para el fondo y creado un par de textos de capas. Luego, hemos dado estilo a las capas de texto para crear el efecto principal.

Luego de eso hemos usado texturas y configuraciones de pincel para crear un par de capas de trazo. Finalmente, hemos usado capas de ajuste para mejorar el resultado final.

Siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.

Final Result
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.