Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Crear un Efecto de Texto Inspirado en Aquaman en Adobe Photoshop

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal 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 LayerGradient Fill LayerGradient 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.

HueSaturationHueSaturationHueSaturation

Paso 3

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

Change the Blend ModeChange the Blend ModeChange 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 ModeWarp ModeWarp 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 MaskAdd a Layer MaskAdd 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 MaskCreate a Gradient MaskCreate 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 LayerCreate the Light Rays LayerCreate 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 MaskDuplicate the Layer MaskDuplicate 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 ModeFree Transform ModeFree 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 SettingsCalculations SettingsCalculations 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 TextureAdd the Top Fizz TextureAdd 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 EmbossBevel and EmbossBevel and Emboss

    Paso 4

    Añade un Contorno con esta configuración:

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

    Paso 5

    Disminuye la Opacidad a 50%.

    Opacity ValueOpacity ValueOpacity Value

    Paso 6

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

    Background GroupBackground GroupBackground 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 TextCreate the TextCreate 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 ObjectConvert to Smart ObjectConvert 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 SetNew Action SetNew 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 ActionCreate New ActionCreate New Action

    Paso 3

    Presiona Comando-J para duplicar la capa de Texto.

    Duplicate the LayerDuplicate the LayerDuplicate 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 DownScale DownScale Down

    Paso 5

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

    Stop RecordingStop RecordingStop 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 ExtrusionCreate the ExtrusionCreate 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 OrderReverse Layer OrderReverse Layer Order

    Paso 3

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

    Center GroupCenter GroupCenter Group

    Paso 4

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

    Front and Back LayersFront and Back LayersFront and Back Layers

    Paso 5

    Duplica la capa Frente dos veces.

    Duplicate LayersDuplicate LayersDuplicate Layers

    Paso 6

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

    Move LayerMove LayerMove 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 EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

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

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

    Paso 4

    Cambia el valor de Relleno a 0%.

    Change the Fill ValueChange the Fill ValueChange the Fill Value

    Paso 5

    Convierte la capa Objeto Inteligente.

    Convert to a Smart ObjectConvert to a Smart ObjectConvert 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 OverlayPattern OverlayPattern Overlay

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

    Styled FrontStyled FrontStyled 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 EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

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

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

    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 StyleCopy Layer StyleCopy 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 StylePaste Layer StylePaste 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 EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Añade un Contorno con esta configuración:

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

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

    Paso 4

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

    Change the Fill ValueChange the Fill ValueChange 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 OverlayGradient OverlayGradient Overlay

    Esto terminará el estilo del texto.

    Styled TextStyled TextStyled 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 TextureExtrusion TextureExtrusion 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 FibersRender FibersRender Fibers

    Paso 3

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

    Motion BlurMotion BlurMotion Blur

    Paso 4

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

    Create SelectionCreate SelectionCreate 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 LayerDuplicate the LayerDuplicate 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 MaskCreate Clipping MaskCreate 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 TextureTransform the TextureTransform the Texture

    Paso 3

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

    Erase Unwanted AreasErase Unwanted AreasErase Unwanted Areas

    Paso 4

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

    Blend ModeBlend ModeBlend Mode

    Paso 5

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

    Warp the TextureWarp the TextureWarp 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 TexturesAdd and Group the TexturesAdd 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 HighlightsAdd HighlightsAdd 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 HighlightsStroke HighlightsStroke 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 TextureAdd the Color TextureAdd the Color Texture

    Paso 4

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

    Add Layer MaskAdd Layer MaskAdd Layer Mask

    Paso 5

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

    Front GroupFront GroupFront 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 TextureAdd a Grunge TextureAdd a Grunge Texture

    Paso 2

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

    HueSaturationHueSaturationHueSaturation

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

    LevelsLevelsLevels

    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 OverlaysGrunge Texture OverlaysGrunge 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 TexturesDuplicate and Group the TexturesDuplicate 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 FlareAdd the Lens FlareAdd 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 BackgroundAdd a Black BackgroundAdd a Black Background

    Paso 3

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

    Merge LayersMerge LayersMerge 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 SettingsFlare Layers SettingsFlare 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.

    HueSaturationHueSaturationHueSaturation

    Paso 6

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

    LevelsLevelsLevels

    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 LayerWater Splash LayerWater 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 EmbossBevel and EmbossBevel and Emboss

    Paso 3

    Añade un Contorno con esta configuración:

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

    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 BrushesAdd Water Splash BrushesAdd Water Splash Brushes

    Paso 5

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

    Add Water Splashes to the BackgroundAdd Water Splashes to the BackgroundAdd 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 OverlayAdd a Texture OverlayAdd 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 FilterPhoto FilterPhoto 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 SizeImage SizeImage Size

    Paso 4

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

    Crop the ImageCrop the ImageCrop 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 ResultFinal ResultFinal Result
    Advertisement
    Did you find this post useful?
    One subscription.
    Unlimited Downloads.
    Get unlimited downloads