Cómo animar el efecto de reflejos en Photoshop | Sam Concklin | Skillshare
Buscar

Velocidad de reproducción


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

Cómo animar el efecto de reflejos en Photoshop

teacher avatar Sam Concklin, 2D Animator | Comic Artist

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.

      Introducción - ¡Bienvenido!

      1:09

    • 2.

      Bocetos y entintado

      3:23

    • 3.

      Para colorear y sombreado

      2:29

    • 4.

      El efecto de reflejos

      4:09

    • 5.

      Cómo trabajar con línea de tiempo

      2:28

    • 6.

      Ahorre con un fondo

      0:46

    • 7.

      Ahorre con transparencia

      1:20

    • 8.

      Proyecto de revisión y clase

      0:41

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

37

Estudiantes

3

Proyectos

Acerca de esta clase

¡Añade pizazz a tu ilustración de Photoshop con un efecto genial y brillante! Sigue conmigo mientras comparto mi proceso de ilustración en una guía fácil de seguir.

En esta clase aprenderán sobre:

  • La herramienta de cepillo
  • Capas
  • Herramientas de selección
  • Efectos de filtro
  • La línea de tiempo
  • Exportación de GIF

Esta clase es ideal para principiantes que pueden ver el proceso de un paso a la vez. Para usuarios con más experiencia, esta clase tiene consejos prácticos que puedes usar para ampliar tu biblioteca de efectos.

Todo lo que necesitas para empezar es Photoshop. En las clases 2 y 3 uso mi tableta para dibujar, ¡pero puedes completar esta clase sin una tableta! Puedes traer una foto u otra imagen, luego seguir con los pasos para desbloquearla, animarla y exportarla a tu disco duro.

Animar con el efecto de fallo es rápido y fácil. Cuando termines tu proyecto, por favor comparte tu GIF ¡Me encantaría ver qué haces!

Por favor, comuníquese con un comentario si tiene preguntas, comentarios o ideas. Me complace aclarar cualquier detalle borroso o dar retroalimentación. ¡Espero verte en mi clase!

-Sam C:

Conoce a tu profesor(a)

Teacher Profile Image

Sam Concklin

2D Animator | Comic Artist

Profesor(a)

Hi there, I'm Sam! I'm an animator who does a little bit of everything: illustration, comics, music, coding, and more. I have a B.S. in Animation, and telling stories has been life-long passion of mine. Drawing fun, imaginative, and colorful characters brings me joy, and I hope it brings you joy too!

My goal as a teacher on Skillshare is to empower my students to create their dream projects. Students can expect to walk away from my classes feeling more confident in themselves and in the software they use. I believe in you — let's make something awesome!

What others have to say...

"Sam, I loved your class. It helped me so much in my journey into Photoshop animating." -S.T.

"Very helpful class and easy to follow ... Ver perfil completo

Level: All Levels

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. Introducción - ¡bienvenida!: Bienvenidos a los estudiantes. El efecto glitch es un estilo de animación fácil y creativo que cualquiera puede crear. Aprende a dibujar con una herramienta de pincel, usa filtros para aplicar el efecto de glitch y navega por la línea de tiempo para crear un GIF animado. El profesor para esta clase es de concreto de arena y di: Hola, soy Sam. Hola a todos. Mi nombre es Sam England y estoy encantado de traerte esta clase aquí en Skillshare. Soy animador con más de seis años de experiencia en arte digital y crear faltas es uno de mis trucos favoritos. Es fácil de hacer y puedes seguir conmigo como un recorrido cada paso. Puedes usar una tableta de dibujo si tienes una, pero todo lo que necesitas para completar la clase es Photoshop. El proyecto de la clase es seguir y crear un gif animado. Los regalos son impresionantes porque puedes compartirlos en todo tipo de redes sociales. Empecemos. Esto está creando el efecto de glitch en Photoshop. 2. Bocetos y entintado: Como pueden ver, ya tenemos Photoshop abierto en mi documento actual está en 1200 por 1200 pixeles, pero se puede comprobar, revisando a este tipo aquí abajo. Puedes hacer clic en esto. Te dirá el ancho y la altura, tanto en píxeles como en pulgadas que tengo aquí. Pulgadas es útil si estás imprimiendo, pero como esto es arte digital, sólo nos interesan los píxeles. 1200 está perfectamente bien. Ese es un tamaño bastante grande, así que esto es bueno para trabajar. El primer paso con el que voy a ir aquí es que en realidad voy a bosquejar mi arte. Ahora tengo algunas opciones diferentes en cuanto a pinceles on. Esto es sólo un pincel que había usado por última vez en un proyecto aquí, pero voy a entrar aquí y encontrar un pincel que me gustaría usar. Tengo mi propio pincel aquí llamado boceto de ilustración, para que veas que es un poco más ligero. Entonces si hago este rojo brillante, en realidad es un poco transparente, lo cual es bueno para mí usarlo cuando estoy dibujando. Entonces voy a seguir adelante y bosquejar mi obra de arte. Muy bien, así que eso fue bastante rápido y fácil. Mi boceto aquí está hecho. El siguiente paso aquí es que voy a volver a usar la herramienta de pincel, pero en lugar de éste, voy a cambiarlo por uno que tenga menos transparencia. Aquí vamos a seleccionar un color más oscuro. Yo voy a hacer, voy a sacar esto lo mismo, pero voy a sacarlo de negro. Y por supuesto vamos a dibujarlo en una nueva capa. Por último, voy a seguir adelante y colorear en mi arte. Para que puedas ver todo mi, tengo todo dibujado en una capa aquí en negro. Vamos a apagar la capa con el boceto, y vamos a seguir adelante y colorearlo. Ahora para colorear esto, vamos a crear una nueva capa justo debajo. Vamos con cuando vayamos con una especie de turquesa ver gris azulado para esta computadora. Ahora normalmente lo que podría hacer es simplemente seguir adelante y colorear todo esto dentro. May, tómate un rato, así que seguro seguiré adelante y haré un pincel más grande. El caso es que esto no siempre es preciso. Se puede ver que dibujé por encima de la línea justo aquí arriba un poquito. De la forma en que me gusta hacer esto. Y es súper rápido ya que voy a seguir adelante y seleccionar la capa con toda la tinta, va a golpear W para la Herramienta de varita, seleccionar toda la pieza de arte. Y luego voy a ir un poco expandiendo mi selección y luego invertir la selección, presiona G para colorearla, y luego asegurarme de que estoy en la capa vacía aquí. Y utiliza la herramienta de cucharón realmente rápido y fácil. Tenemos esto de color en. Está bien. 3. Colorear y sombrear: Entonces tengo esto todo coloreado en. Y lo último que voy a hacer es el color en la pantalla. Ese último paso que voy a hacer aquí es sombrear todo el asunto. Vamos a crear otra capa que está encima de todos los coloreados en capas excepto por la tinta, el, los contornos aquí. Y voy a seleccionar algún tipo de tono azul porque voy a mayormente, mayormente un tema azul aquí. Haz que mi pincel sea mucho más grande. Y luego vamos a convertir esto en una superposición alrededor del 50%. De acuerdo, esta pieza de arte se ve bastante bien. Apagemos aquí la capa de boceto. Y me voy a poner un toque final que me gusta hacer con mi estilo de arte personal, que es agregar un poco de arena aquí, un poco de textura. Entonces voy a ir a un cepillo para disolver así. Ve cómo se ve todo ahumado y nublado así. Si volteamos esta capa para disolver, en realidad obtenemos este efecto realmente genial. Entonces voy a seguir adelante y utilizar eso para agregar algo de textura a mi imagen aquí. Ahora mismo esta pieza de arte me está viendo bastante bien ahora es momento de pasar al siguiente paso donde vamos a tomar esta pieza de arte y prepararla para el efecto glitch y luego seguir adelante y aplicar ese efecto glitch. 4. El efecto glitch: Para seguir adelante con este proceso, voy a llevar todas las capas que acabo de trazar y combinarlas en una carpeta aquí abajo y llamar a esto original. No quiero tocar esto. Yo sólo quiero que este sea mi punto de referencia inicial. Si termino estropeando mi obra de arte de una manera que no me gusta, siempre puedo volver a este original y trabajar con ella. Entonces tomemos toda esta carpeta y duplicarla, apaguemos el original. Y tomemos esto y haga clic derecho. Y vamos a fusionar este grupo en una hermosa capa aquí. Ahora todo esto está en una capa y oh, parece que me perdí un poco. Entonces sigamos adelante y borremos eso. Perfecto, Esto se ve bien. Por lo que tenemos una tarifa original aquí. Voy a dejar esto aquí y duplicarlo una vez más sólo para estar a salvo. Y vamos a crear nuestro primer fallo. Voy a poner esto en una carpeta y llamarlo glitch uno. Entonces sigamos adelante y tomemos esta capa y creamos nuestro primer glitch con esta capa seleccionada. Vamos a subir aquí para filtrar pixelate y mezzotint. Espero que esté pronunciando ese derecho. Si no lo estoy, está bien. Vayamos a las líneas medias y veamos cómo se verá eso. Hay PRPs de arte se verían así si le aplicamos este filtro. Entonces voy a seguir adelante, Eso me queda bastante bien. También podemos probar diferentes como golpes medianos. Ese se ve hasta glitch aquí. Entonces en realidad voy a ir con esa. Diga: Está bien, y ahora está distorsionada de una manera bastante divertida y de aspecto fresco. El siguiente paso es que podríamos simplemente dejarlo así, pero vamos a hacerlo aún un poco más glitchy. Vamos a la herramienta de marquesina rectangular y asegurémonos de que tenemos esta segunda parte aquí seleccionada o puedes mantener pulsado el turno. Sólo queremos asegurarnos de que podamos. Queremos estar seguros de que podemos seleccionar múltiples rectángulos de esta pieza de arte al mismo tiempo. Entonces sigamos así. Golpea V y muévalos ligeramente hacia arriba para moverlos hacia arriba. Puedes mantener pulsado Shift, de lo contrario no importa demasiado. También puedes moverlos a donde quieras, verdad, mi regla de pulgar es que trato de moverlos no muy lejos. Entonces vamos a moverlas justo por esta vía. Y otro efecto que voy a hacer mientras esto está seleccionado es Comando I para invertir los colores. Ahora esto es un poco difícil de ver porque partes de esto son blancas y el fondo de toda la imagen es blanco. Entonces sólo para nuestros propósitos avanzando, voy a colorear en el fondo un color sólo para ver cómo se ve. Bonito, eso me encanta. Enfriar. Vamos a seguir adelante y hacer algunos errores más. Llamemos a este glitch 2. Y recuerda primero vamos a empezar por filtrarlo. Entonces Filtrar mezzotint pixelate con trazos medianos, Eso está perfectamente bien. Ahora puedo compararlo con el primero. Ya verás que el medio que los trazos que se usan entre ellos, cada vez que haces este efecto, se ve un poco diferente. Entonces aunque solo alterne entre estos dos, Se va a quedar bastante aseado. Muy bien, Vamos a seleccionar con la herramienta de marquesina rectangular. Seleccionemos algunas piezas más aquí y juguemos un poco más. Está bien, me está gustando la forma en que se ven todos estos. El siguiente paso es juntar estos en la línea de tiempo. 5. Trabaja con Timeline: Para poder subir la línea de tiempo, si no la ves ya, vamos a la ventana todo el camino hasta la línea de tiempo. Ahora tenemos este año, vamos a dar clic en Crear animación de cuadro si eso no aparece ahí. Pero este pequeñín y tú puedes elegir entre uno de estos dos. Pero vamos a ir con para este proyecto, crear animación de marco. Haga clic en eso. Y aquí vamos. No hemos empezado. En primer lugar, me gusta empezar con el original sólo para tenerlo ahí y ver cómo se ve. Que eso siga por 1 segundo. ¿ Podría este tipo de aquí abajo para crear un nuevo marco? Hagamos que sea de 0.2 segundos y apaguemos la visibilidad para el original y lo enciendamos para el primer fallo. Y veamos cómo se ve esto. Por lo que puede bastante cool. Vamos a crear algunos marcos más y lanzar algunos de nuestros otros efectos de glitch. Esto es genial. De la forma en que agarré todas las piezas aquí. Me gusta mucho la forma en que fluyen juntos excepto el ritmo se siente un poco apagado. Se siente como si la parte de glitching fuera un poco más rápido. Vamos a dar click en este primero. Sostén presionado, Shift seleccione los cuatro de estos van aquí abajo, pero el retraso 0.1 segundos. A ver cómo se siente eso. Impresionante. Me gusta la forma en que se ve. Me siento bastante satisfecho con mi proyecto aquí. Todo lo que queda por hacer es que quiero trabajar en segundo plano. Sí, me gusta la forma en que se ve esto. Esto es impresionante. Ahora para la parte opcional final, puedes firmar tu arte si quieres, lo cual me siento como si me gustara hacer con la versión completa aquí. Lo que vamos a hacer es firmar esto y luego exportarlo. Voy a guardarlo un par de maneras diferentes. Y les voy a mostrar cómo hacer eso en la siguiente lección aquí. Pero primero, firmemos a este chico malo. Impresionante. Ahora ya es hora de que sigas adelante y exportes y guardes nuestro proyecto aquí de un par de maneras diferentes. 6. Ahorre con un fondo: Para poder exportar y guardar esto como regalo, vamos a ir a File export, Save for Web Legacy. Asegúrate de que esta opción aquí arriba sea un GIF. El mío está marcado como tener 32 colores en. Podemos tener más si quieres, si tienes algún arte complejo y quieres que se vea realmente bien. Pero eso sí significa que el GIF tendrá un tamaño de archivo más grande y será más lento cargar y descargar y todas esas cosas. Entonces hagamos el mío alrededor de 32 está bien. Hit Save. Vamos a guardar esto en nuestra computadora en cualquier lugar de tu computadora que te gustaría. Guárdalo en algún lugar donde sabrás que podrás encontrarlo y compartirlo. 7. Ahorre con la transparencia: Impresionante. Ahora sigamos adelante y guardemos una versión de esto con transparencia. Apagemos el fondo. Ahora se puede decir que va a haber transparencia. Si el fondo es tablero de ajedrez como este antes lo tenía así, solo blanco, pero eso significa que el fondo será blanco. Por lo que apagué el fondo en este primer fotograma, pero para el resto de los marcos, el fondo sigue encendido aquí. Hagamos clic en este pequeño candado y resaltemos todos estos para asegurarnos de que a menudo sean todas las capas hermosas, que se ven perfectas. O ocho Exportar archivos, Guardar para Web Legacy. Alejar el zoom. Está bien, Eso se ve bien. Sigamos adelante y guardemos esto. De acuerdo, y seguimos adelante y acabamos de crear nuestro propio efecto glitchy, GIF en Photoshop y exportarlo un par de versiones diferentes, una con fondo y otra sin en ambas son útiles dependiendo de donde quieras compartir el regalo. Y si estás queriendo compartir tu GIF en Skillshare en la sección de proyectos, eso sería genial. Me encantaría ver lo que haces. 8. Revisión y proyecto de clase: En esta clase, aprendimos a dibujar arte en Photoshop, colorearlo, aplicar el efecto glitch, animar en la línea de tiempo y exportar el proyecto como un GIF. Ahora es tu turno. Estos son los pasos para terminar esta clase. En primer lugar, repasa las lecciones de esta clase y crea tu propio GIF animado. A continuación, regresa y comparte tu GIF aquí en Skillshare en la sección de proyectos. Por último, antes de salir de la revisión de la palanca. Gracias por unirte a la clase. Espero con ansias ver tus regalos. Animación pesada.