7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto inspirado en un holograma 3D en Adobe Photoshop

Scroll to top
Read Time: 12 mins
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Chrome Text Effect in Adobe Photoshop
Create a Retro Gold Leather Text Effect in Adobe Photoshop
This post is part of a series called Text Effects .
How to Create an Ink Cloud Typography Text Effect Using Adobe Photoshop
How to Create an Engraved Stone Text Effect in Adobe InDesign

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

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

Este tutorial le mostrará cómo usar los filtros, las opciones de ajuste y los estilos de capa de Photoshop para crear una textura inspirada en hologramas, y usarla junto con las herramientas y configuraciones 3D para crear un efecto de holograma 3D con un toque retro. ¡Empecemos!

Este efecto de texto se inspiró en los muchos estilos de capa disponibles en GraphicRiver.

Activos Tutoriales

Los siguientes recursos se usaron en este tutorial:

1. Cómo crear un fondo degradado

Paso 1

Cree un documento nuevo de 1000 x 1000 px y haga doble clic en la capa de fondo para convertirlo en una capa editable.

Create the Background LayerCreate the Background LayerCreate the Background Layer

Paso 2

Haga doble clic en la capa de Capa 1 para aplicar una Superposición de degradado con estas configuraciones:

  • Verifique la caja Dither
  • Utilice el relleno de degradado de espectro medio
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Haga clic con el botón derecho en la capa Layer 1 y elija Convertir a objeto inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

2. Cómo crear una textura básica de holograma

Paso 1

Vaya a Filtro> Licuar y use la herramienta Forward Warp para hacer clic y arrastrar el degradado para mezclar sus colores.

Usa una punta de pincel bastante grande y asegúrate de rellenar los bordes vacíos que obtienes arrastrándolos.

LiquifyLiquifyLiquify

Paso 2

También puede ajustar las otras Propiedades para obtener el resultado que desee. Haga clic en Aceptar cuando haya terminado.

PropertiesPropertiesProperties

Paso 3

Vaya a Imagen> Ajustes> Tono / Saturación, y ajuste los diferentes valores de Canal para obtener una coloración que le guste.

Aquí, los canales Master, Reds, Yellows y Magentas se modifican de la siguiente manera:

HueSaturationHueSaturationHueSaturation

El objetivo es obtener una coloración brillante similar a un holograma.

Adjusted ColoringAdjusted ColoringAdjusted Coloring

Paso 4

Vaya a Filtro> Distorsionar> Agitar y use estas configuraciones:

  • Cantidad de generadores: 5
  • Longitud de onda:
    • Min. 105
    • Max. 221
  • Amplitud:
    • Min. 1
    • Max. 56
  • Escala:
    • Horiz. 100
    • Vert. 100
  • Tipo: seno
  • Áreas no definidas: repetición de píxeles de borde
Wave FilterWave FilterWave Filter

Paso 5

Vaya a Filtro> Desenfocar> Desenfoque de superficie y cambie el Radio a 3 y el Umbral a 255.

Surface BlurSurface BlurSurface Blur

Paso 6

Vaya a Filtro> Desenfocar> Desenfoque gaussiano, y cambie el Radio a 10.

Gaussian BlurGaussian BlurGaussian Blur

3. Cómo crear superposiciones de texturas

Paso 1

Duplique la capa Layer 1.

Duplicate the LayerDuplicate the LayerDuplicate the Layer

Paso 2

Vaya a Edición> Transformar> Girar 90 ° en sentido contrario a las agujas del reloj.

Rotate 90 Counter ClockwiseRotate 90 Counter ClockwiseRotate 90 Counter Clockwise

Paso 3

Cambia el modo de fusión de la capa de copia a Más oscuro.

Blend ModeBlend ModeBlend Mode

Paso 4

Cree una nueva capa en la parte superior de todas las capas, asígnele el nombre Superposición y presione las teclas Comando-Opción-Mayús-E para crear un sello.

Convierta la capa de superposición en un objeto inteligente.

Overlay LayerOverlay LayerOverlay Layer

Paso 5

Vaya a Filtro> Galería de filtros> Estilizar> Bordes resplandecientes y use estas configuraciones:

  • Ancho del borde: 6
  • Brillo de borde: 20
  • Suavidad: 15
Glowing EdgesGlowing EdgesGlowing Edges

Paso 6

Cambie el modo de fusión de la capa de superposición a la pantalla.

Esto terminará la textura principal del holograma, pero debido a que lo usaremos con un texto en 3D, primero tendremos que oscurecerlo.

Blend ModeBlend ModeBlend Mode

4. Cómo oscurecer una textura

Paso 1

Haga clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elija Color selectivo.

Elija Blancos en el menú Colores y cambie el valor Negro a 100. Luego elija Neutrales en el menú Colores para cambiar su valor Negro a -15.

Selective ColorSelective ColorSelective Color

Paso 2

Agregue una capa de ajuste de niveles y use estos valores de Niveles de salida:

Canal: Verde

  • Sombras: 33
  • Puntos destacados: 239

Canal : Azul

  • Sombras: 83
  • Puntos destacados: 255
Levels Output LevelsLevels Output LevelsLevels Output Levels

Paso 3

Cree una nueva capa en la parte superior de todas las capas, asígnele el nombre Oscurecer, cree un sello y conviértalo en un Objeto inteligente.

Darken LayerDarken LayerDarken Layer

Paso 4

Vaya a Filtro> Desenfocar> Desenfoque gaussiano, y cambie el Radio a 35.

Gaussian BlurGaussian BlurGaussian Blur

Paso 5

Vaya a Imagen> Ajustes> Niveles, y cambie el valor de Sombras a 53 y el Gamma a 0.39.

Guarde este archivo con el nombre Holo Texture, y también puede guardar una copia de la imagen si lo desea.

LevelsLevelsLevels

5. Cómo crear capas de fondo y texto

Paso 1

Cree un nuevo documento de 1000 x 850px y agregue una capa de relleno de Color sólido con Color # b2b2b2.

Create a BackgroundCreate a BackgroundCreate a Background

Paso 2

Cree la primera letra del texto con la fuente La fuente siguiente y cambie el Tamaño a 300 pt.

Create the TextCreate the TextCreate the Text

6. Cómo crear texto en 3D

Paso 1

Con la capa de texto seleccionada, vaya a 3D> Nueva extrusión 3D desde la capa seleccionada.

Para acceder a las propiedades y configuraciones de malla 3D, deberá abrir dos paneles: el panel 3D y el panel Propiedades (ambos se encuentran en el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando hace clic en el nombre de cualquiera de ellos, podrá acceder a su configuración en el panel Propiedades. Por lo tanto, asegúrese de seleccionar siempre la pestaña del elemento que desea modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

New 3D Extrusion from Selected LayerNew 3D Extrusion from Selected LayerNew 3D Extrusion from Selected Layer

Paso 2

Seleccione la herramienta Mover para acceder a sus modos 3D a la derecha de la barra de opciones.

Después de elegir uno de ellos, puede hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Use los modos 3D para cambiar la vista actual en el ángulo que desee.

3D Move Tool Modes3D Move Tool Modes3D Move Tool Modes

7. Cómo ajustar la malla 3D y la configuración de la tapa

Paso 1

Seleccione la pestaña Malla 3D en el panel 3D y cambie su Profundidad de Extrusión en el panel Propiedades a 75.

Extrusion DepthExtrusion DepthExtrusion Depth

Paso 2

Haga clic en el ícono de tapa en la parte superior del panel Propiedades y cambie el ancho del bisel al 2%, el contorno a la mitad y la resistencia al inflado al 1%.

Cap SettingsCap SettingsCap Settings

8. Cómo crear materiales básicos

Paso 1

Seleccione las pestañas Front Inflation y Extrusion Material de la malla, y use estas configuraciones de material en el panel Propiedades (los valores de color utilizados están en RGB):

  • Difuso: 241, 237, 225
  • Especular: 163, 163, 163
  • Brillo: 35%
  • Reflexión: 35%
  • Refracción: 1.35
Material SettingsMaterial SettingsMaterial Settings

Paso 2

Seleccione el material de extrusión y cambie su valor de rugosidad al 20%.

RoughnessRoughnessRoughness

Paso 3

Seleccione ambas pestañas de Material de bisel y use estas configuraciones:

  • Difuso: 179, 174, 183
  • Especular: 204, 211, 211
  • Iluminación: 102, 105, 106
  • Brillo: 50%
  • Reflexión: 10%
Bevel MaterialBevel MaterialBevel Material

9. Cómo ajustar la iluminación de una escena 3D

Paso 1

Antes de agregar la textura del holograma, necesitamos ajustar la iluminación.

Seleccione la pestaña Infinite Light 1, y cambie su Intensidad al 20% y su Shadow Softness al 80%.

Infinite Light 1Infinite Light 1Infinite Light 1

Paso 2

Use la herramienta Mover o los valores de Coordenadas para mover la Luz infinita hasta que obtenga el resultado que desea.

Move the LightMove the LightMove the Light

Paso 3

Seleccione la pestaña Entorno, haga clic en el ícono de textura IBL, elija Reemplazar textura y abra la imagen del Comedor.

EnvironmentEnvironmentEnvironment

Paso 4

Cambie la intensidad al 35% y mueva la imagen para obtener el resultado que desee.

Move the LightMove the LightMove the Light

10. Cómo usar la textura del holograma

Paso 1

Seleccione la pestaña Material de inflación frontal, haga clic en su icono de carpeta de iluminación y elija Cargar textura para abrir la textura holográfica que creó al comienzo del tutorial.

Add the TextureAdd the TextureAdd the Texture

Paso 2

Haga clic en el ícono de textura de iluminación y elija Editar propiedades UV.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 3

Establezca el mosaico en 1 y los valores de compensación en 0 y haga clic en Aceptar.

UV PropertiesUV PropertiesUV Properties

Paso 4

Seleccione la pestaña Material de extrusión, haga clic en el icono de la carpeta Iluminación y elija el nombre Holo Texture en el menú.

Extrusion TextureExtrusion TextureExtrusion Texture

Paso 5

Seleccione la pestaña de malla y cambie su Asignación de texturas en el panel Propiedades a Mosaico.

Texture MappingTexture MappingTexture Mapping

Paso 6

Seleccione nuevamente la pestaña Material de extrusión y edite las Propiedades de UV de la textura de Iluminación según sea necesario.

Extrusion MaterialExtrusion MaterialExtrusion Material

11. Cómo duplicar mallas 3D

Paso 1

Seleccione la pestaña Malla 3D, haga clic en el icono del menú del panel 3D y elija Duplicar objeto.

Duplicate ObjectDuplicate ObjectDuplicate Object

Paso 2

Cambie el nombre de la malla duplicada a la letra que desea crear a continuación, y haga clic en el botón Editar fuente en el panel Propiedades.

Edit SourceEdit SourceEdit Source

Paso 3

Una vez que se abre el archivo de texto, cambie el texto a la letra que desea agregar y guarde y cierre el archivo.

Change the TextChange the TextChange the Text

Paso 4

Esto actualizará la malla en el documento original. Repita los mismos pasos para crear las letras restantes que necesita para su texto.

Add More LettersAdd More LettersAdd More Letters

12. Cómo mover las mallas 3D

Paso 1

Seleccione la segunda pestaña de malla de letras, elija la herramienta Mover y use el eje 3D para alejarla de la primera letra.

Las flechas en los extremos del eje mueven la malla, la parte debajo de ellas se usa para rotación, y los cubos se usan para escalar. El cubo en el centro se usa para escalar el objeto de manera uniforme. Todo lo que necesita hacer es hacer clic y arrastrar la parte que desea usar.

Move the MeshesMove the MeshesMove the Meshes

Paso 2

Puede hacer clic en la pestaña Vista actual y elegir cualquiera de las opciones del menú Ver para ayudarlo a colocar las mallas.

Change the ViewChange the ViewChange the View

Paso 3

Repítalo hasta que termine de mover todas las letras y obtenga el resultado que desea.

Cambia el nombre de la capa 3D a Texto.

Rename the 3D LayerRename the 3D LayerRename the 3D Layer

13. Cómo agregar un fondo

Paso 1

Elija la herramienta Rectángulo, asegúrese de que la opción Forma esté activa en la barra de Opciones y que el Trazo esté configurado en Ninguno.

Haga clic en cualquier parte del documento para obtener el cuadro Crear rectángulo, establezca los valores de Ancho y Alto en 2000 y haga clic en Aceptar.

Create a RectangleCreate a RectangleCreate a Rectangle

Paso 2

Vaya a 3D> Nueva extrusión 3D desde la ruta seleccionada, haga clic en la pestaña Vista actual y elija Texto en el menú Ver para que coincida con las vistas de las dos capas 3D que tiene.

Match the Camera ViewsMatch the Camera ViewsMatch the Camera Views

Paso 3

Seleccione las dos capas 3D que tiene e ir a 3D> Combinar capas 3D.

Cambia la Profundidad de Extrusión de la Rectángulo a 10.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

Paso 4

Mueva la malla Rectángulo detrás del texto.

Move the 3D MeshMove the 3D MeshMove the 3D Mesh

Paso 5

Seleccione la pestaña Rectangle Front Inflation Material y use estas configuraciones:

  • Difuso: utilice la textura sin metal y ajuste sus propiedades UV según sea necesario
  • Especular: 186, 192, 194
  • Brillo: 7%
  • Reflexión: 3%
  • Topetón: 25%
Front Inflation MaterialFront Inflation MaterialFront Inflation Material

Paso 6

Para crear una textura Bump, haga clic en el icono de la carpeta Bump y elija Nueva textura.

New TextureNew TextureNew Texture

Paso 7

Establezca los valores de Ancho y Altura en 1000 y haga clic en Aceptar.

New Texture SettingsNew Texture SettingsNew Texture Settings

Paso 1

Cuando se abre el archivo, duplique la capa de fondo y haga doble clic en la copia para aplicar un efecto de superposición de patrón con estas configuraciones:

  • Patrón: muro de hormigón 3
  • Escala: 25%

Guarde y cierre el archivo, y ajuste las Propiedades UV de la textura Bump según sea necesario.

Pattern OverlayPattern OverlayPattern Overlay

14. Cómo renderizar una escena en 3D

Paso 1

Seleccione ambas pestañas de malla 3D, y muévalas a lo largo del eje Y, arriba y lejos del plano de tierra, para que no afecte las reflexiones.

Elija una vista final de la cámara y asegúrese de que la malla Rectángulo de fondo esté cubriendo el documento y no deje ninguna esquina vacía.

Choose a Final Camera ViewChoose a Final Camera ViewChoose a Final Camera View

Paso 2

Una vez que te guste el resultado final, ve a 3D> Renderizar capa 3D. La renderización puede llevar un tiempo, pero puede detenerla en cualquier momento presionando la tecla Esc.

Después de que finaliza la renderización, haga clic con el botón derecho en la capa 3D y elija Convertir en objeto inteligente para evitar realizar cambios accidentales.

Render the 3D SceneRender the 3D SceneRender the 3D Scene

15. Cómo agregar ajustes globales

Paso 1

Agregue una capa de ajuste Mapa de degradado en la parte superior de todas las capas, marque la casilla Dither y cree el degradado con los colores # 403261 a la izquierda, # 554561 en el medio y # 97846b a la derecha.

Cambie el Modo de fusión de la capa a Luz suave y su Opacidad al 70%.

Gradient MapGradient MapGradient Map

Paso 2

Agregue una capa de ajuste Búsqueda de color, elija la tabla Pastel 8 Hues en el menú Abstracto y cambie el Modo de fusión de la capa a Luz suave y su Opacidad al 20%.

Color LookupColor LookupColor Lookup

Paso 3

Cree una nueva capa en la parte superior de todas las capas, asígnele el nombre Vignette y cambie su Modo de fusión a Color Burn y su Opacidad al 70%.

Elija la herramienta Pincel, establezca el Color de primer plano en # 707070 y elija una punta redondeada grande y grande para agregar una viñeta alrededor del texto.

Add VignetteAdd VignetteAdd Vignette

Paso 4

Agregue una capa de relleno de Color sólido con Color # 6639a4 y cambie su Modo de fusión a Luz suave.

Solid ColorSolid ColorSolid Color

Paso 5

Agregue una capa de ajuste de Niveles y cambie el valor de Sombras a 10.

Luego, elija el canal azul y cambie sus valores de Niveles de salida a 15 para las sombras y 236 para los resaltados.

LevelsLevelsLevels

16. Cómo agregar sutiles capas de textura

Paso 1

Crea una nueva capa en la parte superior de todas las capas, llámala High Pass y crea un sello de todas las capas que tienes.

Convierta la capa en un objeto inteligente y cambie su modo de fusión a luz suave.

High PassHigh PassHigh Pass

Paso 2

Vaya a Filtro> Otro> Pase alto, y establezca el radio en 1.

High Pass FilterHigh Pass FilterHigh Pass Filter

Paso 3

Cree otra capa nueva, asígnele el nombre Ruido, y vaya a Editar> Rellenar.

Cambie el contenido a 50% gris y haga clic en Aceptar.

Fill LayerFill LayerFill Layer

Paso 4

Convierta la capa de ruido a un objeto inteligente y cambie su modo de fusión a luz suave.

Noise LayerNoise LayerNoise Layer

Paso 5

Vaya a Filtro> Ruido> Agregar ruido, cambie la Cantidad a 7, la Distribución a Uniforme y desmarque la casilla Monocromática.

Noise FilterNoise FilterNoise Filter

Paso 6

Coloque la imagen de Textura negra de grunge 2 en la parte superior de todas las capas, cambie el tamaño según sea necesario y cambie el Modo de fusión de la capa a Esquivar de color y su Opacidad al 50%.

Black Grunge Texture 2Black Grunge Texture 2Black Grunge Texture 2

Felicidades, ya terminaste!

En este tutorial, usamos un montón de estilos de capa, filtros y ajustes para crear una textura de holograma. Luego, creamos texto en 3D, ajustamos su configuración y creamos sus materiales. Después de eso, ajustamos la iluminación, añadimos un fondo y renderizamos la escena en 3D. Finalmente, agregamos más capas de ajuste y superposiciones de textura para finalizar el efecto.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y resultados a continuación.

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.