Cómo crear un efecto de texto de ciencia ficción en Adobe Photoshop

Este tutorial te mostrará cómo utilizar estilos de capa para crear un efecto de texto inspirado en tipografía de ciencia ficción, de forma rápida y sencilla. ¡Comencemos!

Este efecto de texto está inspirado en los numerosos estilos de capa disponibles en GraphicRiver.

Recursos del tutorial 

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

• Fuente Kenney Future
• Textura de pared negra "grunge" de kues1
• Paquete gratuito de 6000 degradados de photoshop de Supertuts007 (Carga el archivo CHROMES.grd.)
• Motivo de papel 2 de Atle Mo

1. Cómo crear un motivo de degradado simple

Paso 1

Crea un nuevo documento de 500 x 104 px, y haz doble clic en la capa Fondo para desbloquearla.

Paso 2

Haz doble clic en la Capa 1 para aplicar un efecto de Superposición de degradado con esta configuración:

• Marca la casilla Tramado.
• Utiliza el relleno degradado "faucet 150".

Paso 3

Elige la herramienta Marco columna única y haz clic una vez en cualquier lugar para seleccionar una sola línea vertical.

Luego, ve a Edición > Definir motivo, y establece el Nombre como Líneas.

2. Cómo crear una textura de fondo

Paso 1

Crea un nuevo documento de 850 x 588 px con el valor de Resolución establecido en 300, coloca la imagen de la textura de pared negra "grunge" en la parte superior de la capa de Fondo, y cambia su tamaño según sea necesario.

Paso 2

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Gama a 1,10.

Paso 3

Haz doble clic en la capa de textura para aplicar un efecto de Superposición de color con estos ajustes:

• Color: #3b7aab
• Modo de fusión: Superponer

Esto añadirá un color azul a la textura.

3. Cómo crear y estilizar las capas de texto

Paso 1

Crea el texto usando la fuente "Kenney Future", y fija el tamaño en 50 pt.

Duplica la capa de texto y cambia el valor de Relleno de la copia a 0%.

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

Paso 2

Añade un Bisel y el relieve con estos ajustes:

• Estilo: Trazo en relieve
• Técnica: Cincel duro
• Profundidad: 550
• Tamaño: 6
• Desmarca la casilla Usar luz global
• Ángulo: -169
• Altitud: 37
• Contorno de resplandor: Anillo
• Marca la casilla Suavizado
• Modo resaltado: Sobreexposición de color
  • Opacidad: 75%.
• Modo de sombra: Subexposición lineal
  • Opacidad: 40%.

Paso 3

Añade un Contorno con estos ajustes:

• Contorno: Cono/Invertido
• Marca la casilla Suavizado
• Rango: 100%

Paso 4

Añade un Trazo con estos ajustes:

• Tamaño: 3
• Posición: Exterior
• Tipo de relleno: Degradado
• Ángulo: 90
• Haz clic en el cuadro de degradado para crear el degradado

Crea el degradado añadiendo detenciones de color alternas de los colores #1b5ad3 y #6db7fd.

Paso 5

Añade una Sombra interior con estos ajustes:

• Modo de fusión: Subexponer color
• Color: #0886f1
• Opacidad: 60%.
• Desmarca la casilla Usar luz global
• Ángulo: 90
• Distancia: 0
• Extensión: 25
• Tamaño: 9

Paso 6

Añade un Brillo interior con estos ajustes:

• Modo de fusión: Luz intensa
• Opacidad: 70%.
• Color: #7ffffd
• Extensión: 30
• Tamaño: 16
• Marca la casilla Suavizado
• Rango: 100

Paso 7

Añade una Superposición de degradado con estos ajustes:

• Marca la casilla Tramado
• Modo de fusión: Subexposición lineal
• Opacidad: 75%.
• Escala: 109%
• Crea el degradado usando los colores #145190 a la izquierda y #9517ff a la derecha.

Paso 8

Añade una Superposición de motivo con estos ajustes:

• Motivo: Líneas
• Escala: 7%.

Paso 9

Añade un Resplandor exterior con estos ajustes:

• Modo de fusión: Superponer
• Opacidad: 75%.
• Color: #dd69ff
• Extensión: 10
• Tamaño: 30
• Marca la casilla Suavizado

Paso 10

Añade una Sombra paralela con estos ajustes:

• Opacidad: 100%
• Desmarca la casilla Usar luz global
• Ángulo: 90
• Distancia: 10
• Extensión: 30
• Tamaño: 15

Paso 11

Añade otra instancia del efecto de Sombra paralela con estos ajustes:

• Opacidad: 70%.
• Desmarca la casilla Usar luz global
• Ángulo: 90
• Distancia: 20
• Tamaño: 35

Esto creará el efecto principal.

4. Cómo añadir más efectos de capa

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

Paso 1

Añade un Bisel y relieve con estos ajustes:

• Tamaño: 49
• Desmarca la casilla Usar luz global
• Ángulo: 58
• Altitud: 21
• Contorno de resplandor: Cono-Invertido
• Marca la casilla Suavizado
• Modo resaltado: Luz intensa
  • Opacidad: 77%
• Modo de sombra:
  • Opacidad: 0%.

Paso 2

Añade un Contorno con estos ajustes:

• Contorno: Pendiente-hacia abajo
• Marca la casilla Suavizado
• Rango: 100%

Paso 3

Añade una Sombra interior con estos ajustes:

• Modo de fusión: Luz suave
• Color: #ab2eec
• Opacidad: 100%
• Desmarca la casilla Usar luz global
• Ángulo: 90
• Distancia: 0
• Tamaño: 21

Paso 4

Añade un Resplandor interior con estos ajustes:

• Modo de fusión: Luz intensa
• Opacidad: 25%.
• Degradado: Utiliza los colores #3b5e7e a la izquierda, #588b8a en el centro y #c5c396 a la derecha
• Fuente: Centro
• Tamaño: 51
• Marca la casilla Suavizado
• Rango: 100%

Paso 5

Añade una Superposición de degradado con estos ajustes:

• Marca la casilla Tramado
• Modo de fusión: Luz lineal
• Opacidad: 50%.
• Escala: 109%
• Crea el Degradado usando los colores #98addc a la izquierda y #9e727f a la derecha.

Paso 6

Añade una Superposición de motivo con estos ajustes:

• Modo de fusión: Multiplicar
• Motivo: Papel 2

Paso 7

Añade un Resplandor exterior con estos ajustes:

• Modo de fusión: Sobreexposición de color
• Opacidad: 75%.
• Color: #88621f
• Extensión: 10
• Tamaño: 20

Esto terminará el efecto del texto.

5. Cómo añadir los toques finales

Paso 1

Si quieres añadir más de una línea de texto, sólo tienes que duplicar ambas capas de texto estilizado y cambiar su contenido.

Paso 2

Haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y elige Búsqueda de color.

Elige la tabla Fuji REALA 500D Kodak 2392 (de Adobe).cube del menú Archivo 3DLUT, y cambia la Opacidad de la capa a 35%.

Felicidades, ¡terminaste!

En este tutorial, utilizamos texturas, motivos y estilos de capa para crear un efecto de texto inspirado en la tecnología, rápido y fácil.

No dudes en dejar tus comentarios, sugerencias y resultados a continuación.