Crea un efecto de texto retro inspirado en Star Wars en Adobe Photoshop
Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

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:
- Fuente SF distant galaxy
- We own the sky por mediumanalog
- 8 Texturas metálicas de azulejos de WebTreatsETC
- Conjunto de pinceles de estrellas y destellos de MysticEmma
- Paquete gratuito de 6000 degradados de photoshop de Supertuts007 (carga los archivos DIALS.grd y CHROMES.grd)
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.

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
.

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.

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

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.

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

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.

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.

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.

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.

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

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

Paso 2
Agrega un contorno con estos ajustes:
- Contorno: pendiente hacia abajo
- Marca la casilla suavizado

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
.

Paso 4
Añade una sombra interior con estos ajustes:
- Opacidad: 50%
- Distancia: 0
- Tamaño: 1

Paso 5
Agrega una superposición de degradado con estos ajustes:
- Haz clic en el cuadro degradado para crear el degradado.

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

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

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

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.

Paso 3
Agrega una superposición de motivo con estas configuraciones:
- Modo de fusión: superposición
- Patrón: metal_6-512px.jpg

Esto intensificará el trazo y los colores de relleno.

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

Paso 2
Agrega un contorno con estos ajustes:
- Contorno: desnivel profundo
- Marca la casilla suavizado

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

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

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.

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

Esto agregará un brillo exterior sutil al texto.

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.

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:

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.

¡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.
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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post