Transcripciones
1. Introducción: Hola, me llamo Laurentiu Lunic y soy Motion Designer form Italy actualmente trabajando con Ilo. Estudio creativo enfocado a la Ilustración y Animación. Como autodidacta diseñadora de movimiento, pude escoger mi carrera a través de tutoriales en línea. Ahora me emociona compartir mis conocimientos para
ayudarte a ampliar aún más tus habilidades de diseño de movimiento. En esta clase, estaré compartiendo algunos consejos y trucos que han aprendido trabajando con hasta After Ethics diariamente durante los últimos cinco años. Vamos a aprender a animar banderas. Aprenderemos tres métodos diferentes en After Ethics que funcionarán con cualquier diseño de bandera que tengas. El cual incluye colores de logotipo o marca que quizá quieras animar para un cliente, así
como cualquier otra animación de bandera que tal vez quieras agregar a tu portafolio. La clase es amigable para principiantes con técnicas fáciles de seguir que se pondrán un poco más difíciles a medida que nos acercamos al tercer método. Si eres un ilustrador trabajando para agregar movimiento a tu trabajo o un animador principiante que quiere hacer crecer tu conjunto de habilidades, esta clase es para ti. Las habilidades que aprenderás en esta clase se pueden aplicar a la Ilustración y Animación de banderas, y también son increíblemente útiles para otros proyectos de animación. Estaría usando esta base a través de la mayor parte de nuestro viaje. Espero que estén listos y empecemos.
2. Descripción general de la clase: Hola a todos. Estamos listos para empezar. Yo sólo quería darte una visión rápida de lo que vamos a estar haciendo. Estas son nuestras tres salidas. método uno siendo el más fácil, siendo el método tres el ligeramente más avanzado. Dividí este curso en siete lecciones diferentes. El primero siendo ilustración en After Effects, y solo voy a estar mirando rápidamente por encima, y agregando textura, la cual te estaré mostrando mis métodos para agregar textura y grano y cosas así. Método de animación de banderas uno, dos,
y tres, y agregué una lección extra para el método tres, donde nos vamos a centrar en animar al pequeñito, y luego, para terminar las cosas, la forma de exportar cosas para diferentes medios sociales, como Instagram o Twitter, Tumblr, cosas así. Entonces ahora que sacamos esto del camino, podemos empezar a ilustrar un animado [inaudible].
3. Ilustración en After Effects: Ya estamos listos para empezar a ilustrar. Voy a hacer todo en After Effects. Si no estás ya en illustrator, quiero hacer todo en Illustrator, está bien. Primero nos vamos a centrar en el método uno. Crear una nueva composición, 180 por 180. Para esto solo tengo dos consejos, ir a ver, mostrar cuadrícula, ver de nuevo, snap to grid. Esto asegurará que realmente eres muy preciso en tu dibujo. Importe la paleta de colores que le estaremos brindando, y empecemos a dibujar nuestras formas. Yo sólo voy a ir muy rápido sobre cómo ilustro esto para que
puedas detener el video y echar un vistazo si no entiendes. Algo importante es hacer una nueva composición para la bandera. Sólo tienes la bandera en esta competencia vacía. Después comienza a dibujar cualquier forma que quieras que puedas agregar texto, logotipos o cualquier cosa que puedas desear. Estaré haciendo esto por dos formas de bandera más. Eso podría ser la forma de bandera dos y tres. Simplemente puedes duplicar los comps, y cambiar los diseños. Una vez que hayas terminado de ilustrar en las banderas, irás de nuevo a la comp principal y cambiarás el tamaño de las comps de bandera, y las posicionarás en consecuencia. Esta es la ilustración para el segundo método. Nuevamente, siguiendo el mismo principio, nueva comp y solo puedes empezar a dibujar tu palo. De nuevo, diseñas todo lo que quieras, siempre y cuando tengas un comp solo para la bandera. Lo que realmente estoy diseñando aquí, no va a llegar al corte final, sólo lo
estoy dejando aquí porque decidí dibujar una montaña. Eso lo verás en la siguiente lección. Para el método tres, va a ser un poco diferente, porque no vamos a tener una comp principal para nuestra bandera. Va a ser más una técnica fotograma por fotograma. Pero lo verás más adelante en la parte de animación. Algo importante que debes hacer es dibujar la bandera. En este método tres [inaudibles] para cambiarlo bastante cuando lo estamos animando. Así que solo asegúrate de tener algunos [inaudibles] de lo contrario puedes agregarlos más adelante. Ahora voy a dibujar al pequeñito, dibujar los ojos, las cejas, y luego refrescar tus rasgos, podría querer. Una vez que haya terminado de hacer un lado, debe seleccionarlos en, duplicar, crear un nuevo objeto nulo, y padre de las capas duplicadas al objeto nulo, y luego escalarlo negativo 100. Ahora podemos seguir adelante y reposicionar esas características. Voy a volver a escalar la fase dos. Sólo estoy dibujando una mano. Una vez que haya terminado, solo voy a duplicarlo y escalarlo negativamente. Esto es todo para la parte de ilustración. Como puedes ver, realmente no tengo mucho que decir para esto, solo usa show y snap to grid para un dibujo preciso. Algo muy importante es poner tu bandera en una comp vacía, dibujar tu bandera más grande para poder
redimensionarla más adelante en la comp principal para que no pierdas ninguna calidad, y usar nulos para voltear rápidamente características, esto va para faciales o incluso cosas de fondo que podría tener. Ahora podemos ir a la siguiente lección donde nos vamos a centrar en la texturización.
4. Texturing en After Effects: Vamos a muestrear. Es hora de agregar algo de textura a nuestras ilustraciones. Justo antes de empezar con la texturización para el método uno, quería mostrarles los dos métodos que vamos a estar usando, Noise and Dancing Dissolve. Empecemos duplicando el fondo verde y lo haremos a un color más oscuro, seleccionaremos la herramienta de lápiz y crearemos máscara de herramienta. Enmascara la parte de la forma que quieres ser más oscura enmascaramos alrededor de donde quieres que esté la sombra. Vamos a seguir adelante y añadir un poco de pluma al golpear “F” en el teclado, y cambiar el modo de mezcla a Dancing Dissolve. Adelante y ajusta la máscara, y aquí se trata de jugar con valores. Una vez que estés contento con él, duplica y cámbialo a un color más oscuro y juega. Después [inaudible] duplicarlo de nuevo. Aplica algo de ruido en este, jugando, afilando esto por una buena cantidad de resaltado. Establece [inaudible] aquí solo estoy arreglando el palo para que sea más redondo con el fin de agregar efecto en la bandera para duplicar la comp base y el campo y hacerlo de un color más oscuro. Tal enmascaramiento, ciertamente no multiplican el modo de mezcla y le agregan un bonito efecto. De nuevo, juega con la máscara para obtener el efecto que quieras. Otra forma de agregar texto a es crear por separado en una comp vacía usando el método sólido y luego ajustar la droga que puede comp y aplica en [inaudible], luego simplemente haces lo mismo para izquierda o derecha. Aquí vamos a ver rápidamente cómo hice el método dos. Yo sólo voy a parar más tarde para mostrarles cómo hice la distorsión en las nubes. puede ver que es sólo una aplicando las mismas técnicas. Seleccione la preforma para la capa de nubes, cree una capa de ajuste y la compensación óptica de juego. Ajusta los valores y la posición de las nubes, o simplemente copia los ajustes que tengo, y vas a ver este efecto [inaudible]. En esta parte me doy cuenta de que ya no tengo el edificio, así que rápidamente construyo una montaña y luego simplemente aplicando las mismas técnicas, sus formas y luego enmascarándolas. Después de que termine con todos los detalles de la montaña solo lo
voy a descomponer todo para poder enmascararlo todo y hacer que parezca una pequeña parte de este entorno. método tres es justamente las mismas técnicas que hemos visto antes. Tengo adherido a la ilustración en las capas de texturizado que puedes tener y abrirlas. Si encuentras que esta parte puede ser un poco de prisa, nos vamos a centrar principalmente en la clase de animación, así que está bien si voy un poco rápido ahora. Este es el final de la lección extrema. Hemos visto uno de estos, Sólo me aseguré de que cuando quieras enmascarar una capa de forma, tengas configurada correctamente al tener que crear máscaras que has seleccionado y para rematar, si estás usando bailando [inaudible] y también quieres ponerlo en el muro mezclador. Debes recomponerlo y animar tu textura en una columna separada. Se acabó la parte texturizada. A la siguiente parte vamos a empezar a animar. Si tienes alguna pregunta sobre los métodos de texturizado que utilicé, solo avísame. Nos vemos en la siguiente lección.
5. Método 1: animación de la bandera: En esta Lección 3, por fin vamos a empezar a animar usando el método 1. En esta comp principal sobre crear formas o banderas, entonces principalmente se va a enfocar en esta primera porque las otras van a ser la misma técnica. Empecemos entrando en la composición de la forma de bandera uno, cambiaré de tamaño para que tenga menos espacio alrededor,
luego crearé una capa de ajuste en la que aplicaré una urdimbre de onda. Busca los efectos y el banner preestablecido, como puedes ver nuestra bandera ya se está moviendo. No obstante, cada parte del mismo se está moviendo por lo que tendremos que arreglar eso. Para poder arreglar el lado izquierdo de la bandera, necesitamos alinearlo a la izquierda eso y en las opciones de warp de onda en el anclaje, eso es seleccionar borde izquierdo. De esa manera donde la bandera está conectada al palo, se va a mantener quieta. Como puedes ver nuestra onda warp tiene una velocidad de uno, eso significa que se va a repetir cada segundo. Sigamos adelante y hagamos nuestro sitio por un segundo. Te hacen pensar que estoy en el teclado tú decides el final a través. Si cambias la velocidad de onda a dos, significa que solo va a ciclo dos veces en el mismo segundo. Ya que hemos alineado esta bandera a la izquierda, necesitamos volver a posicionarla en la comp principal. Adelante y padre la bandera de textura a lo largo de la forma base, para que puedas moverlo todo junto. Al mantener el turno puedes asegurarte de que solo se mueva en un eje y después de que hayas terminado de reposicionarlo solo arregla la máscara de la capa texturizada. Ahora solo voy a arreglar un poco el ancho y la altura de la onda. Se trata de como lo que te gusta y el efecto que quieres darle, así que siéntete libre de jugar con los valores. Yo sólo voy a traer la velocidad de vuelta a uno porque fue un poco demasiado rápido y no creo que se pueda jugar al golf con ese viento. Básicamente estamos terminados con la animación en esto, vamos a aplicar el mismo efecto para una bandera dos. Creo que las próximas instrucciones serían más que suficientes para la parte final. Voy a seguir adelante y acelerar esta parte y una vez que termine con ella te llevaré por encima de un toque final. Ahora que tenemos todas las banderas animadas, un último toque que
normalmente me gusta agregar es el efecto de tiempo posterize. Adelante y haz una nueva capa de ajuste y en esta capa de ajuste aplica el efecto de tiempo posterize. Al establecer la velocidad de fotogramas en 12.5 nuestra animación solo va a contener cada dos fotogramas ya que nuestra velocidad de fotogramas base es de 25. Este efecto nos da una sensación de animación tradicional a nuestra animación justo como ejemplo, puedes jugar con formas, cambiar el logo y tu diseño. Una vez que tengas tu capa de ajuste con la warp de onda correctamente animada solo aceptará cada diseño que puedas pensar. Terminamos con el método uno, ahora es el momento del recapitulación de las cosas que hemos visto en esta lección. Ten tu bandera en un Comp vacío. Agrega todo a la forma base, alinéalo al lado izquierdo y fija la urdimbre de onda a la izquierda. Juega con la altura y el ancho de tu warp de onda, ambos están influenciados por el tamaño de tu bandera y el tamaño de la Comp. La velocidad que mejor funciona, más rápido es, más viento hay. Después para rematar aplicar posterizar en todo porque solo hace que las animaciones sean mejores. vemos en la siguiente lección donde normalmente usaríamos, nuevamente la warp de onda, pero de una manera diferente para darle más de una sensación geométrica.
6. Método 2: animación de la bandera: Ahora vamos a empezar a animar usando el método dos. Será una técnica similar a la primera,
pero un poco más difícil. Vamos a ir en nuestra comp de banderas, redimensionarlo de nuevo a 500 por 500, y alinearlo a la izquierda. Vamos a crear nuestra capa de ajuste donde aplicaríamos la warp de onda. En tipo de onda, elige Sawtooth. Después de eso, vamos a jugar un poco con los ajustes. Altura de onda, ancho de onda. Asegúrate de alinearlo con el borde izquierdo, fija un poco del ancho de onda. Se puede empezar a ver el movimiento que va a hacer. El rumbo va a ser bastante importante en este. Si quieres asegurarte de que es exactamente lo mismo que el mío, asegúrate de tener un buen ángulo en esto. Mira la esquina superior para que tengas una buena línea ahí. 62 se ve bastante bien. El tamaño de la comp realmente impacta cómo se aplica la onda. Si quieres escalarlo, necesitas escalar todo. Eso realmente significa cada menú como la altura de la
onda, el ancho de la onda, y la ilustración, también. Ahora, en nuestro comp de dominio, vamos a aplicar una nueva capa de ajuste donde vamos a poner va a poner el posterize para darle esa agradable sensación de animación. Nuevamente, ponlo en 12.5 para que se mueva cada dos fotogramas. Si realmente no puedes ver mucho ahora, empezaremos a ver realmente la bandera saliendo cuando agreguemos el sombreado. Empieza por precomponer todas estas animaciones dentro la comp bandera o simplemente la bandera animada está bien. Además de esto, estamos gong para empezar a crear nuestra capa de sombreado. Cuando dibujes esto, intenta seguir entonces todo lo que creamos, los 62 grados comp. Crea el cuadro Conservar transparencia para que puedas verlo solo en la bandera, y solo sigue adelante cada diez fotogramas para que puedas moverte y arreglarlo. Entonces, tal vez necesites volver al principio porque realmente no conseguimos el ángulo correcto la primera vez. Sólo tienes que ir a través de él, y ir cada 20 fotogramas, cada 10 fotogramas, y moverlo. Hacia el final, necesitarás tal vez fijar la parte de ancho como puedes ver aquí. Aquí, puedes mover cada dos fotogramas para que lo hagas bien. Se trata de mover cada dos fotogramas y ver que todo funcionaba. Una vez que hayas terminado un ciclo, solo
duplicas la capa y la desplazas, asegúrate de que coincida. Si no lo hace, sólo ve y arréglalo. Si lo hace, solo duplicar de nuevo y compensarlo. Si ves alguna imperfección, solo
puedes ir cada dos fotogramas y arreglarlos. lo único que nos falta es la sombra inicial ya que acaba de salir así que arregla eso. Una vez que hayas terminado con eso, solo tienes que seleccionar todas las capas de sombras y bajar su opacidad. Si lo echamos un vistazo, tendremos ese efecto de plegado. Entonces, podemos pasar a la parte inferior de la bandera. Es similar a la sombra, pero sólo tendrá una forma diferente. Estos requerirían un poco más de tiempo, así que asegúrate de hacer cada dos fotogramas y hacer coincidir las esquinas y el angulado. A medida que nuestra bandera empieza a subir, puedes ir un poco más rápido. Entonces, entrarás en el medio y arreglarás los marcos que realmente no lo igualen. Hacia el final de la bandera empieza a levantarse, van cada dos fotogramas y siguen el movimiento que tenemos, gracias a la warp de onda, y siguen por dos, tres marcos más y crean el despliegue. Si la animación funciona, solo
debes duplicar la capa y comenzar [inaudible] la, ver dónde coincide, y luego, arreglar dónde necesita arreglarla. Este en realidad necesita bastante arreglado. Similar a la parte de sombra, necesitamos arreglar el inicio de esta parte debajo. Volvamos hacia atrás y creemos esta creación inicial de la parte inferior a medida que empieza a doblarse. Una vez que metes eso, básicamente estás terminado. Esta es la animación final. Todo lo demás que estoy agregando ahora son solo cosas extra, algo de estilo, pero ya lo has visto en la parte extrema. Asegúrate de arreglar la máscara de bandera para que en realidad tenga un impacto en todo. Una vez que hayamos terminado de estilizarlo, volvamos a la comp principal. Ahora, es hora de mirar nuestra animación de bandera. Ir a Tiempo, Habilitar Reasignación de Tiempo. En el fotograma 24, establezca el marco clave, elimine el último y aplique la expresión loop out. Asegúrate de que sea exactamente así, sin los tapones de aire, y copia cada cantidad a las otras comps. Una vez que haya hecho esto, solo
animaré ligeramente la montaña, mudaré en las posiciones. Tenemos una entrada de esta bandera. Hicieron lo mismo en las nubes. Lo que es bonito de este método otra vez, es que puedes personalizarlo por completo, la forma, la longitud, todo. Incluso puedes añadirle un logotipo, lo que quieras. Para terminarlo, solo arreglé ligeramente la animación en esas nubes, y luego, amablemente abro a medida que estamos subiendo. Ya terminamos con el método dos. Vamos a tener un recapitulativo rápido. Nuevamente, las reglas son las mismas. Ten la bandera en un Comp vacío con el padre, todo se alinea a la izquierda, y solo asegúrate de que una vez que hayas animado la bandera, recomponla ,
y luego, quieres la sombra, el texto, y la parte inferior parte de la bandera. De nuevo, si quieres redimensionar la bandera y hacerla más grande, asegúrate de que realmente lo hagas el doble de tamaño si duplicas todo por dos. El ancho de onda, la altura, y luego, para las capas de sombra y la espalda, solo las
estás emparejando a un nodo y escalándolo al 100%. Asegúrate de que esté alineado. Si tiene alguna pregunta al respecto házmelo saber. Ahora los veré en la siguiente lección, que iba a ser nuestro último método. Va a ser bastante divertido. Nos vemos ahí.
7. Método 3: animación de la bandera: Ya podemos empezar a animar usando el Método 3, solo
moveremos el punto de anclaje hacia abajo desde el palo. Simplemente muévelo hacia abajo. Rap sobre esto es su derecho. Tenemos que decidir la duración de nuestro ciclo. En este caso van a ser 28 cuadros. Sólo tienes que ir al cuadro 28 y golpear la tecla N. Empecemos a añadir fotogramas clave a nuestra rotación. Para hacer un ciclo la rotación inicial es ser la misma que la final. En este caso, la rotación va a ir de 34 grados a menos 34. Tan solo asegúrate de empezar y terminar con el mismo grado de rotación. Es fácil ya que esos fotogramas clave podrían hacer clic con el botón derecho del ratón Asistente de fotogramas clave y Esc o simplemente
puedes golpear F9 y seleccionar todos los fotogramas clave y copiarlos, por lo que podremos desplazarlos más adelante. Ahora veamos al editor de gráficos y editamos un poco las asas, solo para que nunca llegue a una parada completa. Siempre está ligeramente girando. Una vez que hayas terminado de trabajar en el fotograma clave, solo
puedes copiarlo a los otros. Con la capa seleccionada, presiona B para llegar a la posición, haz clic con el botón derecho en dimensiones separadas. Animemos la bandera moviéndose en el eje x de derecha a izquierda. El mismo concepto se aplica a la posición, a la posición inicial tiene que ser la misma que la final, por lo que en el medio tiempo será diferente en la dirección opuesta y luego simplemente copiarlo. Podremos compensarlo de nuevo. De nuevo, fácil es. Después edita un poco los fotogramas clave, para que no tengamos esa parada molesto. Una vez que hayas terminado de editarlo, sólo tienes que copiarlo a la otra. Ya podemos seguir adelante y no ahí y la capa de ajuste para el elevador de póster. Tendremos que cuidar sólo cada dos fotogramas a la animación real y al valor de 12.5, o asegurarnos de que realmente estamos teniendo movimiento cada dos fotogramas. Tenemos que cortar esta doble bandera ahora. Sigamos adelante y elijamos la parte verde de la bandera. Da la vuelta por el medio. Ven y turno B, para cortarlo y deja entrar el amarillo, perfecto. Ya tenemos algo de volteo aquí, sólo
tendremos que hacerlo mucho mejor. Antes de hacer eso sin embargo, necesitamos asegurarnos de que nuestro movimiento de palo sea el último porque la bandera va a seguir. Sólo compensemos ligeramente la rotación. Podemos seguir adelante una vez que obtengamos un resultado satisfactorio. Adelante y busca el efecto eco en los efectos y preset. El valor exacto del tiempo de eco debe ser 0.08 menos. Nos dará una Piel de Cebolla fuera cada dos marcos. Como pueden ver, estamos empezando a tener nuestro arco. Eso quedaría más tarde en nuestra animación de bandera. Simplemente comienza a dibujar con el trazo oscuro que el efecto de eco está describiendo. Hazlo igual todo lo que quieras siempre y cuando lo tengas como referencia. Podemos empezar a usar esto para nuestra forma de bandera real. Ahora lo estaremos editando cada dos fotogramas y justo como referencia y poniéndolo cada dos fotogramas. Edita los folletos, solo para que siga el arco. Tendremos que transformar esos fotogramas clave en espera. Haga clic derecho y mantenga presionados los fotogramas clave. Simplemente copia el uno, acabas de editar al siguiente para obtener una forma más fácil de editarlo. Hagámoslo un trazo por ahora para que podamos ver mejor qué estamos haciendo porque vamos a copiar el efecto de eco del palo para nuestra bandera. De esa manera vamos a conseguir el parche inferior, correcto, como puedes ver ahora no está siguiendo correctamente el arco. Gracias a este Onion Skin, podremos
hacerlo correctamente y seguimos así hasta que obtengas este arco satisfactorio, quiero decir en ese correcto flip final. Ahora llegamos al punto complicado donde empieza a suceder el flip. Empecemos a encogernos nuestra bandera verde, que ahora tiene el contorno negro. Empieza a entrar y girar. Por ahora solo hazlo más pequeño de esta manera y ahora
usaremos la parte amarilla para guiarnos adecuadamente. Fotograma clave el camino de la parte amarilla para desplegarlo. Pasemos al marco 20 cuando la bandera amarilla se
despliegue por completo y edite su marco siguiendo el arco. Podemos regresar a la mitad de nuestra animación y completar correctamente esta fuente. El amarillo empieza a estallar. Esto, sería el aleteado sentado encima del palo. El verde se sentará detrás de él. El verde apenas sigue el movimiento amarillo. Aquí acabo de notar que la bandera debería voltear dos fotogramas más tarde porque ahí es cuando el palo empieza a cambiar de dirección. Simplemente lo estoy compensando por marcos azules y el verde debería ser compensado también. Basta con copiar el fotograma clave anterior cuando aún esté a toda su longitud. No podemos volver a editar nuestra forma de bandera. Enfoque en el despliegue amarillo. Tendremos que extender el verde,
que ahora es el trazo negro. Simplemente extiendlo en consecuencia y hazlo seguir. El amarillo se hace más corto a medida que se despliega. Añadamos un fotograma clave plegable más. Este será más sutil y como ya terminamos con la parte verde de la bandera podemos cambiar su color de nuevo a un sólido, que es rojo porque al parecer me aburrí del color verde. Simplemente ajustándolo, y veamos cómo se ve. El flip funciona. Vamos a seguir editando el amarillo, y añadirle el mismo efecto de eco para asegurarnos de que siga siguiendo el arco y simplemente seguir haciendo lo mismo que hemos hecho con la primera parte es solo más de lo mismo. La única diferencia ahora, sería que el amarillo se voltea desde el frente. Deja que la parte trasera ahora guíe el amarillo y cree ese bonito plegado. Basta con editarlo siguiendo el arco con la mayor precisión
posible y apenas más de lo mismo hasta que caiga completamente de nuevo en el rojo. Creo que comprendiste el concepto aquí. Se trata de hacer el plegado y seguirlo con la otra capa de bandera. Entonces solo agreguemos este pequeño detalle que hará que se sienta más suave. Será muy suave pero aún así lo notaremos. Ahora podemos echar un vistazo a cómo se ve esto. Está funcionando bien. Ya que se supone que nuestra bandera roja está debajo del palo, solo muévala debajo. Tenemos el ser amarillo al frente y el rojo al detrás del palo. terminamos con la bandera. Entonces nuestra siguiente lección le agregaremos algo de vida al pequeñito. Aquí te dejamos más o menos todo lo que hemos cubierto en esta lección. Tan solo para asegurarte de animar primero el palo y luego simplemente seguir con el camino la animación que hiciste y con tu eco obtienes tu arco y prestar atención a cuando ocurre el flip, que es tan pronto como la bandera empieza a moverse en el dirección opuesta. Nos vemos en la siguiente lección, que va a ser nuestra última.
8. Método 3: animación de personajes: Bueno, aquí estamos, nuestra lección final. Vamos a animar al personaje. No va a ser nada demasiado complicado, así que empecemos asegurándonos de que nuestros ojos estén parentados
al cuerpo y todo esté parentado a los ojos. Si movemos el cuerpo, todo se mueve. Empecemos clave enmarcando la posición de los ojos. Se sentarán en medio de cuadros cero, 14, y 28, y en medio de esos marcos, van a girar a la izquierda y a la derecha. Empecemos a moverlos, y el ojo opuesto se moverá un poco más para darle profundidad, y hagamos lo mismo por el otro ojo. Una vez que tengamos nuestra posición, vamos a facilitar los lados, así conseguimos este bonito tono de cara. Copia el bucle en ambos ojos y selecciona los cuadros Lucky, y empecemos a compensarlos para que sigan la bandera, pero con un ligero retraso. Ahora vamos a hacer que el cuerpo salte de los ojos compensadores, así que adelante y selecciona la capa de textura del cuerpo dos, y lo padres al cuerpo principal. Estamos listos para animar la posición del cuerpo. Ambientando los ojos, va a golpear el suelo en cuadros en cero, 14 y 28, y en el cuadro siete y 21, se va a mover hacia arriba. Selecciona mover posiciones arriba y facilitar las mismas. Tendremos algo de flexibilización pero me gustaría algunos más así que selecciona el fotograma clave, toca Command shift K en el teclado, y edita la influencia a 66, y solo copia el primer fotograma clave al segundo salto. Copia la posición del fotograma clave, copia todo, y lo pegaremos a este Objeto Nulo que estamos creando en este momento. Padres la capa de palo a la Null. Pegue la posición del cuerpo y lo
compense ligeramente para que las manos sigan el cuerpo saltando, y vamos a conseguir ese bonito Null 2 que le
dará un poco más de vida a la animación misma. Como puedes ver que cuando lo toquemos las manos seguirán, con un poco de retraso el salto. Vamos a seguir adelante y crear la nueva composición donde animaremos la boca, animamos los labios, la hacemos más pequeña en comparación con bezier. Voy rápido aquí. Puedes pausar el video y solo ver cómo agregué este pequeño detalle extra. Pero es solo por animar la boca, conseguir algunas posiciones aleatorias en la boca, y una vez que me dieron algunas de ellas, sólo las copio. Ahora volveré a la composición principal y correré el bocado, lo padre a una de las capas de ojos. En este caso, es IPG, y justo en el centro de la boca en medio de los ojos. A lo mejor necesitará alguna animación posicional, pero en este caso en [inaudible] y simplemente estilizarla como hemos visto anteriormente, cómo hacerlo. Ahora crea un nuevo objeto nulo, y muévelo en la parte inferior cuando el cuerpo esté sentado. Duplicar el cuerpo y matarlo al Nulo, y escalarlo negativamente, así que obtenemos la sombra. Después simplemente estiliza la sombra añadiendo algo de desenfoque de movimiento, algo de ruido [inaudible]. Hazlo lo lo más pequeño que quieras. Es sólo algo ese sentimiento que está sentado en algo, y ya hemos terminado. Este es sólo el personaje, espero que hayas disfrutado animándolo. Para esta parte, solo asegúrate de que todas tus características sean padre al cuerpo. Si quieres hacer esta rotación solo anima los ojos yendo a izquierda y derecha, y desplaza esa posición para que siga la bandera. Puedes usar Command Shift K en fotogramas clave para dar exactamente la flexibilización que deseas si no tienes plug-ins para hacer eso. De eso se trata. Te veré en el siguiente y último video donde me despierto. Nos vemos.
9. Exportar tu trabajo: GIF o MP4: Ahora, que ya terminamos de animar, es hora de exportar nuestro trabajo. Primero podemos exportar un MP4. Puede ser para Instagram o cualquier otra cosa donde quieras publicar un video. El modo en que se hace es, ir a Composición y agréguela a Adobe Media Encoder Queue. Una vez que se abra Adobe Media Encoder, puedes elegir H264, Match Source. Alto bitrate, está bien. Elija el destino donde desea guardar su archivo. Después de que lo hayas hecho, acabas de pulsar el botón de gran juego, y ya terminamos. tanto la exportación sea menor de 30 megabyte, estarás bien compresión sabia Ahora, veremos cómo exportar el GIF para dribbble o posterior ascripción. Ahora solo estoy redimensionando mi comp porque, no
quiero su raíz cuadrada. Por lo que 800 por 600 y volveré a escalar mi comp principal. Entonces, 64 está bien para mí. Solo estoy creando un nuevo sólido para que el fondo continúe, y eso haría del mismo color. Ya que nuestro ciclo es de 27 cuadros, eso acabaría de golpear la marca. Ahora, estamos listos para exportar. La forma más fácil de exportar GIFs de nuestro [inaudible] en CSS mediante el uso de GifGun, pero eso tiene un costo. Básicamente solo haces un GIF y lo va a exportar. Si no tienes [inaudible], o simplemente encuentras exportación del mismo complejo y MP4, luego exportar desde Photoshop como un MP4. Adelante y exporta en MP4, y abre Photoshop y solo vas a Archivo, Abrir, e importar todo tu [inaudible]. Una vez que haya importado su archivo, sólo tiene
que ir a Archivo, Exportaciones, Guardar para Web (Legado). La configuración debe ser así. Asegúrate de que el looping esté configurado para siempre y solo pulsa el botón “Guardar”. Después eliges dónde quieres guardarlo, y luego cambiarle el nombre. Vuelve a golpear “Guardar”, y básicamente está hecho. Usar Media Encoder es bastante fácil, y mientras uses el formato H264, debería mantener los tamaños de tus archivos relativamente pequeños. Eso es todo. No puedo esperar a ver lo que has hecho y luego te veo en el intervalo final para conseguir algunos consejos.
10. Reflexiones finales: Este es el final de nuestro curso. Espero que te hayas divertido y hayas aprendido algo nuevo. A mí me emociona ver qué estarías haciendo. Sube tu proyecto en la sección de clases. Responderé a cualquier eventual pregunta que pudiera tener. Si te interesa aprender más, puedes dejar un comentario con algunas sugerencias de cosas que quizá quieras aprender. Nos vemos por ahí y espero que estés aquí para mi próxima clase. [ MÚSICA]
Laurentiu Lunic, Motion Designer
