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

Cómo Crear un Increíble Efecto de Foto Glitch de Photoshop

Scroll to top
Read Time: 11 mins
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 Marsel Toussaint (you can also view the original English article)

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

Los Efectos de Fotos son una buena forma de practicar y aprovechar tus habilidades de Photoshop. En este tutorial, ¡aprenderás cómo crear un divertido Efecto de Imagen Glitch usando herramientas de capas, Filtros de Onda y mucho más!

Los mejores Efectos de Distorsion en Photoshop de Envato ElementsLos mejores Efectos de Distorsion en Photoshop de Envato ElementsLos mejores Efectos de Distorsion en Photoshop de Envato Elements
Complementes de Efectos de Distorsión en Photoshop disponibles de Envato Elements

¿Quieres crear más divertidos Efectos de Fotos, sin necesidad de saber habilidades profundas de Photoshop? Prueba estos:

Síguenos en nuestro canal de Youtube Envato Tuts+:

Conceptos Básicos de Fotos Distorsionadas: Lo Que Necesitas Saber

Para conseguir el mejor resultado posible al hacer efectos basados en escenarios de la vida real, ayuda el investigar. Así que aprendamos que es un glitch.

La clase de falla que estaremos abordando es común para televisión o videojuegos. Estas fallas son errores de software o errores que son a menudo causados por una señal corrupta. El resultado final deja a tu pantalla increíblemente distorsionada y difícil de reconocer.

Para este tutorial, vamos a necesitar tener en cuenta algunas características visuales clave para lograr este aspecto. Estas son:

  • líneas irregulares u ondas
  • efectos visuales congelados o estáticos
  • colores invertidos

Haz un par de búsquedas web para mantener algo de inspiración y referencias a bordo. Revísalos seguido para experimentar con este estilo tú mismo. O consigue la ayuda de un diseñador profesional de Envato Studio.

Encuentra los mejores Efectos de Fotos Distorsionadas de Photoshop en EnvatoEncuentra los mejores Efectos de Fotos Distorsionadas de Photoshop en EnvatoEncuentra los mejores Efectos de Fotos Distorsionadas de Photoshop en Envato
Versión alternativa. ¡Junta referencias para ayudarte a conseguir este look! Archivo de Freepik.

Si tienes problemas logrando este look de diseño de falla, no te olvides que siempre puedes saltar este proceso. Solo descarga uno de nuestros increíbles Efectos de Fotos Distorsionadas de Envato Elements y GraphicRiver.

Aprende Cómo Hacer un Efecto de Glitch en PhotoshopAprende Cómo Hacer un Efecto de Glitch en PhotoshopAprende Cómo Hacer un Efecto de Glitch en Photoshop
RGB - Efecto de Imagen Distorsionada

1. Cómo Configurar el Efecto de Foto Distorsionada

Paso 1

¡Empecemos! Usaré una imagen de archivo de PhotoDune para este tutorial. (Nota: la imagen original ya no esta disponible. Puedes buscar otra foto de archivo de personas de PhotoDune o Envato Elements.)

Para este tutorial de glitch, ayuda si escoges un archivo donde el modelo tenga bordes que puedas ver claramente porque necesitaremos extraerlo de su fondo. También es una ventaja si el fondo es de un color sólido y no muy distractor, como estos paneles de madera.

Foto de archivo de PhotoDune para Herramienta de PhotoshopFoto de archivo de PhotoDune para Herramienta de PhotoshopFoto de archivo de PhotoDune para Herramienta de Photoshop
Date cuenta como claramente puedes ver los bordes de este modelo. Asegúrate de escoger una foto de archivo con un modelo fácil de extraer.

Haz doble clic en la capa Fondo para hacer una Capa Nueva. Crea una Capa Nueva (Control-Shift-N) posicionada debajo de tu referencia. Establece el Color de Primer Plano en blanco y Rellena la capa con blanco usando la Herramienta Cubeta de Pintura (G).

Configura tus Efectos Glitch de PhotoshopConfigura tus Efectos Glitch de PhotoshopConfigura tus Efectos Glitch de Photoshop

Paso 2

Selecciona la Herramienta Lazo Magnético (L). Esta nos ayudará a extraer la referencia al quitar fácilmente los lados de tu modelo. Usa la Herramienta de Lazo Magnético (L) para crear una selección completa alrededor de modelo. Cuando termines, haz clic derecho y selecciona Capa a través de Copia para crear un duplicado rápido.

Cómo Distorsionar una imagen usando el Lazo MágneticoCómo Distorsionar una imagen usando el Lazo MágneticoCómo Distorsionar una imagen usando el Lazo Mágnetico
Asegúrate de mantener el archivo original. El resultado final es como se vería el archivo en su propia capa.

Paso 3

Selecciona el archivo original. Usa la Herramienta de Transformación Libre (Control-T) para traer algo del fondo y exponer algo de espacio en blanco en ambos lados.

Usa las Herramientas de Photoshop para Distorsionar una ImagenUsa las Herramientas de Photoshop para Distorsionar una ImagenUsa las Herramientas de Photoshop para Distorsionar una Imagen

De lo contrario, si tu archivo no tiene un fondo, puedes simplemente agregar un rectángulo con la Herramienta Rectángulo (U) como en el ejemplo a continuación.

Aprende Cómo Hacer Efectos Glitch en PhotoshopAprende Cómo Hacer Efectos Glitch en PhotoshopAprende Cómo Hacer Efectos Glitch en Photoshop
De lo contrario, si tu archivo no tiene un fondo, agrega un rectángulo rápido. Archivo de Freepik.

2. Cómo Desaturar una Foto

Paso 1

Continuando, vamos a Desaturar esta foto con una paleta de colores más monocromática. Selecciona la capa para el corte del modelo y ve a Imagen > Ajustes > Tono y Saturación. Baja la Saturación a -95 para retirar la mayoría del color de la foto.

Aprende Cómo Distorsionar una Imagen con DesaturaciónAprende Cómo Distorsionar una Imagen con DesaturaciónAprende Cómo Distorsionar una Imagen con Desaturación

Paso 2

Puedes ajustar la foto principal aun más usando Niveles. Selecciona la capa de extracción del modelo de nuevo, y ve a Imagen > Ajustes > Niveles. Ajusta los Niveles de Canal RGB con las siguientes configuraciones:

  • Nivel de Entrada de Sombra: 0
  • Nivel de Entrada de Medios Tonos: 0.92
  • Nivel de Entrada de Resalte: 255
  • Niveles de Salida: 17, 255

El resultado final es sutil, y aclara el modelo ligeramente.

Encuentra cómo hacer los mejores Efectos Glitch de PhotoshopEncuentra cómo hacer los mejores Efectos Glitch de PhotoshopEncuentra cómo hacer los mejores Efectos Glitch de Photoshop

3. Cómo Crear un Distorsión de Falla Lineal

Paso 1

La siguiente parte de este diseño de Efecto de Distorsión es para recrear la irregular Foto Distorsionada que hace como si las imágenes estuvieran fuera de lugar. Para hacer esto, primero selecciona las capas del archivo y del modelo y fusiónalas.

Sigue este tutorial para saber Cómo Distorsionar una imagenSigue este tutorial para saber Cómo Distorsionar una imagenSigue este tutorial para saber Cómo Distorsionar una imagen

Paso 2

Ahora selecciona la Herramienta Marco Rectangular (M). Crea dos trazos delgados en la capa de la foto. Primero crea uno en la parte inferior, y luego mantén la tecla de Mayúsculas para agregar otra selección en la parte superior.

Usa las Herramientas de Photoshop para una Imagen DistorsionadaUsa las Herramientas de Photoshop para una Imagen DistorsionadaUsa las Herramientas de Photoshop para una Imagen Distorsionada

Presiona la tecla V en tu teclado para cambiar a la Herramienta Mover. Usa la tecla de flecha izquierda para mover los trazos a la izquierda. Puede que tengas que picarle muchas veces o mantenerlo picado por un tiempo para conseguir el resultado que quieres.

Mueve la selección a la izquierda para conseguir el Efecto de Glitch de PhotoshopMueve la selección a la izquierda para conseguir el Efecto de Glitch de PhotoshopMueve la selección a la izquierda para conseguir el Efecto de Glitch de Photoshop

Paso 3

Puedes continuar con este proceso en una sola capa, pero eventualmente podría haber espacios en blanco que no se vean tan bien. Entonces para evitar esto, duplica la Capa Modelo y usa la copia para crear la distorsión.

Nuevamente, usa la Herramienta Marco Rectangular (M) para crear más selecciones, moviéndolas en diferentes direcciones con la flecha izquierda y la flecha derecha. Aquí creé dos más y las moví ligeramente a la derecha.

Crea un Efecto de Distorsión con más seleccionesCrea un Efecto de Distorsión con más seleccionesCrea un Efecto de Distorsión con más selecciones

Date cuenta que porque hay una copia de la foto detrás de esta capa, el aspecto resultante muestra la capa detrás en lugar de un blanco fondo.

Paso 4

¡Vamos a agilizar esto un poco! Crea aún más Selecciones rectangulares, usando la Herramienta Mover (V) para mover las diferentes secciones fuera de lugar. Cambia el tamaño entre selecciones delgadas y más gruesas para hacer el efecto más natural.

Es incluso una buena idea tener un plan antes de abordar esta parte. Ya que me gusta la expresión seria del hombre, quiero hacer que las fallas se enfoquen hacia el centro de la foto.

Sigue creando Efectos de Glitch de Photoshop con tus seleccionesSigue creando Efectos de Glitch de Photoshop con tus seleccionesSigue creando Efectos de Glitch de Photoshop con tus selecciones

Mientras más te acerques a la cara, intenta no distorsionarla mucho. Haz cada falla individualmente para ver qué funcionara. Esta parte es todo acerca de experimentación, así que si necesitas retroceder un paso o dos, solo presiona Control-Z para Deshacer.

Crea Imágenes Distorsionadas alrededor de la cara con Efectos de PhotoshopCrea Imágenes Distorsionadas alrededor de la cara con Efectos de PhotoshopCrea Imágenes Distorsionadas alrededor de la cara con Efectos de Photoshop

Cuando termines con todas tus fallas lineales, el efecto debería verse algo así:

Crea Imágenes de Glitch con efectos de PhotoshopCrea Imágenes de Glitch con efectos de PhotoshopCrea Imágenes de Glitch con efectos de Photoshop

4. Cómo Crear una Distorsión de Falla Ondulada

Paso 1

La siguiente parte de este Efecto de Distorsión es para crear esa falla ondulada. Puede que hayas visto esto antes de si te aventurabas de niño a ver canales prohibidos, pero estas fallas hacen parecer la imagen como si se estuvieran moviendo en líquido.

Para hacer esto, necesitaremos el filtro de onda. Primero, fusiona la capa del archivo original con la copia que tiene todas las fallas. Luego pulsa Control-J para crear un duplicado en donde crear la distorsión ondulada.

Merging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy Distortion

Paso 2

Con la copia seleccionada, crea varios grandes trazos más con la Herramienta Marco Rectangular (M) como antes. Ten en cuenta que estoy tratando de enmarcar el rostro del sujeto, así que no selecciones nada directamente en el centro.

Usa el filtro de ondas para una Imagen de Glitch con Efectos de PhotoshopUsa el filtro de ondas para una Imagen de Glitch con Efectos de PhotoshopUsa el filtro de ondas para una Imagen de Glitch con Efectos de Photoshop

Ahora vamos a Filtro > Distorsionar > Onda, cambiando los ajustes de la siguiente manera para crear un efecto ondulado solamente sobre las selecciones.

Usa el filtro de ondas para crear Imágenes DistorsionadasUsa el filtro de ondas para crear Imágenes DistorsionadasUsa el filtro de ondas para crear Imágenes Distorsionadas

Paso 3

Con este efecto particular, los ajustes de arriba pueden o no funcionar para tu foto. Así que es importante experimentar y ajustar las configuraciones tú mismo para lograr ese aspecto que quieres.

Continua este proceso de hacer trazos primero antes de aplicar el Filtro de onda. Necesitarás cambiar los ajustes cada vez para variar el efecto de la foto.

Sigue con estas Herramientas de Photoshop para un Efecto de DistorsiónSigue con estas Herramientas de Photoshop para un Efecto de DistorsiónSigue con estas Herramientas de Photoshop para un Efecto de Distorsión

Aquí está un poco más de progreso después de un poco de experimentación.

Aquí hay Cómo Hacer un Efecto Glitch en PhotoshopAquí hay Cómo Hacer un Efecto Glitch en PhotoshopAquí hay Cómo Hacer un Efecto Glitch en Photoshop

Paso 4

Termina este efecto concentrándote en las partes superior e inferior de la foto. Primero, selecciona el fondo de la imagen con la Herramienta Marco Rectangular (M) y aplica el Filtro de onda con los siguientes ajustes.

Usa este filtro de ondas para aprender Cómo Distorsionar una ImagenUsa este filtro de ondas para aprender Cómo Distorsionar una ImagenUsa este filtro de ondas para aprender Cómo Distorsionar una Imagen

Ahora para la parte de arriba. Repite el proceso, esta vez cambiando los ajustes a los siguientes.

Crea las mejores Imágenes Glitch con estos Efectos de PhotoshopCrea las mejores Imágenes Glitch con estos Efectos de PhotoshopCrea las mejores Imágenes Glitch con estos Efectos de Photoshop

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

Con este tutorial aprende Cómo Hacer Efecto Glitch en PhotoshopCon este tutorial aprende Cómo Hacer Efecto Glitch en PhotoshopCon este tutorial aprende Cómo Hacer Efecto Glitch en Photoshop

5. Cómo Crear un Simple Efecto 3D

Paso 1

¡Ahora los efectos de color 3D! Al igual que antes, empieza por fusionar las capas de falla, dejando el fondo blanco fuera para que solo quede capas. Luego presiona Control-J para crear dos duplicados más de la capa de foto fusionada.

Usa las Herramientas de Photoshop para crear Imágenes DistorsionadasUsa las Herramientas de Photoshop para crear Imágenes DistorsionadasUsa las Herramientas de Photoshop para crear Imágenes Distorsionadas

Paso 2

Esconde la Visibilidad de las dos primeras capas. Luego haz clic derecho en la primera capa de foto, "Fusionada", y ve a Opciones de Mezcla Opciones Desactiva la G, o Canal Verde, ubicada por debajo Mezclas Avanzadas.

Descativa el canal verde para efecto 3DDescativa el canal verde para efecto 3DDescativa el canal verde para efecto 3D

Ahora Muestra la Visibilidad de las capas superiores y repite el proceso. Esta vez Desactiva el Canal Rojo de la "copia fusionada", y los Canales Rojo y Verde de la "Copia fusionada 2".

Crea los mejores Efectos de Distorsión en PhotoshopCrea los mejores Efectos de Distorsión en PhotoshopCrea los mejores Efectos de Distorsión en Photoshop

Paso 3

Ahora podemos empezar a mover cada capa para crear el loco efecto 3D. Selecciona la Herramienta Mover (V) y luego selecciona la capa, "Copia Fusionada," usando la flecha izquierda para mover la capa a la izquierda. Luego, selecciona la capa superior, "Copia Fusionada 2," usando la flecha izquierda para mover la capa a la izquierda también.

Así es como se vería el proceso.

Así es Cómo Hacer un Efecto Glitch en PhotoshopAsí es Cómo Hacer un Efecto Glitch en PhotoshopAsí es Cómo Hacer un Efecto Glitch en Photoshop

Paso 4

¡Casi listo! Para agregar la apariencia de una pantalla con líneas a este efecto, selecciona la capa superior, "Copia Fusionada 2", y haz clic derecho para ir a Opciones de Mezcla. Agrega un Patrón Superpuesto usando el Patrón de línea horizontal predeterminado y establece el resto de los ajustes de la siguiente manera:

Crea las increíbles Imágenes Glitch en PhotoshopCrea las increíbles Imágenes Glitch en PhotoshopCrea las increíbles Imágenes Glitch en Photoshop

Porque la capa es azul y el Modo de Mezcla está configurado en Luz suave, esto le dará tu imagen un bonito tinte azul.

Encuentra los diferentes Efectos de Distorsión con Herramientas de PhotoshopEncuentra los diferentes Efectos de Distorsión con Herramientas de PhotoshopEncuentra los diferentes Efectos de Distorsión con Herramientas de Photoshop

Paso 5

Para completar este increíble Efecto de Distorsión artístico, necesitamos hace un último paso. Agrega una Capa Nueva y establece el Modo de Mezcla de Capa en Disolver. En este paso, usaremos la Herramienta Pincel (B) para pintar de rojo #5e220a hacia el fondo de la imagen para crear pequeñas partículas como parte del Efecto de Glitch final. Ajusta la Opacidad de la capa si quieres; yo la baje a 8%.

Ve como se disuelven las partículas con esta Herramienta de PhotoshopVe como se disuelven las partículas con esta Herramienta de PhotoshopVe como se disuelven las partículas con esta Herramienta de Photoshop

¡Eso es todo! Ve el resultado final de esta Foto Distorsionada falla a continuación. Podrías modificar esta para crear un Efecto de Photoshop de falla.

Así es tu resultado final de Efecto de Distorsíon con Herramientas de PhotoshopAsí es tu resultado final de Efecto de Distorsíon con Herramientas de PhotoshopAsí es tu resultado final de Efecto de Distorsíon con Herramientas de Photoshop

Los Mejores Efectos de Distorsión de Photoshop en Envato Elements

¿Estás buscando algunas acciones recomendadas para Efectos de Glitch en Photoshop? Ve estos artículos de Envato Elementos. También puedes revisar este artículo a continuación.

1. Efecto de Fotos de Distorsión de Falla (PSD)

Crea Efectos de Glitch convincentes en tus fotos con esta descarga. Este PSD de falla digital incluye todo lo que necesitas para agregar este aspecto a tu foto. Es una de las opciones más populares en la categoría de Efecto de Distorsión.

Efecto de Fotos de Distorsión de FallaEfecto de Fotos de Distorsión de FallaEfecto de Fotos de Distorsión de Falla

2. Anaglifo/Glitch - Efecto de Foto (PSD)

¿Por qué no intentes esta plantilla Efecto de Foto anaglifo en PSD? Es un diseño de falla no destructivo, significa que funciona en tu foto sin cambiarla. Este PSD también viene con un video tutorial para que puedas aprender cómo hacer glitch artístico con esta descarga.

Anaglyph / Glitch - Efecto de Foto Anaglyph / Glitch - Efecto de Foto Anaglyph / Glitch - Efecto de Foto 

3. Glitch Geométrico - Efecto de Photoshop (ABR, ATN, PAT)

O prueba un único enfoque con esta descarga de acción de Photoshop de falla geométrica. Usa diferentes formas e imágenes abstractas para crear un producto acabado único. Si estás buscando agregar un efecto de falla a tus imágenes, prueba esta.

GlitchGeométrico - Efecto de PhotoshopGlitchGeométrico - Efecto de PhotoshopGlitchGeométrico - Efecto de Photoshop

4. Efecto de Foto de Falla Animada en Movimiento (ATN)

Este Efecto de Foto de Distorsión en movimiento hace productos finales increíbles en pocos pasos. Los resultados son completamente editables y no destructivos a tu imagen original. Usa esta acción si quieres un Efecto de Foto de Distorsión en movimiento o para imágenes estáticas.

Efecto de Foto de Falla Animada en MovimientoEfecto de Foto de Falla Animada en MovimientoEfecto de Foto de Falla Animada en Movimiento

5. 10 Efectos de Distorsión Artística - Acciones de Photoshop (ATN)

Terminamos esta lista con esta descarga de paquete de Efecto de Glitch en Photoshop. Obtienes diez diseños únicos de Efectos de Glitch para fotos. Cada efecto abstracto funciona sin redimensionar o cambiar tu imagen original. Si buscas crear increíbles fallas artísticas, considera esta acción.

10 Efectos de Distorsión Artística - Acciones de Photoshop10 Efectos de Distorsión Artística - Acciones de Photoshop10 Efectos de Distorsión Artística - Acciones de Photoshop

Conclusión

Los Efectos de Foto son una forma inteligente para practicar técnicas únicas y emocionantes en Photoshop. Puedes divertirte mucho logrando escenarios de la vida real como fotos de fallos y mucho más.

Espero hayas disfrutado este tutorial increíble de Efectos de Fotos de Fallas artísticas. Siéntete libre de hacerme saber si tienes alguna pregunta en los comentarios a continuación. Y asegúrate de navegar nuestras varias acciones de Efectos de Fotos de fallas disponible en Envato Elementos y GraphicRiver .

Si te gustó este artículo y quieres probar más tutoriales de Efectos de Fotos en Photoshop, consulta estos artículos épicos:

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.