Introducción a la animación: aprende los conceptos básicos en Toonboom Harmony

1. Intro!: Hey allá, soy Diane Chair. Soy animador que trabaja en la industria de la animación. Yo soy de Toronto, Canadá. Actualmente estoy radicado en Kelowna, BC. Tuve la suerte de ir al Sheridan College, que es una escuela conocida por su programa de animación. Se trata de un programa de animación de licenciatura de cuatro años. Fui allí, hice los cuatro años, contrataron justo fuera de la escuela, empecé a trabajar en Vancouver, y ahora estoy aquí en Kelowna. Estoy aquí para enseñarte el balón rebotante, que es uno de los ejercicios más importantes que los animadores aprenden primero cuando empiezan por primera vez. Es importante porque te enseña el tiempo y el espaciado, el squash y el estiramiento, y sobre todo los arcos. Estos son cruciales porque estos principios están en básicamente todo lo que está animado. Trae vida animacional, por lo que definitivamente ayudará a que tu bola rebotante cobre vida. Empecemos. 2. Tiempo y espaciado: Oigan chicos. He creado aquí una pequeña lección para ti sobre el tiempo y el espaciado. El tiempo y el espaciado son los dos principios más importantes de la animación. La gente siempre piensa que son bastante similares o iguales, pero en realidad no lo son. Son totalmente diferentes. El tiempo es lo rápido que pasa algo del punto A al punto B, mientras que el espaciado es la distancia entre cada dibujo. Eso siento le da carácter a lo que sea que estés animando. Te mostraré este círculo aquí a la izquierda. Este, va 12 fotogramas abajo 12 fotogramas arriba, así que son 24 fotogramas. Va bastante lento, el espaciado en él es muy parejo como se puede ver aquí. Bastante parejo, bastante mecánico, bastante aburrido. El segundo aquí, ese también va a la misma velocidad pero su espaciado es muy diferente. Este se asemeja a un yo-yo. Se va rápido a lento y luego despacio rápido. Este tiene mucho más carácter que el de la izquierda, que es un poco más emocionante de mirar. Te mostraré cómo se ve el espacio en él. Eso es lo que parece. Muy diferente. En cuanto al tercero, éste se asemeja a un balón rebotante. Su espaciado es muy diferente a los otros dos, y también tiene carácter. El medio y el de la derecha, estos tienen mucho más carácter que el de la muy izquierda y son mucho más atrayentes de mirar. Eso es lo que es el tiempo y el espaciado. 3. Configuración de la configuración: la bola: Oigan, chicos. Aquí Diane. Estoy aquí para enseñarte cómo animar el balón rebotante a una nueva armonía. Una vez que lo abras, vas a conseguir esta ventana aquí y vamos a querer etiquetarla como bola rebotante. Después, para la ubicación, puedes guardarla donde quieras y luego pulsar “Crear escena”. Cuando abras por primera vez una propiedad, vas a querer hacer un par de cosas antes de empezar. Vas a querer dirigirte a Editar, a Preferencias. Por lo general, cuando abres la armonía por primera vez, estos dos suelen desmarcarse; enfoque tanto en el mouse enter como en el atajo zoom en el mouse. Vas a querer revisarlos, solo haz tu vida más fácil. Ahí vamos. Un par de conceptos básicos para cuando se trata de animar en armonía, vas a querer conocer un par de las teclas rápidas para acercar si “Dos” ampliarás y presionarás “Uno” te vas a alejar. Eso será bastante útil para cuando te animes. Para que esta bola rebotante vaya, los vamos a necesitar primero plano de tierra, sólo para poner a tierra la pelota. Puedes usar la herramienta lápiz o puedes usar la herramienta de línea oculta dentro de este pequeño rectángulo aquí. Sostén pulsado, mira la herramienta de línea. Haremos una línea de horizonte. Eso se ve bien. Eso es eso. Bajarás a la línea de tiempo justo en la parte inferior de tu ventana y la extenderemos, mandaremos exposición a fotograma, tal vez 50. Eso debería ser bueno. De lo contrario, sólo quedaría en un marco. Ahora tengo el avión terrestre. Vamos a bloquear eso, para que no se mueva cuando estamos animando. Además, en realidad lo vamos a etiquetar como plano terrestre. Vamos a crear otra capa de dibujo la cual se situará sobre la animación. Si bajas a este pequeño signo más y luego en tu línea de tiempo, mantenlo pulsado y luego pulsa “Dibujo” y etiquetarlo como camino de acción. Agregar en Cerrar. Vas a hacer un camino de acción, que exactamente como suena. Va a ser el camino o a dónde va a ir la animación. Ayuda a mantener tu animación alineada y luciendo limpia. Esto es lo que se va a ver para el balón rebotante, será bastante sencillo. Así se va a ver el camino de las acciones. El balón va a ir por cada línea aquí y ese es su camino de acción. Vamos a extenderlo hasta el final de la línea de tiempo. Ahí lo tenemos con nosotros a lo largo de la animación y lo vamos a bloquear también. Si bajas a la línea de tiempo con él se bloqueará, está ahí, solo tienes que hacer clic en él. Estará bloqueado. Ahora vamos a añadir otra capa, que será nuestra capa de animación. Acude al signo más y luego mantenga presionada y vaya al secado. Lo vamos a etiquetar como animación. 4. Bouncing parte 1 de 3: Muy bien, vamos a empezar con nuestro primer fotograma de animación. Para este ejercicio, voy a utilizar la herramienta Elipse solo para ahorrar tiempo. Si tienes una tableta o una tomografía como la que estoy usando, puedes usar la herramienta de lápiz para dibujar en los círculos. Pero para este ejercicio, voy a estar usando la herramienta Elipse. El primer dibujo irá justo ahí. Tenemos nuestro primer dibujo aquí. Vamos a crear el siguiente dibujo. Muy bien, entonces el siguiente dibujo, voy a copiar y pegar el círculo desde el último fotograma. Entonces lo voy a pegar. Cuando se trata de animar, digamos una pelota en la parte superior de cada arco, llámalo tiempo de colgar. Ahí es cuando todos los dibujos están más cercanos juntos y parece que irán más lentos porque cuantos más dibujos igualen más lenta será la animación, mientras que cuantos menos dibujos igualen más rápido será la animación. Ese es el segundo cuadro. Yo voy a copiar eso. Pega y Control V. Genial, así que en este momento está exactamente en el mismo lugar que antes. Para este, voy a moverlo un poco más. Está saliendo del tiempo de espera así que lo que eso significa es que los dibujos estarán ligeramente separados más. Parecerá que se está acelerando. Haré lo mismo, lo copiaré y lo pegaré. Ampliaremos la exposición de este dibujo un marco por lo que es en dos marcos. Para extender la exposición en la línea de tiempo, si vas al espacio frente al fotograma y golpeas F5, lo extenderá. Ups. Ahí vamos. Pero no lo necesitamos en tres. Eso vamos a borrar. Está bien, así que ahí está nuestra pelota. Voy a moverlo porque en el mismo lugar exacto está el último dibujo. De lo que me gusta hacer cuando estoy animando, me gusta fregar en la línea de tiempo para ver cómo se mueven las cosas. Es bueno hacer eso. Se puede ver si algo se está moviendo, cómo te gustaría que lo hiciera. Establece el primer arco. Se va a estar moviendo con bastante rapidez. Ahora va a empezar a acelerar y una vez que se acelere, va a empezar a cambiar de forma. Se va a empezar a estirar. Copiaremos esto, pegarlo, y moverlo hacia abajo un poco más. Como dije, va a empezar a cambiar de forma. Lo que estoy haciendo en este momento, estoy sosteniendo Control y ALT y eso me permite girar un poco la pantalla. Voy a rotarlo para que pueda conseguir un buen estiramiento en este balón. Si quería decir, volver a cómo era la pantalla antes, si golpeaba este pequeño pelo cruzado aquí con la flecha yendo en sentido contrario a las agujas del reloj. Volverá la pantalla a lo que normalmente es. Aquí te presentamos esta característica llamada piel de cebolla en armonía y está ubicada aquí mismo. Ahí vamos. En la línea de tiempo puedes extender cuánto quieres ver. Eso es lo que se ve ahora mismo. Se ve bien. Vamos a copiar este y pegarlo en el siguiente marco y extenderlo. Ahí vamos. Ahora lo vamos a mover un poco más abajo ya que se está acelerando, F8. Envía la exposición y vamos a volver a copiar. A mí me gusta hacer toda la copia y pegar la última línea porque me ayuda a ver dónde estaba el último dibujo. Porque cuando lo pegues, se pegará exactamente en el mismo lugar que en el último fotograma. Eso es lo que me gusta hacer. Algunas personas lo harían de manera diferente pero así es como me gusta hacerlo. Está bien, así que ya que va más rápido, lo vas a estirar un poco más. Ahora este pequeño círculo que está en el medio aquí, si lo mueves a cierta parte de donde está el dibujo que no fue seleccionado, es básicamente como un ancla. Yo lo voy a anclar ahí mismo y luego tirar hacia abajo. Entonces puedes obtener un bonito estiramiento específico sobre él. También puedes sesgarla también si solo vas de las líneas de la plaza. Todo en animación se mueve en arcos en su mayor parte. Balón rebotando obviamente está entrando en un arco, que es nuestro camino de acción. Aquí hay tres arcos y hay algunas excepciones a los arcos pero por ahora, todo se mueve en arcos. Genial. Ahí fue donde estuvo el último dibujo. Vamos a moverlo hacia abajo a derecha por ahí y vamos a rotarlo. Va a ser solo tocando donde se va a aplastar y donde se extendió. Vamos a crear el dibujo de squash. dibujo de squash es el dibujo que muestra dónde ha impactado con el suelo. En el último dibujo, no lo impactó. Es justo antes de que suceda. Este dibujo va a mostrar cómo se ve cuando impacta el suelo y tienes que aplastarlo. Los 12 principios de la animación son la calabaza y el estiramiento. Esto es básicamente de qué, se trata esta lección. Tanto el squash como el stretch son muy importantes porque es lo que da a la animación su diversión y es lo que hace que la animación sea más atractiva y divertida de buscar porque lo que se ve así en estos momentos. mí me gusta fregar la línea de tiempo para asegurarme de que todos los volúmenes estén parecidos porque no quieres que crezca ni se encoja de tamaño, sobre todo después de que lo hayas estirado o aplastado. Es realmente fácil perder su volumen. Es bueno asegurarse de que todo esté buscando escalar. 5. Bouncing parte 2 de 3: Vamos a pasar al siguiente dibujo. Este dibujo es muy crucial porque después de que se impacte el suelo, se va a estirar, pero también le va a dar algo más de vida. Este dibujo, siempre es bueno colocar el balón rebotante tras impacto solo un poco fuera del suelo porque estaba justo fuera del suelo, haría estática la animación, mientras que si está justo ahí, le da un poco más de vida. Se ve bien. Ya que está saliendo del rebote, se va a acercar pronto es hora de colgar ya que después del primer rebote, va a perder algo de velocidad. Entonces en este arco, va a estar yendo un poco más lento que el primer arco aquí. Lo que eso significa es que los dibujos se van a colocar cerca, más cerca de lo que estaban en decir el arco por aquí. Una vez que el balón alcance su tiempo de espera, que es el pico de su arco, va a retroceder de nuevo a su estado original. Ahora mismo este dibujo está en transición a cómo sería si estuviera aquí arriba. Se va a ver así. Eso es lo que debería parecer. No es del todo un círculo perfecto completo, pero está llegando ahí. Vamos a moverlo, pero no demasiado lejos, y no demasiado cerca. Eso se ve muy bien ahora y como puedes ver, todo está siguiendo el camino de la acción. El siguiente dibujo se colocará probablemente por aquí. Otra forma de fregar a través de la línea de tiempo en lugar de usar el ratón y arrastrarlo a lo largo de la línea de tiempo, puedes usar las teclas, no de flecha, sino las más grandes y menos que las teclas del teclado junto a la pregunta mark y el M. De esa manera si estás tratando de ver un movimiento entre dos cuadros, es más fácil simplemente voltear entre ellos para asegurarte de que todo se vea bien. Es casi como la versión de hoy en día de voltear papeles. Cuando la animación aún estaba en papel, tendrían que voltear entre diferentes papeles, que básicamente eran solo marcos. Te metes en un hábito de voltear lo cual es algo bueno. Ayuda a entrenar tu ojo para rastrear el movimiento opuesto a simplemente confiar en el Onionskin. O sea, ambos son geniales, pero a veces es agradable ver cosas sin los dibujos anteriores y los siguientes dibujos. De todos modos, al siguiente dibujo. Copiaremos eso y lo pegaremos y lo pondremos encima, debería haber bueno. Va a una velocidad consistente en la parte superior del arco, que es lo que quieres. Eso se ve muy bien. Ya que está saliendo del tiempo de espera, va a empezar a ir un poco más rápido y lo vamos a copiar, y como está saliendo del tiempo de espera y va más rápido, tenemos que estirar un poco y se va a espaciar un poco más lejos de lo que los últimos dibujos fueron sólo para demostrar que va más rápido. Ya que no va tan rápido como lo fue en el primer arco, no se va a estirar tanto como salía del primer arco. Como puedes ver, ahí está bastante estirado y aplastado, pero para aquí, no necesita ser tanto porque no va tan rápido. Vamos a copiar eso y pegarlo. Para este dibujo, obviamente va a estar espaciado un poco más lejos que el anterior y se va a estirar un poco, y cuando lo estés estirando y asegúrate de que esté siguiendo el dibujo desde antes, en la misma dirección. Es bueno sesgarlo un poco, no quieres tenerlo sesgado así porque se va a salir del arco. Es bueno alinearlo. Ver el camino de la acción, tener un ir directo por el medio, y esa es una buena manera rastrearlo y asegurarse de que todo se mueva en bonitos arcos. Esto será igual que el último dibujo de squash, pero no será tan aplastado. Ahora juguemos y veamos cómo se ve eso. Eso en realidad se ve bastante bien. Ahora, pasemos al siguiente. Vamos a mover eso ahí mismo. Ese es el final de la línea de tiempo en el fotograma 50. El siguiente, estará saliendo del dibujo de squash. 6. Bola de rebotar: parte 3 de 3: Entonces lo vamos a sesgar en la dirección en la que va a estar entrando y luego levantarlo un poco por encima del suelo. Ahí vamos. Está bien. En realidad se ve un poco pequeño saliendo. Entonces vamos a aumentar el tamaño. Por lo que mantenemos presionado Shift y vamos a la esquina del cuadro limitador aquí y solo lo hacemos un poco más grande. Sí, ahí vamos. Eso es más parecido. Está bien. Por lo que casi se hace. Ahora tenemos que hacer el siguiente dibujo. Entonces vamos a estar colgando el tiempo. Para este dibujo, ya que acaba de rebotar del suelo, se va a ir fastidioso. Es como el ensayo y el error. Tienes que fregar a través de él un par de veces para asegurarte de que se vea bien en términos de espaciado, y esto. En realidad, voy a rotarlo un poco. También voy a cambiar la forma del mismo porque es exactamente lo mismo que el último dibujo y necesita cambiar las formas. Cada dibujo se tiene que ser ligeramente diferente. A menos que estés en el momento de colgar, entonces va a ser básicamente lo mismo, pero al entrar en ello, hay mucho cambio. Entonces sí, si se ve exactamente igual, va a mirar hacia fuera. Va a parecer estático. Aunque se esté moviendo, va a parecer extraño. Está bien. Eso se ve bastante bien. Está bien. En realidad estamos casi terminados. Necesitamos unos tres dibujos más, y luego terminamos. Entonces como básicamente está casi arriba de su arco, va a estar de vuelta a su tamaño y forma normales. Está bien. Entonces debería ser eso. En realidad voy a extender la línea de tiempo por un par de fotogramas ya que el último dibujo va a la mitad del cuadro. Para que veas que es bueno tener un poco de espacio. No el espacio, pero es bueno tener un descanso y resuelve el dibujo de la animación mostrando que no salió de la pantalla. Entonces le daremos a eso una obra de teatro y veremos. Incluso si lo extiendes otros dos cuadros, por lo que es a cuatro cuadros, y en realidad extendemos el plano de tierra porque lo necesitas así. Entonces esa es la pelota que rebota. 7. Cómo exportar tu animación: Oye. Tengo un último video para ustedes chicos. Para poder exportar tu animación, vas a necesitar un fondo. Actualmente, no tiene antecedentes. Si exportaras esta animación, simplemente sería todo negro. Vas a querer ir al letrero pequeño plus por aquí y sostenerlo y golpear “Tarjeta de color”. Ahora tienes un fondo blanco. Pero si quieres cambiar el color, vas a querer entrar en tu vista de nodo. Si no está abierto, si se ve así, basta con golpear la flecha pequeña del lado derecho de la pantalla. Vas a querer golpear ese pequeño cuadrado amarillo donde dice el color actual en el nodo de la tarjeta de color. Para cambiar el color, toque dos veces el rectángulo blanco largo. Tienes todos los colores que puedes elegir. Si no se ve así, se verá así cuando lo abras por primera vez. Para obtener los otros colores, pulsa “Modo Rueda Múltiple”, ahí tienes. Ahora vamos a ir a Archivo, a Exportar a Película, luego, en el menú desplegable superior donde dice película QuickTime, vas a querer golpear “H.264", luego para el “Archivo de salida”, guárdalo donde tú necesidad de hacerlo. Vamos a pegarle a “Ok”. 8. ¡Conclusión!: Entonces, gracias por ver, y asegúrate de subir tu animación de balón rebotante a la galería de estudiantes y espero que hayas disfrutado de esta clase. Manténgase atentos para la siguiente lección.