Transcripciones
1. Introducción: Lo que más me gusta de la animación, es cómo captura y transmite fácilmente el estado de ánimo. Hay tantas dimensiones para ello. Hay mayores posibilidades de que toque uno de los sentidos del televidente. Porque un estado de ánimo no sólo está en las formas y el color, sino que se intensifica con el audio y por supuesto, el movimiento. Hola, soy Hannah, una animadora freelance y diseñadora gráfica con sede en Suecia. Esta clase es todo sobre animación y expresión. Te voy a mostrar algunas herramientas y
técnicas diferentes que utilizo para hacer esta animación de luz de barrido. Voy a pasar por todos los pasos para hacer la sombra en movimiento y
te mostraré los efectos que l uso que le dan un look más textual. ¿ En qué se va a enfocar esta clase es en cómo se puede animar 2D sombra, proyectarla por una luz en movimiento? No hay una respuesta correcta a esta pregunta. Todo depende del estilo que vayas por. Un método popular es agregar una máscara con un tercer borde a tus capas de forma y después de efectos. Pero si la forma a la que estoy agregando sombra es realmente compleja, a veces anhelo la libertad que me dan las herramientas de dibujo. Donde puedes usar tu bolígrafo para dibujar de forma más intuitiva tu sombra. Animación de capas de formas, y en este caso, usar After Effects es ideal para algunas tareas, y la animación fotograma por fotograma con Flash, Animate o Photoshop es forma para algunas otras tareas. Es por eso que esta clase te llevará a través de cómo combinar estas herramientas para que puedas trabajar con más fluidez, sin comprometer el diseño, y finalmente crea una animación expresiva. Esta clase es perfecta para cualquiera que ya conozca un poco de After Effects y que quiera explorar alguna animación fotograma por fotograma. También, para cualquiera que quiera aprender un poco de ambos mundos, algunos cuadro a cuadro y algunos After Effects, y cómo producir dos artesanías juntas. Al final de esta clase, tendrás nuevos insights a la hora de ejecutar cierto diseño, y podrás crear animaciones 2D
únicas combinando diferentes técnicas. Te veré en clase.
2. Proyecto de la clase: Para comenzar esta clase, quiero que ilustren a un personaje colocado en un entorno de su elección. Cosas a considerar al hacer esto es, ¿qué quieres que suceda en tu escena y qué historia quieres contar? La animación siempre es una inversión de tiempo así que asegúrate de
hacer algo en lo que estarás feliz trabajando un rato. Piensa en cuál es tu fuente de luz. ¿ Va a ser en la escena, vienen de fuera de tu escena y qué se moverá? Todo esto depende de ti. El único requisito es que tu personaje tenga una forma que arrojará un tono desigual. Porque si tu personaje es una esfera simple, sería mucho más conveniente animar a este despues de efectos. Todo el punto de esta clase es resolver el problema de sombra cuando tu personaje tiene algunos baches y defectos animando en cuadro por fotograma para que quieras resolver el problema con Animate o cualquier software de animación 2D que tenga un dibujo herramienta. Para finalizar tu proyecto de clase, animarás fotograma por fotograma la luz que barre a través de tu personaje. Te mostraré mi proceso en Animate paso a paso para hacer esta animación. Después importarás esta animación a After Effects y lo colocarás en tu escena. Si tienes un fondo, este es el momento de componerlo sobre los gráficos. Si se adapta a tu escena, agregarás una sombra debajo del personaje y animarás con los efectos Roughen bordes. Después agregarás un poco de textura agradable a tu sombra por track madding en efecto Scribble. Darás al fondo más profundidad con los Gradientes y el efecto Acción de bola CC. la última lección, aprenderás a exportar tu animación en un buen formato para compartirla en redes sociales como Instagram, y asegúrate de subir tu trabajo o una obra en curso a tu carpeta de proyecto de estudiante aquí en Skillshare, donde yo y compañeros de estudio podemos darles retroalimentación sobre el proyecto. El encargo principal es animar un bonito tono en tu personaje. Pero eso es por lo menos lo que tarda más en hacer. Pero si prefieres centrarte en la última parte de la lección y te vuelves loco con algunos efectos y After Effects, eso también está bien. Te veré en la primera lección.
3. Conceptos básicos de Animate: En esta lección y la siguiente, te
voy a llevar a través de algunas cosas fundamentales que necesitas conocer y animar, para seguir mi proceso en esta clase. Puedes saltarte las dos primeras lecciones si ya estás familiarizado con el software o si estás usando cualquier otro programa que te permita animar fotograma por fotograma. En esta lección, voy a hacer una animación simple y no va a quedar muy bonita. Te animo a enfocarte en el cómo y no tanto en cómo lucen mis dibujos. Ahora, he abierto animate y vamos a crear un proyecto. Los ajustes de formato son buenos. Si deseas tener un formato diferente en tu render, siempre
puedes cambiar las dimensiones más adelante en el proceso. Full HD es un buen punto de partida. El único ajuste que voy a cambiar es la velocidad de fotogramas. Voy a cambiar eso a 24, que es común para una animación tradicional. Te mostraré por qué 24 fotogramas por segundo es una buena tasa cuando veamos la línea de tiempo. Presionaré “Crear”. Aquí estamos. Esta es una línea de tiempo y esta es la barra de herramientas, y aquí está el escenario. Puedes ir aquí para hacer zoom o usar el atajo Z y Click para acercar y Alt Click para alejar. Este es un marco y el resto de la línea de tiempo está vacío en este momento. Este marco es 24 de segundo, por lo que para crear más fotogramas, presionas “F5" en el teclado, y aquí está el cabezal de reproducción. Empecemos dibujando algo. Escogeré la herramienta de pincel, que se ve así. Tengo seleccionada la presión de la pluma, pero no me meteré con estos otros botones para esta clase, y puedes cambiar el tamaño del pincel aquí mismo, pero dejaré eso a las 12 por ahora. Realmente no importa para este ejercicio. Veamos uno de los valores y la animación a 24 fotogramas por segundo. Tengamos un punto que se mueva de aquí rápidamente hacia aquí. A lo mejor no en línea recta, en cambio con esta trayectoria de arco. Controlaré Z esto y mantendré el primero arriba. Volviendo a la línea de tiempo, usaré la clave de periodo para avanzar dos fotogramas. La tecla de coma retrocede, y presionaré “F7" en el teclado para crear un nuevo fotograma clave vacío. El punto ya no se muestra porque sólo está en el primer fotograma clave. Si enciendo la piel de cebolla, puedo ver el fotograma clave anterior con capacidad similar. Esta es una característica realmente útil a la hora de animar fotograma por fotograma. Empezaré la animación con este punto reuniendo algo de energía. Va a retroceder un poco antes de disparar. A esto también se le llama anticipación. Después avanza dos fotogramas. Presiona “F7" y ensancha la piel de cebolla para que podamos ver los dos marcos anteriores. Dibujaré un arco para la trayectoria de movimiento. Presione periodo “F7", y hagámoslo aterrizar aquí. Adelante F7 y dibuja los puntos ligeramente por encima de la flexibilización en este empuje. Adelante, dos marcos, F7, voy a ensanchar la piel de cebolla para ver el primer punto, y luego puedo dibujar el segundo arco que lleva el punto de vuelta a su posición original. Por suerte eso fue realmente preciso. Ya terminamos. Podemos dejar esto y tocarlo como un bucle. Voy a eliminar estos fotogramas extra presionando “Shift F5". Vamos a bucle esto con el botón justo aquí. Presionemos “Play” y veamos cómo es. No es una animación hermosa, pero se ve bien. El punto va de ida y vuelta, y aquí es donde veremos la diferencia de animar en dos en comparación con el de uno. Esto es animar en dos y se ve
igual que si estuviéramos animando a 12 fotogramas por segundo. Si bien la línea de tiempo está establecida en 24 fotogramas por segundo, lo que hace es que nos permite acelerar esta parte. Dejarlo tal como está, podría tener un campo entrecortado, porque el arco está ilustrando un movimiento realmente rápido, y sería bueno que se animara más a la perfección. Para que el movimiento se sienta más suave, podríamos eliminar uno de los fotogramas y animar el arco en un solo fotograma clave. Haría que la parte media se viera dos veces más rápida como esto. Esto podría no reproducirse bien, y los proyectiles de pantalla por más finos que parecen bastante naturales si lo comparamos con antes. Solo por contraste, intentemos agregar fotogramas, por lo que cada arco se anima en tres fotogramas. Ves esto luce menos natural y entrecortado. Es por eso que animar a 24 fotogramas por segundo tiene sus ventajas, ya que permite combinar fotogramas de claves individuales para las acciones realmente rápidas, con doble fotogramas de claves fueron un flujo de trabajo más eficiente. Una característica más importante que usaremos para nuestra animación de sombra es el atajo F6. Crea un nuevo fotograma clave y mantiene el contenido de lo que fuera en el fotograma clave anterior. Ahora este fotograma clave es una copia del fotograma clave anterior, y puedo agregar o reducir contenido de él. Borraré algunos de este arco, que puedes hacer con esta herramienta de selección también. Ahora esta línea se mantiene casi la misma que la anterior,
pero se está haciendo más corta. Esto es lo que debes recordar de esta clase. Agrega fotogramas con F5, agrega fotogramas clave con F6 y agrega fotogramas clave vacíos con F7. Eliminar fotogramas de la misma manera, pero manteniendo pulsado el turno al mismo tiempo. Visualiza múltiples fotogramas con piel de cebolla encendida, desplácese hacia atrás y adelante en la línea de tiempo con un punto y la clave de coma. Eso es todo por esta lección, y espero que te sientas más como en casa con animate. Ahora, vamos a importar y preparar nuestra ilustración.
4. Prepara tu obra de arte: En esta lección, voy a preparar una organizada esa ilustración para la animación. Voy a recolorear una edición de bits y piezas. Entonces crearé una silueta basada en los personajes con forma para usar para la sombra. Entonces esto no es una lección de cómo dibujar un animates, solo el poco pasa por cómo se comportan los gráficos y el software. Dibujé mi personaje en Illustrator y eso funciona bien para importar a animates. Todo lo que necesitas hacer es arrastrarlo
al escenario y un poco seguir siendo una forma vectorial si quieres, obtienes algunas opciones aquí. Evitaría importarlo
como imagen de mapa de bits ya que tenía algunos toques finales quiero hacer aquí un animate. También porque voy a crear una plantilla para la sombra basada en la silueta del personaje. Tenerlo como objetos vectoriales ajustables va a hacer que eso sea mucho más fácil. Por supuesto, podrías dibujar tu ilustración y recta y animar en su lugar y salta la parte importadora o puedes trazar sobre una imagen dibujada a mano. Hay un montón de buenos tutoriales sobre cómo dibujar y anima o flash si quieres. Ya que no voy a estar animando ningún movimiento de personajes, podría haber importado esa ilustración y cualquier formato de archivo. Pero entonces tendría que trazar la silueta a mano y eso llevaría más tiempo del que vamos a hacer ahora. Ahora, he notado que el pelo del personaje es negro, y quiero cambiarlo para que se muestren los reflejos y el cabello animando la sombra. Entonces voy a cambiarlo a un color más claro, tal vez Brown. Como se puede ver, hay un cuadro delimitador alrededor de la forma. Eso significa que esto se establece como su propio símbolo, similar a una comp en After Effects. Si hago doble clic, entraré el símbolo y se puede ver que hay algunas capas y aquí, ocultando algunos gráficos los cuales se revelan. Si desbloqueas estas capas, no
haré nada aquí. Si hago doble clic en el escenario, volveré a la escena principal. Voy a hacer clic derecho y elijo romper. Eso quita la propiedad del símbolo y eliminaré este cuadro delimitador rojo. En cambio, la ilustración se divide en diferentes objetos y esto está bien. Ahora, puedo hacer doble clic en las diferentes partes y hacer los cambios que quiero. Entonces para cambiar el color del cabello, haré doble clic en el cabello y bajaré a la selección de colores y elegiré un color rojizo oxidado. Observe que mi selección aquí es sólo un relleno. Por lo que los trazos hechos un ilustrador son objetos separados. Y pronto verás que ya no son trazos, pero las formas rellenas lo prestan. Ahora, quiero que el pelo de atrás tenga el mismo tipo de trazo que el resto del personaje. Por lo que me aseguraré de que el color del trazo esté configurado en negro y use la herramienta de botella de tinta para colocar ese color en el borde del cabello. Fue pura suerte que el trazo con coincidió con el resto de los trazos. No lo era ya, yo pondría el ancho por aquí. No quiero que estas líneas cruzan justo aquí. Entonces trataré de corregir esto. Voy a hacer doble clic en esta forma y seleccionando la herramienta Eraser e en tu teclado. Si bien quita con cuidado esta línea, e iré al otro lado y, y borraré esta línea también. Con la herramienta de selección directa, puedo intentar refinar un poco esta línea ajustando sus puntos de anclaje y animando. Se pueden eliminar puntos de anclaje sin romper la forma. Borraré esta parte del objeto detrás que se está mostrando a través de un poco. Puedes ajustar la forma con la herramienta de selección B en tu teclado solo moviendo el cursor cerca del borde, puedo arrastrar hacia fuera y curvar, eso es solo para llenar ese hueco. Podría haber algunos pequeños ajustes, pero creo que tienes una buena visión general sobre cómo editar tu ilustración basada en vectores y animar. Por último, para esta lección, voy a hacer que se llene de silueta. Esa será la base para nosotros al animar la sombra. Este paso es para cualquiera que tenga planeado hacer una animación con mucha sombra como la mía, donde la sombra pasará de cubrir todo
el personaje a revelar un poco de luz. Voy a hacer esto duplicando la capa, lo que me da dos ilustraciones y bloquear la capa original y hacer la copia en una silueta negra. Seleccione todas las formas, haga clic con el botón derecho y separe y coloree la nueva forma a un negro. Recuerda, creamos un trazo para el cabello. Simplemente eliminaré esos chistes porque quiero que la silueta sea una forma sólida. Ahora, deberías tener dos capas. Uno que contenía tu ilustración original, y otro que era la copia rellena, aspecto de siluetas negras. Entonces estamos listos para la siguiente lección, donde vamos a planear que la luz Tara los moverá escena.
5. Planifica el movimiento: Ahora es el momento de crear algunas guías y bocetos que no se mostrarán en el render final. Solo para que tu iluminación y sombreado se sientan naturales barriendo por tu escena. Si te saltas las lecciones anteriores, solo asegúrate de tener tu ilustración y las siluetas llenas de esa ilustración en dos capas separadas y animas. En primer lugar, voy a nombrar estas capas. Haga doble clic en el nombre de la capa, y voy a nombrar a esta chica, y esta sombra. Vamos a crear una nueva capa. Ahora, voy a planear la fuente de luz, qué dirección viene la luz, y el tiempo y la velocidad en que viajará la luz. Haré esto con la herramienta de pincel, y quiero un color que simboliza la luz. Escogeré una naranja. Algo bonito de animates es que te
permite tener múltiples proyectos abiertos al mismo tiempo. Iré a esta pestaña aquí y entraré al proyecto terminado. Me estoy desplazando por la línea de tiempo para que veas lo que estoy planeando animar. Voy a hacer que la sombra haga esto. Viene luz desde la esquina izquierda, viajando hasta la parte superior y desapareciendo en la esquina derecha. Volveré a mi trabajo en curso. La luz irá algo así. Esquema se encendió por alguna razón, sólo
voy a cambiar eso aquí. Crearé una nueva capa y la llamaré fuente de luz. No puedes usar espacio en tus nombres y animar, presionaré guión bajo en su lugar. Usaré un pincel pequeño para estos tres puntos, es bueno. Pondré aquí la primera fuente de luz. Estoy dibujando el haz de luz, por lo que cubren su personaje yendo desde el borde superior hasta el borde inferior. Pondré unas líneas entre ahí. Yo quiero que la luz vaya a la cima, en aproximadamente un segundo y abajo a la esquina derecha en aproximadamente un segundo. Ampliaré el tiempo aquí hasta dos segundos con el F5. Haga clic y arrastre, y puede seleccionar varios fotogramas a la vez. He creado un marco clave vacío. Asegúrate de que la piel de cebolla muestre el fotograma anterior, y empezaré a dibujar la fuente de luz cuando esté en la parte superior. Se puede hacer una línea recta manteniendo presionado el turno. Esto no está realmente alineado con un personaje, lo
moveré un poco a la izquierda. Voy a dibujar dos posiciones clave más para la fuente de luz a un costado. Haré un marco clave vacío y solo seleccionaré la capa debajo y planearé esto un poco. Pongamos uno ahí y uno ahí, y eso se extendió bastante uniformemente. Voy a bloquear esta capa, estoy dibujando mi luz como si viniera de un punto o un punto pequeño que tal vez quieras que la tuya venga de un área más grande, o de más lejos esparciendo la luz en un ángulo más recto, haz esto a tu manera. Esta es solo una forma de prepararte para animar con una luz imaginaria. Ahora, he terminado un lado y puedo copiar y pegar los bocetos ligeros al otro lado. Para ello, selecciona el fotograma que te gustaría copiar en la línea de tiempo. Puedes arrastrarlo hasta donde quieras. Ahora necesito voltear esto haciendo clic derecho en el dibujo y seleccionando “Transformar” y voltear horizontal. Estoy sosteniendo el turno hacia abajo para moverlo en una línea horizontal recta, y lo colocaré para que las líneas coincidan con el personaje. puede ignorar la guía porque de todos modos ni siquiera es muy precisa, incluso la
esconderé a partir de ahora. Ahora puedes hacer lo mismo por el resto de las posiciones clave a un costado. Ahora tenemos todas las posiciones clave de la fuente de luz. Quiero extender estos fotogramas clave de manera uniforme porque la luz se moverá en un movimiento lineal y la luz comenzará a mostrar dos fotogramas clave, y así 1,2,3,4,5,6,7,8. Tengamos ocho fotogramas por cada posición de luz. Empujar estos un poco moverlos alrededor para que cada marco clave sostenga para ocho cuadros. Veo aquí tendré que ampliar un poco la línea de tiempo para todas las capas. El animación será poco más de dos segundos, lo cual no es problema. Ahora están todos parejos y tengo una buena guía de fuente de luz para los principales fotogramas clave de la animación de sombra. Simplemente ampliaré estos, y a partir de ahora puedo eliminar esta capa guía. Ahora, me aseguraré de que estos estén bloqueados y ocultaré la capa de sombra, para que podamos ver al personaje, y crearé una nueva capa. Otra cosa que puedes hacer que es útil para conseguir la sombra correcta, es conocer la forma y el volumen de tus personajes. Selecciona de nuevo la herramienta de pincel y elige cualquier color y piensa en cómo se forma tu forma. Podría haber algunos detalles que ya se ilustran. Podrían tener un impacto en cómo se comportará la sombra. Para mi personaje, la luz probablemente
resaltará sus huesos del cuello antes de tocar el resto de su pecho. Empezaré a dibujar una malla para que la forma tenga sentido en 3D. No necesitas ser demasiado exigente aquí. Simplemente haz líneas que creas que podrían ayudar como guía. Quizás hacer líneas como esta que enfatizen que los brazos sean cilindros te ayudará a conseguir la forma correcta. Ahora, tengo el tiempo adecuado para el movimiento de la luz con siete posiciones clave, y tengo el ángulo recto, así que sé de dónde viene la luz y tengo una buena comprensión de la forma y el volumen de los personajes. Eso significa que estamos listos para animar la silueta negra a un tono en movimiento.
6. Animación de la pose a la pose: Ahora que tengo algunas posiciones diferentes de una luz, estoy listo para dibujar la sombra en esos fotogramas clave. Estaremos animando en lo que se llama posar en lugar de seguir recto. Descomponer el proceso de animación en diferentes posiciones clave, significa que tenemos más control sobre el ritmo y el tiempo. Las poses en este caso significa las diferentes fases de la luz. Ahora tenemos nuestras guías y los volúmenes bosquejan. No miraré mucho el boceto de volumen, así que lo esconderé por ahora, y bloquearé todas las capas, pero la capa de sombra. Vamos a animar la sombra mediante el uso de la herramienta de borrador, y borrar partes de la forma del campo, como dibujar cama en reversa. Empezaremos dos fotogramas en, teniendo los primeros fotogramas completamente en sombra, presionaré F6 para hacer un nuevo fotograma clave-y dibujar la luz que viene de un lado. La luz no será muy fuerte en este punto, como el sol cuando sale. No revelaré mucho del personaje ahí mismo. Entonces saltaré unos fotogramas clave por delante para que lleguemos al punto superior, más bien imaginemos que la luz sea la más fuerte. He hecho de esto una tarea bastante difícil ya que no puedo ver al personaje debajo. Haré clic derecho en la capa e iré a propiedad, y lo hago para cambiar la opacidad de la capa para que podamos ver el dibujo original. El cabello tendrá muchos reflejos en este punto y la frente también. Pero mantendré una sombra debajo de la línea del cabello. Ya que he diseñado la cabeza, como una esfera, tendrá algo de sombra en la parte inferior, y ojos también, y la nariz arrojará una sombra recta hacia abajo en línea con los rayos de luz. Ahora borré un poco demasiado, así que seleccionaré la herramienta de pincel y me aseguraré de
que esté ajustada al mismo color que la capa de sombra. Añadiré algo de sombra dibujándolo con la herramienta de pincel, de la manera regular. El boceto que hicimos para el volumen viene bien
ahora, ahora que tenemos que ver la posición de las clavículas. Guardaré algo de sombra por aquí. Ahora llenaré el resto de los aspectos más destacados súper rápido. Ahora lo tenemos, la primera y la posición de la luz superior. Después de hacer esto, haz lo mismo para las dos posiciones de luz en el medio. Haré un keyframe con F6 y freestyle un poco. Asegúrate de mantenerte en línea con las líneas que dibujamos para la luz. Será difícil ver la piel de cebolla en este punto, ya que tenemos opacidad puesta ya. Además es una forma rellena. Pero eso realmente no importa por ahora, la piel de cebolla será más importante usar a la hora de hacer los in-entrebetweens. Ahora el boceto de volumen vuelve a ser útil, lo
encenderé para que veamos dónde están las clavículas una vez más, solo para mantenerlas en el mismo lugar a lo largo de la animación. Es así como resultaron las posiciones clave para que la luz subiera desde la izquierda y subiera hasta la cima. Ahora es el momento de volver a comprobar para que los reflejos encajen con los ángulos de la luz. Pararé aquí mismo para esta lección y continuaré con los entretejido para este lado en la siguiente lección. Entonces te mostraré lo que puedes hacer para ahorrar tiempo para el otro lado. Eso dijo que se hacen otros fotogramas clave principales, y es hora de dibujar en entreentretejido para que se anime de manera más sin problemas.
7. Intercalación y bucle: Es hora de los in-entreweens y esta es una parte bastante repetitiva del proceso. Ponte tus auriculares escucha tu podcast o álbum favorito y entra en el flujo de trabajo. Después de que terminemos con un lado del tono de los personajes, vamos a copiar y voltear esos marcos y ver cómo resulta eso. Empecemos. Esto es lo que tenemos hasta ahora. Si algo se ve loco en este punto. Este es el momento adecuado para cambiar eso ya que estos marcos clave serán la base para el resto de los dibujos. El guía de fuentes de luz no ayudará en esta etapa, por lo que se mantiene oculto. Volveré a hacer transparente esta capa. Ahora estableceremos un fotograma clave en medio de los fotogramas clave existentes y empezaremos a hacer la sombra desde esta posición media y hacia fuera. En el mundo de la animación, supongo que se podría llamar a esto un desglose o una posición de paso pero no
siento que sea realmente necesario nombrar los diferentes cuadros para los movimientos lineales que son así. Pero estamos en la etapa de posición de paso. Ahora quiero usar la piel de cebolla para ver los fotogramas clave alrededor de este fotograma pero con tanta área llena, es difícil ver los diferentes dibujos. En cambio, usaré el siguiente botón a la izquierda llamado contornos de piel de cebolla. Entonces tendremos una vista ligeramente más clara de los contornos de esos dibujos ya realizados. Ahora de vuelta a la herramienta de borrador y empezaré a dibujar con el objetivo de hacer que los reflejos del borde exterior colocado justo entre las líneas reveladas con piel de cebolla. Haz lo mismo entre los siguientes dos fotogramas clave y así sucesivamente. Es posible que necesites volver a usar la herramienta de pincel. Establece los colores de la misma manera que la sombra. Dado que la sombra y los reflejos se moverán en diferentes ángulos, los resaltados no solo se expandirán uniformemente desde sus puntos centrales. Pero la mía necesita ser re-moldeada tanto agregando como restando. Esta fue la primera ronda de entretejido, en este caso, pasando posiciones. Siempre es bueno previsualizar tu trabajo después de cada ronda de dibujos para ver si se ve bien. Ahora llenaremos el resto de los vacíos. A los que podemos sin duda llamar in-entrebetweens, que es más o menos el mismo concepto otra vez, sólo que ahora la diferencia entre los cuadros anteriores y posteriores no es tan grande y tienes un margen más pequeño para dibujar. Ahora vamos a previsualizar esto y ponerlo en completamente opaco. La mitad está hecha y se ve bastante suave. Ahora voy a probar algo. Seleccionaré todos los fotogramas terminados y mantendré pulsada alt y los arrastraré hasta la segunda mitad de la línea de tiempo. He hecho una copia desplazándose por ahí se puede ver que esto parece que la luz acaba de empezar de nuevo. Necesito seleccionar todos los marcos copiados y hacer clic derecho y elegir marcos inversos. Ahora la luz va de arriba a abajo simplemente resaltando el lado izquierdo del personaje. Para que la luz recorra todo el camino, tendré que seleccionar todos los marcos copiados. Selecciona el botón Editar cuadros múltiples y asegúrate de que cubre todos los fotogramas. Haga clic derecho en el personaje y elija voltear horizontal. Ahora esto se ve un poco extraño, así que voy a unselect al botón de múltiples marcos. Ahora la luz va todo el camino desde abajo a la izquierda hasta la parte superior y abajo hacia el lado derecho, como la queremos. Lo que pasa ahora es que mis personajes no son simétricos. La segunda mitad del sombreado está equivocada en algunos lugares ya que está sentada entrecruzada y porque cómo he dibujado las narices aquí. Eso significa que tendré que repetir
nuevamente el proceso de animación o simplemente corregir todos los males en cada fotograma. Para un proceso más eficiente utilice un diseño que sea simétrico y espejado. No tienes que hacer la misma animación para ambos lados. Antes de hacer eso, haré unos fotogramas clave más para la parte media aquí, solo para que no parezca que los reflejos estén en modo congelado. En los encendedores fuera del punto más alto. Copié la Silueta del primer fotograma clave. Voy a redibujar el fotograma clave medio que hace un efecto hirviendo para la parte media. Eliminaré algunos fotogramas de aquí. Ahora entraré y corregiré la última mitad de la animación. No quieres ver esta parte. Simplemente voy a redibujar la cara, el
estómago y las piernas donde sea que realmente encajen con una simetría. Ahora se ve así. Ver no he sido coherente con las orejas y su forma. Sólo entraré y haré algunos retoques ahí. Ahora por fin, la parte fotograma por cuadro de esta clase está terminada y el resto se hará en After Effects. Empaquemos y pasemos ahí.
8. Pasar a AfterEffects: [ MÚSICA] Es hora de publicar esta animación en un bonito formato vectorial que sea compatible con After Effects. Ahora, agregué unos fotogramas al final para que el momento más oscuro se aguante poco más. Asegúrate de que ninguna capa tenga más marcos de los que deseas en tu exportación. Voy a exportar estas dos capas y las quiero como archivos separados. Por eso estoy escondiendo uno de ellos. Entonces voy a publicar Settings, y esto es lo que queremos publicar, un archivo SWF. calidad JPEG se puede establecer en su más alto. El valor predeterminado es 80, y eso comprimirá el archivo a un tamaño más pequeño, así que haz lo que te convenga. Entonces abriré la ubicación del archivo y lo guardaré en mi escritorio. Voy a nombrarlo algo que tenga sentido por lo que es fácil para mí
encontrarlo más tarde, y golpear Publish. Entonces es hora de ocultar esa capa y ver la capa de sombra y volver a entrar en lo mismo. Olvidé decir que necesitas asegurarte de que el Incluir Capas Ocultas esté desmarcado. No queremos ver los bocetos ligeros en la exportación. Voy a nombrar a esto otra cosa para que no reemplace al otro. Es hora de abrir After Effects. Esta app se ve un poco diferente. Vaya al panel Proyecto y haga clic con el botón derecho y elija Importar. Ahora navega a tus archivos. Seleccionaré ambos e importaré. Si los arrastras a ambos sobre este icono, crearás una nueva composición con ambos gráficos en capas separadas. Haré una sola comp y me aseguraré de que las capas de Secuencia estén desmarcadas. Ahora las capas están en el orden equivocado, así que necesito arrastrar las superiores hasta la parte inferior. Presione la barra espaciadora para obtener una vista previa de la animación. Ahora tenemos un fondo bonito y transparente. Si presionas Control o Comando K, abrirás los ajustes de Composición. Solo quiero asegurarme de que la velocidad de fotogramas esté fijada en 24 ya que hemos estado usando esa velocidad de fotogramas. Ahora ya sabes trabajar entre animate y After Effects. Ahora, estamos listos para animar el resto. Te explicaré por qué he optado por proceder en After Effects en la siguiente lección.
9. Movimiento en After Effects: Ahora en After Effects, montaré una escena sencilla y animaré la posición del personaje y la sombra que se mueve debajo de ella. Se pueden animar cosas como la posición y anima también. Puedes hacer todo en ambos programas pero encuentro fotograma por fotograma excelente para morfiscar formas, como un tono en reflejos y After Effects es mucho más potente para controlar tus curvas de movimiento y agregar estilo y efectos. El panel de línea de tiempo está seleccionado y puedo abrir los ajustes de com con “Control K”. Simplemente voy a cambiar la relación de aspecto a cuadrado, un buen tamaño para las redes sociales. Podría hacer esto más tarde antes de renderizar también. Yo quiero que estas dos capas sean parentadas. Ahora si muevo uno, el otro no va a seguir. Necesito hacer clic en el botón llamado el látigo de pick y arrastrarlo a la capa que quiero parentado. Ahora si muevo esa capa, esa otra sigue automáticamente. Yo quiero un bonito cielo azul de fondo. Haré eso creando un sólido, haciendo clic derecho y seleccionándolo aquí. Elige el color que quieras y cámbialo a fondo. Entonces quiero hacer un terreno. Podría hacerlo de la misma manera o ir y hacerlo con la herramienta de rectángulo. Podemos cambiar el relleno aquí mismo. Esto está bien por ahora, tal vez cambiaré los colores más adelante
haciendo clic en la capa y presionando “Enter”, puedo renombrarlo. Voy a añadir un efecto al suelo. Haces esto yendo aquí y buscamos unos bordes rugosos. Haga doble clic en el efecto siempre y cuando se seleccione la capa correcta y los valores de efectos que mostraremos en este panel justo aquí. Voy a cambiar el borde a 28, la nitidez del borde a 112, que estoy haciendo con flecha arriba y la escala a 440. Ahora se puede ver que la forma es más orgánica y desigual. Arrastraré esta capa hacia abajo. Ahora voy a animar la posición del personaje. Seleccionaré la capa de padres y presionaré “P” que revelará los valores de las posiciones. Presiona el cronómetro y has creado un nuevo fotograma clave. Adelante a la mitad de la línea de tiempo y o bien cambia aquí
la posición del personaje haciendo clic y arrastrando. Voy a deshacer. También puedes arrastrar el gráfico en la ventana del escenario. De cualquier manera, crearemos automáticamente un nuevo fotograma clave. Ahora ve al final y selecciona el primer fotograma clave y copia y pega eso a la posición actual. Ella se mueve hacia arriba y hacia abajo y hace bucles. Yo quiero ablandar su movimiento. Usaré fácilmente estos fotogramas clave. Simplemente selecciónelos todos y presione F9 y eso
hace que la cámara se entere y se desacelere del fotograma clave. Ahora quiero que esto se mueva aún más despacio. Voy a abrir
nuevamente los ajustes de composición y establecer la duración en tres segundos. Ahora puedes ampliar un poco la línea de tiempo desmarcando estos botones aquí mismo. Ahora hay espacio vacío al final y necesitamos expandir las capas. Las capas de caracteres tienen un tiempo fijo de nuestra exportación. Necesito hacer clic derecho en la capa e ir al tiempo y elegir congelar mantener en último fotograma. Después llena toda la línea de tiempo. Simplemente seleccione las capas de fondo, mantenga pulsada la tecla Mayús para seleccionar ambas y arrástrelas por el borde hasta el final de la línea de tiempo. Ahora voy a seleccionar todos los fotogramas clave, mantenga presionado Alt y arrastre desde el último fotograma clave hacia fuera para cubrir toda la línea de tiempo. Eso ralentizará un poco toda la animación. Al verlo jugar, creo que estoy bastante contento con este movimiento. Si seleccionas todas las capas y haces clic en U todas se colapsarán y todo se ve más limpio. Ahora haré una sombra bajo el personaje con herramienta de elipse. Puedo crearlo justo en la mesa de trabajo con el cursor o hacer doble clic el botón y hará una elipse centrada que podrás remodelar tirando de los bordes. Simplemente cambiaré el color a negro. Pondré nombre a esta sombra y la colocaré más abajo en las capas. El punto de anclaje se establece en el centro de una mesa de trabajo, por
lo que puedes centrarlo a la forma controlando haciendo clic en el lápiz detrás de la herramienta aquí mismo. Simplemente arrastraré esto un poco hacia abajo para volver a posicionarlo. Esto también animará. Buscaré el tiempo cuando la luz esté en su punto superior y crearé allí un fotograma clave, donde la sombra se colocará justo debajo de la persona. El siguiente fotograma clave se establecerá en el principio mismo para la animación de sombra. Voy a mover la sombra a la derecha. Entonces lo mismo para el lado izquierdo. Vamos a jugar a esto. En realidad no necesito un marco clave para el medio ya que solo está pasando esa parte pero no parece lastimar la moción ahora mismo, así que lo guardaré para esta lección. El último que quiero hacer por la sombra, es hacer que parezca que está barriendo sobre una superficie desigual, ya que hicimos el suelo un poco más rugoso. Estoy agregando un efecto líquido. Esta vez estoy arrastrando el efecto sobre la capa. Ahora estoy escondiendo las capas debajo para que podamos ver más claramente la sombra. Seleccionaré la herramienta de manchas, que funciona similar a la misma herramienta en Photoshop. Ahora dibujaré en algunos baches. Pero ahora que estamos trabajando con movimiento, no sólo manchará la forma sino que manchará la forma en ese punto o ese tiempo de la trayectoria de movimiento. Solo estoy dando clic y arrastrando para algunas curvas sutiles. Tendré que desplazarse por la línea de tiempo para manchar a lo largo de la trayectoria de movimiento. Vamos a jugar a esto. Ahí está se ve una sombra barriendo a través de una superficie desigual. La mayor parte del movimiento está hecho pero ¿qué tal un poco de estilo y detalles extra?
10. Efecto garabato: En las siguientes dos lecciones, voy a agregar algunos efectos a la animación para darle una sensación mucho y ser más agradable a la vista. Entonces, empecemos agregando una textura a la sombra. Empecemos con un efecto en la sombra del personaje. Crear un nuevo sólido. El color no importa, y le pondré el nombre textura. Acude a la herramienta de forma y arrástrela sobre el nuevo sólido, y hará una máscara que necesitamos para el efecto que vamos a estar usando en el efecto garabato. Ahora ve a la capa de sombra y asegúrate de ver el parámetro de mapa de pista. Si no lo puedes ver, puedes cambiar el modo aquí mismo en el botón de alternar. Ahora da click en la flecha y elige Estera invertida Alpha. El efecto sólo se muestra dentro de la forma. Se ve cómo le da un efecto de dibujo de cómic en el área sombreada. Voy a cambiar algunos de los valores sobre estos efectos para hacerlo más sutil. Simplemente puedo hacer clic en el número y cambiar el valor con la tecla arriba y abajo. Haré un trazo más pequeño y solo cambiaré el porcentaje de estos diferentes valores a lo que prefiera esta vez. No hay fórmula mágica. Eso todo tiene que ver con tu propio gusto o de lo contrario lo que creas que se ve bien. Veamos cómo se ve esto. Ahora voy a animar este efecto con el parámetro final. El efecto aparece y desaparece a medida que la luz se arrastra a través. Empezaré en cero, pincharé en el cronómetro para hacer una llave, luego muevo la cabeza de juego hasta donde está la luz en su punto superior y cambiarla a 100. Entonces aquí en el medio, voy a hacer un 100 por ciento de retención por unos números primes, luego ir al final y volver a ponerlo en cero. Ahora el efecto garabato no es visible cuando el personaje está completamente sombreado. Ahora un pequeño detalle. Yo quiero que el garabato cambie su ángulo en el punto medio. Por lo que necesito ir al valor del ángulo y pondré un marco clave en 60 grados. Entonces pondré un marco clave unos fotogramas hacia adelante y lo cambiaré a 120 grados. Esto hace que las líneas de garabatos sigan el mismo ángulo que la luz. Apenas se nota, pero me gusta el aspecto que tiene. Voy a colocar el mismo efecto a la sombra que se mueve por debajo del personaje. Puedo hacer eso copiando el efecto que acabamos de hacer y pegarlo en la capa de sombra. Asegúrate de que el cabezal de juego esté al principio de la línea de tiempo, luego ve a los efectos de garabatos y a la capa de textura. Copia el efecto con Control C y ve a la capa de sombras y pegarlo con Control V. El efecto no se puede ver a menos que esté en una máscara. Por lo que iré a la herramienta de forma, asegurarme de que la herramienta crear máscara esté marcada y que la máscara cubra la sombra. Ahora, esos son el efecto en el set. Es una máscara uno. Ahora el hecho es visible, pero no parece que lo queramos. Estoy cambiando el color a negro y desplazándome hacia abajo y eligiendo revelar imagen original. Ahora esta forma de colocar el efecto se invierte al último método, por lo que tenemos que cambiar los valores si quieres que se vea similar a la forma, textura. Lo hice de esta manera ahora solo para mostrarte que por lo general hay múltiples formas en las que podemos hacer y usar efectos y efectos posteriores. Veamos cómo resultó esto. A mí me gusta cómo se ve. Me gusta que se disuelva al salir de la escena como si los hilos se desenredan. Ahora ya terminamos de animar y texturizar la sombra, y pasaremos al fondo.
11. Toques finales: Por último para esa animación, vamos a darle un ajuste de nombre agregando algunas historias y moviendo la textura de fondos. Hice algunos pequeños cambios y el color de fondo. No importa eso, estoy empezando por crear un nuevo sólido. Esta va a ser la capa para los sólidos. Escogeré un color blanco. Le pondré nombre estrellas y pincharé “Ok”. Seleccione la capa y vaya a efectos. Busco una acción de balón CC. Ya descubrí qué valores quiero aquí. Yo, pondré la dispersión en 520 y el tamaño en ocho. Ahora colocaré esta capa detrás de la capa de suelo, así parece que las estrellas están en el cielo. Ahora quiero un efecto sobre estos efectos como un doble efecto. Haré un nuevo sólido y lo nombraré ruido fractal y añadiré efectos con ese mismo nombre a esta nueva capa. Esta capa va a ser un mapa para la capa estelar escondiéndose y mostrando el tamaño dependiendo del brillo del área. No sé si estoy siendo lo suficientemente claro como para que veas a lo que me refiero en un momento. Ya he decidido algunos valores que me van a dar la mirada que voy a buscar. En este caso ese es mi contraste. Escala un poco más grande y algunos más desenfoque. Ahora esto es sólo una imagen fija, pero quiero que se mueva. Voy a animar la evolución y mover la cabeza de juego al principio de la línea de tiempo y establecer un nuevo marco clave, después ir al final y escribir en tres ciclos. El ruido fractal se mueve, pero no está buceando a la perfección. Tablet hacer eso, necesito ir a las opciones de evolución y comprobar la evolución del ciclo. Ahora no se puede ver cuándo empieza y cuándo termina, lo cual es algo bueno. Bajar a la capa de almacenamiento y establecer la pista luma mate. Ahora se puede ver lo que hace. Hace brillar un poco las estrellas. Al duplicar estas dos capas, puedo hacer una bonita textura del cielo simplemente cambiando algunos valores y el efecto existente. Esta vez quiero que el cónyuge sea más denso. Este efecto es un poco impredecible. A lo mejor tengo que tener el valor de talla más alto, aunque no quiero que estos puntos aparezcan más grandes. Todos los parámetros se impactan entre sí? Tan solo prueba algunas cosas diferentes y ve qué funciona para ti. Quizás incluso redimensionar el sólido marcará una diferencia de tu gusto. Para asegurarme de que el movimiento se sienta más dinámico, me aseguraré de que el ruido fractal para esta capa sea diferente de la capa de efecto anterior. Tendré un menor contraste y lo escalaré aún más. Haré que se anime un poco más lento. Pondré la evolución a dos ciclos en lugar de tres. Ahora estoy feliz fue como se está jugando esto, y quiero que sea más suave y menos obvio, así que baje la opacidad. Quiero una versión aún más suave del efecto para mostrar en todo el fondo. Estoy duplicando estas capas, dejando las nuevas por encima de la capa de suelo. Volveré a cambiar algunos valores. El estrato de ruido fractal, estoy comprobando invertido, no sólo se suma al efecto anterior. Éste será aún más transparente. Es hora de que toda la escena se vuelva más clara y oscura en sincronía con la animación de sombra. Comience duplicando la capa de fondo, seleccionando la capa inferior y yendo a la configuración de la capa y haciéndola negra. En la capa de fondo azul, voy a cambiar la opacidad. Anima de muy transparente a menos transparente en medio de una animación. Estoy configurando el primer fotograma clave a 16, y luego iré a algún lugar por aquí y lo pondré en algo más alto, tal vez por encima de los 60. Entonces el último fotograma clave será 16 también. Al igual que el primero, así que en bucles, ahora haz algo similar con el suelo. Duplicarlo y renombrar la nueva capa a gradientes de tierra. Le estoy agregando una rampa de gradiente, aquí en el menú Efectos. Cambiando el color claro a un azul que encaja con nuestro visto, vaya al centro de la animación y haga clic en el cronómetro para el inicio de la rampa. Me acercaré el punto de partida al suelo para que el gradiente sea más visible. Presionaré el cronómetro para el final de la rampa dos. Estoy al principio y reposicionando los puntos de inicio y finales. Tienen sentido para la dirección de la luz. Necesito hacer lo mismo para el final de la animación. Al final estoy copiando y pegando el primer marco clave es para que todo bucles. No creo que esto se vea muy naturalmente todavía, voy a usar la misma transparencia animadora que para el fondo. Solo puedo copiar esos fotogramas clave y pegarlos en esta capa, o lo haré manualmente con valores un poco diferentes. Por último, agreguemos un toque final que
generalmente se usa en los efectos posteriores, el banding fijo. Si el gradiente parece parecer que tiene rayas de diferentes tonos en lugar de una suave transición gradual de color. Estoy agregando una nueva capa de ajuste de la misma forma que creas un nuevo sólido. Arrastraré esto hasta arriba, y voy a añadir unos efectos de ruido y establecer el valor en cinco. Puede que no se vea mucho aquí, pero se ve un poco más suave y un poco más verde también. Yo solo quiero que esto arregle el gradiente, así que lo arrastraré hacia abajo hasta arriba del suelo. Ahora la animación está hecha y todo lo que necesitamos hacer es exportar.
12. Exporta: Esta es una breve lección sobre cómo explotar el video. Empieza por ir a la pestaña de composición en el menú. Normalmente quiero exportar con Adobe Media Encoder porque te da más control sobre tus ajustes de exportación. Presionaré “Agregar” a Adobe Media Encoder Queue. Aquí dentro de Media Encoder, usualmente solo abro preajustes porque ahí dentro puedes cambiar prácticamente todo lo que sea relevante. Lo mantendré en H.264, esa es una compresión común para la animación. Normalmente no cambio esto, pero es importante saber dónde lo estás guardando. Entonces entra en Guardar como, ves aquí que Media Encoder crea una nueva carpeta Adobe Media Encoder, AME, donde pone los renders. Eso podría ahorrarte unos segundos, pero normalmente hago mi propia carpeta de render. Si quieres nuevas dimensiones en tu exportación, puedes cambiar eso aquí. Haré el Lienzo un poco más Rectángulo como barras ahora se muestran en el borde superior e inferior. Yo quiero quitar esto y luego voy a ir a escala de
origen y elegir escala para llenar. Te recomiendo reescalar así recta y After Effects para que no te arriesgues a perder calidad. Voy a ir y deshacer esta escala. Podría comprobar este botón, máxima calidad de render. Suena como algo que querrías comprobar, pero la verdad es que normalmente ralentiza tu tiempo de render y no marca una gran diferencia en la calidad. Lo revisé ahora porque es una tecnología que he escuchado en el video es corto, por lo que será renderizado rápido de todos modos. Ve al botón de reproducción verde y presiona, y ahora se está renderizando. Así fue como resultó. Ahora, tienes un video y un buen formato para subir a redes sociales y compartir aquí en tu carpeta de proyecto.
13. ¡Lo lograste!: Espero que esta clase te dé una clara comprensión de los diferentes usos de los animates en After Effects. y que estés más cómodo, e inspirado, y apareando sombra y detalles en tu propio trabajo. Hemos planeado el tiempo y el movimiento, animado cuadro por fotograma, y animado con capas de forma. Hemos agregado efectos y hay un montón de cosas importantes que esta clase no cubrió. Por lo que para educarte más allá de esta área, considera mirar en la fase conceptora de la animación como el storyboarding, y los 12 principios de la animación como el squash y el stretch. Hay una cantidad infinita de expresiones, efectos y características en estos softwares en los que profundizar. Espero que disfruten de esta clase y que llegue a ver tu proyecto de clase.
