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

Crea un efecto de texto retro inspirado en Star Wars en Adobe Photoshop

Scroll to top
Read Time: 6 mins
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Vintage Movie Text Effect in Adobe InDesign
How to Create a Quick Vintage Text Effect in Adobe InDesign

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial te mostraré cómo usar un par de estilos de capa, con una agradable textura de espacio y una punta de pincel de resplandor, para crear un efecto de texto inspirado en Star Wars. ¡Empecemos!

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

1. Creando el fondo

Paso 1

Crea un nuevo documento de 950 x 550 px. Coloca la imagen de we own the sky en la parte superior de la capa fondo y cambia su tamaño según sea necesario.

Space TextureSpace TextureSpace Texture

Paso 2

Haz doble clic en la capa de la imagen de textura para aplicar un efecto superposición de color. Cambia el modo de fusión a multiplicar y el color a #a6a6a6.

Color OverlayColor OverlayColor Overlay

Paso 3

Esto oscurecerá un poco la imagen. Haz clic en el icono crear nuevo relleno o capa de ajuste en la parte inferior del panel capas y elige color sólido.

Solid ColorSolid ColorSolid Color

Paso 4

Usa el color #fced82, y luego cambia el modo de fusión de la capa de ajuste a multiplicar y su opacidad a 25%.

Solid Color SettingsSolid Color SettingsSolid Color Settings

2. Creando el texto

Paso 1

Crea el texto usando la fuente SF distant galaxy. Las letras S y T, al principio y al final del texto, están en mayúsculas.

Abre el panel caracter (ventana > caracter) para cambiar algunos de los ajustes. El color es #f2ece6, el tamaño es 200 pt, el interlineado es 155 pt, y el "tracking" se establece en 50.

Character Panel SettingsCharacter Panel SettingsCharacter Panel Settings

Paso 2

A continuación, tenemos que ajustar los valores de kerning para algunas de las letras. Así que tendrás que hacer clic una vez entre cada dos letras y escribir un valor que te guste.

Los valores utilizados aquí son:

  • ST: -50
  • AR (en ambas palabras): 50
  • RS: -50
Adjusting the Kerning ValuesAdjusting the Kerning ValuesAdjusting the Kerning Values

3. Ajustando la forma del texto

Paso 1

Una vez que te guste cómo se ve el texto, ve a texto > convertir en forma.

Convert to ShapeConvert to ShapeConvert to Shape

Paso 2

Elige la herramienta selección directa, haz clic y arrastra para seleccionar los dos puntos de ancla al final de la letra R superior.

Select Anchor PointsSelect Anchor PointsSelect Anchor Points

Paso 3

Presiona la tecla de flecha derecha para empujar esos puntos hacia la derecha hasta que estén alineados con la letra S debajo de ellos.

Nudge Anchor PointsNudge Anchor PointsNudge Anchor Points

Paso 4

Selecciona los puntos de ancla izquierdos de la letra S superior y presiona la tecla de flecha izquierda para alinearlos con la letra W debajo de ellos.

Nudge Anchor PointsNudge Anchor PointsNudge Anchor Points

Paso 5

Duplica la capa de forma, cambia el valor de relleno de la copia a 0 y duplícala una vez más.

Duplicate the Shape LayerDuplicate the Shape LayerDuplicate the Shape Layer

4. Estilizando la capa de la forma original

Haz doble clic en la capa de la forma original para aplicar el siguiente estilo de capa:

Paso 1

Añade un bisel y relieve con estos ajustes:

  • Estilo: relieve del trazo
  • Tamaño: 3
  • Contorno de resplandor: Gaussiano - Inverso
  • Marca la casilla suavizado
  • Modo resaltado: luz intensa
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un contorno con estos ajustes:

  • Contorno: pendiente hacia abajo
  • Marca la casilla suavizado
Contour Contour Contour

Paso 3

Añade un trazo con estos ajustes:

  • Tamaño: 10
  • Posición: centro
  • Tipo de relleno: degradado
  • Estilo: reflejado
  • Ángulo: 35
  • Utiliza el relleno de degradado Golden dial top x11 y, a continuación, haz clic en el cuadro degradado para editarlo.

Tendrás que hacer doble clic en cada marcador de detención de color, y usar el color #e1ca71 en lugar de #f5e5a6.

Stroke Stroke Stroke

Paso 4

Añade una sombra interior con estos ajustes:

  • Opacidad: 50%
  • Distancia: 0
  • Tamaño: 1
Inner ShadowInner ShadowInner Shadow

Paso 5

Agrega una superposición de degradado con estos ajustes:

  • Haz clic en el cuadro degradado para crear el degradado.
Gradient OverlayGradient OverlayGradient Overlay

Paso 6

Puedes hacer clic debajo de la barra de degradado para agregar detenciones de color, y para cada detención de color que tenga, puedes hacer clic en ella y luego cambiar sus valores de color y ubicación.

También puedes hacer clic en detenciones de opacidad en la parte superior de la barra de degradado para ajustar sus valores de opacidad y ubicación.

Los valores utilizados de izquierda a derecha son:

Color - Ubicación

  • #ede1b1 - 5%
  • #ecd98f - 75%
  • #e1ca71 - 88%
  • #be8936 - 100%

Por último, cambia el valor de la opacidad izquierda de detenciones de ubicación a 5%.

Gradient EditorGradient EditorGradient Editor

Esto creará la primera capa de trazo y el relleno del texto principal.

Styled Original Shape LayerStyled Original Shape LayerStyled Original Shape Layer

5. Estilizando la primera copia de la capa de texto

Haz doble clic en la primera copia de la capa de forma para aplicar el siguiente estilo de capa:

Paso 1

Añade un trazo con estos ajustes:

  • Tamaño: 10
  • Posición: centro
  • Modo de fusión: superposición
  • Tipo de relleno: degradado
  • Estilo: reflejado
  • Ángulo: 90
  • Define la escala a 110 del tamaño de degradado
Stroke Stroke Stroke

Paso 2

Agrega una superposición de degradado con estos ajustes:

  • Modo de fusión: luz fuerte
  • Marca la casilla invertir
  • Utiliza el relleno degradado Gold dial tops x7 - angled

Ahora puedes hacer clic y arrastrar el degradado dentro del texto para cambiar su posición como desees.

Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Agrega una superposición de motivo con estas configuraciones:

  • Modo de fusión: superposición
  • Patrón: metal_6-512px.jpg
Pattern OverlayPattern OverlayPattern Overlay

Esto intensificará el trazo y los colores de relleno.

Styled First Copy Shape LayerStyled First Copy Shape LayerStyled First Copy Shape Layer

6. Estilizando la segunda copia de la capa de texto

Haz doble clic en la segunda copia de la capa de forma para aplicar el siguiente estilo de capa:

Paso 1

Añade un bisel y relieve con estos ajustes:

  • Estilo: relieve del trazo
  • Tamaño: 3
  • Contorno de resplandor: aro
  • Marca la casilla suavizado
  • Modo resaltado: luz intensa
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un contorno con estos ajustes:

  • Contorno: desnivel profundo
  • Marca la casilla suavizado
Contour Contour Contour

Paso 3

Añade un trazo con estos ajustes:

  • Tamaño: 10
  • Posición: centro
  • Modo de fusión: superposición
  • Tipo de relleno: degradado
  • Estilo: reflejado
  • Ángulo: 5
  • Utiliza el relleno de degradado Golden dial top x11
Stroke Stroke Stroke

Esto agregará una capa más de coloración para hacer el efecto más vivo.

Styled Second Copy Shape LayerStyled Second Copy Shape LayerStyled Second Copy Shape Layer

7. Agregando un resplandor exterior

Paso 1

Duplica la segunda copia de la capa de forma y, a continuación, haz clic con el botón derecho en ella y elige rasterizar estilo de capa.

Cambia el nombre de la capa rasterizada a resplandor y cambia su valor de relleno a 0.

Rasetrize Layer StyleRasetrize Layer StyleRasetrize Layer Style

Paso 2

Haz doble clic en la capa resplandor para aplicar un efecto resplandor exterior utilizando los siguientes valores:

  • Modo de fusión: luz lineal
  • Color: #e7bf2a
  • Tamaño: 3
Outer GlowOuter GlowOuter Glow

Esto agregará un brillo exterior sutil al texto.

Outer Glow EffectOuter Glow EffectOuter Glow Effect

8. Agregando los destellos

Paso 1

Establece el color del primer plano en #ead994, elige la herramienta pincel y elige la punta S&F-12 del conjunto de pinceles de estrellas y destellos.

Pick Brush TipPick Brush TipPick Brush Tip

Paso 2

Abre el panel pincel (ventana > pincel) y modifica la configuración en la pestaña dinámica de forma como se muestra a continuación:

Shape DynamicsShape DynamicsShape Dynamics

Paso 3

Reduce el tamaño de la punta del pincel a un valor que te guste, crea una nueva capa encima de todas las capas, llámala destellos y cambia su modo de fusión a luz lineal.

A continuación, comienza a hacer clic para agregar destellos alrededor de los bordes del texto.

Adding the FlaresAdding the FlaresAdding the Flares

¡Felicitaciones! Has Terminado

En este tutorial, usamos una textura de espacio como fondo y modificamos su coloración utilizando estilos de capa y capas de ajuste.

Luego, creamos el texto y modificamos algunos de sus ajustes, como los valores de tracking y kerning.

Convertimos el texto en una forma, y trabajamos un poco más en los extremos de sus letras. Una vez que terminamos, creamos un par de copias y estilizamos cada una de ellas para lograr el efecto.

Finalmente, modificamos una punta del pincel de destello y la usamos para agregar algunos destellos y brillos a los bordes del texto.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados a continuación.

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.