Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Crear un Efecto de Texto Inspirado en Aquaman en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Christian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

Este tutorial te mostrará cómo usar estilos de capas, texturas, pinceles con muchas herramientas y ajustes para crear un efecto de texto inspirado en la película de Aquaman. ¡Comencemos!

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

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

1. ¿Cómo Crear un Fondo?

Paso 1

Crea un nuevo documento de 3000 x 2071 px; da clic en Crear Nuevo Relleno o capa de ajuste en la parte inferior del panel Capas, y escoge Degradado.

Crea el relleno de degradado usando los Colores #297f82 a la izquierda, #1a3344 en el medio y #0d1018 a la derecha.

Cambia el Estilo a Radial y da clic-arrastra al centro del degradado para colocarlo encima del documento.

Incrementa el valor de Escala a 200 y marca la casilla de Tramado.

Gradient Fill Layer

Paso 2

Ve a Archivo > Colocar Vínculo, abre la imagen "Under water texture" y ve a Imagen > Ajustes > Tono/Saturación para cambiar el valor de Saturación a -100.

HueSaturation

Paso 3

Cambia el Modo de Fusión de la capa de textura a Sobreexponer Color.

Change the Blend Mode

Paso 4

Ve a Edición > Transformar > Deformar; escoge Arco a partir del menú Deformar en la barra de Opciones y da clic-arrastra el punto de control para obtener el resultado que quieres.

Warp Mode

Paso 5

Presiona la tecla Regresar para realizar los cambios y da clic en Añadir Máscara de Capa en la parte inferior del panel Capas.

Add a Layer Mask

Paso 6

Toma la Herramienta Degradado; pon los Colores de Primer Plano y Fondo a blanco y negro. Escoge el relleno de degradado de Primer Plano a Fondo y da clic sobre Degradado Radial en la barra de Opciones.

Selecciona la miniatura de la máscara y da clic-arrastra a partir de la parte superior del documento a su parte inferior para crear una máscara de degradado.

Create a Gradient Mask

2. ¿Cómo Añadir un Pincel Rayo de Luz?

Paso 1

Toma la Herramienta Pincel y crea una nueva capa y nómbrala Rayos de Luz.

Cambia el Modo de Fusión de la capa a Superposición y su Opacidad a 50%.

Create the Light Rays Layer

Paso 2

Mantén presionada la tecla Opción, y da clic-arrastra la miniatura de la máscara de capa a la capa Rayos de Luz para duplicarla.

Duplicate the Layer Mask

Paso 3

Desvincula la máscara dando clic en el icono de vínculo entre la capa y la miniatura de la máscara.

Selecciona la miniatura de la capa y añade un pincel de rayos de luz desde el paquete Rayos de Luz. Puedes presionar Comando-T para entrar en el Modo Transformación Libre y rotar, cambiar de tamaño y deformar los rayos.

Free Transform Mode

3. ¿Cómo Añadir Textura Ruidosa?

Paso 1

Abre la imagen Phineas F. Textura Stock y ve a Imagen > Calcular.

Cambia ambos valores del Canal a Rojo, la Fusión a Superposición y el Resultado a Selección. Da clic en OK y ve a Edición > Copiar.

Calculations Settings

Paso 2

Vuelve al documento original; ve a Edición > Pegar, renombra la capa a Ruido Superior y cambia su valor de Relleno a 0%.

Coloca la textura encima del documento y cambia el tamaño como sea necesario.

Add the Top Fizz Texture

Da doble-clic en la capa Superior para aplicar el siguiente estilo de capa:

Paso 3

Añade un Bisel y Relieve con esta configuración:

  • Tamaño: 2
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 122
  • Altitud: 42
  • Contorno de Resplandor: Aro
  • Desmarca la casilla Suavizado
  • Modo de Iluminación: Luz Lineal
    • Modo de Sombra:
      • Opacidad: 35%
    Bevel and Emboss

    Paso 4

    Añade un Contorno con esta configuración:

    • Contorno: Aro - Doble
    • Marca la casilla de Suavizado.
    Contour

    Paso 5

    Disminuye la Opacidad a 50%.

    Opacity Value

    Paso 6

    Pon todas las capas excepto la capa de Fondo en un grupo y nómbralo Fondo.

    Background Group

    4. ¿Cómo Crear una Capa de Texto de Objeto Inteligente?

    Paso 1

    Crea el texto Todo en Mayúsculas usando la fuente Lato Heavy. Pon el Tamaño a 250 pt y el Tracking a 645.

    Create the Text

    Paso 2

    Renombra la capa de texto a Texto > da clic-derecho sobre el y escoge Convertir a Objeto Inteligente.

    Convert to Smart Object

    5. ¿Cómo Grabar una Acción Simple de Extrusión?

    Paso 1

    Abre el panel Acciones, da clic en el icono Crear nuevo set en la parte inferior del panel; pon Extrusión en el campo Nombre y da clic en OK.

    New Action Set

    Paso 2

    Da clic en Crear nueva acción en la parte inferior del panel; pon Acción en el Nombre y da clic en Grabar.

    Create New Action

    Paso 3

    Presiona Comando-J para duplicar la capa de Texto.

    Duplicate the Layer

    Paso 4

    Presiona Comando-T para entrar al Modo de Transformación Libre.

    En la barra de opciones, da clic en Mantener Relación de Aspecto entre los campos W y H y pon sus valores a 99.9%.

    Presiona la tecla Regresar para realizar los cambios. Debes ver todos todos los pasos grabados y añadidos a la acción que has creado.

    Scale Down

    Paso 5

    Da clic en Parar Grabación en la parte inferior del panel Acciones.

    Stop Recording

    6. ¿Cómo Crear una Extrusión?

    Paso 1

    Da clic en Reproducir Selección en la parte inferior del panel Acciones diez veces para crear diez copias más con la transformación.

    Create the Extrusion

    Paso 2

    Selecciona todas las capas de Texto y ve a Capa > Organizar > Revertir. Esto colocará la última copia de capa en la parte inferior y traerá la original al frente.

    Reverse Layer Order

    Paso 3

    Deselecciona el primer y la última capa de Texto y coloca el resto un grupo y nómbralo Centro.

    Center Group

    Paso 4

    Renombra la capa de Texto Superior a Frente y la última a Atrás.

    Front and Back Layers

    Paso 5

    Duplica la capa Frente dos veces.

    Duplicate Layers

    Paso 6

    Arrastra la capa Frente encima de todas las capas dentro del grupo Centro.

    Move Layer

    7. ¿Cómo darle Estilo a las Capas de Texto de Frente?

    Da doble-clic a la capa Frente copia 2 para aplicar el siguiente estilo de capa:

    Paso 1

    Añade un Bisel y Relieve con esta configuración:

    • Estilo: Relieve del Trazo
    • Profundidad: 300
    • Tamaño: 5
    • Desmarca la casilla Usar Luz Global
    • Ángulo: -176
    • Altitud: 21
    • Contorno de Resplandor: Gaussiano
    • Marca la casilla Suavizado
    Bevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

    • Contorno: Cono - Asimétrico
    • Marca la casilla Suavizado
    Contour

    Paso 3

    Añade un Trazo con esta configuración:

    • Tamaño: 3
    • Posición: Dentro
    • Tipo de Relleno: Degradado
    • Estilo: Reflejado
    • Crea el Degradado usando los colores #7e662e a la izquierda y #cfb765 con el valor Ubicación alrededor de 86%.
    Stroke

    Paso 4

    Cambia el valor de Relleno a 0%.

    Change the Fill Value

    Paso 5

    Convierte la capa Objeto Inteligente.

    Convert to a Smart Object

    Paso 6

    Da doble-clic a la capa Frente Copia para aplicar un efecto de Superposición de Motivo con esta configuración:

    • Motivo: 1.jpg (abre la imagen desde el paquete de texturas de metal, y ve a Edición > Definir Motivo para añadirla a los preestablecidos).
    • Escala: 50%
    Pattern Overlay

    Esto le dará estilo a la parte frontal del texto.

    Styled Front

    8. ¿Cómo Darle Estilo a la Extrusión?

    Da doble-clic a la capa Frontal para aplicar el siguiente estilo de capa:

    Paso 1

    Añade un Bisel y Relieve con esta configuración:

    • Estilo: Relieve del Trazo
    • Profundidad: 230
    • Tamaño: 5
    • Desmarca la casilla Usar Luz Global
    • Ángulo: -90
    • Altitud: 50
    • Contorno de Resplandor: Cueva - Profundo
    • Marca la casilla de Suavizado
    Bevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

    • Contorno: Pendiente - Hacia Abajo
    • Marca la casilla de Suavizado.
    Contour

    Paso 3

    Añade un Trazo con esta configuración:

    • Tamaño: 3
    • Posición: Centro
    • Tipo de Relleno: Degradado
    • Estilo: Lineal
    • Crea el Degradado usando los Colores #7e662e a la izquierda y la derecha y #d4c591 en el medio.
    Stroke

    Paso 4

    Cambia el valor de Relleno de la capa Frontal a 0%; da clic-derecho sobre el y escoge Copiar Estilo de Capa.

    Copy Layer Style

    Paso 5

    Selecciona las otras capas dentro del grupo del Centro; da clic-derecho en cualquiera de ellos y escoge Pegar Estilo de Capa.

    Paste Layer Style

    9. ¿Cómo Darle Estilo la Capa de Texto de Atrás?

    Da doble-clic en la capa de texto de Atrás para aplicar el siguiente estilo de capa:

    Paso 1

    Añade Bisel y Relieve con esta configuración:

    • Estilo: Relieve del Trazo
    • Tamaño: 4
    • Desmarca la casilla Usar Luz Global
    • Ángulo: -164
    • Altitud: 53
    • Contorno de Resplandor: Gaussiano
    • Marca la casilla Suavizado
    Bevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

    • Contorno: Cono - Asimétrico
    • Marca la casilla de Suavizado.
    Contour

    Paso 3

    Añade un Trazo con esta configuración:

    • Tamaño: 2
    • Posición: Fuera
    • Tipo de Relleno: Degradado
    • Estilo: Reflejado
    • Crea el Degradado usando los colores #7e662e a la izquierda y derecha; y #fdcb1c en el medio.
    Stroke

    Paso 4

    Cambia el valor de Relleno de la capa Atrás a 0%.

    Change the Fill Value

    Paso 5

    Da doble-clic en el grupo del Centro para aplicar una Superposición de Degradado con esta configuración:

    • Marca la casilla de Tramado.
    • Modo de Fusión: Subexponer Color
    • Estilo: Reflejado
    • Usa el relleno de degradado Silver 30.
    Gradient Overlay

    Esto terminará el estilo del texto.

    Styled Text

    10. ¿Cómo Crear una Textura Simple Usando Filtros?

    Paso 1

    Crea una nueva capa encima de todas las capas; rellena con negro; nombra Textura de Extrusión y conviértelo a Objeto Inteligente.

    Extrusion Texture

    Paso 2

    Pon los Colores de Primer Plano y Fondo a Negro y Blanco y ve a Filtro > Interpretar > Fibras.

    Cambia la Intensidad a 20 y la Fortaleza a 5.

    Render Fibers

    Paso 3

    Ve a Filtro > Desenfoque > Desenfoque de Movimiento y cambia el Ángulo a 90 y la Distancia a 25.

    Motion Blur

    Paso 4

    Usa la Herramienta Marco Rectangular para seleccionar un área aleatoria pequeña de la textura.

    Create Selection

    Paso 5

    Presiona Comando-J para duplicar el área seleccionada en una nueva capa y ocultar la capa Extrusión de Textura.

    Duplicate the Layer

    11. ¿Cómo Añadir la Textura de Extrusión?

    Paso 1

    Mueve la capa de textura duplicada encima del grupo del centro; da clic derecho sobre el y escoge Crear Máscara de Recorte.

    Create Clipping Mask

    Paso 2

    Coloca la textura recortada encima de la letra a la cual quieres aplicarla; presiona comando-T para transformar la textura para que iguale a la parte que quieres cubrir.

    Transform the Texture

    Paso 3

    Puedes añadir una máscara y usar un pince redondo para borrar cualquier área que no quieras.

    Erase Unwanted Areas

    Paso 4

    Una vez hecho, cambia el Modo de Fusión de la capa de textura a Luz Suave.

    Blend Mode

    Paso 5

    Para las partes de la letra redonda, puedes usar el modo Deformar para ajustar la textura.

    Warp the Texture

    Paso 6

    Muestra la capa de Extrusión de Textura; selecciona una nueva area y repite los pasos para añadir la textura a todas las letras que tengas.

    Una vez hecho, pon el grupo de Centro y sus capas de textura en otro grupo con el nombre Centro + Texturas.

    Add and Group the Textures

    12. ¿Cómo Añadir Iluminación y Textura de Color?

    Paso 1

    Crea una nueva capa encima de todas las capas dentro del grupo de Centro + Texturas; nombra Iluminación y recorta al Centro del grupo.

    Cambia el Modo de Fusión de la capa Iluminación a Luz Lineal y su Opacidad a 30%.

    Pon el Color de Primer Plano a #b5aa982 y usa un pincel suave redondo para pintar luz sobre algunas áreas claras de la extrusión.

    Add Highlights

    Paso 2

    Crea una nueva capa encima de la capa Frente Copia 2; nómbrala Trazos de Iluminación y cambia su Modo de Fusión a Luz Viva.

    Recorta la Capa Trazos de Iluminación a la capa Frente Copia 2 y añade algo de iluminación al trazo.

    Stroke Highlights

    Paso 3

    Coloca la imagen out of the blue encima de la capa Frente copia; cambia el tamaño como sea necesario; renombra su capa a Textura de Color y cambia su Modo de Fusión a Color.

    Comando-clic sobre la capa Frente Copia para crear una selección.

    Add the Color Texture

    Paso 4

    Da clic en el icono Añadir Máscara de Capa.

    Add Layer Mask

    Paso 5

    Pon todas las capas de frente en un grupo y nómbralas Frente.

    Front Group

    13. ¿Cómo Añadir Superposición de Texturas?

    Paso 1

    Coloca la imagen grunge-background8 desde el paquete de Grunge-backgrounds encima del grupo Frente. Recorta a la capa y cambia su Modo de Fusión a Luz Suave. Cambia el tamaño como sea necesario.

    Add a Grunge Texture

    Paso 2

    Ve a Imagen > Ajustes > Tono/Saturación y cambia el valor de Saturación a -100.

    HueSaturation

    Paso 3

    Si te gusta una superposición de textura más pequeña, puedes crear copias para cubrir todo el texto en vez de escalar la textura para hacerla más grande.

    Scale Down

    Paso 4

    Añade la textura Ur gravel encima de las capas grunge-bakground8 y ve a Imagen > Ajustes > Niveles.

    Cambia los valores Entrada de Niveles de Sombra a 50 y los valores de Niveles de Iluminación de Salida a 150.

    Levels

    Paso 5

    Recorta la capa al grupo de Frente; cambia su Modo de Fusión a Luz Suave y cambia el tamaño de la textura para cubrir la primera letra.

    Grunge Texture Overlays

    Paso 6

    Duplica para a;adir la textura a cada una de las letras restantes y luego coloca el grupo Frente y sus capas de textura en otro grupo y nómbralo Frente + Textura.

    Duplicate and Group the Textures

    14. ¿Cómo Añadir los Destellos de Lente?

    Paso 1

    Coloca la imagen Lens Flare 02 (desde el paquete 30 Awesome Lens Flare) encima de todas las capas. Ve a Edición > Transformar > Rotar 90° AC.

    Add the Lens Flare

    Paso 2

    Da doble-clic en la miniatura del destello del lente para abrir su archivo original. Crea una nueva capa debajo de la capa de destello y rellena con negro.

    Add a Black Background

    Paso 3

    Selecciona ambas capas y presiona Comando-E para combinarlas y guarda y cierra el archivo.

    Merge Layers

    Paso 4

    Cambia el Modo de Fusión del destello de la capa a Trama y su Opacidad a 70%. Coloca el destello encima de una de las letras en el centro del texto y cambia el tamaño como sea necesario.

    Flare Layers Settings

    Paso 5

    Ve a Imagen > Ajustes > Tono/Saturación. Marca la casilla de Colorear y cambia el Tono a 180 y la Saturación a 50.

    HueSaturation

    Paso 6

    Ve a Imagen > Ajustes > Niveles y cambia el valor de Gamma a 0.61.

    Levels

    15. ¿Cómo Añadir Salpicaduras de Agua?

    Paso 1

    Crea una nueva capa encima de la capa de destello y nómbrala Salpicadura de Agua 01 y cambia su valor de Relleno a 0%.

    Water Splash Layer

    Da doble clic sobre la capa Salpicadura de Agua 01 para aplicar el siguiente estilo de capa:

    Paso 2

    Añade un Bisel y Relieve con esta configuración:

    • Tamaño: 3
    • Desmarca la casilla Usar Luz Global.
    • Ángulo: -48
    • Altitud: 21
    • Contorno de Resplandor: Aro
    • Marca la casilla Suavizado.
    • Modo de Iluminación: Luz Lineal
      • Opacidad: 35%
    • Modo de Sombra:
      • Opacidad: 20%
    Bevel and Emboss

    Paso 3

    Añade un Contorno con esta configuración:

    • Contorno: Aro - Doble
    • Marca la casilla de Suavizado.
    Contour

    Paso 4

    Usa los Pinceles de los paquetes Free Water Splash Photoshop Brushes y Water Splash Brushes para añadir salpicaduras de agua a la letra con el lente.

    Para mejores resultados, añade cada salpicadura en una capa separada y copia y pega el estilo de capa a cada copia.

    Add Water Splash Brushes

    Paso 5

    Puedes añadir algunas salpicaduras al fondo detrás del texto.

    Add Water Splashes to the Background

    16. ¿Cómo Crear Ajustes Globales?

    Paso 1

    Coloca la textura Concrete Rough 5 encima de todas las capas, renombra su capa a Superposición de Textura y cambia su Modo de Fusión a Luz Suave y su Opacidad a 10%.

    Add a Texture Overlay

    Paso 2

    Añade un ajuste de capa de Filtro de Foto encima de todas las capas y usa los valores por defecto.

    Photo Filter

    Paso 3

    Guarda el archivo como una imagen, abre la imagen y ve a Imagen > Tamaño de Imagen para cambiar el tamaño a 1500 x 1063 px.

    Image Size

    Paso 4

    Puedes también usar la Herramienta Recortar para controlar el tamaño final.

    Crop the Image

    ¡Felicidades! ¡Terminaste!

    En este tutorial, creamos un simple fondo y un texto de objeto inteligente. Luego de eso, grabamos una acción para crear la extrusión y le hemos dado estilo a todas las partes del texto.

    Luego, creamos y añadimos varias superposiciones de textura, destellos y capas de ajuste al texto. Finalmente, añadimos algunas salpicaduras de agua para terminar el efecto.

    Siéntete libre de dejar tus comentarios, sugerencias y resultados debajo.

    Final Result
    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.