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

Cómo Crear un Super Fácil Efecto de Texto de Metal Líquido en Adobe Photoshop

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Éste tutorial te mostrará una forma muy fácil y rápida de crear un efecto de texto de metal líquido, usando un par de texturas, motivos y estilos de capa. ¡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:

1. Cómo Agregar Motivos Predeterminados

Paso 1

Ve a Edición > Ajustes Preestablecidos > Gestor de Preestablecidos, y elige Motivos del menú desplegable Tipo de Preestablecidos.

Luego, haz click en la flecha pequeña a la derecha del menú desplegable Tipo de Ajuste Preestablecido, y haz click en el conjunto Motivos Naturales. Cuándo el cuadro de diálogo aparece despues de eso, solo haz click en Añadir.

Load Default PatternsLoad Default PatternsLoad Default Patterns

Paso 2

Abre la imagen Metal scales seamless texture 1 en Photoshop, ve a Edición > Definir Motivo, nombra el motivo Metal Scales, y haz click en OK.

Define PatternDefine PatternDefine Pattern

2. Cómo Crear un Fondo Texturizado

Paso 1

Crea un nuevo documento de 1000 x 600 px. Luego haz click en el ícono Crear nuevo capa de relleno o ajuste en la parte inferior del panel Capas y elige Degradado.

Add a Gradient Adjustment LayerAdd a Gradient Adjustment LayerAdd a Gradient Adjustment Layer

Paso 2

Crea el relleno de degradado usando los colores #301e14 a la izquierda y #0d0909 a la derecha.

Establece el Estilo en Radial y la Escala en 250.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Paso 3

Coloca la imagen Texture 555 arriba de la capa del Degradado, y renombra su capa BG Texture.

Cambia el Modo de Fusión de la capa BG Texture a Luz Suave, y redimensiónala como sea necesario.

The Background Texture SettingsThe Background Texture SettingsThe Background Texture Settings

Paso 4

Agrega una capa de ajuste de Mapa de Degradado, y recórtala con la capa BG Texture. Utiliza el relleno de degradado de abajo, y marca la casilla Tramado. Luego, cambia el Modo de Fusión de la capa Mapa de Degradado a Color y su Opacidad a 75%.

Gradient Map SettingsGradient Map SettingsGradient Map Settings

3. Cómo Crear Capas de Texto

Paso 1

Crea el texto usando la fuente Skyoval. Establece el Color en #7f7b78 y el Tamaño en 350 pt.

Create the TextCreate the TextCreate the Text

Paso 2

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Paso 3

Duplica la copia de la capa de texto.

Create Another Copy Text LayerCreate Another Copy Text LayerCreate Another Copy Text Layer

4. Cómo Aplicar Estilo a la Capa de Texto Original

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

Paso 1

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

  • Tamaño: 18
  • Marca la casilla Usar Luz Global
  • Ángulo: 112
  • Altitud: 32
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Color: #f3d6b7
  • Modo de Sombra: Subexposición Lineal
    • Color: #7a7a7a
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Semicircular
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: Clouds (Nubes)
  • Escala: 25%
  • Profundidad: 5%
TextureTextureTexture

Paso 4

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Trama
  • Color: #4e9d86
  • Opacidad: 50%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 90
  • Distancia: 8
  • Tamaño: 9
  • Contorno: Semicircular
Inner ShadowInner ShadowInner Shadow

Paso 5

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Diferencia
  • Opacidad: 35%
  • Color: Usa el relleno de degradado Bronze Bz55
  • Origen: Centro
  • Tamaño: 29
Inner GlowInner GlowInner Glow

Paso 6

Agrega un efecto Satinado con éstos parámetros:

  • Modo de Fusión: Luz Fuerte
  • Color: #deb7a7
  • Opacidad: 50%
  • Ángulo: 90
  • Distancia: 13
  • Tamaño: 15
  • Contorno: Pendiente - Hacia Abajo
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Paso 7

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

  • Color: #653739
  • Modo de Fusión: Subexponer Color
Color OverlayColor OverlayColor Overlay

Paso 8

Agrega una Sombra Paralela con éstos parámetros:

  • Color: #010101
  • Opacidad: 85%
  • Distancia: 15
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Ésto aplicará estilo a la primer capa de texto.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

5. Cómo Aplicar Estilo a la Primer Copia de la Capa de Texto

Haz doble-click en la primera copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

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

  • Tamaño: 10
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 69
  • Altitud: 42
  • Contorno de Resplandor: Cono - Invertido
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Color: #f3d6b7
  • Modo de Sombra:
    • Opacidad: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono
  • Marca la casilla Suavizado.
  • Rango: 100%
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: Margaritas Azules
  • Escala: 25%
  • Profundidad: 5%
TextureTextureTexture

Paso 4

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Subexposición Lineal
  • Color: #a5a7cb
  • Opacidad: 50%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 90
  • Distancia: 5
  • Retraer: 10
  • Tamaño: 9
Inner ShadowInner ShadowInner Shadow

Paso 5

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Superponer
  • Opacidad: 11%
  • Color: Usa el relleno de degradado stove pipe 100
  • Técnica: Preciso
  • Origen: Centro
  • Tamaño: 18
  • Contorno: Convo - Invertido
Inner GlowInner GlowInner Glow

Ésto aplicará estilo a la segunda capa de texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

6. Cómo Aplicar Estilo a la Segunda Copia de la Capa de Texto

Haz doble-click en la segunda copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

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

  • Tamaño: 32
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -30
  • Altitud: 48
  • Contorno de Resplandor: Cono
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Intensa
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Agrega un Contorno con éstos parámetros:

    • Contorno: Aro - Doble
    • Marca la casilla Suavizado
    • Rango: 100%
    ContourContourContour

    Paso 3

    Agrega una Textura con éstos parámetros:

    • Motivo: Metal Scales
    • Escala: 50%
    TextureTextureTexture

    Paso 4

    Agrega un Resplandor Interior con éstos parámetros:

    • Modo de Fusión: Luz Lineal
    • Opacidad: 35%
    • Color: #e5d2b2
    • Tamaño: 29
    • Contorno: Cono - Asimétrico
    Inner GlowInner GlowInner Glow

    Paso 5

    Agrega un efecto Satinado con éstos parámetros:

    • Modo de Fusión: Luz Lineal
    • Color: #930f7
    • Opacidad: 50%
    • Ángulo: 5
    • Distancia: 51
    • Tamaño: 65
    • Contorno:
    • Marca la casilla Suavizado
    • Desmarca la casilla Invertir
    SatinSatinSatin

    Paso 6

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

    • Modo de Fusión: Aclarar
    • Opacidad: 35%
    • Motivo: Metal Scales
    • Escala: 50%
    Pattern OverlayPattern OverlayPattern Overlay

    Ésto aplicará estilo a la capa de texto final.

    Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3

    7. Cómo Ajustar el Color

    Agrega una capa de ajuste de Mapa de Degradado arriba de todas las capas, usa el relleno de degradado de abajo, y marca la casilla Tramado.

    Luego, cambia el Modo de Fusión de la capa del Mapa de Degradado a Luz Suave y su Opacidad a 20%.

    Gradient MapGradient MapGradient Map

    ¡Felicidades! Terminaste

    En éste tutorial, creamos un fondo usando un relleno de degradado y una textura. Luego, creamos un par de capas de texto, y aplicamos estilo a cada una de ellas para lograr el efecto de metal líquido.

    Con toda confianza dejar tus comentarios, sugerencias y resultados abajo.

    Final ResultFinal ResultFinal Result
    One subscription.
    Unlimited Downloads.
    Get unlimited downloads