Autorretrato animado: dale vida a tu gemelo malvado | Joy + Noelle | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Autorretrato animado: dale vida a tu gemelo malvado

teacher avatar Joy + Noelle, illustrators, animators, twins

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.

      Avance

      1:13

    • 2.

      Descripción general

      0:43

    • 3.

      lluvia de ideas

      2:02

    • 4.

      Boceto

      6:13

    • 5.

      Tinta

      2:30

    • 6.

      Color

      10:03

    • 7.

      Configuración y recursos del proyecto

      4:39

    • 8.

      Llaves

      5:12

    • 9.

      Extremos

      5:58

    • 10.

      Midpoints

      3:32

    • 11.

      Anticipación, acción y reacción

      9:41

    • 12.

      Tinta y color de animación y color

      7:52

    • 13.

      ¡Comparte lo increíble que has hecho hacer!

      0:29

    • 14.

      La línea de Timeline "Poner a Pose" animación

      9:43

    • 15.

      Animación y fusión de capas

      9:57

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

2080

Estudiantes

45

Proyectos

Acerca de esta clase

Vamos a crear un autorretrato animado de 10 segundos en Photoshop. Es el proyecto perfecto para motivarte para que trabajes para ti en algo: ¿para ser un poco selfish por una vez, y lo que puede ser más de selfish que un autorretrato? Puedes ir con nuestro tema, que es animar tu Evil Twin, o puedes ir con tu propio tema, que depende a ti. Te guiaremos a través de nuestro proceso creativo, desde la lluvia de ideas hasta el diseño de personajes, desde la animación de tu que te interesa la naturaleza animado final. Esta clase es para todos los niveles de animadores, con un conocimiento básico de Photoshop, que quiere hacer algo personal, artístico y divertido. Te irás con algo que pueda usarse para tu logotipo, sitio web o tu reel. ¡Puede incluso que spark ideas para tu próxima película!

Conoce a tu profesor(a)

Teacher Profile Image

Joy + Noelle

illustrators, animators, twins

Profesor(a)

NY-based design team JOY + NOELLE are illustrators, animators, and, as it happens, twins. We specialize in story-driven work, ranging from commercial video, independent short film and book illustration. We also keep an exquisite collection of charming objects and charming pets, from which we draw inspiration.

Select clients include Anthropologie, Netflix, A+E Digital, NBC, Nickelodeon, Cartoon Network, TED, Amazon Studios and Sesame Studios.

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. Avance: Espere. Di: “Esta es Joy hablando”. Esta es Joy hablando. Esta es Noelle hablando ahora mismo. Esta es Joy hablando. Suenamos bastante similares, pero mi voz suena un poco más profunda. Está bien. ¿ Hay alguna forma de que podamos cortar eso? Puedo decirlo de nuevo. Toma dos. Somos Joy y Noelle. Somos ilustradores, animadores, y también somos gemelos. Yo soy Joy. Yo soy Noelle, y creamos animación para TV y videos web, y también hemos dirigido y animado cinco cortometrajes independientes juntos. En esta clase, vamos a estar animando un autorretrato en Photoshop. Puedes ir con nuestro tema, que es animar a tu malvado gemelo, o puedes elegir el tuyo propio. De verdad depende de ti. Te guiaremos por nuestro proceso creativo desde la lluvia de ideas hasta el diseño de personajes, desde la animación áspera hasta tu autorretrato animado final. Esta clase es realmente para todos los niveles de animadores que tienen un conocimiento básico de Photoshop y solo quieren hacer algo personal, artístico, y divertido. Dejarás esta clase con algo que puedas usar para tu logo, página web, parachoques de película o carrete. Podrías incluso desprender ideas para tu próxima película. No puedo esperar a ver lo que ustedes se les ocurre. 2. Descripción general: En esta sección vamos a estar repasando el proyecto y lo que necesitarás para crear tu autorretrato animado. Todo lo que necesitarás para este proyecto es un cuaderno de bocetos, Photoshop, y una tableta o algo de té. Vamos a demostrar el boceto, el diseño y la animación en Photoshop CC 2015. Intenta mantener tu animación a 10 segundos o menos. Este es un proyecto de tamaño de mordida no un cortometraje, que lo mantiene completamente realizable y simple. Noelle va a cubrir las unidades de diseño, mientras yo cubriré las unidades de animación. Esto simplemente no quiere decir que Noelle no sea ella misma animadora, es sólo como decidimos romper el cristal. Gracias, Joy. En fin, a medida que completas cada unidad, sube las etapas de tu trabajo a la galería de proyectos para que todos puedan ver y disfrutar de tu trabajo y puedas usar lo mismo. A continuación, empezaremos a tomar una lluvia de ideas. 3. lluvia de ideas: Esta unidad es donde se llega a jugar con ideas. Así que coge un café y bosquejar, leer, escribir, escuchar música, ver películas. Aquí es donde puedes tomar un poco de tiempo para juntar tus ideas e inspiraciones e influencias para tu autorretrato animado. Entonces decimos todo eso ahora. Pero honestamente, si bien deberíamos salir fuera para inspirarnos, en su mayoría solo estamos haciendo clic alrededor de Internet. Cuando te hayas inspirado en toda la película, libros, arte, música, lo que sea que puedas poner en tus manos, vas a necesitar un lugar donde guardar todos estos pensamientos e imágenes, y nos gusta crear tableros en Pinterest. Estas son algunas de las imágenes que recogimos para inspirarnos para este proyecto. Estos son algunos de nuestros favoritos. También puedes recolectar inspiración de animación y hacer un álbum en Vimeo. Joy, ¿tienes algo que agregar al respecto? Sí, sí lo hago. Ahora, antes de comenzar el proyecto, me sumerjo en la animación por inspiración, igual que cómo reuníamos imágenes y otros materiales en Pinterest antes. Ahora necesito averiguar cómo quiero que esto se mueva. Cuando termines, puedes compartir tus tableros de inspiración e imágenes a la galería de proyectos. Ya sea publicar un enlace a tus tableros de Pinterest o simplemente adjuntar tu tablero de estilo e imágenes. Entonces disfruta de la fase de lluvia de ideas porque después de esto tienes algún trabajo real que hacer. Sí. ¿Es eso? Sí, eso es todo. Adiós. Adiós. 4. Boceto: Voy a estar cubriendo el diseño de personajes, y en esta unidad estaremos haciendo un boceto rudo. Empaca tu cuaderno de bocetos o puedes trabajar bien en Photoshop usando una ficha letras antiguas. Este es el escenario donde vamos a tomar todas las ideas que recogiste de la unidad de lluvia de ideas, poniéndolas en tu autorretrato. Esto no tiene por qué ser súper realista. Puede ser sobre cómo te gusta dibujar, pero se puede estilizar, se puede exagerar. Simplemente diviértete con él. Empecemos. Tengo aquí mi documento y configuro esto yendo Archivo, Nuevo. El tipo de documento que elegí es un preset de película y video en 1920 por 1080 porque finalmente supe que quería usar esto para video. No tienes que usar estos presets, pero solo ten en cuenta dónde va a terminar tu animación. Antes de empezar, voy a mis Preferencias, Rendimiento, y me aseguro de que los estados del historial estén establecidos al menos 100 porque vas a querer múltiples niveles de deshacer. A mí me gusta bosquejar con una cuadrícula. Yo puse eso aquí, una línea de cuadrícula cada pulgada, y elegí un color gris claro. Estaré usando un pincel texturizado para hacer bocetos. A mí me gusta usar un pincel como este tanto para bocetos como para arte final. Imita el aspecto de un lápiz, y lo he incluido en la sección de recursos de la clase, así que siéntete libre de agarrar eso si quieres. Voy a hacer una nueva capa llamada sketch. Voy a estar empezando bastante duro y limpiando a medida que voy. El tema es el gemelo malvado, y así voy a dibujar a mi gemelo aquí. Normalmente sólo rastrearía esto para que se vean exactamente iguales, pero no voy a hacer eso ahora. Yo sólo voy a, mágicamente ahí está ella. No tendremos que volver a hacer eso. Si estás sintiendo cosas, solo vuelve a tu lluvia de ideas y estilo de palabras. Algo que me inspiró cuando estábamos lluvia de ideas para este proyecto fue, yo estaba investigando gemelos y me encontré con algo de Psicología Hoy en 1989, que dice: “Mientras la mayoría de la gente comienza la vida separada y debe aprender intimidad, mi gemelo y yo empezamos la vida íntima y tuvimos que luchar por la separación”. Me gustó la idea de estar tan cerca de alguien que estar separado era en realidad una pelea. Empecé a moverlas. Eso parecía un buen ajuste, como un rompecabezas. Envié esto a Joy y la hice reír, y siempre busco ese tipo de reacción de ella. Decidí ir con esto. Este diseño terminará ya sea siendo un modelo de personajes o el primer o último fotograma de tu animación. Para nosotros esto terminó siendo el último cuadro, porque le di esto a Joy, y ella animó esto. Al igual que un exquisito curso. Sé que la mayoría de ustedes están diciendo: “Eso es genial, pero no tengo un gemelo al que pueda entregarle esto”. Eso es cierto, pero puedes tomarte un descanso de él, alejarte de él por un día o así, y luego cuando vuelvas tal vez tengas una nueva idea o algo que no viste antes. Además, ¿qué tiene de divertido un proyecto personal? No tienes que saber a dónde va en este momento, solo puedes resolverlo a medida que avanzas, y tu boceto te ayudará con eso. No quiero destruir mi obra original borrando, quiero poder conservarla en caso de que haya algo que quiero cambiar más adelante. Lo que estoy haciendo en este momento es que estoy pintando encima de las capas usando una máscara de capa aquí mismo. Este es el icono para máscaras de capa. El blanco es completamente visible y la falta es invisible. Si estoy pintando en negro la máscara de capa de este personaje, está haciendo invisible esta línea. Si voy demasiado lejos con esto, sólo puedo pintar de blanco otra vez y vuelve. Podrías ver si haces clic con el botón derecho puedes desactivar la máscara de capa. Toda la obra de arte sigue ahí. Si no estás contento con él y solo quieres deshacerte de esto, puedes eliminarlo. Pero esto me va a ayudar a averiguar cómo quiero que se vean estos. Voy a empezar a deshacerme de estas líneas. Voy a duplicarlos para que siempre tenga esto, mantenerlo en esa carpeta ahí mismo. Ahora voy a aplicar la máscara de capa para poder empezar a editar un poco más este diseño. Creo que voy a dibujar un borde alrededor de la longitud con su estilo. Ahí, eso se ve bastante bien. Si aún no lo has hecho, guarda tu boceto como PSD. Ahora lo vamos a guardar como un JPEG para subir, así Archivo, Exportar, Guardar para Web. Voy a ahorrar esto como JPEG al 50 por ciento, 960 por 540. Guardándolos en mi carpeta de boceto. Ahora voy a subir a la galería de proyectos. Aquí está mi proyecto, editar proyecto. Ver. Ahora tenemos un boceto en bruto. Guarda tu proyecto. Ahora es tu turno. No olvides publicar todas las etapas de tu trabajo, y echa un vistazo a lo que están publicando otros alumnos y dejar comentarios. 5. Tinta: Esta unidad cubre el diseño final del personaje, donde estaremos entintando y coloreando tu autorretrato. Voy a repasar cómo organizo mi proyecto, algunos consejos de flujo de trabajo, configurando acciones para facilitar el diseño y la animación. Por último, mencionaré algunos recursos para elegir el color. Aquí tenemos nuestro boceto gemelo malvado y todavía no hay nada realmente malo en ello. Es decir, es espeluznante. Pero cuando es animado y se dividen, y ves que comparten este ojo, y luego se guiña, creo que ahí es donde se obtiene un poco de travesura. Voy a guardar esto como un nuevo proyecto. Mi carpeta de tinta y color y lo llamaré INK_AND_Color. Cuando estoy coloreando, guardo casi todo en capas separadas para poder cambiar fácilmente los colores a medida que voy a ver lo que más me gustó. No tienes que trabajar de esta manera. Simplemente te mostraré cómo lo hago. Realmente simplifica las cosas para cambiar de color más adelante, si quiero. Hago una guía de capas y dentro de ese grupo, hago dos capas: una llamada línea y otra llamada color. Voy a duplicar esta guía de capas para todo lo que quiero separar. Por lo que ahora el cabello tiene una capa de línea y color ahí dentro. Entonces voy a seguir adelante y hacer esto por todo lo que quiero separado. De acuerdo, ahora que ya está hecho, voy a fusionar mi boceto porque ya tengo ese archivo guardado para que pueda simplemente fusionar todo eso y nombrarlo boceto. Lo subiré arriba, apagaré la guía de capas, y bajaré la opacidad en esto al 25 por ciento. Entonces a continuación voy a tinta la capa de línea sólo para cada grupo. Entonces voy a empezar con el cabello y trabajar mi camino hacia abajo y estoy usando el mismo pincel para arte final que lo hice para mis bocetos. 6. Color: Entonces ahora todo está entintado en negro y si recuerdas, mi diseño final no tiene un contorno negro, así que voy a querer hacer de este color de contorno el mismo que los colores de relleno. Yo sólo elegí el color a medida que iba. Estas son pequeñas muestreas que acabo de hacer en Photoshop y están etiquetadas para todo. Pero hay un par de sitios diferentes que son geniales para el color. Uno que uso todo el tiempo es el color de Adobe. Es genial porque puedes navegar todos estos diferentes temas y editarlos y hacerlos tuyos. Ya sabes, no robes el trabajo de otras personas, pero puedes editar estos colores de cortesía, mover las cosas, cambiar esa muestra y puedes salvarlos y convertirlos en tus propios temas. Yo en realidad, justo como ejemplo para esta clase, hice un tema a partir de las muestreas que elegí para mi autorretrato. Si vuelvo a Photoshop y voy Ventana, Bibliotecas, mis muestreas están ahí. Tengo otras muestreas guardadas de otros proyectos en los que trabajé. Esto es realmente genial porque solo puedes hacer clic en estos colores, va justo a tu muestra ahí mismo y puedes agregarlos y etiquetarlos. No voy a usar esto ya que tengo mis muestreas aquí mismo, pero eso es sólo algo a tener en cuenta. Cuando estás eligiendo colores, puedes recordar que algunos colores representan ciertas cosas. Este gran diagramas tienen todos los significados del color. Supongo que me gustan el gris y el naranja juntos, razón por la que elegí los para mi autorretrato y solo escojo los colores que me gustan, que accidentalmente pasan a ser cuatro colores capuchino. Andrew Kuo, tiene este diagrama realmente divertido en su rueda de preocupación en color, y el naranja representa la muerte. lo he oído decir antes que si tiene un concepto realmente oscuro, a propósito no elegirá colores oscuros. solo puedas ir con cosas que te gusten. Es un autorretrato, así que colorelo tus colores favoritos, aunque sean los colores más horribles en la rueda de color. Ahora que he terminado de doler, puedo apagar mi boceto, sólo tirar eso en grupo. Vamos a empezar a colorear todas nuestras capas en la capa de color. Voy a agarrar el color de pelo. Ya que quiero mantener estos separados, una forma de hacerlo sería seleccionar la capa de línea, usar mi varita, saltar a la capa de color, y rellenar. Eso fue tan fácil, pero si anulo la selección, tengo esta horrible línea anti-alias que separa el color y la capa de línea. Es realmente molesto tener que entrar ahí y pintar esta línea, así que te voy a mostrar un truco que aprendí de las técnicas de animación de Alex Grigg, Photoshop. Tiene una gran técnica para colorear para la animación. Por lo que vas a querer recordar esto para las unidades de animación de Joy. Al estar haciendo esto, voy a grabar una acción por ello, para que nunca tengamos que volver a hacer esto. Si aún no está abierto, puedes ir Ventana, Acciones para abrir tu ventana de acción. Voy a dar click en esta carpeta aquí abajo para hacer un nuevo conjunto llamado color. Entonces voy a ir a este ícono aquí mismo y elegir Nueva Acción, voy a llamarlo Expand>Rellenar. Ahora es grabación, pero aún no queremos que grabe, así que presionaré “Stop”. No queremos que grabe aún porque primero voy a hacer una selección en esta capa de línea. Ahora que he hecho esa selección, puedo darle a “Record”. Por lo que ahora tenemos nuestra selección, voy a ir a Seleccionar, Modificar, Ampliar, y voy a expandir en dos píxeles. Dependiendo de tu pincel, puede que tengas que cambiar esto, pero para mí esto va a funcionar. Por lo que ahora si haces zoom, puedes ver que la selección se ha expandido a la capa de línea. Ahora cuando llenemos la capa de abajo, no vas a conseguir esa separación anti-alias. En lugar de elegir la capa de color, no quiero que la acción me grabe eligiendo una capa llamada color porque solo quería elegir la capa que esté debajo de mi capa de selección. Por lo que una tecla de acceso rápido para que simplemente se mueva automáticamente a las capas debajo de la selección es, opción Abrir Bracket. Entonces ahora que nos hemos movido allá podemos llenar. Asegúrate de que hemos elegido nuestro color de pelo, elige ojo para cuentagotas de ojos, y voy a golpear, “Editar”, “ Rellenar”, “Color de primer plano” que se llenará automáticamente, o una tecla de acceso directo para eso sería Option Delete. Por lo que ahora voy a anular la selección e ir a mis Acciones y dejar de grabar. Entonces ahora siempre que necesites cubrir algo, puedes simplemente ir a tus Acciones y golpear “Play”, que no quiero tener que abrir esta ventana cada vez. Por lo que voy a hacer doble clic en mi opción “Expandir relleno” y puedes establecer una clave de función para esto. Entonces voy a poner eso a F4. Por lo que ahora siempre que necesite colorear algo, solo le pegaré a “F4" y me lo llenará. Esta capa de color no llenó todo el camino por mi molesto diseño de cabello, pero para todo lo demás esto debería funcionar. Ahora tenemos un color de pelo con un contorno negro, pero la capa de línea debe coincidir con la capa de color. Voy a bloquear píxeles transparentes, este pequeño ícono de aquí arriba, y asegurarme de que tengo el color de pelo seleccionado y voy a presionar la opción “Eliminar” en mi teclado o “Editar”, “Rellenar”, “Color de primer plano”, y ahora el coincide con la capa de color. Ahora vamos a hacer eso por todo lo demás que queremos de color. Vamos a recordar estas dos cosas. Estableciendo tu acción para expandir, rellenar para colorear y bloquear píxeles transparentes, llenando con tu color de primer plano para colorear la capa de línea igual que tu capa de color. Entonces solo voy a bajar por la lista y colorear en todas mis capas de línea. Ahora que todo nuestro color de contorno ya está hecho, vamos a entrar y elegir nuestros colores de relleno y seleccionar mi capa de línea para la cara. Haz mi selección con la varita y pulsa “F4" para llenar y ahora bajaremos la línea y haremos eso por todas nuestras capas de color. Ahora todas nuestras capas de color están llenas y esto es algo que hubiera tardado mucho tiempo y hubiera sido muy molesto y ahora se hace en cuestión de minutos, así que gracias Alex Grigg por esa técnica de coloración. Ahora para hacer el diseño en el jersey, voy a fusionar estas dos capas ya que sé que ya no quiero cambiar el color del contorno, voy a fusionar estas dos capas y llamar a este color suéter. Para hacer un diseño de suéter, voy a elegir un gris más claro. No quiero tener que morder tu necesidad con esto, quiero poder simplemente dibujar con bastante libertad para el diseño del jersey. Por lo que voy a hacer estas máscara de recorte haciendo clic derecho y desde el menú, voy a elegir, “Crear máscara de recorte”. Ahora lo que sea que dibuje en esta capa de línea de suéter sólo va a ser visible dentro del contenido de la capa de color del suéter. Entonces si suelto esta máscara de recorte, puedes ver que toda esa obra de arte sigue ahí, solo está recortada a la capa de suéter, que es lo que queremos. Entonces ahora puedo dibujar esto y no tengo que preocuparme por ser demasiado ordenado al respecto. Ahora bien, mientras tus capas de color de forro siguen separadas, todavía hay tiempo para hacer cambios en los colores que quieras. Entonces si no estás contento con algo, puedes ir fácilmente a escoger un color diferente. Pero estoy contento con estos así que ahora puedo fusionar cualquier cosa que no necesite estar en capas separadas para que todo sea menos complicado para la animación. Entonces ahora puedo fusionar el grupo de cabello con solo presionar “Command E” en mi teclado o haciendo clic derecho y diciendo grupo de fusión, así que ahora eso está en una capa. Voy a hacer eso por todo lo que sólo puede quedarse en una capa. Ahora sólo voy a tirar todas estas capas en un grupo, y ahora voy a hacer mi frontera alrededor de esto. Entonces voy a traer mis guías, sets sobre dónde lo quiero, y para hacer el borde, voy a elegir mi color de fondo, que es este gris de aquí y voy a llenar el fondo. En una capa encima de mi obra de arte, haré el borde. Hay un montón de otras formas de hacer esto, pero de esta manera, creo que será mejor para la animación. Por lo que voy a elegir un blanco y agarraré mi herramienta de Carpa Elíptica y voy a mantener presionadas “Shift” y “Option” mientras hago clic en el centro y arrastre hacia fuera. Se trata de dónde lo quiero y voy a seleccionar el Inverso y llenar el Inverso de blanco, y ese es mi borde circular. Puedo apagar estos colores, apagar mis guías, y eso se ve bastante bien. Creo que ahí es donde lo quiero. Entonces voy a ahorrar, y ahora voy a guardar un JPEG para subir. Entonces Archivo, Guardar para Web, hacer de este 50 por ciento. Ahora sube a la galería de proyectos. Ahí vamos, guarda tu proyecto. Ahora nuestro diseño de personajes es de color entintado, y podemos pasar a la animación. No olvides subir las etapas de tu trabajo y echa un vistazo a lo que otros estudiantes están publicando y dejar comentarios unos para otros. 7. Configuración y recursos del proyecto: Estamos casi listos para animar. Simplemente vamos a montar nuestro proyecto en Photoshop. Te voy a guiar por eso en caso aún no estés familiarizado con animar en Photoshop. Si lo eres, siéntete libre de seguir adelante y saltar a la siguiente sección pero tengo un par de grandes recursos de los que aprendí a animar, y son realmente impresionantes. Entonces vamos. Ya he abierto el proyecto que Noel diseñó para nosotros de inmediato. Simplemente lo voy a guardar como un archivo separado. Entonces esto era de color rosa y vamos a animar. Entonces llamaremos a esto animación ruda. Primero lo primero, abre Ventana Timeline. No olvides hacer esto, establece la velocidad de fotogramas. Animo a 24 fotogramas por segundo. Normalmente se establece en 30. Entonces si cambias de opinión más tarde, es un gran dolor, las capas no se alinean correctamente. Simplemente haz estas cosas de inmediato. Sólo piénsalo. Abra la línea de tiempo, establezca la velocidad de fotogramas de la línea de tiempo. A continuación, podrías habilitar las teclas de método abreviado de línea de tiempo, pero no lo hago y te explicaré por qué. Si marca Activar teclas de método abreviado de Línea de tiempo, lo que hace es activar sus teclas de flecha para poder avanzar y crear un fondo de las líneas de tiempo. Tienes que crear una nueva capa en cualquier lugar pero al inicio de la línea de tiempo y moverla sobre un fotograma que activa las teclas de flecha, es solo un diminuto problema en Photoshop. Que si pegas Arriba, va al frente del marco, si golpeas Down, va al final del marco, y si golpeas Izquierda, va anterior, Derecha va hacia adelante. Eso es lindo. Pero prefiero poder mover mis dibujos con las teclas de flecha. Entonces, por ejemplo, si trato de mover la capa capilar y presiono Izquierda y Derecha, no pasa nada. Entonces, en lugar de habilitar las teclas de acceso directo de la línea de tiempo, voy a establecer atajos. Apague eso. Ir a Edición, Métodos abreviados de teclado, Métodos abreviados para Menús de Panel. Desplácese hacia abajo hasta video de línea de tiempo. Me gustaría establecer un atajo para nuestro próximo fotograma. Voy a usar el atajo Command L. Para el fotograma anterior, voy a establecer el atajo Comando K. Ver todas nuestras capas ahora dispuestas a lo largo del tiempo. Bueno, en la línea de tiempo, todos tienen cinco segundos de largo. No sé si quiero que este marco se mantenga cinco segundos. Entonces tengo que recortarlas. Ahí hay una solución, voy a montar esto. Accesos directos para Menús de panel, Vídeo de línea de tiempo y desplácese hacia abajo. Puede configurar su comando open bracket para el cabezal de reproducción de inicio de recorte y comando close bracket para el cabezal de reproducción terminado de recortar. Está bien. Entonces puedes bajar a fotogramas. Comando cierre corchete, porque quiero recortarlo a dos cuadros al final de mi cabezal de reproducción. El modo en que aprendí a animar a Photoshop fue las técnicas de animación de Photoshop de Alex Grigg. Creo que lo mencionaré en la sección de diseño, pero tiene muchos atajos geniales para configurar la acción. Otra cosa, metcalflovesyou.com, son su tutorial de animación de Photoshop, y tiene atajos que te harán la vida mucho más fácil. Copio estos Comando L para siguiente fotograma, cuadro anterior Comando K, recorta el inicio del cabezal de reproducción y termina con los corchetes y habilitando tus pieles de cebolla. Un consejo útil, puedes configurar un PSD que solo tiene un par de 100 capas en blanco. cortas a dos fotogramas cada uno por mucho tiempo que te guste animar en dos en tres's, lo que sea. Entonces ten eso como proyecto de plantilla. Entonces siempre puedes arrastrar eso a cualquier animación en que estés trabajando y tener todas tus capas en blanco establecidas. Hay un par de extensiones disponibles que simplifican esto y simplemente animando en Photoshop en general. Todavía no las he probado y estoy seguro de que me estaré dando patadas por no hacer esto antes, pero sugeriría echarle un vistazo a AnimdesSin2 de Stephanie Baril. Creo que puedes recortar múltiples capas a la vez. También tiene botones sencillos para todo lo que suele ocultarse en menús de panel y lo mantiene todo en orden de flujo de trabajo. También está la barra de herramientas del animador de photoshopanimation.com de todos los lugares. Te dejo a ti decidir. De acuerdo, a continuación, vamos a empezar a dar vida a estos retratos. 8. Llaves: Bienvenido a la unidad de animación. En esta sección, vamos a estar bloqueando la animación y desbaste primero la acción. Si alguna vez me salto directo a la animación, esos dibujos sólo tienden a parecer un poco rígidos, es como bosquejar en la sección de diseño pero vamos a estar descubriendo el movimiento. Hay un millón de formas de animar algo, así que sólo tenemos que averiguar qué es eso ahora. Tenemos nuestra línea de tiempo, fijamos en 24 fotogramas por segundo, y ahora estamos listos para hacer nuestra segunda pose clave. ¿ Cuáles son las llaves? Las claves son los dibujos de narración. En el caso de nuestro autorretrato, una niña se divide y se convierte en dos, esas son nuestras dos posiciones narrativas. Necesitamos crear una nueva capa y va hasta el final de los tiempos. Simplemente adelante un fotograma, recorta eso con tus teclas de acceso rápido, siempre renombro mis capas, así que voy a llamar a esto A-pose. Voy a hacer que todos estos encajen bien y perfectamente en mi pose B, así que por ahora los voy a hacer un grupo y les voy a etiquetar estos. Baja la opacidad al golpear a B3 y bajarla al 30 por ciento. Voy a escoger un color, digamos azul a roughs. La primera pose clave de nuestro autorretrato es una chica, así que solo estoy haciendo referencia a la segunda pose B para hacer mi primer dibujo. Voy a separar una mitad a su propia capa para poder mover un poco algunas cosas, golpear L para activar mi herramienta de lazado y luego seleccionar esta área del dibujo, presionar Comando, Shift J para copiar y pegar esto en su propia capa. Ahora es el momento de limpiar esto porque todos los demás dibujos se van a basar en ambos. Asegúrate de que tu cabezal de reproducción sea del lugar correcto, crea una nueva capa. Este es mi dibujo limpio, así que voy a etiquetar de nuevo este A, y voy a etiquetar esto “áspero” y como es un áspero lo voy a hacer azul. Hablando de colores, la paleta de colores. Voy a usar un pincel más pequeño. No los trazas exactamente, ese áspero realmente está ahí justo como guía. Ahora te mostraré las acciones para colorear, solo voy a golpear a F4. Ahora voy a tener que exponer esto a lo largo del tiempo y ver cómo están trabajando juntos, para que pueda animar entre el dibujo A y el dibujo B. Voy a cambiar el nombre de esta carpeta a A, y deberíamos estar bien. Ahora sólo voy a cambiar de ida y vuelta entre estos. Puedes arrastrar el cabezal de reproducción o puedes presionar tus teclas de método abreviado Comando K para retroceder un fotograma si estableces los mismos que yo. Comanda L para avanzar un fotograma, así que sólo voy a cambiar de ida y vuelta. 9. Extremos: Podría dibujar un punto medio directamente entre estas dos poses, pero eso no es interesante, lo que me lleva a extremos. Son los fines de la acción donde hay un cambio de dirección. Da más vida a la acción, más contraste. Este sería tu nuevo punto medio. Este podría ser el punto medio volviendo a B. Tal vez un par de alivios como aquí. No lo sabemos, todavía vamos a averiguar nuestro momento. Ahora, voy a tratar de crear esta posición extrema. Voy a resaltar mi capa, voy a bajar la opacidad por creo, V3, que trae a toda la capa un 30 por ciento. Voy a encender mis pieles de cebolla. Tengo este set a Comando Shift O. Sí. Para llegar a tus pieles de cebolla, solo puedes ir a esta ventanita arriba en la esquina justo aquí, asegúrate de que eso esté encendido. Después ve a tu configuración de piel de cebolla. Ese es el defecto. Voy a cambiar esto a dos antes y dos después, y mantenerlo encendido multiplicarse porque estoy trabajando con un fondo claro. Enciende mis guías y simplemente trazar hasta dónde quiero empujar esto. Voy a volver a elegir mi color azul, sólo voy a estar súper suelto. Aquí es donde ser muy rudo es útil porque solo estás averiguando las cosas. ve bien. Voy a volver a subir la opacidad golpeando a V0. Ahora, estoy viendo cosas que me perdí antes. Voy a volver a subir esto a 100 también, pero tienes que estar encima de la capa en la línea de tiempo. Golpea a V0 para volver a subir eso. El motivo por el que seguimos viendo todo es porque las pieles de cebolla están puestas. Para que se los puedan quitar, pero tengo mi atajo establecido en Shift Comando O. Ahora, podemos cambiar de ida y vuelta. Comando K para retroceder un marco, Comando L para avanzar un fotograma. En ocasiones, si no tienes las pieles de cebolla puestas, aquí es donde cambiar puede ayudarte a ver aún más. A ver. Hecho un montón de trabajos hasta ahora así que no te olvides de golpear “Guardar”. Yo sólo voy a limpiar un poco esto. Ahora, todo en nuestra pose extrema está terminado. Estamos contentos con cómo se ve. Queremos moverlo, queremos cambiar la duración o algo por el estilo, puedes poner todo en un Objeto Inteligente. Al igual que trabajar en Flash, si tuvieras que poner todo en un símbolo. Estoy bastante contento con mi pose B y mi pose extrema, no voy a cambiar nada de ellos así que voy a ponerlos en un Objeto Inteligente. Con mi carpeta B seleccionada, voy a ir a “Capa”, “Objetos inteligentes”, “Convertir a objeto inteligente”. Ahora, sólo puedo mover esta capa de alrededor, y todo está contenido, está en una bonita capa plana. Si querías cambiar algo en las capas, solo tienes que hacer doble clic en tu ventana de Capa y se abre un nuevo proyecto, y todas tus capas siguen aquí. Todo lo que tienes que hacer antes de volver a tu próximo proyecto aquí, cualquier cambio que hagas, solo tienes que guardar. Vamos a intentarlo de nuevo con nuestro extremo. Estoy muy contenta con cómo se ve. Voy a ir a “Capa”, “Objeto inteligente”, “Convertir a objeto inteligente”. Ahora, tenemos nuestra capa aquí mismo, pero después de cambiar de ida y vuelta, me doy cuenta de que hay algo que quiero cambiar. Entremos y arreglemos eso. Acabo de presionar “Guardar”, luego cerrar nuestro Objeto Inteligente y los cambios se hacen en nuestro proyecto original. El cambio fue tan obvio. A lo mejor debí haber hecho algo más obvio pero creo que se tiene el punto. Tenemos nuestra X, nuestra extrema, nuestra pose B, y nuestra A. Si ahora queremos que este extremo sea más largo, podemos simplemente arrastrar hacia fuera ese objeto inteligente. tanto que antes, si tenemos 20 capas, tenemos que estar arrastrándolas todas de una a la vez. Vamos a retocar eso y ver cómo se ve eso. Está bien, se ve bastante bien. Sigue adelante con tus claves y extremos y en la siguiente sección, vamos a estar terminando nuestra animación. 10. Midpoints: Ahora, ya tenemos un poco de animación pasando, sólo tenemos que descomponerla aún más, y eso nos lleva a nuestros puntos medios. Los puntos medios son literalmente las posiciones de desglose, te llevan de un extremo a otro. Nos vamos a centrar en eso primero, y luego lo vamos a descomponer aún más y meternos en nuestro entretejido, y la anticipación, y la reacción, y la contracción, pero por ahora, vamos a dar un paso a la vez. Puedes usar tus pieles de cebolla para hacer esto o a veces, hay mejor reproducción si solo bajas tu opacidad en la capa arriba y abajo y solo trabajas entre las dos capas. Ahora, estamos dibujando en nuestra capa áspera, y tenemos dibujo A en una opacidad baja arriba, y nuestro extremo en una capacidad baja abajo, y sólo voy a empezar a envolver en punto medio. Voy a mantener mis dibujos muy rudos y probablemente no limpiaré hasta el final, porque quizá tenga que cambiar las cosas. Voy a crear una carpeta para esto y llamar a esta M para punto medio, y tirar la capa áspera ahí dentro. Donde coloques el punto medio es realmente importante porque el espaciado de los dibujos va a cambiar el tiempo de la animación. Entonces si pongo esto directamente en medio, va a tener un movimiento bastante parejo. Tampoco voy a estirar demasiado este dibujo, así que voy a referirme a mi pose clave. Yo quiero que el intercambio se sienta más impactante y tenga más de ese cambio, y que también sientas que lo estás sintiendo y no lo ves, y entonces sientes que hay más cambio si ese dibujo es el único que se estira. Pero sí, no estoy exagerando demasiado el dibujo. Ahora, puedo dejar esto con el tiempo y ver cómo se ve. Entonces quiero que esto dure tal vez dos fotogramas. Creo que eso se ve bastante bien. Trabajemos en este punto medio. Voy a duplicar mi áspero, seleccionar todo, eliminar, una nueva capa, hacer un nuevo grupo. Ahora, solo voy a trabajar en el punto medio entre nuestro extremo y nuestra pose B, solo lo estamos rompiendo para solo hacer nuestros puntos medios. Tenemos nuestro primer pase que son las llaves, nuestro segundo pase que son nuestros extremos, y pasamos y hacemos todos nuestros puntos medios, y luego llegaremos a todas esas cosas en el medio. Voy a salvar mi trabajo hasta ahora. Otra cosa de los puntos medios es que crean un arco en tu acción. Aquí, en este caso, en realidad no voy a dibujar un arco porque quiero que mi línea de acción sea recta y rápida, y es por eso que esto es solo recto, pero normalmente, un arco sería lindo. Siento que ralentizaría esta acción, quiero que se vea un poco demasiado floja y eso es realmente lo que voy a buscar. Voy a pasar esto a tiempo. Si conozco la opacidad arriba en todas las capas. Se ve bastante bien. Su cabello, que va a tener alguna contracción frente a ti, el cabello se va a mover ahí un par de pasos después. Ahora, sólo tenemos que descomponerlo aún más, pero está llegando ahí. Eso envuelve la parte 1 de la unidad de animación, y vamos a ir sumando entre medias, anticipación, y se instala en la siguiente unidad. 11. Anticipación, acción y reacción: ¿ Ya estamos ahí? Ya casi estamos ahí. Nos sacamos las llaves. Hemos hablado de extremos, de nuestros puntos medios. Ahora sólo tenemos que terminar la maldita cosa. ¿ Qué sigue? Anticipación. Todo lo que hace la anticipación es que le dice al espectador lo que vas a hacer antes de hacerlo. Entonces para hacer eso, haría que tu animación se moviera en dirección opuesta a donde va. Ponte tan creativo como quieras y si quieres que tu personaje salte hacia arriba antes de que baje o vaya a la izquierda antes de que vayan a la derecha, es una gran manera de darle más vida a tu obra y hacer que se vea un poco menos computadorizada y robótica . Acción secundaria como un parpadeo también puede anticipar. Voy a entrar en mi objeto inteligente. Pensemos en esto. Ella va a empezar con los ojos abiertos, va a parpadear en algún lugar por aquí, y luego va a volver a abrir los ojos. Voy a dividir estas capas y guardarla. Va a tomar sus cuatro marcos para parpadear y luego te va a volver a abrir los ojos. Va a borrar estos. Yo sólo voy a organizar esto para que tengamos dos inicios y finales claros de nuestro ciclo. Este es el comienzo. Sus ojos están abiertos, sus ojos se van a cerrar, y luego están abiertos de nuevo. Esto va a ser un pequeño ciclo, así que llamaremos a la primera posición abierta C, y se va a abrir de nuevo con C, y luego en algún lugar del medio, vamos a tener cerca D. Así que llamaremos a este CDC. Crea una nueva capa. Voy a recortarlo y a encender mis pieles de cebolla. Ahora vamos a dibujar D. Voy a apuntar rojo. Yo sólo voy a dibujar la parte superior de su tapa y sus pestañas. Apague las pieles de cebolla. puede ver que tiene un ojo cerrado y si tocas esto, en realidad pensando que podría darle un poco de color de tapa. Simplemente voy a duplicar esa capa, seleccionar todo, eliminarla para que esté vacía, y sólo la colorearé del mismo color que sus mejillas. Probablemente sólo necesitemos este dibujo para que en realidad dure dos fotogramas. Ahora solo voy a hacer un punto medio entre lo abierto y el ojo, justo entre C y D. Haremos una nueva capa, encenderemos las pieles de cebolla, dejaremos abierta, y un ojo cerrado. Entonces sólo voy a tenerla empezando a cerrar los ojos. Tengo mi capa de línea, llama a esto M. la voy a duplicar, delineador de ojos, colorear esas pupilas, seleccionar todas, eliminarla delineador de ojos, colorear esas pupilas, , duplicarla otra vez, luego llamar a esto ojos, los blancos. Enciende nuestras pieles de cebolla y colorea el azul. Entonces los ojos, voy a colorear los blancos y las tapas en la misma capa. Está parpadeando, parpadea simple. De D a C, ella puede tener el mismo punto medio exacto, así que solo voy a duplicar esto, moverlo a tiempo. A ver cómo se ve eso. Aquí, voy a hacer un dibujo más entre el ojo cerrado y el ojo medio cerrado. Creo que también voy a recortar esto a un fotograma porque se siente un poco lento. Voy a duplicar toda esta carpeta. Sólo voy a llamar a esta facilidad, voy a moverla, y lo haré morado, y solo necesito llenar todo, así que selecciona todo, elimina, borra. Ahora tengo las capas en blanco, y sólo necesitamos gemelas estas. Guarda todos los cambios que hemos realizado en nuestro objeto inteligente. Eso es un pequeño ciclo de animación. Veamos cómo se ve eso en nuestra animación principal. Ese pequeño parpadeo añade un pequeño indicio de una anticipación ante nuestra acción. Digamos que queremos ver cómo sería una anticipación real. Duplica mi capa áspera y tal vez sólo sea un marco. El parpadeo capa empieza a darnos más organizados. Haré que mis puntos medios sean rojos. Voy a nombrar mi anticipación, yendo de afuera en un poco hacia abajo. Para anticipar, probablemente iríamos hacia adentro y un poco arriba, sólo para ir en la dirección opuesta. Normalmente, ella va a salir. Sólo vamos a tomar esto y moverlo en un poco, y tal vez arriba. mejillas subiendo, los hombros podrían bajar. Sería aún mejor si fuera más obvio. A lo mejor rehacer mi tabla de tiempos. Nuestras claves son puntos medios y no tenemos esta pose de anticipación. Creo que probablemente querría al menos una facilidad entre esos, dos alivia al menos aquí, dos alivios saliendo del extremo, tal vez tres alivios ahí. Podemos probar eso y ver cómo se ve eso. pasar por nuestros in-entreweens, solo lo estamos rompiendo. Sé que quiero aligerarme de esto así que voy a sumar un entremedio entre el punto medio y la anticipación. Sólo vamos a seguir entreteniéndonos ahora. Tenemos nuestra anticipación, nuestra acción, y ahora necesitamos una reacción. Vamos a asentarnos de nuevo desde nuestro extremo a nuestra posición B, por lo que va a ser diferente dependiendo de lo que estés animando. Realmente no es necesario que me repase cada dibujo aquí, pero haré al menos una facilidad más solo para mostrarte cómo se va a arreglar. Además, me gustaría añadir un poco de guiño al final aquí. Reacción hecha, solo hay que asentarse y el seguimiento con el cabello. Veamos esa reproducción. Enfriar. Voy a presionar “Guardar” para que no perdamos nada de nuestro trabajo. Probablemente necesite tomarse un descanso, y ese es mi perro llorando así que necesito sacarla a pasear. Entonces vamos a volver a entrar. Vamos a limpiar esto y colorearlo. 12. Tinta y color de animación y color: Oye, es unidad de tinta y color para animación. Por último, casi estamos ahí. El semáforo está al final del túnel. Recuerda esas acciones del tutorial de Alex Grey del que te estaba hablando, realmente van a venir muy bien aquí. Deberías hacer algunas acciones, si no, lo que funcione para ti, lo que sea que te siga diciendo. Voy a empezar por crear mi plantilla. Un grupo para la cabeza, voy a tener otro grupo para el cuerpo, solo puedo llamarlo suéter, así que suéter. Dentro de estos grupos, ¿puedo hacer mis capas? Yo sólo duplicaré este. Seleccionar todo eliminar, seleccionar. Voy a mantener mi capa áspera a baja opacidad ya que estoy trabajando mientras estoy limpiando. Tengo esto al 30 por ciento, pero voy a subir todas mis capas de limpieza a 100. Sé que dentro de la capa de cabeza, tenía cuatro capas. Cara, rellenos, el color estaba en capas separadas y su capa de línea. Voy a hacer todas las cabezas de color naranja. Duplicemos esto, arrástrelo a una capa de suéter, hagamos todos estos suéteres amarillos. Creo que aquí también había cuatro capas. Teníamos el cuello, el suéter y luego tuve mis dos máscaras de recorte para su patrón y sus brazos. Esa es sólo una forma de mantenerlo organizado. Puedo duplicar este grupo, nombrelo plantilla. Entonces cada vez que necesito hacer un nuevo dibujo de limpieza, puedo arrastrar esta plantilla a todas mis capas, pero eso en la parte inferior por ahora y duplicarlo a medida que voy por cada dibujo nuevo. Yo voy a ahorrar. Ayuda si mantienes la capa áspera encendida pero también si aún miras tus dos posturas iniciales que estás entrelazando y las mantienes en una opacidad baja. Pero sí solo ayuda tenerlos ahí como guía. Esta es otra de las razones por las que no me gusta usar piel de cebolla a veces porque eso estaría mirando por encima de todas estas diferentes capas y se volvería loco. Guardar. A ver cómo se está reproduciendo, se ve bastante bien. Simplemente lo mantiene en marcha. Ahora que tenemos un dibujo hacia abajo, lo siguiente que hacer sería ir exactamente en el mismo orden que hicimos nuestros inbetweens. Puede ser difícil para ti recordar cómo hiciste eso. Yo era bueno etiquetando cosas. Hacer todos los extremos y luego los puntos medios primero, así que incluso haría la anticipación antes de entrar en algún alivios. Por ejemplo, yo haría mi anticipación a continuación. Como dije, duplicé mis plantillas, así que ahora todas mis capas están listas para salir y solo voy a empezar a dibujar. Estoy anticipando a mi punto medio desde mi posición a, así que sólo voy a referirme a eso, sólo voy a tirar de eso y a dar la vuelta hacia abajo la opacidad. Tenemos todas mis capas copiadas y duplicadas y hacemos esto por cada capa, eso es realmente todo lo que necesito para ponerme en marcha en este dibujo. Simplemente guarda otra versión de esto. Guardar como “Cleanup animation version 1". Había sugerido fuertemente guardar diferentes versiones cada hora o menos, nunca se sabe si comete un error y luego se puede volver atrás y recuperar el trabajo perdido de la versión anterior. Para mi limpieza voy en orden, tenemos llaves, esas están entintadas, tenemos nuestro extremo que está entintado, anticipación técnicamente podría considerarse otro extremo, eso es entintado, punto medio, entintado. Un punto más y medio para ir, y entonces sólo vamos a tener nuestros alivios y eso es todo. Al igual que antes, sólo estoy arrastrando hacia fuera los fotogramas clave de los que estaba inentretejiendo. Voy a seguir adelante y empezar a hacer esto también. Nuestros puntos medios y todo nuestro extremo, ya está. Ahora, es hora de entrar en nuestros inbetweens. Aquí van y también vamos a convertir estos en objetos inteligentes para que pueda tener más flexibilidad. Nosotros sólo vamos a terminar el resto de estos alivios, no quedan demasiados. A ver cómo se ve eso. Genial. Entonces estamos contentos con la animación que hemos creado y estamos listos para exportar un GIF a la galería de proyectos. Te voy a mostrar la configuración de exportación aquí. Vamos a ir a Archivo, Exportar, Guardar para Web. Vamos a elegir un GIF, establecer el tamaño en 50 por ciento, asegurarnos de que las opciones de bucles estén configuradas en Forever, cambiar su destino, renombrarlo y volver a presionar “Guardar” , editar su proyecto, subir foto, elegir su GIF , hit “Abrir”. Ahí vamos. Asegúrate de guardar tu proyecto. Eso es todo. Gran trabajo a todos. Echa un vistazo al trabajo del otro alumno y no olvides dejar comentarios. 13. ¡Comparte lo increíble que has hecho hacer!: Hola, otra vez. Ahora tienes una nueva animación para compartir con todos, así que sube a tus sitios favoritos como Facebook, Instagram, Dribble, Tumbr o Twitter, y compártela con el mundo. Estamos deseando ver todos los autorretratos animados que creas, así que no olvides subir tus proyectos a Project Gallery. Esperamos que se hayan divertido tomando esta clase y que ahora tengan algo que puedan usar para su sitio web de logotipos películas burbuja o real. O tu próxima película. Gracias por tomar la clase. Gracias a todos. 14. La línea de Timeline "Poner a Pose" animación: Oye. Oye. ¿ Cómo estás? Bien, ¿cómo va el? Estaba pensando que deberíamos hablar de la línea de tiempo de Photoshop. Yo también lo creo. Es un poco confuso. Es un poco confuso. Deberíamos repasar eso con mayor detalle. Está bien. Hagámoslo. Está bien. ¿Eso está funcionando? Sí. Veo tu pantalla. Genial. En primer lugar, voy a hacer un nuevo proyecto para empezar desde lo básico, así que voy a llamar a esta clase de bonos básicos. Ahora tenemos una nueva capa vacía, solo nuestro fondo. Simplemente voy a hacer una nueva capa, capa 1, y ahora no tiene nada en ella, está completamente en blanco. Yo sólo voy a ir a crear línea de tiempo de video. Si revisas la línea de tiempo, puedes ver que tu capa 1 justo aquí en la ventana de capas, ahora está en tu línea de tiempo y dura cinco segundos. Aquí no hay nada, es sólo una capa en blanco. Lo primero que hacemos cuando empezamos a animar Photoshop, levantamos este menú desplegable, y cambiamos nuestra velocidad de fotogramas de línea de tiempo. Simplemente lo estamos cambiando 24 cuadros por segundo porque así es como me gusta trabajar. Si trabajas en otra cosa, eso depende totalmente de ti. Pero cambiarlo más adelante es realmente molesto, así que solo prepáralo antes de que hagas algo. Haga clic en Aceptar. Lo siguiente que a algunas personas les gusta hacer es habilitar las teclas de método abreviado de línea de tiempo porque si haces eso, ni siquiera sé cómo funciona esto. Está en el tutorial de habilidades de arte. Joy, no digas nada en arte habilidad compartir clase. Lo sentimos, nunca activo las teclas de método abreviado de la línea de tiempo. Si lo haces, te permite usar tus teclas de flecha para ir a la izquierda y para ir a la derecha. ¿ Es porque tus capas todo el camino para iniciar la cabeza de juego, tu capa tiene que ser como un fotograma encima? Oh Dios mío. Sí. Correcto, si habilitas las teclas de método abreviado de la línea tiempo mientras tu capa está al inicio de la línea de tiempo, no funcionarán. Tienes que moverlo y luego están trabajando mágicamente. Por eso no hago esto. O sea, supongo que tendrías que simplemente moverlo una vez y luego mover tu área de trabajo y luego puedes usar estos para seguir adelante. Estoy golpeando la tecla de flecha derecha que va hacia adelante en el tiempo, si golpeo la tecla de flecha izquierda retrocede. Si golpeo Up, va al inicio, si golpeo Down va hasta el final. Eso es genial para algunas personas. No obstante, me gusta usar mis flechas. Si aquí tuviera un dibujo, lo demostraré en tan solo un minuto. Me gusta mover mi dibujo y si las teclas de acceso directo de la línea de tiempo habilitadas están activadas, no puedo hacer eso. Ya lo voy a apagar, dije que ya no quiero hacer con ello. Otra cosa que creo que es realmente importante para Photoshop, hablamos de los atajos que pusimos en el video anterior, solo quiero asegurarme de que estén todos fijados aquí. Yo estoy en mi laptop. hoy Ponga un panel, menús, cronología, video. Ahora tengo mi siguiente fotograma, es que hice una tecla de acceso rápido para él o una tecla de acceso directo, Comando L va hacia adelante, Comando K retrocede. Entonces si quiero recortar el inicio de mi cabeza de juego, recorto el final de mi cabeza de juego, hago clic en eso. Entonces los únicos otros que sugeriría son, si quieres usar las pieles de cebolla, hago Shift Command O, y luego si quieres ajustes de piel de cebolla set acabo de establecer eso. Hicimos nuestras teclas rápidas, entonces solo hacemos esto realmente simplemente, digamos que quiero que esto dure ocho fotogramas para mi cabeza de juego a siete fotogramas y golpee Command close bracket, y ahora mi animación está en uso. Simplemente voy a empezar a dibujar uno posterior, yo mismo retrato, autorretrato realmente simplificado. Eso se parece a ti. Se parece a ti también. Si escondo la capa de fondo, se puede ver que la capa 1 es sólo esta carita. Ahora puedo moverlo con mis teclas de flecha. Estoy contento con cómo se ve eso pero voy a volver a encender mi fondo blanco, porque odio mirar esa cuadrícula, y voy a hacer una nueva capa. Quiero empezar aquí mismo, y voy a crear mi nueva capa, y arrastrarla hacia fuera con el tiempo. Las capas en la ventana de la línea de tiempo se ven como capas en secuelas. Exactamente. Ahora tenemos la capa 2, solo digamos que quiero que la capa 2 sea dos fotogramas, así que avanzaré con el tiempo. Es decir, también puedes usar la pequeña barra de herramientas por aquí si no quieres conseguir todas sus teclas rápidas y solo quieres hacer las cosas por el largo camino, la manera sencilla, solo podrías usar esto para seguir adelante, puedes usar esto para volver atrás. Esto va al principio, esto juega. Puedes usar esto para recortar, esta es nuestra tijera de aquí. Yo solo trabajo con el teclado mayormente, pero te dan las herramientas básicas aquí mismo en la línea de tiempo. Acabo de recortar mi capa, ahora tengo la capa 2. Capa 1, capa 2. Yo quiero poder animar entre estos dos fotogramas. Puedo ir a Habilitar mis pieles de cebolla, y ahora puedes ver esta capa es un poco transparente, pero la configuración de piel de cebolla, y puedes ver cuántos marcos antes y después de eso quieres ver, y yo suelo fijar que a dos. Vamos a repasar esto un poco en las otras lecciones, pero es como una piel de cebolla, cómo se ve a través. Si voy dos marcos, todavía puedo ver este dibujo. ¿ Qué debe hacer mi personaje? Puse un hotkey para apagar mis pieles de cebolla, y creo que fue Command Shift L, sí. Ahora puedo tocar esto y ver cómo funciona esto. Si vas a esta ventana, puedes configurar esto para la reproducción en bucle, y luego solo golpeo la derecha Espacio para jugar. Sí, esto tenía un significado. Creo que necesitamos un punto medio entre estas dos claves donde voy a decir, quería crear una nueva capa, y simplemente lo hice de la manera normal tocando este nuevo botón de capa justo aquí. Empieza en donde esté mi cabeza de juego y es súper larga. Son cinco segundos de longitud por lo largo que sea mi área de trabajo. Entonces tengo que moverlo y tengo que ir a tiempo y tengo que recortarlo. Es demasiado trabajo así que tienes que hacer esto una y otra vez. Entonces si descargaste la fachada del anime para enchufar, lo que sea que elijas hacer para hacerte la vida más fácil, me gusta usar el método algebraico, que es simplemente duplicar una capa arrastrándola hacia abajo a la ventana Nueva capa. Mi nueva capa está en mi ventana de Capa y en la línea de tiempo, y ahora me da una capa que es la misma longitud que la que duplicé. Se inicia en el mismo lugar exacto que la capa de la que la duplicé. Solo para que esto sea más fácil de ver, puedo codificarlo por color. Esto es rojo. Se puede ver en la ventana de capa que también es roja, una capa 2, que puedo hacer verde porque es una clave, en la capa 1 también puedo hacer ese verde, es la clave. Ahora es un poco más fácil para ti verlo en la línea de tiempo y en la ventana del proyecto. El único problema aquí es que desde duplicé la capa 2, solo voy a llamar a esta capa 3, vamos a renombrarla. capa 3 también tiene la misma ilustración que tiene la capa 2, así que tengo que eliminar la ilustración que está en la capa 3 para tener una capa de parpadeo en la que trabajar. Yo sólo voy a ir a Seleccionar todo, Editar, Cortar. Eso eliminó la obra de arte de la capa 3. Ahora encendemos la capa 3, se puede ver que está en blanco, ahora cuando enciendo la capa 2, ver que ahí hay obra de arte. Me muevo la capa 2 en el tiempo. Voy a volver a encender mis pieles de cebolla, puedes usar tus teclas de acceso rápido, solo puedes pulsar Activar pieles de cebolla. Ya que lo tengo establecido dos fotogramas antes y dos después, ahora puedo ver entre la capa 1 y la capa 2, y puedo hacer un punto medio. Joy, puedo decir, me gusta esta obra que diseñaste mucho más que la que yo diseñé. Voy a apagar mis pieles de cebolla. Voy a presionar Play golpeando la barra espaciadora. Parece que está bostezando. Tiene sueño. Tengo un poco de sueño. Bueno, si estuviera bostezando, probablemente querría que esto dure un poco más. Ver los autorretratos de todos van a ser diferentes. Es posible que no necesites todos los 12 principios de la animación en tu autorretrato. Es posible que también quieras hacer algo de animación directa. A lo que te refieres con animación directa, sería en lugar de hacerlo posar, solo te hinchas y lo haces bostezar en lugar de trabajar al revés. Sí, hablé un poco de esto en la puesta en marcha del proyecto, pero realmente no lo demostré en la clase. Es que si duplicas la capa 2, y ahora tengo la misma ilustración en ambos de estos, así que necesito seleccionar todo, y cortar o eliminar. Ahora tengo una capa en blanco. Sé que quiero hacer animaciones rectas. Pose para posar cosas es un poco demasiado complicado, y soy principiante, una cosa fácil que puedes hacer si sabes que te gusta animar para dos fotogramas, lo cual es realmente bueno para animar y es una buena manera de trabajar. Puedes bajar en tu línea de tiempo, recortarla a dos fotogramas, puedes hacer esta capa 4, quieras llamarla, y simplemente duplicarla. Estos están todos en blanco, así que sólo voy a mover estos hacia abajo con el tiempo. Se puede ver que mientras los estoy agarrando, están resaltando en la ventana del proyecto. Esto es sólo una animación directa que te voy a mostrar en este momento, siempre animo pose para posar, pero adelante adelante es un poco más simple. 15. Animación y fusión de capas: Otra cosa que demostré en las clases que no siempre uso pieles de cebolla, a veces, solo trabajaré directamente debajo de una capa, y esto podría ser un poco confuso para algunas personas pero sí tengo una razón para ello. Porque sí pose para posar, a veces, estoy trabajando entre muchas capas diferentes y solo con las pieles de cebolla, sería demasiado mirar. En ocasiones, solo bajo la opacidad al 30 por ciento, y uso una tecla de acceso rápido en hue hit V3, también golpea al 30 por ciento. V0 lo elevan hasta 100 y V3 lo baja al 30 por ciento. Entonces solo trabajo posar de esa manera. Esta es solo otra forma de trazar sin usar las pieles de cebolla. Pero creo que para mantener las cosas simples, tal vez todo el mundo solo debería usar las pieles de cebolla si eres principiante, si no y estás usando pose-to-pose, recomiendo simplemente girar las teclas que estás trabajando entre 30 por ciento sólo para ver mejor. Voy a golpear Comando Shift O para traer mis pieles de cebolla, y él va a bostezar. Si iba a hacer animación recta, simplemente bajaría por la línea de tiempo. Más somnoliento. Cuando vas por la línea de tiempo, ¿cuál fue tu tecla de acceso rápido para avanzar en el tiempo, es ese Comando L? Sí. A medida que te estás moviendo por la línea de tiempo, no puedes simplemente presionar Command L y empezar a dibujar, tienes que seleccionar la capa que quieres dibujar. Eso es cierto. Podrías hacer eso ya sea en la línea de tiempo o en la ventana de capa, no importa. Correcto. A veces, ni siquiera me molesto con las teclas rápidas y solo uso mi cursor. Adelante, y en realidad no trabajo mucho así porque empiezo a sentir que me estoy perdiendo. Prefiero posar también, creo que es sólo una forma de trabajo más organizada. Pierdo la cabeza si hice animación directa. Funciona para algunas cosas, como animar los efectos especiales son geniales para hacer recto. El momento no es perfecto, pero ¿qué opinas? Creo que es genial. Está bien. Bueno, tengo aquí estas tres capas en blanco que no creo que realmente necesite, así que solo las voy a eliminar por ahora. Voy a ver, con el tiempo, noté que esta capa se sintió un poco larga. Si sientes que el tiempo se siente raro, solo podrías recortar tus capas. Recorté esta capa a dos fotogramas, y ahora tengo este espacio en blanco justo aquí, así que solo voy a seleccionar todas estas capas. Puedes seleccionarlos en la ventana de línea de tiempo o en la ventana de capa y simplemente arrastrarlos sobre. Al final, quiero que vuelva a su primera llave. Quiero duplicar la capa 1, y la voy a mover hacia abajo hasta la parte inferior de la línea de tiempo, entonces sólo voy a moverla a tiempo, y ver cómo se ve eso. Se va a ver bastante rápido. Bueno, es casi un poco demasiado rápido. Siento que necesito otro punto medio aquí, así que tal vez solo duplique el punto medio que hice antes. Puedo ver fácilmente mi punto medio porque siempre los hago rojos. Voy a duplicarlo, y voy a quedarme con ese mismo dibujo exacto. Voy a moverlo hacia abajo, y termina en el tiempo, entonces sólo voy a deslizar esto por encima. Sí, ¿qué opinas? Eso se ve bastante bien. Creo que ya terminé. Eso es un gran bostezo. A lo mejor una pose más aquí. A ver. Voy a duplicar esto, tener una nueva capa, voy a seleccionar todo, voy a cortar o eliminar, y ahora, mi capa está en blanco. Voy a encender mi piel de cebolla para poder trazar entre estos dos dibujos. Perfecto. Eso es un poco de los dos métodos de recta adelante y posponer. Encuentro que usar ambos métodos es realmente útil. Averiguar qué funciona para el tiempo es como verlo una y otra vez, probar cosas diferentes después de agregar nuevas capas y ver qué funciona mejor. A lo mejor es más divertido si sostienes algo por más tiempo. Sólo juicio y error. Sí, quizá cuando bosteza aquí mismo, sería gracioso. Al igual que la altura de su bostezo. Sí. A lo mejor necesita otra capa ahí mismo. Esto sólo va a mostrar otra área con la que creo que la gente estaba teniendo problemas. Digamos, creo una nueva capa, voy a crear mi nueva capa duplicando esta. Voy a eliminar la ilustración que hay en esta capa, duplicarla, seleccionar “Todo”, voy a eliminarla. Seguimos esto por encima, todas estas capas hacia abajo a tiempo, tengo una capa en blanco, voy a encender mis pieles de cebolla. Voy a seleccionar mi capa sobre la que estoy dibujando, él va a tener un poco de ebullición o agitar aquí mismo. El alto de su bostezo. Apaga mis pieles de cebolla. Voy a cambiar de ida y vuelta. Estás cambiando, solo vas de ida y vuelta entre el fotograma anterior y el siguiente. Esto se verá gracioso, creo, si duplicé de nuevo estos tres. A lo menos dos de estos, los duplicaré. Bastante gracioso. Eso es vender un poco el bostezo. Yo sólo quería demostrar la fusión de capas. Sólo voy a duplicar esa capa de nuevo, seleccionar “Todo”, y eliminar. Solo estoy dibujando una capa justo encima de ésta. Voy a ver si me gusta. Parece que está diciendo: “Hola a un nuevo día”. Duplicar esta capa, seleccionar “Todo” y eliminar. Es por eso que realmente lamento no tener el plugin AnimdesSin porque hacer nuevas capas es realmente mucho más fácil. Sí, creo que solo hay un pequeño botón que dice, bien puedes hacer una capa que sea de un fotograma largo o dos fotogramas de largo, y solo tienes que hacer clic en él una vez y ya está hecho por ti. Correcto, realmente lo recomiendo aunque no lo enseño en mi tutorial. O sólo las pequeñas chispas que acabo de hacer. Yo solo los voy a hacer moradas por ahora para que puedas verlas más fáciles, ver cómo se correlacionan con las capas en la ventana de capas, en la ventana de la línea de tiempo. Veamos cómo se ve eso. Eso es genial. Eso es brillante. Voy a fusionar estos porque me encanta cómo se ve eso. Wow, los fusioné y siguen siendo dos cuadros, no sé cómo pasa eso. ¿Sabes por qué? En la demostración cuando los fusioné, fusioné mi capa de dos fotogramas con la capa que probablemente era tan larga como la línea de tiempo, y por eso sucede. Mira esto. Diga por alguna razón, tu capa, se ve así, y quieres fusionar estos. Control, click, “Fusionar capas”. Bueno, tal vez sea porque esa era la capa en la parte superior. A lo mejor la capa en la parte superior es la que Photoshop decide es la [inaudible] Probablemente lo mismo que cuando las fusionas y ahora va a nombrar a estos como la capa 4 copia 11. Sí. Sí, exactamente. Se aplican las mismas reglas que cuando las fusionas en la ventana de capa, cómo la capa superior tiene prioridad sobre la capa inferior. Así que solo ten cuidado con qué capa está encima y cuántos marcos es, y el nombre de la misma, y cómo esas habituales reglas molestas de Photoshop. Sí. A mí me gusta cómo lo averiguamos juntos. Te verás que [inaudible] ella. Confundémonos todos juntos. Este fue un tutorial básico bastante sencillo basado en algunas de las preguntas de nuestro panel de discusión. Si tienes alguna otra pregunta sobre algo en absoluto que fuera confuso en el video, estamos contentos de publicar otro tutorial o podríamos volver a escribir en la discusión, pero sigue viniendo la retroalimentación porque estamos aprendiendo mucho y lo agradecemos. Sí, se lo agradecemos. Gracias, chicos. Está bien. Ahora, que tengan buenas noches, Nelly. Sí, tú también, Joy. Esto fue divertido. Adiós. Adiós. realidad no tenemos que ir. Yo lo sé. De acuerdo, deja de grabar.