Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Rápido Efecto de Texto Holográfico en Adobe Photoshop

Scroll to top
Read Time: 5 min

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á cómo usar los estilos de capa de Photoshop y filtros para crear una fácil efecto de texto holográfico. ¡Comencemos!

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

Recursos del Tutorial

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

1. Cómo Crear la Base de un Fondo Texturizado

Paso 1

Crea un nuevo documento de 900 x 600 px con un Fondo Blanco, click derecho en la capa Fondo, elige Convertir en Objeto Inteligente, y renombra la capa Texture.

Create the Texture Smart ObjectCreate the Texture Smart ObjectCreate the Texture Smart Object

Paso 2

Establece el Fondo y los Colores de Fondo en Negro y Blanco, y ve a Filtro > Interpretar > Nubes.

Render CloudsRender CloudsRender Clouds

2. Cómo Crear una Textura Holográfica

Paso 1

Ve a Filtro > Galería de Filtros > Textura > Granulado, y usa éstos parámetros:

  • Intensidad: 100
  • Contraste: 0
  • Tipo de Granulado: Denso
GrainGrainGrain

Para agregar cada uno de los nuevos filros abajo, haz click en el ícono Nueva capa de efecto en la esquina inferior derecha de la ventana Galería de Filtros, y luego elige el filtro.

Paso 2

Ve a Estilizar > Bordes Resplandecientes, y usa éstos parámetros:

  • Anchura de Borde: 2
  • Brillo de Borde: 6
  • Suavizado: 7
Glowing EdgesGlowing EdgesGlowing Edges

Paso 3

Ve a Artístico > Color Diluído, y utiliza éstos parámetros:

  • Detalle de Pincel: 3
  • Intensidad de Sombra: 0
  • Textura: 1
WatercolorWatercolorWatercolor

Paso 4

Ve a Artístico > Película Granulada, y usa éstos parámetros:

  • Granulado: 3
  • Área Resaltada: 0
  • Intensidad: 10
Film GrainFilm GrainFilm Grain

Paso 5

ve a Trazos de Pincel > Trazos Oscuros, y utiliza éstos parámetros:

  • Equilibrio: 0
  • Intensidad de Negro: 0
  • Intensidad de Blanco: 2

Haz click en OK para salir de la ventana Galería de Filtros.

Dark StrokesDark StrokesDark Strokes

Paso 6

Ve a Filtro > Distorsionar > Onda, y utiliza los parámetros de abajo. Puedes usar cualquier otro valor que gustes también.

WaveWaveWave

Paso 7

Ésta es la textura básica, pero puedes ajustar su tamaño basado en el efecto final que quieres y el texto que estarás creando.

Aquí, iremos a Imagen > Tamaño de Imagen, establece la Anchura en 1200 px, y la Altura en 750 px.

Guarda éste archivo y mantenlo abierto para usarlo más adelante en el tutorial.

Change the SizeChange the SizeChange the Size

3. Cómo Crear una Sutil Fondo de Viñeta

Paso 1

Crea otro documento de 900 x 600 px, haz click en el ícono Crear nueva capa de ajuste o relleno en la parte inferior del panel Capas, y elige Color Uniforme.

Usa un Color de Relleno oscuro como #201c20.

Solid ColorSolid ColorSolid Color

Paso 2

Agrega una capa de relleno de Degradado, y usa los Colores #909090 a la izquierda y #000000 a la derecha para crear el degradado.

Cambia el Estilo a Radial, y la Escala a 250. Luego, cambia el Modo de Fusión de la capa a Luz Suave.

Gradient Fill VignetteGradient Fill VignetteGradient Fill Vignette

4. Cómo Crear Texto y Usar Pictogramas

Paso 1

Crea el texto usando la fuente Premier Script, y establece el Tamaño en 200 pt.

Create the TextCreate the TextCreate the Text

Paso 2

Debido a que la fuente Premier Script tiene una tonelada de pictogramas, puedes accesar a los pictogramas disponibles para un carácter al resaltarlo, y luego haciendo click en el pictograma que quieres usar de las alternativas que tienes.

Use Glyphs by HighlightingUse Glyphs by HighlightingUse Glyphs by Highlighting

Paso 3

Otra manera de accesar a esos glifos sería al ir a Texto > Paneles > Panel Pictogramas.

Resalta los caracteres que quieres reemplazar, y diviértete cambiando el texto usando los diferentes pictogramas disponibles.

The Glyphs PanelThe Glyphs PanelThe Glyphs Panel

Paso 4

Haz todos los cambios necesarios antes del siguiente paso.

Finished TextFinished TextFinished Text

Paso 5

Duplica la capa de texto.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. Cómo Aplicar Estilo a un Trazo de Cristal

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 ajustes:

  • Estilo: Inglete Exterior
  • Tamaño: 6
  • Contorno de Resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Intensa
    • Modo de Sombra: Subexposición Lineal
      • Color: #222222
      • Opacidad: 15%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Agrega un Contorno con éstos parámetros:

    • Contorno: Leño
    • Marca la casilla Suavizado.
    ContourContourContour

    Paso 3

    Agrega una Sombra Interior con éstos parámetros:

    • Modo de Fusión: Subexponer Color
    • Opacidad: 35%
    • Distancia: 1
    • Tamaño: 1
    Inner ShadowInner ShadowInner Shadow

    Paso 4

    Agrega un Resplandor Exterior con éstos ajustes:

    • Modo de Fusión: Normal
    • Opacidad: 50%
    • Color: #dbd6dd
    • Extender: 10
    • Tamaño: 7
    Outer GlowOuter GlowOuter Glow

    Ésto creará un trazo similar al cristal.

    Glass StrokeGlass StrokeGlass Stroke

    6. Cómo Aplicar Estilo a un Texto Brilloso

    Haz doble-click en la 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: 84
    • Altitud: 42
    • Contorno de Resplandor: Aro - Doble
    • Marca la casilla Suavizado
    • Modo Resaltado: Luz Intensa
      • Modo de Sombra:
        • Opacidad: 10%
      Bevel and EmbossBevel and EmbossBevel and Emboss

      Paso 2

      Agrega un Contorno con éstos parámetros:

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

      Paso 3

      Agrega un Resplandor Interior con éstos parámetros:

      • Modo de Fusión: Luz Intensa
      • Opacidad: 35%
      • Color: #697b99
      • Origen: Centro
      • Tamaño: 5
      • Contorno: Cono - Invertido
      Inner GlowInner GlowInner Glow

      Ésto aplicará estilo al texto principal.

      Styled TextStyled TextStyled Text

      7. Cómo Aplicar una Textura a un Texto

      Paso 1

      Ve al documento de textura holográfica, presiona Comando-A para seleccionar todo, y Comando-C para copiar la selección.

      Copy the TextureCopy the TextureCopy the Texture

      Paso 2

      Regresa al documento de texto, y presiona Comando-V para pegar la textura. Renombra la capa a Texture, y cambia su Modo de Fusión a Trama.

      Haz click-derecho en la capa Texture, y elige Crear Máscara de Recorte para recortar la textura con la copia de la capa de texto.

      Add the Holographic TextureAdd the Holographic TextureAdd the Holographic Texture

      Paso 3

      Selecciona la copia de la capa de texto, y cambia el Color de texto a cualquiera que gustes. El Color usado aquí es #72757a.

      Change the Text ColorChange the Text ColorChange the Text Color

      8. Cómo Realzar una Textura Usando Capas de Ajuste

      Paso 1

      Agrega una capa de ajuste de Intensidad, recórtala con la capa Texture, y cambia el valor de Intensidad a 50.

      VibranceVibranceVibrance

      Paso 2

      Agrega una capa de ajuste de Curvas, cambia su Modo de Fusión a Luminosidad para que no afecte los colores, y su Opacidad a 80%.

      Ajusta el RGB así como las curvas de Canal para obtener un resultado que gustes.

      CurvesCurvesCurves

      Paso 3

      Aquí están las curvas de Canal ajustadas. Puedes saltarte el ajuste de éstas si no sientes la necesidad para realizar cualquier cambio, y puedes usar un diferente valor de Opacidad de la capa también.

      Curves ChannelsCurves ChannelsCurves Channels

      ¡Fabuloso Trabajo, Ahora Terminaste!

      En éste tutorial, usamos un conjunto de filtros para crear una textura holográfica.

      Luego, creamos y aplicamos estilo a dos capas de texto usando un conjunto de estilos de capa para lograr un efecto similar a un cristal. Finalmente, agregamos la textura al texto, y usamos capas de ajuste para realzar el resultado final.

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

      Final ResultFinal ResultFinal Result
      Advertisement
      Did you find this post useful?
      Want a weekly email summary?
      Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
      Advertisement
      One subscription. Unlimited Downloads.
      Get unlimited downloads