Cómo Crear un Increíble Efecto de Foto Glitch de Photoshop
Spanish (Español) translation by Marsel Toussaint (you can also view the original English article)



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!



¿Quieres crear más divertidos Efectos de Fotos, sin necesidad de saber habilidades profundas de Photoshop? Prueba estos:
- 20 efectos fotográficos divertidos para Photoshop (gracioso + entretenido)Melody Nieves03 Jun 2021
- Las 29 Mejores Nuevas Acciones y Efectos en Photoshop para 2022Melody Nieves12 Dec 2021
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.



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.



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.



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).



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.



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.



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.



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.



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.



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.



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.



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.



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.



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.



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.



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



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.



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.



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



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.



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



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.



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



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



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.



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.



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".



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.



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:



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



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%.



¡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.



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.



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.



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.



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.



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.



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:
- Grant Friedman17 Mar 2021
- Cómo crear un efecto de nube en PhotoshopJohn Negoita22 Mar 2021
- Cómo hacer efectos de acuarela en Photoshop rápidamente con accionesMarko Kožokar11 Jan 2021
- Cómo Crear una Acción de Efecto de Pintura Escurriendo en PhotoshopMarko Kožokar22 Dec 2020
- Cómo crear una acción de efecto sepia en PhotoshopMonika Zagrobelna21 Nov 2019
- Cómo crear una acción de Photoshop de efecto de humoMonika Zagrobelna04 Mar 2021
- Cómo crear una textura de grano de madera en PhotoshopMissChatz24 Sep 2020
- Cómo crear un efecto de boceto de arquitectura en Adobe PhotoshopMarko Kožokar30 Oct 2020
