7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

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

Read Time: 10 mins
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 imageFinal product imageFinal 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 LayerSolid Color LayerSolid 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 ImageAdd the Background ImageAdd 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.

HueSaturationHueSaturationHueSaturation

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 TextCreate the TextCreate the Text

Paso 2

Cambia el Relleno de la Capa de Texto a 0.

Fill ValueFill ValueFill Value

Paso 3

Duplica el texto de la capa dos veces.

Duplicate the Text LayerDuplicate the Text LayerDuplicate 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 EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade Contorno con estas configuraciones:

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

Paso 3

Añade un Trazo con estas configuraciones:

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

Paso 4

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

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

Esto le dará estilo a la primera capa.

Styled Text Layer 1Styled Text Layer 1Styled 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 EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade Contorno con esta configuración:

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

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 ShadowInner ShadowInner 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 GlowInner GlowInner Glow

Esto le da estilo a la segunda capa.

Styled Text Layer 2Styled Text Layer 2Styled 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 EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade Contorno con esta configuración:

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

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 ShadowInner ShadowInner Shadow

Paso 4

Añade Resplandor Interior con esta configuración:

  • Opacidad: 35%
  • Color: #ff1d48
  • Origen: Centro
  • Tamaño: 65
  • Contorno: Cono - Invertido
Inner GlowInner GlowInner 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
SatinSatinSatin

Paso 6

Añade Resplandor Exterior con esta configuración:

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

Esto le dará estilo a la capa final.

Styles Text Layer 3Styles Text Layer 3Styles 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 PathCreate Work PathCreate 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 SettingsBrush SettingsBrush 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 PathStroke the Work PathStroke the Work Path

Paso 4

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

Change the Blend ModeChange the Blend ModeChange 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 TextureAdd the TextureAdd 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 MaskAdd an Inverted Layer MaskAdd 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 SettingsBrush SettingsBrush 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 PathStroke the Work PathStroke 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 MaskStroked MaskStroked Mask

Paso 2

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

Create a SelectionCreate a SelectionCreate 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 SelectionFill the Layer Mask SelectionFill 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 TextureAdd the Stroke TextureAdd 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 GroupBG Stroke GroupBG 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 LayerDuplicate the BG Stroke LayerDuplicate 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 ShapeBrush Tip ShapeBrush Tip Shape

Forma Dinámica

Shape DynamicsShape DynamicsShape Dynamics

Dispersión

ScatteringScatteringScattering

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 MaskStroke the BG Stroke 1 Layer MaskStroke 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 SettingsBrush SettingsBrush 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 MaskStroke the BG Stroke 2 Layer MaskStroke 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 SettingsBrush SettingsBrush 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 TipSave the Brush TipSave 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 MaskStroke the BG Stroke 3 Layer MaskStroke 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 SettingsBrush SettingsBrush 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 MaskStroke the BG Stroke 4 Layer MaskStroke 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 ImageAdd a Light ImageAdd 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 LightWarp the LightWarp 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 AreasHide Unwanted AreasHide 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 BackgroundAdjust the Lights BackgroundAdjust the Lights Background

Paso 5

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

Add More Light ImagesAdd More Light ImagesAdd 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 CenterMask Out the Background Image CenterMask 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 MapGradient MapGradient 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 LookupColor LookupColor 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 LayerCreate the Overlay LayerCreate the Overlay Layer

Paso 5

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

Decrease the OpacityDecrease the OpacityDecrease 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 ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads