Cómo Crear un Efecto de Texto Inspirado en Steampunk en Adobe Photoshop

Steampunk es un subgénero de ciencia ficción o ciencia fantástica que incorpora tecnología y diseños estéticos inspirados por la maquinaria industrial que funcionaba a vapor en el siglo XIX.-Wikipedia

Éste tutorial te mostrará cómo crear diferentes elementos inspirados en steampunk, usando formas y estilos de capa con una serie de degradados. Luego, te mostrará cómo usar esos elementos, junto con un par de texturas y ajustes, para lograr un efecto de texto inspirado en el steampunk. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

• Fuente Museo Sans Rounded 1000
• Shiver por AFineWar
• Rust0065 Imagen 1 - Pequeña
• Clock por rick--hunter
• Clocks Pack psd por ravenarcana
• 90 Photohop Gears  Shapes por shapes4free
• Smoke Images (Seleecciona cualquier imagen que gustes.)
• Old paper por CAStock
• Paquete gratuito de 6000 degradados para Photoshop por Supertuts007 (Carga los archivos RS_Metals.grd, METALS.grd y CHROMES.grd.)

1. Cómo Crear un Fondo Texturizado

Paso 1

Crea un nuevo documento de 1250 x 800 px, y luego agrega una capa de ajuste de Degradado.

Usa los colores #44271b a la izquierda y #110702 a la derecha para el relleno de degradado. Luego cambia el estilo a Radial y la Escala a 200.

Paso 2

Agrega la textura Shiver, cambia el Modo de Fusión de su capa a Multiplicar, y redimensiónala como sea necesario.

2. Cómo Crear un Texto de Referencia

Paso 1

Crea el texto en Mayúsculas usando la fuente Museo Sans Rounded 1000. Cambia el Tamaño a 300 pt y el Tracking a 100, y luego renombra la capa a Text.

Paso 2

Duplica el capa Text y ocúltala, y luego haz click-derecho en la copia y elige Convertir en Forma.

Renombra la copia de la capa de la forma a Outline, duplícala, y renombra la nueva copia Shape.

Toma la Herramienta Selección Directa (A), cambia el valor de Relleno de la forma Outline en la barra de Opciones a Ninguno, y cambia la Alineación del Trazo a Exterior para ayudarte a definir el texto.

Paso 3

Toma la Herramienta Pluma, y elige Restar Forma Frontal de la lista de operaciones del Trazado en la barra de Opciones.

Selecciona la capa Shape, y luego comienza a eliminar partes del texto que quieres reemplazar con los elemento que estarás creando.

3. Cómo Aplicar Estilo a la Forma de Texto

Abre la imagen Rust0065, ve a Edición > Definir Motivo, escribe un Nombre para el motivo, y haz click en OK.

Luego, haz doble-click en la capa Shape para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

• Técnica: Cincel Duro
• Tamaño: 1
• Marca la casilla Suavizado
• Modo Resaltado: Superponer

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Semicircular
• Marca la casilla Suavizado.

Paso 3

Agrega una Textura con éstos ajustes:

• Motivo: Rust0065
• Escala: 25%
• Profundidad: 20%

Paso 4

Agrega una Sombra Interior con éstos parámetros:

• Opacidad: 100%
• Distancia: 0
• Tamaño: 35

Paso 5

Agrega un Resplandor Interior con éstos ajustes:

• Modo de Fusión: Luz Intensa
• Opacidad: 50%
• Color: #efedd9
• Origen: Centro
• Tamaño: 50

Paso 6

Agrega una Superposición de Colores con éstos parámetros:

• Color: #b1afa9
• Modo de Fusión: Multiplicar

Paso 7

Agrega una Superposición de Motivo con éstos ajustes:

• Motivo: Rust0065
• Escala: 25%

Paso 8

Agrega una Sombra Paralela con éstos parámetros:

• Opacidad: 100%
• Distancia: 2
• Extensión: 20
• Tamaño: 5

Éste es un efecto opcional si no quieres añadir una sombra debajo del texto pues lo haremos al final de éste tutorial.

Ésto aplicará estilo a la forma principal.

4. Cómo Crear Elementos Cilindricos Básicos

Paso 1

Toma la Herramienta Rectángulo Redondeado, y establece el Radio en 1.

Puedes usar cualquier valor de Radio que gustes cuando crees rectángulos redondeados en todo el tutorial, dependiendo del efecto que quieras.

Crea un rectángulo redondeado Blanco en una área a la que quieras añadir un cilindro.

Luego, crea un rectángulo redondeado verticalmente más angosto y horizontalmente más amplio arriba del previo, y rellénalo del color #d0cac3.

Haz doble-click en la capa del primer rectángulo redondeado para apicar el siguiente estilo de capa:

Paso 2

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 0
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 3

Agrega un Contorno con éstos parámetros:

• Contorno: Semicircular
• Marca la casilla Suavizado.
• Rango: 100%

Paso 4

Agrega una Superposición de Degradado con éstos parámetros:

• Ángulo: 0
• Usa el relleno de degradado Bronze Br44.

Paso 5

Con la pestaña Superposición de Degradado aún activa, puedes hacer click-arrastrar el relleno de degradado dentro de la forma para moverla.

Ésto será útil a través de todo el tutorial para asegurarte que los ángulos y la colocación de los degradados se adapten a los elementos en los que son aplicados.

Haz doble-click en la capa del segundo rectángulo redondeado para aplicar el siguiente estilo de capa:

Paso 6

Agrega un Bisel y Relieve con éstos ajustes:

• Tamaño: 0
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 7

Agrega un Contorno con éstos parámetros:

• Contorno: Semicircular
• Marca la casilla Suavizado.
• Rango: 100%

Paso 8

Agrega una Sombra Interior con éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Opacidad: 30%
• Distancia: 0
• Tamaño: 2

Paso 9

Agrega una Superposición de Degradado con éstos parámetros:

• Modo de Fusión: Multiplicar
• Ángulo: 0
• Usa el relleno de degradado stove pipe 150, y recuerda moverlo si es necesario.

Puedes usar rellenos de degradado con diferentes Modos de Fusión pra las formas que rellenes con colores diferentes a Negro y Blanco. Ésto te ayudará a obtener más variaciones en lugar de crear nuevos rellenos de degradado.

Paso 10

Agrega una Sombra Paralela con éstos ajustes:

• Opacidad: 50%
• Distancia: 3
• Tamaño: 3

Como puedes ver, ése es un estilo de capa básico que puede y será usado para un par de elementos diferentes.

Puedes mantener el simple efecto de Bisel y Relieve igual, y experimentar con los rellenos de Superposición de Degradado, así como agregar efectos de Sombra Interior y Sombra Paralela donde sea necesario.

5. Cómo Crear Variaciones del Cilindro

Paso 1

Al duplicar los dos rectángulos redondeados estilizados que tienes, y empujando las copias arriba de cada una, puedes crear un cilindro.

También puedes agregar y aplicar estilo a dos rectánglos redondeados más, con valores de Radio más grandes, en la parte superior e inferior, para añadir más detalles.

Para mantener las cosas organizadas, coloca los elementos de cada letra en un grupo con su nombre. Agrega números también porque podrías necesitar usar más de un grupo por letra.

Paso 2

Puedes escalar y reordenar las formas de rectángulo redondeado para lograr diferentes variaciones.

Por ejemplo, hice los rectángulos redondeados más delgados más cortos aquí, y les apliqué estilo con el relleno de degradado Brass 80.

Paso 3

Cuando creas formas verticales, asegúrate de cambiar el Ángulo de Superposición de Degradado a 90.

Paso 4

También puedes usar la Herramienta Pluma para crear algunas partes más como la forma blanca en la letra K aquí, que usa el relleno de degradado stove pipe 110, con un valor de Ángulo de 27.

Es el mismo estilo de capa, pero con diferentes rellenos de Superposición de Degradado y ángulos:

6. Cómo Crear Pequeños Remaches

Paso 1

Toma la Herramienta Pincel y abre el panel Pincel.

Elige una punta circular definida en la pestaa Forma de la Punta del Pincel, elige un tamaño pequeño e incrementa el valor de Espaciado.

Paso 2

Crea una nueva capa arriba de la capa de la forma a la que quieres agregar los remaches. Luego toma la Herramienta Pluma, y elige Trazado en la barra Opciones.

Crea un simple trazado curvo donde quieres agregar los remaches.

Paso 3

Establece el Color de Frente en #f1edea, y pulsa la tecla Return para trazar el trazado. Puedes luego mover los remaches, o borrar cualquier parte no deseada.

Duplica los remaches, o repite el mismo proceso, para agregarlos donde quieres.

Haz doble-click en una de las capas de los remaches para aplicar el siguiente estilo de capa:

Paso 4

Agrega un Bisel y Relieve con éstos ajustes:

• Tamaño: 0
• Marca la casilla Suavizado
• Modo Resaltado: Luz Intensa
  • Color: #b4b4b4
  • Opacidad: 100%
• Modo Resaltado:
  • Opacidad: 60%

Paso 5

Agrega un Contorno con éstos ajustes:

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

Paso 6

Agrega una Superposición de Degradado con éstos parámetros:

• Ángulo: 0
• Usa el relleno de degradado Brass 70.

Paso 7

Agrega una Sombra Paralela con éstos parámetros:

• Opacidad: 35%
• Desmarca la casilla Usar Luz Global
• Ángulo: -156
• Distancica: 2
• Tamaño: 5

Paso 8

Copia y pega el estilo de capa para el resto de las capas de los remaches.

Paso 9

Asegúrate de cambiar el Ángulo del relleno de degradado y moverlo a donde se necesite.

7. Cómo Crear Elementos de Cristal

Paso 1

Usa la Herramienta Rectángulo Redondeado, con un valor de Radio grande, para crear una forma de cristal dónde quieres agregarlo.

Haz doble-click en la capa de la forma de cristal para aplicar el siguiente estilo de capa:

Paso 2

Agrega un Bisel y Relieve con éstos ajustes:

• Tamaño: 29
• Desmarca la caislla Usar Luz Global
• Ángulo: 108
• Altitud: 42
• Marca la casilla Suavizado
• Modo Resaltado: Luz Lineal
  • Color: #b4b4b4
  • Opacidad: 7%
• Modo de Sombra: Trama
  • Color: #b8b0b9
  • Opacidad: 33%

Podrías necesitar ajustar algunos de los valores dependiendo del tamaño de tu forma.

Paso 3

Agrega una Sombra Interior con éstos ajustes:

• Modo de Fusión: Sobreexposición Lineal (Añadir)
• Color: #a8a8a8
• Opacidad: 35%
• Distancia: 0
• Tamaño: 3

Paso 4

Agrega un Resplandor Interior con éstos ajustes:

• Modo de Fusión: Luz Fuerte
• Opacidad: 50%
• Ruido: 10%
• Color: #e5d9cc
• Origen: Centro
• Tamaño: 20

Paso 5

Cambia el valor de Relleno de la capa de la forma de cristal a 0.

8. Cómo Crear Remaches Grandes

Paso 1

Toma la Herramienta Polígono, y establece el número de Lados en la barra Opciones en 8. Luego crea una base de remache donde quiereas arriba de la capa de texto original.

Establece el Color de Relleno del polígono en #67604e.

Haz doble-click en la capa de la forma del polígono para aplicar el siguiente estilo de capa:

Paso 2

Agrega un Bisel y Relieve con éstos ajustes:

• Técnica: Cincel Duro
• Tamaño: 5
• Marca la casilla Suavizado
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 3

Agrega un Contorno con éstos ajustes:

• Contorno: Cono
• Marca la casilla Suavizado.

Paso 4

Agrega una Superposición de Degradado con éstos parámetros:

• Estilo: Reflejado
• Ángulo: 42
• Crea el relleno de Degradado usando los colores #59503a a la izquierda, #62574c con un valor de Ubicación de 30, y #70685c a la derecha.

Paso 5

Agrega una Sombra Paralela con éstos ajustes:

• Opacidad: 100%
• Desmarca la casilla Usar Luz Global
• Ángulo: 135
• Distancia: 1
• Tamaño: 5

Paso 6

Ahora usa la Herramienta Elipse para crear un círculo en el centro del remache,con el Color de Relleno #8f5d26.

Haz doble-click en la capa de la forma de la elipse para aplicar el siguiente estilo de capa:

Paso 7

Agrega un Bisel y Relieve con éstos ajustes:

• Tamaño: 13
• Desmarca la casilla Usar Luz Global
• Ángulo: 90
• Altitud: 58
• Marca la casilla Suavizado
• Modo Resaltado: Luz Lineal
  • Color: #eee4e4

Paso 8

Agrega un Contorno con éstos ajustes:

• Contorno: Gaussiano
• Marca la casilla Suavizado.

Paso 9

Agrega una Superposición de Degradado con éstos parámetros:

• Estilo: Reflejado
• Ángulo: 42
• Crea el relleno de Degradado usando los colores #ffec97 a la izquierda, #675031 con un valor de Ubicación de 45, y #2a1f0d a la derecha.

Paso 10

Agrupa las formas de los remache estilizados, y duplícalos sobre un par de áreas diferentes.

9. Cómo Añadir los Elementos del Reloj

Paso 1

Usa la Herramienta Elipse para crear un círculo donde quieres agregar un reloj.

Haz doble-click en la capa de la forma de la elipse para aplicar el siguiente estilo de capa:

Paso 2

Agrega un Bisel y Relieve con éstos ajustes:

• Técnica: Cincel Duro
• Tamaño: 9
• Marca la casilla Suavizado
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 3

Agrega un Contorno con éstos parámetros:

• Contorno: Cono
• Marca la casilla Suavizado.

Paso 4

Agrega una Superposición de Degradado con éstos ajustes:

• Ángulo: 0
• Escala: 150%
• Usa el relleno de degradado stove pipe 100.

Paso 5

Agrega una Sombra Paralela con éstos parámetros:

• Opacidad: 100%
• Desmarca la casilla Usar Luz Global
• Ángulo: 135
• Distancia: 1
• Tamaño: 5

Paso 6

Crea un círculo más pequeño en el centro del estilizado.

Paso 7

Haz doble-click en la capa de la forma de la elipse más pequeña para aplicar un efecto de Superposición de Degradado con éstos ajustes:

• Estilo: Radial
• Ángulo: 0
• Escala: 150%
• Usa el relleno de degradado Steel 100.

Ésto aplicará estilo a las capas de la forma del reloj.

Paso 8

Abre la imagen del Reloj, usa la Herramienta Marco Elíptico para seleccionar el reloj y copiarlo.

Paso 9

Pega el reloj copiado arriba de las formas del reloj que acabas de crear, redimensiónalo para que encaje dentro de la forma del círculo más pequeño, y cambia su Modo de Fusión a Superponer.

Para obtener un resultado más limpio, puedes añadir una máscara de capa usando una selección de la forma del círculo más pequeño.

Paso 10

Duplica las formas si quieres agregarlas a otra letra, y puedes usar diferentes relojes también. Aquí, usé uno de los relojes Clocks Pack psd para la letra U.

10. Cómo Crear Tubos

Paso 1

Crea un nuevo documento de 20 x 6 px, y rellena el Background (fondo) horizontalmente con el relleno de degradado Steel 100. 

Luego, ve a Edición > Definir Motivo, escribe Pipe Pattern para el Nombre, y haz click en OK.

Paso 2

Crea una nueva capa abajo de la capa del elemento al que quieres agregar el tubo detrás.

Usa la Herramienta Pluma para crear un trazado para el tubo.

Paso 3

Ve a Edición > Rellenar, y cambia el Contenido a Motivo.

Elige el motivo Pipe Pattern, que acabas de crear. Marca la casilla Secuencia de comandos, elige Colocar a lo largo del Trazado, y haz click en OK.

Paso 4

Ésto abrirá las opciones y parámetros de Colocar a lo largo del Trazado.

• Escala de Motivo: 1 (Cambia ésto si quieres cambiar la anchura del tubo.)
• Espaciado: -20 (Ésto asegura que el relleno del motivo sea continuo.)
• Marca la casilla Ajustar espaciado para encajar.
• Ángulo desde trazado: -90 (Ésto hace el relleno del motivo seguir la dirección del trazado sin ser rotada.)
• Distancia desde el trazado: 0 (Ésto colocará el relleno exactamente en el trazado.)
• Desmarca la casilla Alternar motivos para evitar crear problemas en ambos lados del trazado.
• Progresión de Escala: 100 (Ésto asegura que el relleno mantenga el mismo tamaño a lo largo del trazado.)
• Desmarca Omitir rotación de símbolo para que las unidades del motivo sigan la dirección del trazado.
• Color aleatorio: 0
• Brillo aleatorio: 0

Una vez que hagas click en OK, el trazado será rellenado con el motivo.

Paso 5

Si quieres reducir los trazos de color alrededor de las esquinas, puedes ir a Ruido > Mediana, y usar un valor de Radio alrededor de 2.

Paso 6

También puedes usar la Herramienta Desenfocar para suavizar las esquinas.

11. Cómo Aplicar Estilo a los Tubos

Haz doble-click en la capa del tubo para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

• Tamaño: 0
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Semicircular
• Marca la casilla Suavizado.
• Rango: 100%

Paso 3

Agrega una Sombra Interior con éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Opacidad: 30%
• Distancia: 0
• Tamaño: 2

Paso 4

Agrega una Superposición de Degradado con éstos ajustes:

• Modo de Fusión: Superponer
• Opacidad: 25%
• Ángulo: -142
• Usa el relleno de degradado stove pipe 150, y muévelo para obtener la iluminación a través de la esquina del tubo.

Paso 5

Copia el estilo de capa del tubo. Crea más tubos donde sea necesario, y pega el estilo de capa para cada uno de ellos.

Si no hay esquinas, podrían no necesita el efecto Superposición de Degradado, ya que es usado para enfatizar el área iluminada de la esquina.

Para librarte del efecto de Superposición de Degradado, todo lo que necesitas hacer es expandir la lista de efectos de capa, y ocultar la Superposición de Degradado.

Paso 6

Asegúrate de crear los tubos que están arriba un de otro en capas separadas.

Paso 7

Agrega más rectángulos redondeados a las bases de los tubos. Es importante prestar atención al orden de las capas para obtener resultados realistas y limpios.

Agrupar las capas y mantener el panel Capas organizado te ayudará a cambiar el orden de la capa fácil y rápidamente.

12. Cómo Agregar Formas de Rueda Dentada

Paso 1

Toma la Herramienta Forma Personalizada, y usa el paquete 90 Photoshop Gears Shapes para agregar un par de ruedas dentadas aleatoriamente detrás del texto.

Paso 2

Usa tamaños diferentes, y rota las diferentes formas de rueda dentada para obtener resultados más dinámicos.

Haz doble-click en una de las capas de la forma de rueda dentada para aplicar el siguiente estilo de capa:

Paso 3

Agrega un Bisel y Relieve con éstos ajustes:

• Técnica: Cincel Duro
• Tamaño: 3
• Marca la casilla Suavizado
• Modo Resaltado: Superponer
  • Color: #b4b4b4

Paso 4

Agrega un Contorno con éstos parámetros:

• Marca la casilla Suavizado.

Paso 5

Agrega una Superposición de Degradado con éstos parámetros:

• Estilo: Radial
• Ángulo: 0
• Escala: 150%
• Usa el relleno de degradado Brass 70.

Paso 6

Copia y pega el estilo de capa al resto de la formas de rueda dentada. De nuevo, puedes siempre experiemntar con los valores del estilo de capa para obtener diferentes resultados.

Paso 7

También puedes agregar forma de elipse al centro de algunas de las formas de la rueda dentada, y usar el mismo estilo de capa con diferentes valores para aplicarles estilo.

13. Cómo Agregar Cables

Paso 1

Crea nuevas capas Wire donde quieras para agregar cables, y agrega el color del cable al nombre de cada capa.

Paso 2

Usa la Herramienta Pluma para crear trazados de cable y trázalos con una punta de pincel circular definida.

Haz doble-click en la capa wire para aplicar el siguiente estilo de capa:

Paso 3

Agrega un Bisel y Relieve con éstos parámetros:

• Tamaño: 5
• Desmarca la casilla Usar Luz Global
• Ángulo: -143
• Altitud: 37
• Modo Resaltado: Luz Lineal

Paso 4

Agrega un Contorno con éstos ajustes:

• Contorno: Semicircular
• Marca la casilla Suavizado.

Paso 5

Agrega una Superposición de Colores con éstos parámetros:

• Color: #99803e

Aquí está donde tienes que elegir un color para los cables, así que usa cualquier color que gustes.

Paso 6

Copia y pega el estilo de capa al resto de las capas de los cables, y cambia el valor de Color de Superposición de Colores para algunas de las capas si gustas. El color azul utilizado aquí es #245383.

14. Cómo Agregar Sombras

Paso 1

Primero, oculta el efecto Sombra Paralelo aplicado a la capa Shape, para que no se meta en el camino.

El proceso de abajo funciona para cualquier elemento en el que quieres pintar sombras. Así que los demostraré para los cables, pero puedes usarlo para el resto de los elementos que tengas.

Paso 2

Crea una selección de los elementos en los que quieres pintar sombra, y luego crea una nueva capa Shadow arriba de ellas.

Paso 3

Agrega una máscara de capa a la nueva capa, y asegúrate de que la miniatura de la capa esté seleccionada.

Toma la Herramienta Pincel, y elige una punta circular difusa.Establece el Color de Frente en Negro, y reduce el valor de Opacidad en la barra de opciones basada en qué tan intensas quieres que sean las sombras.

Después de eso, comienza a pintar las sombras donde haya elementos que pueden proyectar sombras en los cables.

Paso 4

Ahora repite eso para el resto de los elementos que tengan otros elementos que proyectan sombras arriba de ellos, para obtener un resultado final más realista.

15. Cómo Agregar Humo, Sombras Abajo, y Superposición de Textura

Paso 1

Agrega un par de imagenes de humo arriba de algunos de los tubos.

Cambia el Modo de Fusión de las capas de humo a Trama, y oscurece sus fondos si son visibles usando las opciones de ajuste de Niveles.

Redimensiona las imágenes de humo para que encajen con los tubos, y enmascara partes de ellos como se necesite.

Paso 2

A continuación puedes crear algunas sombras abajo del texto, usando selecciones elípticas rellenas de negro debajo de cada letra.

Puedes luego aplicar un Desenfoque Gaussiano en las elipses negros, y para un efecto más detallado y realista, puedes usar capas de sombras con diferentes valores del Radio del Desenfoque Gaussiano, y diferentes valores de Opacidad de la capa también.

Paso 3

Coloca todas las capas de formas del texto, excepto las capas del humo y de las sombras de abajo, en un grupo y llámalo Main Text.

Coloca la textura Old paper arriba de todas las caplas, recórtala con el grupo Main Text, y cambia el Modo de Fusión de la capa a Luz Lineal.

Mueve y redimensiona la textura para cubrir únicamente la primera letra.

Paso 4

Presiona Comando-U, y luego cambia el valor de Saturación a -50 y el Brillo a -20.

Paso 5

Duplica el texto modificado para el resto de las letras, asegurándote que las copias sigan recortadas con el grupo Main Text.

¡Felicidades! Terminaste

En éste tutorial, creamos un fondo texturizado y una capa de texto.

Luego, convertimos el texto en una forma y comenzamos a trabajar con él, añadiendo más formas diferentes para crear los elementos que posteriormente utilizamos.

Después de eso, aplicamos estilo a los elementos y los usamos para crear el efecto final. Finalmente, agregamos humo, sombras y superposición de textura para terminar el efecto.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.