Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:MediumLanguages:
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 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 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 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 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 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 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 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 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 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 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 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 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 Emboss

Paso 2

Agrega un contorno con estos ajustes:

  • Contorno: pendiente hacia abajo
  • Marca la casilla suavizado
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

Paso 4

Añade una sombra interior con estos ajustes:

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

Paso 5

Agrega una superposición de degradado con estos ajustes:

  • Haz clic en el cuadro degradado para crear el degradado.
Gradient 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 Editor

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

Styled 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

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 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 Overlay

Esto intensificará el trazo y los colores de relleno.

Styled 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 Emboss

Paso 2

Agrega un contorno con estos ajustes:

  • Contorno: desnivel profundo
  • Marca la casilla suavizado
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

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

Styled 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 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 Glow

Esto agregará un brillo exterior sutil al texto.

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