Efecto de glitch de video en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Efecto de glitch de video en Adobe Photoshop - Una clase de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Crea un glitch reusable en Photoshop - introducción

      1:22

    • 2.

      Pt 1: comprensión de los canales de color

      4:17

    • 3.

      Pt 2: distorsión con un mapa de desplazamiento

      6:29

    • 4.

      Pt 3: distorsión de un canal de color

      4:07

    • 5.

      Pt 4: reutilización del efecto

      8:34

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

639

Estudiantes

16

Proyectos

Acerca de esta clase

El diseño gráfico para las clases del almuerzo y las que cada una enseña herramientas y técnicas interesantes interesantes de lunchtime En esta clase aprenderás a crear un efecto de glitch en video como los que se vería cuando una cinta vCR se quedaba bloqueado. Aprenderás a distorsionar los canales de color, cómo usar un mapa de desplazamiento para distorsionar una imagen y cómo usar objetos inteligentes para crear un efecto reusable. Este es el efecto de imagen que crearemos una vez creado, puedes cambiar la imagen muy fácil:

752a70a

Más en esta serie:

Haz patrones a partir de bocetos y arte digital en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

10 consejos y técnicas en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Haz patrones de Ikat en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Patrones de mármol en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Haz y vender los diseños de papel de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de la que de la de la de

Crea una serie de patrones de círculo en Adobe Photoshop - un diseño gráfico para la clase de la de de Lunch™

10 consejos en Adobe Photoshop de un buen minuto - un diseño gráfico para la clase de la de la de

10 consejos de pinceles en 10 minutos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Arte de línea de forma limpia en Adobe Photoshop de la la que un diseño gráfico

10 consejos de Photoshop en 10 min: un diseño gráfico para la clase de Lunch™

3 patrones exóticos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Fondos Abstract abstractos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Mucha de patrones Complex en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop que se hacen fácil en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Badge y diseño de cinta en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de Lunch™

Fondos - medio Halftones, Sunburst, patrones en Adobe Photoshop de un diseño gráfico de la clase de la de la de

Crea anillas de Hi-Tech en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea patrones orgánicos en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea texto en un camino en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Frames de Bracket Curly y cajas de texto en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

10 consejos de selección en 10 mins en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Fotos de recorte y cuadro en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Efecto de recorte de imagen vintage en Adobe Photoshop - un diseño gráfico para la clase de de Lunch™

Estilos de capa creativo de Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Haz patrones con la nueva herramienta de patrones en Photoshop 2021: un diseño gráfico para la clase de Lunch™

Pintar una foto en Adobe Photoshop usando la historia del historia de arte con un diseño gráfico de la clase de la de la de

4 formatos críticos de archivos críticos - jpg, png, pdf, en Adobe Photoshop de un diseño gráfico para la clase de Lunch™

B, toques y efectos de color aislado en Adobe Photoshop de la la clase con un diseño gráfico de la clase de lunch™

Bend Objetos de la Puppet en Adobe Photoshop - un diseño gráfico de la clase de la de la de

Textura de resaltado, formas y un libro de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de la de

Colorear un boceto de Adobe Photoshop de la Adobe de un diseño gráfico de la clase de Lunch™

Crea un gráfico de esquena de color en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea una fuente personalizada de personajes en Adobe Photoshop de la que un diseño gráfico para la clase de Lunch™

Crea un mandala en Adobe Photoshop - un diseño gráfico para la clase de la Lunch™

Diseño reusable de la corona reusable en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea patrones complejos de repetitivos en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea maquetas para usar y vender en Photoshop - un diseño gráfico para la clase de Lunch™

Crea patrones de referencia (Tartan) de repetición en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Colorear un boceto con una textura en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Droste Effect con Photoshop y una herramienta gratuita - un diseño gráfico para la clase de la clase de de la de la de la de

Critas con personaje en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Texturas capturas para dibujos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Demystifying el historial en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Efecto de doble exposición en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Dibuja un mapa de fantasía en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Embosque y de Deboss de texto y formas en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Efecto de foto plegado en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Edición de fotos para la persona común en Adobe Photoshop de la forma fácil de la que un diseño gráfico

Obtén el tamaño cada vez de la imagen que ves en Adobe Photoshop un diseño gráfico para la clase de Lunch™ clase de Lunch™

Bolsa de efectos de texto divertido en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Collage de cuadrícula para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Mosaic de alta tecnología con pinceles y patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase

Imágenes de animales de gran

Introducción para crear y usar las acciones de Photoshop - un diseño gráfico para la clase de Lunch™

Patrones de cubo isométrico en Adobe Photoshop - un diseño gráfico para la clase de de Lunch™

Efecto en papel en Adobe Photoshop de un diseño gráfico de la clase de Lunch™

Capas y máslas capas 101 para fotógrafos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender una colección de formas en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Patrones de repetición Seamless en Adobe Photoshop de la la básicos: Un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles de foto en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Collage de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Hacer y vender superposiciones para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Haz formas personalizadas en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Kaleidoscopes con objetos inteligentes en Adobe Photoshop - un diseño gráfico para la clase de de la de Lunch™

Diagonales, Chevrons, plaid y de anomales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender pinceles de Photoshop en Adobe Photoshop de Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Patrones de círculos al aleatorio en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Efecto de Bombing de patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Convierte una foto en un patrón en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Collage de textura de la foto: mezcla y texturas en Adobe Photoshop de un diseño gráfico para la clase de la de la de la de

Técnicas de entintado en Adobe Photoshop un diseño gráfico para la clase de la de Lunch™

Preparar imágenes para redes sociales y blogs en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Recolor objetos sin hacer selecciones en Adobe Photoshop un diseño gráfico para la clase de Lunch™ clase de Lunch™

Técnicas para recrear patrones en Adobe Photoshop - un diseño gráfico para la clase de la la clase de de la de la de

Eliminar objetos y turistas de las fotos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Efecto de glitch de video reusable en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Mezclar dos imágenes en Adobe Photoshop de la clase de la la la de la la de

Configura colores, mazos y sombras en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Bocetos y pinceles para los patrones capturas en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Captura al arte - 3 Snapshot de fotos práctico en Adobe Photoshop un diseño gráfico a la clase de la de la que

Efecto de collage de Surreal en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Texto sobre efectos de imagen - Glyphs y capas en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Uso de texturas en Adobe Photoshop un diseño gráfico para la clase de la de la la

Conceptos básicos de tipo de Photoshop en Adobe Photoshop: un diseño gráfico para la clase de la de la de Lunch™

Efecto de imagen al lado de la imagen de Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Uso de objetos de Illustrator en Photoshop un diseño gráfico para la clase de la clase de de la de la de

Uso de la herramienta relleno de patrones guionizado en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Los corazones inspirados en Adobe Photoshop de la los verso: un diseño gráfico para la clase de de la de almuerzos™

Patrones rotulados Whimsical en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Diseño de papel de Scrapbook con los mapas de desplazamiento en Photoshop - un diseño gráfico para la clase de la de la de la de

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Crea un glitch reusable en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, crea un efecto de video glitch reutilizable en Adobe Photoshop. Diseño gráfico para Lunch es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy vamos a ver cómo crear un efecto de glitch de video, y vamos a aprender algunas cosas sobre trabajar con canales en Photoshop y también cómo usar mapas de desplazamiento, o hay algunas cosas realmente geniales que vamos a aprender en el camino a crear esta gran imagen. Ahora, ya que estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. En realidad, lo vas a ver, si no estás usando una app, si realmente estás usando una versión basada en navegador de Skillshare. Si lo ves, si estás disfrutando de la clase, por favor haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe en pocas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos Skillshare a ver que esta es una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo empecemos a crear un efecto de glitch de video en Photoshop. 2. Pt 1: comprensión de los canales de color: Ahora, solo hay una pequeña cosa que quiero mirar antes de empezar en el efecto de video glitch porque creo que podría ayudarte a entender un poco lo que está pasando cuando hacemos este efecto, y todo tiene que hacer con canales en Photoshop. Ahora, cuando estás trabajando con una foto en Photoshop, es un modo de color RGB. Eso significa que está compuesto de rojo y verde y azul. Cuando agregas rojo puro, verde, y azul juntos, obtienes blanco. Entonces estos círculos superpuestos donde se cruzan en el medio mismo, estamos viendo blanco, y aquí está azul puro. Pero observe que el azul puro opuesto es el amarillo, y el rojo puro opuesto es el cian, y el verde puro opuesto es el magenta. Por lo que el color opuesto para el rojo es el cian. Si destruimos el canal rojo de alguna manera, o nos vamos a poner más rojo o más cian. Si destruimos o trabajamos en el canal verde, entonces vamos a afectar no sólo el verde en la imagen, sino también potencialmente cian. Si hacemos lo mismo con el canal azul y distorsionamos ese canal de alguna manera, entonces o nos vamos a poner más azul, o nos vamos a poner más amarillo. Por lo que es importante entender la relación entre estos colores primarios. Rojo, verde y azul son tus colores primarios, y sus opuestos, cian, magenta y amarillo. Ahora movámonos y echemos un vistazo rápido a una fotografía. Esta es la fotografía que vamos a utilizar para este efecto de video glitch. Se está visualizando en modo de color RGB, por lo que la imagen es una combinación de rojo, verde y azul. Ahora, podemos decir la contribución que el rojo, el verde y el azul hacen a esta imagen desde la paleta del canal, elegiré Ventana y luego Canales. Aquí está el canal compuesto RGB, y luego tenemos canales individuales rojos, verdes y azules, y controlan el rojo, verde y el azul que va a conformar esta imagen. Ahora, cada uno de estos canales es un poco diferente a los otros canales por la cantidad de rojo, verde y azul que va a partes variables de la imagen, pero verás que todos están superpuestos uno encima del otro, el patinador no se mueve de un canal a otro. Bueno, el efecto glitch de video se basa en mover uno de estos canales de color un poco offset. Entonces lo que podemos hacer es ir, por ejemplo, al canal rojo, y voy a elegir “Seleccionar todo” para seleccionar todo en el canal rojo de la herramienta de movimiento seleccionada, y sólo voy a sacar este canal de alineación con los demás canales. Ahora mismo no nos ven nada diferente porque solo estamos mirando el canal rojo, pero si vuelvo aquí arriba y selecciono el canal de color RGB, la imagen completa, se puede ver que algo le ha pasado a la fotografía, y lo que ha pasado es que el rojo y el cian han aparecido en los bordes del patinador, y de hecho en los bordes de todo en esta imagen, porque hemos sacado de alineación al canal rojo. Porque moví la imagen hacia la izquierda, puede ver que el cian está apareciendo en el lado izquierdo - mano, por ejemplo, de la pierna del patinador, y el rojo aparece en el otro lado. Si volví al canal rojo y lo muevo en dirección opuesta, entonces va a suceder lo contrario. Cyan va a empezar a aparecer aquí, y aquí aparecerá rojo. Volvamos al canal de color RGB. Se puede decir que el cian está aquí y el rojo está aquí. Ahora bien, esta es la base del efecto de glitch de video. Lo que vamos a hacer es que vamos a compensar uno de los canales en la imagen para iniciar nuestro efecto, y luego vamos a añadir algunos bits extra en él también, pero esta es la parte fundamental del mismo. El problema es que si queremos crear este efecto como un efecto re- utilizable de manera muy sencilla para que solo podamos dejar caer cualquier fotografía en este efecto y que aparezca el efecto de glitch de video, entonces no podemos usar este proceso para compensar canales porque vamos a estar usando objetos inteligentes, y no se puede romper los canales de esta manera usando objetos inteligentes. Entonces vamos a tener que encontrar una forma diferente de distorsionar nuestros canales. Pero fundamentalmente, esto es lo que vamos a estar haciendo con algunos extras añadidos. 3. Pt 2: distorsión con un mapa de desplazamiento: Estamos listos para seguir adelante ahora y crear nuestro efecto de video glitch. Por lo que he abierto mi imagen en Photoshop y te he dado el enlace de descarga para esta imagen. Es accesible desde Unspliced.com. Ahora, antes de empezar con el efecto de glitch de video en sí, necesitamos lo que se llama un mapa de desplazamiento. Vamos a usar eso para distorsionar la imagen. Para hacer un mapa de desplazamiento, quiero una imagen del tamaño de ésta. Entonces voy a elegir archivo y luego nuevo. Ahora bien, si no estoy seguro de lo grande que es esta imagen, una vez que vea aparecer el nuevo diálogo aquí, solo puedo hacer clic en ventana y luego seleccionar mi foto. Cuando hago eso, el ancho y la altura se establecen automáticamente para este nuevo documento, al ancho y alto de mi foto. Yo quiero que mi fondo sea negro, así que voy a soltar la lista aquí abajo, clic en “Otro” y sólo asegurarme de que tengo seleccionado negro, y voy a dar clic en “Ok”. Entonces “Ok” otra vez. Ahora tengo un documento que tiene un fondo negro que es exactamente del mismo tamaño que mi fotografía. Por lo que voy a la herramienta de pincel y quiero seleccionar un pincel para usar. Estos son algunos de los pinceles por defecto que se envían con Photoshop. Realmente no importa demasiado qué pincel uses, pero estoy usando uno de estos que son como una serie de puntos. Es una especie de pincel salpicado. Entonces solo lo estoy seleccionando y voy a ponerlo a un tamaño bastante grande. Pero ¿sabes qué? Todavía es demasiado pequeño. Entonces solo voy a usar un corchete cuadrado para ampliarlo. Estoy pintando con blanco. Tengo set blanco aquí. Por supuesto, siempre puedes seleccionar el blanco haciendo clic en este ícono aquí y luego solo voltea los colores. Voy a pintar algunos puntos blancos en esta imagen. Sólo estoy dando click y haciendo clic unas cuantas veces para bajar algo de buena pintura blanca. Eso es todo lo que necesito hacer en esta etapa. Voy a convertir esta capa de fondo en capa irregular haciendo doble clic en ella y haciendo clic en “Ok”. Lo que quiero hacer es crear un efecto espiral a través de este patrón aquí. Entonces voy a elegir filtro, distorsionar, ondear. Para mi filtro de onda, quiero una onda sinusoidal. Lo que he dicho aquí arriba es que tengo una longitud de onda que es bastante baja en el nivel mínimo y alrededor de la mitad en el nivel máximo. Mi amplitud está herida todo el camino hacia la derecha. Se puede ver que la amplitud está teniendo un efecto en conseguir este efecto zigzag. Por lo que quieres solo experimentar con amplitud solo para conseguir que estas formas aquí estén en zigzagueando. Lo que realmente está controlando un zigzag es esta escala. Entonces tengo la herida de escala horizontal todo el camino hasta 100. Si la escala vertical se enrolló hasta 100, se puede ver que el zigzag va por el otro lado. Pero sólo queremos que escale en una dirección y quiero que sea en dirección horizontal. Para que puedas jugar con estos ajustes. Todo lo que quieres es algo que vagamente le gustará esto. Puedes tener más o menos de estas líneas a través de la imagen simplemente ajustando tu longitud de onda. Yo quiero bastantes. Incluso podrías terminar tus generadores a tres o cuatro. Simplemente puedes experimentar con esos valores. Pero no vas a ir mal con configuraciones que son así. Un bajo número de generadores, 1, 2, 3, longitudes de onda que están bastante cerca entre sí. Pero en el borde inferior de estos deslizadores, la amplitud premier enrolló todo el camino hacia arriba. Entonces para la escala, asegurándose de que tienes conjunto horizontal realmente alto y vertical realmente bajo. Voy a dar click en “Ok”. Vamos a usar esta imagen para dos cosas. Lo vamos a usar como superposición sobre el patinador, pero también lo vamos a usar para distorsionar al patinador, porque hay un método en Photoshop donde se puede usar una imagen en blanco y negro para distorsionar otra imagen. Para ello, vamos a tener que salvar esto. Voy a elegir “Archivo” y luego “Guardar como”. Tengo un archivo de imágenes maestras aquí. Voy a llamar a esto “Mapa de desplazamiento”, pero puedes llamarlo lo que quieras. Voy a dar click en “Guardar”. Como dije, quiero esto para dos propósitos. Una, quiero que añada un efecto sobre el patinador, pero en segundo lugar, quiero usarlo como mapa de desplazamiento. Entonces vamos a entrar en ella como un poco de colocación de ella en primer lugar. De vuelta en la imagen del patinador, quiero hacer un par de cosas. En primer lugar, quiero convertir la capa de fondo en una capa normal haciendo doble clic en ella y haciendo clic en “Ok”. Entonces quiero convertirlo en objetos inteligentes. Por lo que haré clic derecho y escogeré “Convertir a objeto inteligente”. Ahora esta va a ser nuestra imagen fundacional. Entonces lo que queremos hacer ahora es distorsionarlo usando nuestro mapa de desplazamiento. Para ello con la capa de objeto inteligente selectiva, escogeremos filtro, distorsionar, desplazar. Puedes hacer algunos cambios a través de la configuración aquí, pero es bastante arbitrario en este momento porque ni siquiera sabes lo que realmente le va a hacer a la imagen. Los valores por defecto creo que son 10 y 10, así que solo estoy devanando los míos hasta 16 y 16. Tengo seleccionado “Stretch to Fit”, y tengo seleccionado “Repetir píxel Edge”, y haré clic en “Ok”. Cuando hago eso, Photoshop dice: “Espera un minuto, tienes que decirme qué quieres usar como tu mapa de desplazamiento”. Entonces voy a seleccionar mi archivo PSD que acabo crear como mapa de desplazamiento y hacer clic en “Ok”. Lo que ha pasado es que Photoshop realmente ha distorsionado esta imagen a lo largo de las líneas que había en el mapa de desplazamiento. Entonces si echamos un vistazo al mapa de desplazamiento, se puede decir que son muchas líneas rizadas. Bueno, esas líneas rizadas ahora distorsionan esta imagen dentro de Photoshop. Por lo que puedes crear un mapa de desplazamiento que sea cualquier cosa básicamente, y puedes aplicarlo a una imagen y se utilizará para distorsionar la imagen. Ahora bien, si no crees que el desplazamiento es suficiente o es demasiado, puedes hacer doble clic en la opción de visualización aquí, y puedes restablecer la escala horizontal. Entonces, tomémoslo hasta 30 y haga clic en “Ok”. Pero tendremos que volver a seleccionar nuestra imagen cada vez. Ya verás que tengo aún mayor desplazamiento y fracturación de esta imagen como resultado de aplicarle el mapa de desplazamiento. 4. Pt 3: distorsión de un canal de color: Ahora que hemos distorsionado la imagen misma, es hora de mirar distorsionar parte del color en la imagen. Para esto, vamos a sacar de alineación uno de estos canales. Pero no podemos hacerlo usando la paleta de canales porque simplemente no somos capaces de hacerlo con un objeto inteligente. Así es como lo vamos a hacer. Vamos a empezar en primer lugar en la paleta Capas. Voy a arrastrar y soltar esto en la tarea capa de objetos inteligentes en el icono Nueva capa. Eso me va a dar un duplicado exacto de esa imagen distorsionada. Para esta capa, lo que vamos a hacer es que vamos a distorsionar un poco la capa, y luego vamos a limitar esa distorsión a un canal de color. Por eso necesitamos una segunda copia de la imagen para hacer esto con. Con la capa seleccionada, voy a elegir Filtrar, Distorsionar y el efecto de distorsión que voy a utilizar es Shear. Por lo que sólo voy a dar clic en “Shear”. Ahora, este es el ajuste por defecto para el filtro de cizalla, solo debería ser una línea por el centro de la imagen. Pero tan pronto como hayas usado el filtro de cizalla una vez en una sesión en Photoshop, entonces el valor predeterminado va a ser lo que fuera la última vez que lo usaste. En cuanto empecemos a usarlo, ese va a ser el predeterminado de esta sesión. Lo que voy a hacer es que sólo voy a arrastrar muy ligeramente en esta línea. Se puede ver que Photoshop puso aquí un pequeño marcador para marcar dónde me he arrastrado en la línea. Ahora, se quiere usar menos en lugar de más en este punto. Lo que voy a hacer es realmente voy a hacer una pequeña curva S en mi cizalla aquí. Voy a arrastrar hacia fuera hacia la derecha en la parte superior y luego agarrar mi línea y arrastrar ligeramente hacia fuera hacia la izquierda en la parte inferior. Pero literalmente puedes hacer lo que quieras. Pero sólo ten en cuenta que menos va a ser más porque incluso una alineación como esta, que es bastante pequeña cizalla va a resultar en un cambio bastante grande en los colores. Para los pixeles de borde, solo voy a dar clic aquí en “Repetir píxeles de borde” y luego hacer clic en “Ok”. Ahora, viste que sucediera alguna distorsión en la imagen mientras hacía clic en “Ok” y de hecho, si hago clic en esta capa encendida y apagada, verás que aquí hay alguna distorsión, bastante distorsión en realidad. Voy a volver a encender la capa. En este momento se está aplicando la cizalla que aplicamos a toda la capa, los tres canales donde queremos aplicarla a un solo canal. Para ello con la capa seleccionada, voy a hacer clic en el icono “Fx y hacer clic en “Opciones de mezcla”. Porque aquí en las opciones de mezcla es una opción para mezclar uno, dos o tres canales. Por defecto son tres canales porque 99.999 por ciento del tiempo, eso es lo que quieres mezclar. Pero hoy es diferente, hoy queremos fundir usando solo un canal. Puedes seleccionar el canal que quieras usar, este es el canal rojo, este se rompe rojo y cian. Si fuéramos a usar el canal verde, entonces vamos a estallar verde y magenta. Si usamos el canal azul, entonces vamos a estallar azul y amarillo porque son los colores opuestos, por lo que puedes usar la combinación de color que quieras. Simplemente me gusta el rojo y el cian, y eso es lo que voy a usar. Pero se puede ver hasta dónde se noquearon estos colores con tan solo un pequeño ajuste en ese filtro de cizalla. Voy a dar click en “Ok”. Si quiero en este punto, puedo volver al filtro de cizalla haciendo doble clic en esto. Ahora puedo ajustar la cantidad de distorsión que tengo en ese canal. Si he hecho demasiado o muy poco, sólo puedo traer el tobogán de vuelta aquí. Yo sólo voy a agarrar uno de los puntitos que tuve, sólo voy a ajustar eso y hacer clic en “Ok”. Entonces la imagen se reajustará en consecuencia. Ahora, tenemos un efecto de distorsión de imagen, tenemos agregar color distorsionado, vamos a volver en el último video y solo aplicar un par de efectos extra a la imagen. 5. Pt 4: reutilización del efecto: En esta etapa, tal vez recuerden que tenemos esta imagen de mapa de desplazamiento sentada aquí. Lo usamos como mapa de desplazamiento para distorsionar la imagen, pero también dijimos que la íbamos a utilizar para afectar también a la imagen. Bueno, ahora es el momento de ir a conseguir esta imagen, elige “Seleccionar todo” y luego “Editar”, “Copiar”. Vamos a volver a agregar imagen distorsionada del patinador, y voy a elegir “Editar”, “Pegar”. Entonces solo pega esta imagen de mapa de desplazamiento encima del patinador. Por supuesto, porque usamos esta imagen como mapa de desplazamiento, estas líneas van a seguir la distorsión en la imagen de abajo. Es sólo que porque es una imagen en blanco y negro, derecha no podemos ver nada a través de ella. Bueno, sólo vamos a cambiar el modo de mezcla. En una PC, solo voy a seleccionar un “Modo Blend” y luego usar la tecla de flecha hacia abajo para simplemente correr por los modos de mezcla. Si estás en un Mac, vas a necesitar seleccionar la herramienta que no sea una herramienta de pincel. Entonces puedes usar Shift plus y Shift menos para pasar por tus modos de mezcla. He ido tan lejos como aligerar, que es una de las opciones que potencialmente podría usar. Pantalla es otra. También podrías usar el color dodge porque eso también va a afectar algunos de los colores de la imagen. En este punto, solo estás buscando realmente un efecto que te hable. Basta con bajar las opciones, y luego cuando llegues al fondo en una PC, puedes simplemente volver a subir a una que quieras usar. En un Mac, puedes seguir dando vueltas porque van a recorrer todo el camino. Voy a dirigirme aquí a algo así como esquivar el color. Yo sólo voy a bajar la opacidad porque es demasiado efecto. Voy a llevar mi opacidad todo el camino a cero y luego simplemente terminarla un poco hasta ver algo que en realidad va a funcionar para mí. Estoy usando lo que se llaman deslizadores de fregado aquí. Puedes bajar esta pequeña flecha y ajustar el control deslizador, pero también puedes simplemente arrastrar sobre la palabra y eso ajusta el deslizador simplemente arrastrando la palabra. Se ve un pequeño icono de mano con pequeñas flechas en él. Voy a llevar mi opacidad a algún lugar alrededor del 30 por ciento. Ahora voy a terminar este efecto con algo de ruido, pero me gusta ponerme mi ruido en una capa editable porque eso sólo tiene mucho más sentido. Voy a añadir una nueva capa rellena de gris sólido a esta imagen. Escogeré “Capa”, “Nueva capa de relleno”, y luego “Color sólido”. Voy a dar click en “Ok”. El color sólido que quiero usar es gris medio y eso es 128, 128, 128. Lo más probable es que no puedas obtenerlo exacto cuando solo estás haciendo clic y arrastrando aquí, pero si lo haces, entonces está bien. De lo contrario, esto entra aquí y escribe los valores y haz clic en “Ok”. El motivo por el que usamos 128, 128, 128 es porque es gris neutro. Cuando aplicamos un modo de mezcla como la superposición, nada cambia en la imagen subyacente. Si enciendo y apagando esta capa, nada cambia en la imagen, lo que me permite usar esta capa para aplicar efectos a la imagen de abajo. Lo que voy a hacer es que voy a aplicar ruido a esta capa. Voy a elegir “Filter Noise”, “Add Noise”. Se me pide que o tengo que rasterizar esta capa o convertirla en un objeto inteligente. Estoy bien con solo convertirlo en un objeto inteligente, así que lo haré ahora. En este punto, necesitas mirar y decir qué ruido quieres agregar. Puedes agregar ruido de color haciendo clic en “Monocromático”, o puedes agregar ruido blanco y negro haciendo clic en “Monocromático on”. Puedes cambiar entre uniforme y ruido gaussiano y simplemente decir cómo eso afecta a tu imagen, y también puedes ajustar la cantidad. Ahora le he agregado bastante ruido a esto porque es un efecto de glitch de video. Algo salió mal con mi flujo de video y estoy recibiendo una imagen distorsionada de color ruidosa, y así que estoy bastante contento con una justa cantidad de ruido aquí. También puede querer hacerlo ruido de color, así que solo voy a seleccionar lo que me hable creativamente y haga clic en “Ok”. Ahora si sientes que el ruido es demasiado y demasiado obvio, entonces puedes simplemente retroceder la opacidad de esta capa. El otro video completado, efecto glitch. Ahora es el momento de mirar y ver cómo podríamos reutilizar esto porque lo que queremos hacer es seguir adelante y guardar este archivo. Ahora ya lo he guardado, así que tiene un nombre, así que solo voy a hacer clic para guardarlo de nuevo. En un futuro podría reabrir este archivo, y lo que voy a hacer es ir a una de las capas de objetos inteligentes, hacer clic derecho, y voy a elegir editar contenido. Lo que eso va a hacer es abrir la imagen original dentro del objeto inteligente, y lo que quiero hacer es colocar otra imagen aquí en su lugar. Voy a elegir “Archivo” y luego “Colocar Embedded”. Voy a ir a seleccionar una imagen diferente para usar. Ahora éste es un poco más pequeño, así que en realidad lo voy a agrandar, pero asegurándome de que mantenga presionada la tecla Mayús para que esté limitado a sus proporciones originales. Yo sólo voy a moverlo hacia arriba para que la parte interesante de la imagen sea donde quiero que esté. En este punto, puedo seguir adelante y eliminar esta capa. Sólo voy a arrastrarlo y soltarlo sobre el icono de borrar aquí. Ahora simplemente guardaría y cerraría este archivo. Aquí arriba puedes decir que tengo capa 0 pares B. Este es el archivo de objeto inteligente y todo lo que voy a hacer es hacer clic en es botón cerrar y me van a pedir que guarde los cambios en él. Voy a decir “sí”. Photoshop ha ido adelante y actualizado los objetos inteligentes. Tengo dos capas de objetos inteligentes aquí, ambas se han actualizado a la nueva imagen y la superior ha tenido aplicado el mapa de desplazamiento y también el cizallamiento, la inferior acaba de tener aplicado el mapa de desplazamiento. Ahora, en este punto, si dijéramos: “Bueno, esto es realmente lindo, pero ¿qué pasa si realmente queremos, digamos azul y amarillo en esta imagen distorsionada en lugar de azul y rojo?” Bueno, vamos a ir a este pequeño ícono aquí y hacer doble clic en él, y eso se abre a las opciones de mezcla. Para azul y amarillo, tenemos que ir a buscar el canal azul. Aquí está la distorsión azul y amarilla aplicada a la imagen. Es simplemente un caso de cambiar el selector de canal aquí y hacer clic en “Ok”. Porque esta también es la capa de cizallamiento, si pensábamos que el cizallamiento era demasiado, entonces podemos simplemente hacer doble clic en el cizallador aquí para reabrir el panel de transparencia, y podemos cambiar cómo se está aplicando la cizalla. Podría traerlo para ser un poco menos, por ejemplo, con esta imagen, o podría moverla solo totalmente por un lado para que en realidad no haga una curva S a través de la imagen y haga clic en “Ok”. Aquí hay mucha opción para no solo usar una imagen diferente para este efecto, sino también para cambiar el efecto de cizalla, sino también el canal de color que estás usando. También podría desactivar esta capa de superposición y también podría ajustar la capa de ruido si lo desea. Ahí está nuestro efecto glitch de video creado en Photoshop. Tu proyecto para esta clase va a ser seguir adelante y crear tu propio efecto de glitch de video con alguna distorsión en ella creada usando un mapa de desplazamiento. Publica una imagen de tu fotografía glitched en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algunas cosas sobre canales, y colores, y mapas de desplazamiento en Photoshop. Si sí disfrutaste de la clase y cuando veas un prompt, dale una recomendación, por favor haz dos cosas por mí. En primer lugar, dale un pulgar hacia arriba y en segundo lugar, escribe solo unas palabras sobre por qué disfrutaste de esta clase. Estas recomendaciones ayudarán a otros alumnos a ver que se trata de una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos sus comentarios y preguntas y miro y respondo a todos sus proyectos de clase. Mi nombre es Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.