Fundamentos de animación con logotipos

1. 00. Introducción: Hola a todos. Mi nombre es Shira buggy y tengo un diseñador gráfico de movimiento. Este es un mini-curso de una emisión de inicio de sesión Kickstart. Por eso se llama fundamentos de animación de logotipos. En este curso, te enseñaré todas las técnicas que necesites para aprender sobre animación de logotipos. No solo aprenderás una animación de logotipo. Aprenderás bocetos, storyboarding, lluvia de ideas, y más. Este curso está disponible de forma gratuita para todos. Entonces, ¿para cuál es tu calificación? Vamos a sumergirnos en este curso y ver qué aprenderá. 2. 01. Boceto: Hola, mi nombre es Joe buggy y yo o diseñador de máquinas. Espero que lo estés haciendo muy bien. lo que en este curso, aprenderemos el concepto básico de animación de logotipos, cómo podemos hacer una animación de logotipo. Por lo que cada animación de logotipo tiene un cuatro pasos. En primer lugar, bocetos. El segundo es marco de estilo ahí un guion gráfico. Tercero es la animación y adelante es el diseño de sonido o la terminación. Pero después de algún tiempo nos saltamos, a veces nos saltamos un boceto, algún momento escapamos del storyboarding. Depende del logotipo. Empieza. Entonces, antes que nada, tenemos que hacer el boceto, pero recuerda, no somos el dibujante, ¿de acuerdo? Entonces no estamos haciendo algún tipo de cosa de retrato. Sólo estamos haciendo la grasa. Dibujaremos algunas líneas y tenemos básicamente queremos que la idea se ponga en papel. Entonces empecemos a hacer nuestro marco. Te recomendaría si tienes un teléfono, si tienes pantalla de computadora abierta eso, haz tu logotipo más grande y luego dibuja eso en tu papel. Estoy usando un papel muy rudo. No es demasiado costoso. Solo se trata de uno o 2 dólares el libro. Así que sí, puedes usar eso también. Y puedes usar cualquier lápiz, cualquier cosa con la que quieras trabajar. El paso es analizar nuestro logo. Entonces estoy aquí, podemos usar, o podemos pensar en un par de técnicas que espero que hayan aprendido sobre el concepto de animación o las reglas de la animación, principios de animación. Entonces cuando veo este logo por primera vez, noté que este punto en este ojo. Y es realmente una buena manera de revelar tu logo de un padre. Entonces básicamente, estamos utilizando la técnica de puesta en escena y a la atención Todos los ojos en el mismo punto y ese punto revelarán todo y el logotipo, se ve bastante bonito. Entonces cuando veo este punto, me vino a la mente la idea de que tenemos que usar esto o tengo que usar este logo para revelar este concepto. Así que empecemos a hacer el primer fotograma, pero solo por la referencia, estoy agregando este punto a esta área específica para asegurarme de entender. Este punto se iniciará. Y después de eso, el siguiente marco, vamos a desarmar. ¿ Dónde deberíamos querer mover esta pelota? Esta es la parte que me vino a la mente. Así que cuando agregas una parte o algún tipo de esa cosa, no tienes que preocuparte por la animación, ¿de acuerdo? Simplemente pon la idea que tienes en tu mente para entender cómo funcionará esta pelota o cómo funcionará esta pelota realmente en la vida real, puedes usar una pelota para demostrarla y lo harás entender. Entonces la parte inferior será la realmente rápida debido a la gravedad y la parte superior será lenta. Por lo que estoy agregando estas notas para asegurarme de entender dónde debería haber hecho esto lento y donde tendría que hacerlo más lento. Y después de eso, esta es la posición final somos golpes de pelota y revelamos el ojo y el borde. Así que déjame mostrarte el boceto original de esta animación. Para que como se puede ver, el concepto es el mismo, como el balón empieza desde aquí y golpea con el GI. He mencionado esto, todo en el periódico para asegurarme de que yo, yo, entiendo lo que voy a hacer exactamente en After Effects. Entonces esta es la parte de animación. Esta parte vamos a hacer rápido, super rápido y esto es bajo, y luego esta inferior, nuevo, rápido y luego el de arriba, será muy lento. Y en la posición final, esta es la acción final. Cuando golpee, se puede decir que el borde es revelador, se revelará el IEP. Además, agrego algunas notas adicionales como podemos usar esta E, como esta parte E. Y podemos, podemos animarlo desde el medio, la parte media de ella. G parte, tenemos que hacer algo creativo o algo increíble. Entonces esta fue la idea de que voy a venir a mi mente. Y también anoto la rodilla. Tenemos que sumar algunas líneas de trazo están apoyando líneas en para que esta animación sea más interesante o hacer más profesional. El motivo por el que he hecho esto, estoy poniendo todas las ideas en un periódico. Ahora, podemos elegir cuál es el mejor para nuestro logo o nuestro diseño. Pasemos a la siguiente parte. 3. 02. Storyboard: Ahora tenemos que crear marcos de estilo o storyboard. Tal vez tengas una pregunta por qué tienes que volver a hacer un storyboard? Porque ya hicimos esto. Conseguir la respuesta es, si quieres conseguir un profesional o quieres convertirte en animador de logotipos profesional, debes tener que aprender esto. Porque, por ejemplo, si tu cliente te da el logotipo para la animación del logotipo y creaste una increíble animación de logotipo y no le gustó o no le gustó. No dijo, no quiero hacer esto. Te equivocas la idea. Entonces eso significa que tienes demasiado tiempo para hacer eso. ¿ De acuerdo? Entonces lo mejor es hacer storyboard y hace marco de acero y luego mostrarles. Y si se aprueba, entonces hay que hacer animación. Ahorrará tanto tiempo. Además, tienes una razón lógica para explicar por qué estás haciendo esta cosa. Entonces empecemos a crear un guion gráfico. En primer lugar, crea un nuevo documento con cerca de cinco a siete cuando nuestros tableros y golpean Okay. Entonces copia tu logo a aquí. Y asegúrate de tener un tablero de arte de respaldo justo por aquí. Ahora, añada tu boceto a este archivo. Ahora duplica tu logo en nueva mesa de trabajo y microSD, alrededor del 2224%. Eso está bien. Entonces haz un círculo aquí y crea una línea. O son la parte que tenemos. Entonces este es nuestro primer marco. Ahora tenemos que hacer el segundo. El asunto será el mismo. Apenas intenté agregar muchos detalles que quieras, como el ecommerce de ti mismo, tal vez consigas algo más en tu mente. Hay que apuntar aquí, vale, Así que básicamente, estos son los pasos que tenemos que seguir a lo largo de d, animación logo. Sí. Esto es lo que te ayudará a refinar tus habilidades. Por ejemplo, comprenderás mejor cuál es exactamente el paso que necesitas dar. Así que déjame mostrarte cuáles son los marcos de estilo final o storyboard. Como se puede ver, cada paso es muy claro. Ahora ya sabes el exacto dónde y qué debes tener que hacer para hacer esta animación paso a paso. 4. 03. Configura tu logotipo: Antes de empezar a movernos en el alfabeto, debemos tener que configurar este logo para la animación. Entonces, ¿qué debemos hacer? Solo tenemos que configurar cada letra en cada una de las capas, no solo compradas. Es bastante sencillo de hacer. No tienes que preocuparte por eso. Simplemente copia este logotipo, su nuevo documento, que es 1990, sobre entidad que es del tamaño de nuestra animación o la resolución de nuestra animación de logotipo. ¿ Cómo haría eso el tamaño que necesitas? Un fuera de esa pila, este logo y ve a esto y selecciona Liberar a la secuencia de capas. Ahora tenemos todas las letras en cada capa, pero espera, pero todas las capas en la capa uno. Por lo que sólo hay que seleccionar todas estas capas y arrastrar. Se puede ver fuera de la capa uno. Y después de eso, debes tener que cambiar el nombre todas estas cosas por separado para asegurarte de que no quieres confundirte. Eso es más o menos. Guardarlo. Muévete al atuendo. 5. 04. Importar logotipo en After Effects: Ahora, haz clic derecho aquí, haz clic en Importar y archivar. Selecciona tu logotipo. Ahora debe tener que seleccionar esta capa a la composición y luego seleccionar este tamaño al tamaño de capa , no al tamaño del documento. Ahora tenemos todas nuestras capas aquí mismo. Tenemos que convertir estas capas de forma azul para que podamos animarla, todo por separado. A continuación, seleccione todas estas capas y vaya a crear y seleccionar, Crear formas a partir de capa vectorial. Entonces vas a agregar esta cosa. Verás ya sea en G5, no te preocupes, arreglaremos ahí para abrir el contorno G y abrir el grupo y luego mover este camino tres a la parte superior y luego abrir esta fusión caminos, uno, selecciona estado de ánimo para restar. Y esto resolverá tu error. Ahora, si quieres añadir tu estilo enmarcado en nuestro perfecto y seguir uno por uno, eso está bien. Recomendaría uno por separado para asegurarme de que se esté enfocando en un fotograma a la vez. 6. 05. Animar el punto: Por lo que el primer paso es que tenemos que mover esto antes de empezar. Como se puede ver, el ojo y el punto es una unión externa. Así que abre este Groupon y ahora se pueden ver los caminos que pasan y emergen, pero no tenemos que usar lo más es tanto, pero borrar ese, y luego seleccionar esta parte uno, parte dos, y rellenar y arrastrar éstos a la sección de contenido. Simplemente elimine este grupo uno, luego seleccione la ruta uno e imprima la tecla Control G para que se agrupe, luego seleccione pasar y hacer un grupo separado. Por lo que tenemos que separar a estos dos grupos. Por hacer eso, estoy usando a un tercero está en cubos. Hemos alcanzado el nombre es herramienta de movimiento. Y te recomiendo que consigas éste porque va a resolver muchos problemas y asegurarte cada vez que hayas hecho algo y tienes que ser explicado todo como el punto, la separo t. ya hemos empezado a animar este punto. Tenemos que hacer un respaldo de este punto porque esta es la posición original de este duplicado de dot omega. También se pueden ver los atajos que estoy presionando en la esquina inferior. Ahora haz el color rojo. Vamos a los dos segundos y colocamos el pequeño punto donde quieras iniciar tu animación. Haga un fotograma clave en la posición justo aquí. Ahora, tenemos que mover esta pelota. Y a la parte exacta que queremos. No te preocupes por el cronometraje y los clave-marcos. Estoy agregando cada fotograma clave o cada posición después de diez fotogramas. Puedes hacerlo aún menos, aún más. Y después de eso, configuraremos la velocidad y comenzaremos con la distancia de cada fotograma. Nuestro cuerpo está hecho. Ahora tenemos que ajustar la disputa de temporización y la duración. Entonces como mencionamos, la parte inferior, estas dos partes serán, o la parte inferior sería realmente alta. Así que seleccione estos fotogramas clave y haga clic con el botón derecho aquí y hacerlos recorrer, les dio también. Lo hemos hecho para los fotogramas clave más rápidos, como la parte inferior. Y ahora selecciona todos estos fotogramas clave. Presiona F9 para que sean fáciles, fáciles. Se ve algo así. Entonces tenemos que ir a graficarlo y estoy usando el gráfico de velocidad, gráfico de valor nada. Por lo que aquí se puede ver la pelota es una parada en las teclas de flecha del medio, por lo que no queremos detenerla. Exactamente. Ok. Queremos despacio, no hacerlo también. Se puede decir tranquilo o simplemente quieto. Por hacer eso. Seleccione el fotograma clave central. Ok, haz click en este botón, convierte, selecciona, da nombres a auto bezier. Entonces básicamente lo que hace esto, combina las dos asas en el mismo punto. Y ahora puedes ajustarlo, haz lo mismo con el otro. Ahora, ajustaremos el gráfico de velocidad y obtendremos lo que estás buscando exactamente. Y no te preocupes si encuentras algo, cualquier tipo de error que podamos, podemos refinar esta animación también. Ahora, esto me parece bien. Ir al primer fotograma donde cualquier debatido el balón está empezando a animarse. Y aquí tenemos que escalarlo para asegurarnos de que revele desde 0. Ahora seleccione estos fotogramas clave. Presione F9 para facilitar, facilitar. Ve al editor de gráficos y haz que la curva sea algo así. Ahora tenemos que hacerlo más realista. Entonces, por ejemplo, si algo se mueve demasiado rápido, el desenfoque de movimiento, el borroso que se ve, debe ser borrosa. Entonces hay dos cosas que podemos usar. Podemos usar el desenfoque de movimiento. Y lo segundo es que podemos usar una cosa de trail que muestre la velocidad y la velocidad de esa pelota. Yo recomendaría hacer un sendero. Para hacer un rastro tenemos que aplicar un efecto llamado Echo set copias con n igual tiempo menos 0.001 y seleccionar un cooperador para compuestarlo por atrás. Perdón por mi inglés, mi inglés no es tan bueno. Pero trataré de explicar cada aspecto que necesites para la animación de logotipos. hace la animación de pelota. Y si necesitas ajustar algo, puedes hacer eso aquí mismo. Entonces cuando uses un cofactor, encontrarás un comensal. Cuando vas al último fotograma donde nuestra pelota o cualquier cosa realmente se detiene, puedes ver unas celdas muy grandes al final. Cómo se puede arreglar eso. Ir al marco final donde se va a parar la pelota. Mega fotograma clave en este eco consiguió una serie de ecos y suben alrededor de dos o tres o cinco fotogramas después de eso y lo hacen 0. Esto resolverá el problema del pixel cuadrado para que todo esté hecho. Pero hay una cosa que quiero mencionar. En algún momento te gusta este taladro sólido al final de esta cosa. Y a veces tú, cómo puedes arreglar eso, ve a este ajuste de decaimiento y cambia a 0.94. Y esto agregará una cosa realmente relajante u opacidad al final de su juicio. Y eso es todo por esta animación de pelota. 7. 06. Anima todas las letras: Después de eso, tenemos que empezar a trabajar en letras. Así que he hecho todas estas cartas fuera, y sólo estoy trabajando en esto. Así que selecciona la herramienta Pluma y haz clic en este botón para hacer una máscara. Básicamente no estamos agregando una máscara, estamos agregando aparte. Así que empecemos y sumemos aparte. Después de leer un byte, tenemos que aplicar Efecto llamado stroke. Y no te preocupes por esta caja, estoy usando FX Console, que es un plugin gratuito de arrepentimiento. Lo puedes descargar desde el copiloto de video dotnet. Entonces cuando presiono el espacio de control, esta caja se abrirá y puedo aplicarle cualquier efecto directamente. No tengo que ir al panel Efectos y Presets. Así que por favor usa eso y te ahorrará tanto tiempo. Al leer este efecto trazo, establece el espaciado en 0 y el estilo pintado para revelar la imagen original. La dureza del cepillo debe ser un 100%. Y ahora puedes ajustar el tamaño de tu pincel. Ahora tenemos que añadir máscara en la otra parte de este G para asegurarnos de que también lo revele. Pero aquí en los principiantes cometerá este error. Si agrego, si inicio mis vainas desde aquí y después de eso, la máscara y elimino este trazo secuencialmente. Esta parte empieza por el medio y se ve realmente, realmente mal. Cómo podemos resolver este tema. Es bastante simple. Presiona M para máscara y haz un duplicado de esta máscara, que son las que ya hemos hecho. Y cierra la primera máscara. Y luego selecciona Herramienta Pluma y haz un fotograma clave en el medio de esta línea. Ahora, arrastre este fotograma clave a la parte inferior y ajuste en consecuencia. Además, puedes cambiar el color de la máscara si quieres. Si no, eso está bien. Pero yo recomendaría hacer eso porque no quieres confundirte. Africano esto. Quieres agregar esta misma cosa con el otro lado de este G. Así que simplemente duplicarlo. Nuevamente. Selecciona este fotograma clave central y muévete al otro lado. Entonces ajusta el camino de esta mezquita. O se puede decir ajustar esta máscara. Ahora, haz un fotograma clave cuando bola golpea a la G. Y haz este valor al 100% cuando bola está dejando este G. Y si encuentras algo, cualquier era, algo de tu g no es revelador. Tienes que ajustar tu pase en consecuencia de nuevo. Después de hacer eso, se puede ver estos DG no se está sincronizando con el balón. Por lo que tenemos que hacer esto manualmente. Pulse U para ver todos estos fotogramas clave. Y ahora puedes poner esto, configura esto manualmente. Pasemos a la letra E. Así que estoy pensando en cuándo, cuando el balón saldrá de la d, la E debe tener la propia revisión. Disfrutamos que la primera letra y la segunda letra, podemos revelar esta E o desde una escala. No tenemos que dibujarlo nuevo porque no tiene sentido. Ball no está tocando eax y no queremos hacer eso. Por lo que sólo podemos revelar es decir a partir de una propiedad a escala. Y no te olvides de flexibilizar. Tú también debes haber hecho eso. Y después de eso, si recuerdas, mencionamos que E bar en el centro que podemos animar mediante el uso de la propiedad path de esta E. Así ve y encuentra la propiedad camino. O puedes abrir este archivo de grupo, abrir esta ruta, y hacer un fotograma clave aquí, Ir un par de términos antes, como diez a 15 son suficientes supongo. Y luego presiona Control T para, para asegurarnos de que somos tenemos esta caja limitadora te daré. No es necesario ajustar todos estos fotogramas clave de ruta o puntos de ruta manualmente. Ahora, cuando tú, cuando tengas esta casilla, presiona Control Alt Shift y luego arrastra esto al interior. Nuevamente, aplique flexibilización sobre eso. Además, estoy usando un script de copia de e que es totalmente gratuito. Eso básicamente lo hacemos, podemos copiar los fotogramas clave a otro fotograma clave. No tendrá que Open Graph Editor cada vez que consistirá en un diseño. Además, ahorrará demasiado tiempo. Entonces agrega la n, estoy agregando un poco de rotación de la E porque E, Se ve como una forma circular o círculo. Entonces por eso estoy agregando un poquito de rotación a la E. Y creo que eso se ve bien. Y después de eso hemos hecho lo mismo con la n y la t. Estoy revelando esta d desde nuestro fondo porque el movimiento de la pelota está coincidente aquí. Por eso. Ahora se puede ver una era con el TI, porque parte de línea específica, si aumentamos o demasiado tamaño de este pincel, se ve, se ve realmente mal. Y cómo podemos hacer con esa, no te preocupes, no tendremos que añadir otra máscara. Entonces la cabeza es un truco para ti. Hacer un duplicado de este té, este original, y eliminarlos. Asegúrate de tener una copia de seguridad de esta D. Después de que hayan terminado en la copia de seguridad D. Y selecciona éste y quita el efecto de trazo. No necesitamos eso. Ahora. Tenemos que hacer esta línea exactamente donde está. Todo está hecho. Ahora podemos animar esta línea donde la pelota va a golpear su lugar. Podemos revelar esta línea. Vamos a revelar este ojo y borde el impacto final de este punto. Entonces cuando tienes IZ diferente, la animación de pelota, tenemos que ir a como cinco segundos donde nada se está moviendo, nada se mueve al balón es realmente malo. Y este borde y una carta a este punto. Y cuando golpee al suelo, y la puja más alta, acaba de hacer estas dos capas desde aquí. Ahora se puede ver esto. El balón no va directo hacia abajo. Ajustemos el camino de esta pelota. Estamos realmente cerca de terminar esta animación. El siguiente paso es, como mencionamos en el inicial, el g tiene una cola tipo de cosa, ¿de acuerdo? Y de verdad quiero animar esa. Simplemente solo esta cosa G y este punto y haz un duplicado de la letra D. Ahora, agrega una máscara alrededor de esto. Se puede ver una cola de caballo. Después selecciona la forma original de esta G, haz un duplicado de la misma, y cambia el color al rojo. Para asegurarnos de entender cuál es la diferencia entre el archivo original, el archivo de copia de seguridad, y esta cola de caballo. Ahora selecciona el carácter G original y la forma D que puedas decir y eliminar estos puntos. Y a tan sólo estos dos puntos, de nuevo, para asegurarse de que luzca exactamente redondeado y jugar con él. A lo mejor hay que ajustar un poco nuestra máscara. Quité el efecto de trazo sobre él porque no necesitamos eso. Y he rehecho como donde la pelota va a dejar este G. Ahora tenemos que sumar esto. O se puede decir un rebote o lo de flexión un poco para que sea más interesante. Entonces agrega un CC, dobla efecto sobre él. Establezca aquí el punto de inicio y final. Ahora, haz un fotograma clave. Aquí. Puedes agregar un valor que realmente te guste. Si quieres agregar un valor más alto, se ve realmente hinchable. Si quieres un realmente sutil puedes usar son como 25, tal vez 30. Depende de tu logotipo, lo tuyo. Así que haga clic aquí, fotograma clave medio y soy el valor D es que estoy usando el menos 36. Ir a par de marcos hacia adelante y hazlo 0. Selecciona este último fotograma clave y asegúrate de que sea lineal. El primero no es lineal, eso fácil es el segundo es lineal. Y haga clic en este botón elástico. Si el segundo fotograma clave no es lineal, esto, si este efecto elástico no funcionará. Además, esto es un pago a script. Si quieres usar eso de forma gratuita, también puedes descargar un script de gorila para agregar nuestra fruta o un efecto menos elástico y de rebote. Además, puedes ajustar la bounciness de esta cosa desde los controladores cuando añadas la expresión, también agregará un controlador en la misma capa. Para que puedan ver he cambiado este valor de controlador elástico a 25 y el resto de esta multa. Veamos cómo se ve. Nuestra animación está hecha. 8. 07. Líneas de apoyo: Ahora tenemos que sumar estas líneas de unión, lo cual es realmente importante. Si todo está bien. Si solo agregas, puedes decir Como queremos darle un poco a especias las cosas, solo tienes que añadir líneas de apoyo que enfaticen el movimiento de tu animación. No hagas demasiado y no hagas doulas, aunque no se haya notado pero no demasiado. Entonces toma esta herramienta para bolígrafos y haz un camino alrededor de este G. Así que todas estas líneas pícaros deben tener menos de un segundo porque realmente es demasiado rápido. Tan soñadora duda y edición se une a ella. Y ahora tienes que jugar con tus valores. Pero si quieres copiar mis valores, también puedes hacerlo. Entonces, cuando tengas la hora exacta en la que quieres poner tus líneas o todo esté configurado, asegúrate de cambiar el nombre de tus líneas de desove. Al igual que si estoy agregando una línea de palabras o línea de apoyo para G, agregaré DS1 como d sub burning line one is for my reference. Para que puedas agregar eso para ti también. Deshazte de él. Y ahora las fiestas, ellas. Por lo que sólo tenemos que quitar la mancha y agregar un capullo del oído. La animación seguirá siendo la misma. Se ve bien. Ahora tenemos que sumar los otros como E N, D edge. Tomará tiempo, pero mejorará mucho tu animación. Sí. Entonces después de que se hace este paso por encima de la animación, felicitaciones, has aprendido esta asombrosa una emisión. Nos vemos en el siguiente video. 9. 08. Muchas gracias: Enhorabuena, lo has hecho hasta ahora y espero que hayas aprendido muchas técnicas nuevas en este curso. Si realmente quieres aprender más sobre animaciones y una, conocer todos los secretos que puedes aprender sobre las emisiones de Logan gigante, este curso completo, en realidad un buggy.com. Nos vemos ahí. Adiós.