Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Cómo Crear un Genial Efecto Fotográfico de Distorsión de Video en Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

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

Final product image
What You'll Be Creating

Los efectos fotográficos son una magnífica manera de practicar y aprovechar tus habilidades de Photoshop. En ésta lección, aprenderás cómo crear un divertido efecto fotográfico de distorsión de video usando las Herramientas de Marquesina, el Filtro Onda ¡y más!

Recursos del Tutorial

Los siguientes recursos fueron usados en la producción de éste tutorial.

Bases de la Fotografía de Distorsión de Video: Lo Que Necesitas Saber

Para obtener el mejor resultado posible cuándo se alcanzan efectos basados en escenarios de la vida real, hacer una investigación te ayuda. Así que conozcamos que es una distorsión de video.

La clase de distorsión de video que abordaremos es común para la televisión o los videojuegos. Éstas distorsiones son errores de software o fallas que a menudo son causadas por una señal dañada. El resultado final deja tu pantalla increíblemente distorsionada y difícil de distinguir.

Para éste tutorial, necesitaremos tener en mente algunas características visuales clave para lograr ésta apariencia. Éstas son:

  • Líneas u ondas en zig zag
  • Imágenes que parecen congeladas o estáticas
  • Colores invertidos

Realiza un par de búsquedas en Google para tener lista alguna inspiración y referencias. Consúltalas a menudo para experimentar con éste estilo, o consigue la ayuda de un profesional del diseño de Envato Studio.

Glitch Photo Effect Alternative Version by Melody Nieves
Versión alterna. ¡Recaba referencias que te ayuden a lograr ésta apariencia! Imagen de Freepik.

Si tienes problemas en lograr ésta apariencia, no olvides que siempre puedes saltarte éste proceso descargando uno de nuestros increíbles Efectos Fotográficos de Distorsión de Video desde GraphicRiver y Envato Elements.

1. Cómo Configurar el Efecto Fotográfico de Distorsión de Video

Paso 1

¡Comencemos! Estaré usando ésta foto Hipster Stock de PhotoDune para éste tutorial. Para ésta apariencia particular, ayuda si eliges una foto dónde el modelo tenga un contorno que puedas ver claramente porque necesitaremos extraerlo de su fondo. También es una ventaja si el fondo es un color sólido o no cause demasiada distracción como éstos paneles de madera.

Hipster Man Stock from PhotoDune
Nota cómo puedes ver claramente todo el contorno de éste modelo. Asegúrate de elegir una foto con un modelo que puedas extraer fácilmente.

Haz doble-click en la capa Fondo para crear una Nueva Capa. Crea una Nueva Capa (Control-Mayúsculas-N) colocada debajo de tu referencia. Establece el Color de Frente a blanco, y Rellena la capa de blanco usando la Herramienta Bote de Pintura (G).

Setup the Layers for a Glitch Photo Effect

Paso 2

Selecciona la Herramienta Lazo Magnético (L). Ésto nos ayudará a extraer la referencia al fácilmente ajustar a los costados de tu modelo. Usa la Herramienta Lazo Magnético (L) para crear una selección completa alrededor del modelo. Cuando termines, haz click derecho y selecciona Capa DesdeVía Copiar para crear rápido un duplicado.

Use the Magnetic Lasso Tool to Extract the Subject
Asegúrate de mantener la imagen original. El resultado final es cómo se vería la foto en su propia capa.

Paso 3

Selecciona la foto original. Usa la Herramienta Transformación Libre (Control-T) para reducir los lados del fondo para exponer algo de blanco a la izquierda y a la derecha.

Squeeze the Sides with the Free Transform Tool

Alternativamente, si tu imagen no tiene un fondo, puedes sólo agregar un rectángulo usando la Herramienta Rectángulo (U) como éste ejemplo de abajo.

Alternative Glitch Version with Rectangle Background
Alternativamente, si tu imagen no tienen un fondo, agrega un rectángulo simple. Foto de Freepik.

2. Cómo Desaturar una Foto

Paso 1

Continuando, Desaturemos ésta foto para una paleta de color más monocromática. Selecciona la capa para el recorte del modelo y ve a Imagen > Ajustes > Tono & Saturación. Disminuye la Saturación a -95 para remover la mayoría del color de la foto.

Desaturate with Hue and Saturation

Paso 2

Puedes ajustar la foto principal aún más usando Niveles. Selecciona de nuevo la capa del modelo extraída, y ve a Imagen > Ajustes > Niveles. Ajusta los Niveles para el Canal RGB con la siguiente configuración:

  • Sombra Nivel Entrada: 0
  • Medios Tonos Nivel Entrada: 0.92
  • Iluminación Nivel Entrada: 255
  • Niveles de Salida: 17, 255

El resultado final es sutil, e ilumina al modelo ligeramente.

Use Levels to Adjust the Desaturated Photo

3. Cómo Crear una Distorsión de Video Lineal

Paso 1

La siguiente parte de éste efecto es recrear la distorsión fotográfica zigzagueante que la hacer ver como si las imágenes estuvieran fuera de lugar. Para hacer ésto, primero selecciona las capas desaturada y original y Combínalas.

Merge the layers together

Paso 2

Ahora selecciona la Herramienta Marquesina Rectangular (M). Crea dos selecciones angostas en la capa de la foto. Primero crea una en la parte inferior, y luego manten presionada la tecla Mayúsculas para agregar otra selección en la parte superior.

Use the Rectangular Marquee Tool to create selection

Presiona la tecla V en tu teclado para cambiar a la Herramienta Mover. Usa la Flecha Izquierda para mover las selecciones a la izquierda. Podrías tener que pulsarla varias veces o mantenerla presionada por un momento para obtener el resultado deseado.

Move the selection to the left for the glitch

Paso 3

Puedes continuar éste proceso en una sola capa, pero eventualmente podrían abrirse espacios en blanco que no se ven del todo bien. Así que evita ésto, Duplica la Capa del Modelo y usa la copia para crear la distorsión.

De nuevo, usa la Herramienta Marquesina Rectangular (M) para crear más selecciones, moviéndolas en diferentes direcciones con las teclas Flecha Izquierda y Flecha Derecha. Aquí yo creé dos más y las moví a la derecha ligeramente.

Create more selections for more glitches

Nota que debido a que hay una copia de la foto detrás de ésta capa, la apariencia resultante muestra la capa detrás de ella en lugar del fondo blanco.

Paso 4

¡Acelermos las cosas un poco! Crea aún más Selecciones Rectangulares,usando la Herramienta Mover (V) para mover las diferentes secciones fuera de lugar. Varía el tamaño entre las seleccionesangostas y las más gruesas  para hacer el efecto más natural.

Es incluso una buena idea tener un plan de juego antes de abordar ésta parte. Ya que me gusta la expresión seria del hombre, quiero asegurarme de que las distorsiones creen foco hacia el centro de la foto.

Continue creating the glitch effect with selections

Al acercarte a la cara, trata de no distorsionarla mucho. Haz cada distorsión individualmente para ver lo que funcionará. Ésta parte es totalmente de experimentación,así que si necesitas regresar uno o dos pasos, sólo pulsa Control-Z para Deshacer.

Creating Photo Glitches Around the Face

Cuándo termines con todas tus distorsiones lineales, el efecto debería verse así:

Final Linear Glitch Effect

4. Cómo Crear un Distorsión de Video Ondulada

Paso 1

La siguiente parte de este efecto de distorsión es para crear la distorsión ondulada. Podrías haber visto éstos antes si de niño intentabas de ver los canales para adultos, pero éstas distorsiones hacen que la imagen pareciera moverse en líquido.

Para hacer ésto necesitaremos el Filtro Onda. Primero, Combina la capa de la foto original junto con la copia que tiene todas las distorsiones. Luego Control-J para crear un duplicado para crear la distorsión ondulada.

Merging Layers and Creating Duplicates for the Wavy Distortion

Paso 2

Con la copia seleccionada, crea varias selecciones grandes con la Herramienta Marquesina Rectangular (M) como antes. Ten en cuenta que estoy tratando de enmarcar la cara del sujeto, así que no selecciones partes directamente en el centro.

Create Selections for the Wavy Glitch

Ahora ve a Filtro > Distorsionar > Onda, ajustando los parámetros como sigue para crear un efecto ondulado únicamente en las selecciones.

Creating a Wavy Glitch with Filter Distort Wave

Paso 3

Con éste efecto particular, los parámetros de arriba podrían o no podrían funcionar para tu foto. Así que es importante experimentar y ajustar los parámetros por tí mismo para alcanzar la apariencia deseada.

Continúa éste proceso de realizar selecciones primero antes de aplicar el Filtro Onda. Necesitarás cambiar la configuración cada vez para variar el efecto en la foto.

Continue the Wavy Glitch Process

Aquí está algo más del progreso después de una poca experimentación.

Wavy Glitch Photo Effect Progress

Paso 4

Termina éste efecto al concentrarte en las partes superior e inferior de la foto. Primero, selecciona la parte inferior de la imagen con la Herramienta Marquesina Rectangular (M) y aplica el Filtro Onda con los siguientes parámetros.

Add the Glitch to the Bottom with the Wave Filter

Ahora para la porción superior. Repite el proceso, ésta vez cambiando los parámetros a los siguientes.

Top Portion Wavy Glitch Effect

Aquí está la imagen completa con todas las distorsiones lineales y onduladas. ¡Pasemos a los toques finales!

Final Wavy Glitch Effect

5. Cómo Crear un Efecto 3D Simple

Paso 1

¡Ahora a los efectos de color 3D! Al igual que antes, comienza por Combinar las capas de distorsión, dejando afuera el fondo blanco, para que queden únicamente dos capas. Luego pulsa Control-J para crear dos Duplicados más de la capa de la foto combinada.

Duplicate Layers for the Final Effect

Paso 2

Oculta la Visibilidad de las dos capas superiores. Luego haz click-derecho en la primera capa de la foto, "Combinada," y ve a Opciones de Fusión. Desmarca la G, o Canal Verde localizado bajo Fusión Avanzada.

Uncheck the Green Channel for 3D Effect

Ahora Habilita la Visibilidad de las capas superiores y repite el proceso. Ésta vez Desmarca el Canal Rojo para "Copia Combinada," y los canales Rojo y Verde para "Copia Combinada 2."

Uncheck the Red and Blue Channels for 3D Effect

Paso 3

Ahora podemos comenzar a mover cada capa para crear el fantástico efecto 3D. Selecciona la Herramienta Mover (V) y luego selecciona la capa, "Copia Combinada," usando la Flecha Izquierda para mover la capa hacia la izquierda. Posteriormente, selecciona la capa superior, "Copia Combinada 2," usando la tecla Flecha Izquierda para mover la capa a la izquierda también.

Aquí está como se ve el proceso.

Creating the 3D effect on a glitched photo

Paso 4

¡Casi Terminamos! Para agregar la apariencia de líneas de pantalla a éste efecto, selecciona la capa superior, "Copia Combinada 2," y haz click-derecho para ir a Opciones de Fusión. Agrega un estilo de capa Superposición de Motivo usando el predeterminado Disposición Horizontal, y establece el resto de los parámetros como sigue:

Creating the Horizontal Pattern with an Overlay

Debido a que ésta capa es azul y el Modo de Fusión está establecido en Luz Suave, ésto también dará a tu imagen un bonito tinte azul.

Result of the Pattern Overlay

Paso 5

Para completar éste genial efecto de distorsión de video, únicamente necesitamos llevar a cabo un último paso. Agrega una Nueva Capa y establece el Modo de Fusión de la Capa en Disolver. En éste paso, usaremos la Herramienta Pincel (B) para pintar de rojo #5e220a hacia la parte inferior de la imagen para crear diminutas partículas como parte del efecto final de distorsión de video. Ajusa la Opacidad de la capa si necesitas; aquí rebajé la mía a 8%.

Creating Glitch Particles with Dissolve

¡Eso es todo! Observa el resultado final abajo.

Conclusión

Los efectos fotográficos son una manera inteligente de practicar técnicas únicas y fascinantes en Adobe Photoshopo. Puedes divertirte mucho logrando escenarios de la vida real como fotos de distorsiones de video y muchas más.

Espero que hayas disfrutad éste tutorial. Con toda confianza hazme saber si tienes alguna pregunta en la sección de comentarios abajo. Y no olvides explorar nuestra amplia gama de Acciones de Efectos Fotográficos de Distorsión de Video disponibles en Graphic River y Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.