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

Cómo crear un diseño VHS HUD y un efecto de foto vintage en Photoshop

Scroll to top
Read Time: 4 mins
This post is part of a series called Photo Effects.
How to Create a Kaleidoscope Effect in Adobe Photoshop
How to Create a GTA V Photo Effect Action in Adobe Photoshop
This post is part of a series called Photoshop Portraits.
How to Create a Cool, Animated Photo GIF for Instagram in Adobe Photoshop

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

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

En este tutorial, usaremos Adobe Photoshop para crear un efecto de foto retro y añadirle un diseño VHS HUD.

También puedes ver mi Plantilla VHS creada de la misma manera para mi portafolio de GraphicRiver.

httpsgraphicrivernetitemvhs-template22111978httpsgraphicrivernetitemvhs-template22111978httpsgraphicrivernetitemvhs-template22111978

Recursos del tutorial

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

1. Cómo preparar el documento

Paso 1

Utiliza Control-N para crear un nuevo documento y utiliza la siguiente configuración: 3000 x 2000 px; 300 ppp.

Creating a new documentCreating a new documentCreating a new document

Paso 2

Ve a Archivo > Colocar y pon tu imagen dentro del documento.

Placing the imagePlacing the imagePlacing the image

Paso 3

Haz clic con el botón derecho del ratón en la capa y luego haz clic en Convertir en objeto inteligente.

Creating the smart objectCreating the smart objectCreating the smart object

2. Cómo crear un efecto de foto retro

Paso 1

Selecciona el objeto inteligente y luego ve a Filtro > Desenfocar > Desenfoque gaussiano y utiliza la siguiente configuración: Radio: 3 px.

Adding the gaussian blurAdding the gaussian blurAdding the gaussian blur

Paso 2

Crea dos duplicados de tu objeto inteligente utilizando el botón derecho del ratón > Duplicar.

Creating duplicates of the smart objectCreating duplicates of the smart objectCreating duplicates of the smart object

Paso 3

Haz doble clic en el primer duplicado del objeto inteligente y desmarca los canales de color Verde y Azul. Después, desmarca los canales de color Rojo y Verde del segundo duplicado.

Unchecking the color channels of the layersUnchecking the color channels of the layersUnchecking the color channels of the layers

Paso 4

Mueve el primer duplicado 20 px a la izquierda mientras mantienes presionada la tecla Mayús, y luego mueve el segundo duplicado 20 px a la derecha mientras mantienes presionada la tecla Mayús.

Creating color shift effectCreating color shift effectCreating color shift effect

Paso 5

Ahora necesitamos crear capas de corrección de color. Ve a Capa > Nueva capa de ajuste > Tono/Saturación y establece el Tono en -25.

Creating the adjustment layerCreating the adjustment layerCreating the adjustment layer

Paso 6

Ve a Capa > Nueva capa de ajuste > Exposición y utiliza la siguiente configuración: Desplazamiento: +0.0050.

Creating the adjustment layerCreating the adjustment layerCreating the adjustment layer

Paso 7

Ahora vamos a añadir una textura para crear un efecto fotográfico retro más realista. Coloca la textura VHS encima de todas las capas y cambia el Modo de fusión a Trama.

Placing the vhs texturePlacing the vhs texturePlacing the vhs texture

Así es como quedará nuestra imagen después de todas las manipulaciones anteriores:

How the image looks after manipulationsHow the image looks after manipulationsHow the image looks after manipulations

3. Cómo crear un diseño VHS HUD

Paso 1

Pulsa U y selecciona la herramienta Rectángulo. A continuación, crea una forma con la siguiente configuración: Ancho: 550 px; Alto: 15 px.

Creating the first shapeCreating the first shapeCreating the first shape

Paso 2

Crea otra forma con la siguiente configuración: Anchura: 415 px; Altura: 15 px. Colócala perpendicularmente a la primera forma.

Creating the second shapeCreating the second shapeCreating the second shape

Paso 3

Selecciona las capas de la forma mientras mantienes pulsada la tecla Mayús, y selecciona Combinar formas. A continuación, crea tres duplicados de la capa utilizando el botón derecho del ratón > Duplicar.

Creating shapes for the frameCreating shapes for the frameCreating shapes for the frame

Paso 4

Rota cada forma mientras mantienes pulsada la techa Mayús para crear una figura rectangular y organiza las formas para conformar un marco.

Creating the frameCreating the frameCreating the frame

Paso 5

Ahora necesitamos crear otro marco. Crea las formas como lo hicimos antes pero con la siguiente configuración en cada rectángulo: Ancho: 4 px; Alto: 100 px. Después, colócalo en el centro del documento como se muestra en la imagen de abajo:

Creating the second frameCreating the second frameCreating the second frame

Paso 6

Crea una cruz en el centro del documento, compuesta por dos rectángulos con la siguiente configuración: Ancho: 2 px; Alto: 140 px.

Creating the cross figureCreating the cross figureCreating the cross figure

Paso 7

Ahora tenemos que crear el icono de grabación del VHS HUD. Pulsa U > herramienta Elipse y después crea una elipse roja en la esquina superior izquierda cerca del marco, con la siguiente configuración Ancho: 70 px; Alto: 70 px.

Creating the record iconCreating the record iconCreating the record icon

Paso 8

Haz clic en T y crea una nueva capa de texto en la esquina superior izquierda, justo después del icono de grabación.

Creating the first text layerCreating the first text layerCreating the first text layer

Paso 9

Crea otra capa de texto y colócala en la esquina inferior izquierda, cerca del marco.

Creating the second text layerCreating the second text layerCreating the second text layer

Paso 10

Y por último, creemos el elemento de código de tiempo del VHS HUD y coloquémoslo en la esquina superior derecha del marco.

Creating the timecode element of the hudCreating the timecode element of the hudCreating the timecode element of the hud

Excelente trabajo, ¡terminaste!

¡Tú efecto de foto retro con diseño VHS HUD está listo! De esta manera, podemos crear efectos fotográficos de aspecto vintage en Adobe Photoshop utilizando objetos inteligentes, formas y fuentes libres.

Final resultFinal resultFinal result

Espero que hayas disfrutado de este tutorial; por favor, no dudes en ponerte en contacto conmigo si necesitas ayuda con las técnicas que hemos cubierto. También puedes consultar mi Plantilla VHS con más efectos similares y una gran variedad de texturas VHS en mi portafolio en GraphicRiver.

httpsgraphicrivernetitemvhs-template22111978httpsgraphicrivernetitemvhs-template22111978httpsgraphicrivernetitemvhs-template22111978
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
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.