Animación de logotipos para vídeos de YouTube y redes sociales - diseño de movimiento en OpenToonz

1. Introducción - ¿Por qué animar un logotipo?: En esta lección premium, te mostraré cómo crear una animación de logotipo como esta, paso a paso. El diseño de movimiento como este se puede utilizar como un intruso para tu canal de YouTube , redes sociales, o como un llamativo para tus anuncios empresariales. Si tienes tu propia marca o negocio y te sientes mucho más profesional, si tienes una buena animación de logo o tal vez quieres ser animador y quieres crear animaciones como esta como un servicio a tus clientes. Te voy a mostrar paso a paso cómo crear diseño de movimiento en melodías abiertas. Tunes abiertos es software gratuito y de código abierto. Entonces si solo estás dando tus primeros pasos con animación, o quieres crear algo para tu marca o realmente rápido sin gastar mucho dinero. Este es el tutorial para ti. Entonces, ¿a qué esperas? Saltemos y llevemos tu logo a vivir. 2. ¿Qué gráficos de movimiento para animar?: En primer lugar, quiero presentarles algunas opciones que deberías estar pensando en crear para tu marca. En lo primero que podrías estar pensando es en una animación de intro. Muchos canales de YouTube tienen uno y, y redes sociales. Tampoco es raro que una marca tenga algún tipo de forma abridor. Se ve el logotipo muy rápido antes de que entre en el contenido. Para mí, una animación de intro tiene dos funciones. El primero obvio es mostrarle al espectador tu marca y tu nombre para asegurarse de que sepan quién es el video ¿están viendo? Para ver un nombre que puedan tener en cuenta si les gusta el contenido que sigue. Pero un buen logotipo también puede servir para otro propósito. Se puede explicar lo que haces y lo que el público tiene que esperar de ti. Y tengo dos ejemplos para que muestres, ambos un muy bajo presupuesto cosas con las que tuve que tirar juntas solo en un par de horas es una intro que creé para un canal de YouTube que tiene mayormente sobre pañales lavables, pero también sobre cómo criar a los niños respetuosos con el medio ambiente. Y aquí decidimos enfocarnos en la conexión madre bebé porque ese es el valor central emocional de ese producto. Entonces por eso la intro no se trata realmente de pañales, sino de esta conexión emocional del bebé y la madre. Y aquí hay un ejemplo para un canal de YouTube de muy corta vida que tuve sobre el uso diferentes herramientas de webinar juntos para crear webinars impresionantes en este software de webinar único. Y sí, realmente lo expliqué poniendo todos esos logotipos diferentes de software y herramientas diferentes en un solo bote y fundiéndolo juntos. Entonces este es un ejemplo para los intereses haciendo alguna de las explicaciones. Pero el punto de enfoque de la marca, sin embargo, siempre debes asegurarte de que tu intro no sea demasiado larga porque también puede hacer que la gente se detenga aquí. Si no les gusta tu intro, es posible que no vean el resto de tu contenido, pero también puedes usar el diseño de movimiento durante tu contenido. Uno de los usos más destacados es el uso tercios más bajos como este para mostrar el nombre de alguien. Pero también puedes usarlos para mostrar alguna información adicional. Y para información realmente importante, podrías tener también una tarjeta de información de pantalla completa como esta. Entonces podrías tener un outro. Es un poco similar a la intro y que quieres asegurarte de que el usuario vea de qué marcas era esto para que puedan tener un nombre en mente. Pero también puedes usar el outro para un llamado a la acción. ¿ Qué quieres que hagan tus usuarios después de haber visto tu video? Podría ser algo así como por favor suscríbase a mi canal de YouTube, por favor vaya a mi sitio web, por favor regístrese para un webinar. Entonces si quieres que tu público haga algo después de ver tu contenido, el outro es un lugar muy importante para hacerlo y no debería ser demasiados llamados a acciones. Al igual que cometo este error a veces a que al final de mis videos de YouTube, estoy como, oh, por favor suscríbete y comenta. Si tienes un comentario y 0, tenemos tutoriales premium en Skillshare y por cierto, apóyame en Patreon y esto y aquello. Y al final, el espectador no sabe qué hacer porque no pueden hacer todas estas cosas. Por lo que a veces puede ser muy importante tomar la decisión. ¿ Cuál es la única cosa importante que quieres que haga tu público? Y acaba de mencionar que una cosa hace mucho más probable que tus espectadores realmente vayan a hacer eso, también podrías tener llamada a acciones durante un video, como un tercio más bajo que le dice a tus televidentes que suscriban o comentar o presionar como o algo así. Una cosa en la que también debes pensar antes de animar es, ¿en qué formato realmente necesitas? Tus videos todos estén en pantalla blanca para YouTube o vas a tener mayormente formatos cuadrados o retratos para redes sociales, podrías o bien crear una animación de logo y pantalla blanca que solo puedes cortar muy inteligentemente al otro formatos. O bien reorganizas los elementos de tu animación para cada formato individual. Esa es una visión general de las cosas que puedes animar para tu marca. 3. Tipos de movimientos para usar: Hay un par de trucos y principios rectores que puedes usar para crear un diseño de movimiento de aspecto interesante. El primero es elementos de compensación. Se ve muy interesante y elegante si tienes muchos elementos de tu logo. Entonces, en lugar de solo tener que subir todo el logotipo, tiene sentido sólo tener el ícono llegando a la primera línea de texto, la segunda línea de texto, y luego tal vez algunas imágenes gráficas adicionales. Por lo que obtienes una progresión agradable, interesante con diferentes elementos apareciendo en diferentes momentos. Un principio rector es agrupar elementos pero aún así compensarlos ligeramente. Por ejemplo, podría tener múltiples elementos de texto provenientes de la izquierda, entrando a la derecha. Pero hay un poco de compensación, un poco de retraso. Y tienes un bonito patrón de escalera de un objeto llegando a una parada después del otro. Esto parece todavía muy armónico porque todos los elementos venían de un lado. Pero se ve un poco más interesante que todo lo que viene de un lado a la vez. Da un desplazamiento agradable, interesante. Si quieres que tu animación sienta que hay aún más variedad y es un poco más salvaje, entonces deberías tener elementos que provengan de diferentes direcciones. Por lo que tienes como diferentes lados que se juntan. Si haces eso demasiado, podría abrumar a tu espectador. Pero si lo haces muy poco, eres logo es simplemente aburrido. Si todo sólo viene de una dirección. Eso no es tan interesante. No sólo a la izquierda y a la derecha son posibles direcciones, sino que algo podría incluso estallar desde el centro, como si tuvieras como un elemento de escala ahí dentro o si tienes algo proveniente del espacio 3D desde detrás de la cámara. Por lo que tienes como un efecto de escala que viene de una escala muy alta y principio y se hace más pequeño. Dos principios muy importantes de la animación, nuestro rebasamiento y anticipación y rebasamiento ocurre al final de emoción cuando un elemento primero rebasa su posición final y luego se instala en ella. En la vida real, esto sucede porque un elemento tiene que perder impulso primero antes de que pueda asentarse en la posición deseada. anticipación ocurre al inicio de la emoción, donde un elemento acumula impulso al ir primero en la dirección opuesta y luego en la dirección en la que realmente se supone que va. Ambos principios se basan en la física, pero también se ven muy bien en el diseño de movimiento. Si tienes un texto que está un poco inclinado, entonces podría tener sentido moverlo solo a lo largo de ese mismo eje inclinado así. Si tienes un texto perfectamente recto, entonces puedes ir recto a la izquierda, derecha, recto arriba y abajo. Eso en la mayoría de los casos se ve bien y hace el truco. Si mueve texto a lo largo de un camino, entonces también debe asegurarse de que este camino sea tan simple como podría ser para crear la impresión que está esperando de poner el texto a lo largo de ese camino. Por lo que estas son solo algunas reglas y lineamientos que tengo en cuenta mientras califico mis logotipos. Por supuesto, siempre hay casos en los que puedes romper esas reglas, donde si funciona con lo que quieres lograr con la impresión, con la sensación de que quieres crear, entonces puedes hacer cualquier cosa siempre asegurarse de que no parezca demasiado abrumador para el usuario. Y aún tienes un periodo en el que el logotipo es claramente legible antes de entrar en como disolverlo de cualquier manera loca que quieras probar. Entonces en este curso premium, verás algunos de esos principios en acción mientras animamos este logo, te darás cuenta como estás practicando, ya que estás haciendo tus primeras animaciones, notarás algunas de estas cosas por tu cuenta. Y cómo se sienten los diferentes tipos de compensaciones, cómo se sienten diferentes tipos de direcciones, cómo se comportan diferentes tipos de efectos de escala. Tienes que probar eso y poner a prueba por ti mismo. Yo sólo quería dirigir su atención a este tipo de cosas. Entonces la mejor manera que podemos hacer es simplemente empezar con nuestro proyecto y empezar a hacer nuestra animación de logo. Por cierto, estaré muy contenta de ver su trabajo en progreso. Ve cómo ofrece animaciones de logotipos vienen y tal vez incluso pueda sonar y darte algunos comentarios sobre ellas. Simplemente los estoy compartiendo ya sea en el proyecto Skillshare o en redes sociales etiquetándonos como isla animadora, me emociona ver las cosas centrales que vas a animar. 4. OpenToonz y otro software de animación: En este video, quiero contarles un poco más sobre las melodías abiertas. Y si esta es la herramienta adecuada para que utilices para crear tus animaciones. Ahora una gran ventaja de las melodías abiertas es que es gratis. Es software de código abierto basado en realidad en software que alguna vez fue comercial. Por lo que se ha utilizado para crear animación de largometrajes. Y por eso, las melodías abiertas es muy profesional cuando se trata de software de animación libre es probablemente el más profesional del grupo porque tiene muchas opciones y la interfaz está orientada hacia profesionales. Entonces no es un software que abres y luego de inmediato sabes cómo usarlo. Eso tampoco es de qué preocuparse. Si sigues este tutorial paso a paso, te guiaré por todo. Es que si dices como quiero tener algo realmente fácil, algo realmente rápido. Y puede que seas más un comercializador y solo quieres algo muy rápido y realmente no quieres aprender animación, entonces quizás quieras mirar otro software que esté orientado hacia los aficionados. Por ejemplo, un lienzo. La herramienta de post diseño de redes sociales ahora también tiene algunas características de animación. Y hay una herramienta llamada video wave dot que te ayuda a crear publicaciones en redes sociales que solo son un poco animadas con mucha facilidad. Esas herramientas tienen la desventaja de que tienes menos control sobre la forma exacta en que se animan las cosas. Entonces yo siendo animador y cada vez que trabajo en esas herramientas que son básicamente como PowerPoint donde se activa un efecto de animación. Siempre estoy como, así no es exactamente como quiero que sea. Entonces si eres perfeccionista, la solución sería animarlo en un software más profesional como las melodías abiertas 0 y los videos Canva y Wave no son gratuitos. Por lo que también necesita encajar en tu presupuesto si apenas estás empezando, gemelos abiertos podrían ser una gran opción para no gastar ningún dinero. Acabas de pasar el tiempo aprendiéndolo para crear una animación. La otra cosa que quiero decir sin embargo, es que el diseño de movimiento suele hacerse en un software llamado Adobe After Effects. Y After Effects forma parte del Adobe Creative Cloud. Entonces, si eres dueño de Photoshop y otros productos de Adobe, lo más probable es que también posea After Effects. Nuevamente, cuesta dinero, pero ese es el estándar de la industria utilizado para el diseño de movimiento. Si eres dueño de Adobe After Effects, francamente, no debes hacer este tutorial porque las melodías abiertas tiene algunas limitaciones y problemas que vamos a solucionar en este tutorial y encontrar soluciones para. Pero es mucho más fácil en After Effects. Entonces si ya estás pagando dinero por After Effects de todos modos, solo usa After Effects. Tiene tantas herramientas que hacen mucho más fácil la animación de textos. Y sobre todo si tienes texto dinámico y usas Adobe Premiere para cortar, puedes cambiar el texto de tu animación en tu software de edición de video y cosas como esta. Hay tantas cosas bonitas que puedes hacer en ese flujo de trabajo muy profesional de Adobe After Effects to Adobe Premiere. Si no tienes acceso a esto y no quieres gastar el dinero en comprar software de animación profesional o muy amateur en este momento, entonces este tutorial es adecuado para ti. Y por supuesto, también, si estás aprendiendo melodías abiertas, solo quieres convertirte en un buen animador y quieres practicar más con melodías abiertas, entonces este también es un muy buen ejercicio para practicar los principios de la animación. Entonces espero poder decirte un poco dónde está las melodías abiertas en el panorama del software. Una vez más, realmente es un software muy profesional, muy bueno. Pero hay software que es más fácil y hay software que es más profesional cuando se trata de animación de texto. No obstante, muy potente y nos vamos a divertir animando este logo de animación. Saltemos al primer elemento que vamos a animar. 5. Animar la transición de toallitas: En esta sección, saltamos directamente al agua fría y en realidad vamos a animar nuestro primer elemento de nuestra animación de logo. Vamos a animar esta toallitas de transición. Y después de esto, vamos a dar un paso atrás y pensar más en cómo realmente necesitas preparar tu logo para ponerlo en melodías abiertas. Pero pensé que sería divertido como un lindo ejercicio de calentamiento para empezar a animar algo inmediatamente. Cuando inicias melodías abiertas, tiene una pequeña pantalla de inicio con la que te saluda. Y tiene un proyecto por defecto en el que ya estás, en el Proyecto Sandbox. Proyecto Sandbox es genial. Si haces animaciones de prueba rápida, haces tu primer experimento de animación. Pero si en realidad se supone que esta es tu animación de logo, necesitas crear un proyecto para ello. Y te voy a mostrar cómo hacer eso. Si haces clic en Nuevo proyecto por primera vez, podrías darte cuenta de que solo hay una raíz de proyecto en la carpeta predeterminada de melodías abiertas, pero probablemente quieras guardar tu animación en otro lugar. Por lo que necesitamos agregar primero una nueva ubicación del proyecto. Y es un poco confuso que no puedas hacer esto en esta pantalla de inicio. Tenemos que entrar en las preferencias. Y para eso es necesario cerrar el inicio, pop up, dar clic en Preferencias de archivo, y son encontrar una casilla de verificación para agregar Caminos de proyecto personalizados. Y aquí puedes ingresar una ruta de archivo o usar este botón para navegar a una carpeta de tu computadora donde quieras guardar tus proyectos de melodías abiertas. Una vez que hayas hecho eso, verás que aquí aparece el camino. Puedes agregar múltiples caminos agregando dos estrellas y luego el siguiente camino justo después de él. Pero voy a dejarlo con ese único camino por ahora. Y sí, si estás contento con el camino que dijiste, solo puedes cerrar las preferencias, pero necesitas reiniciar las melodías abiertas, dejar de fumar y volver a abrirla. Y después de reiniciarlo abrir melodías, verás que bajo nuevo proyecto ahora tienes tu segunda ubicación de proyecto y puedes crear un nuevo proyecto. En mi caso, voy a hacer una animación de logotipo para un café. Entonces llamémoslo animación del logo del café. Todos estos caminos aquí abajo, no hay razón para cambiarlo. Las melodías abiertas guardan diferentes elementos de tu proyecto en diferentes carpetas, tus escenas, que podrían ser el diferente conjunto de diseño de movimiento que haces. Podrías tener una escena para ello, tu tercio inferior, tienes una escena para tu intro, una escena para tu outro. Todos entran en diferentes carpetas y todos los dibujos y activos gráficos que cargas en melodías abiertas. Se guardan individualmente en diferentes carpetas del proyecto, pero vamos a dejar todos estos nombres de carpetas con sus valores predeterminados y acaba de golpear, Ok. Ahora puedes ver que la caja fuerte en camino aquí abajo también cambió para reflejar las ubicaciones de tus proyectos. Y ahora estamos creando nuestra primera escena. Y vamos a hacer la intro. Para la resolución. Necesitas pensar en qué resolución más necesitas. Estoy haciendo una intro para un canal de YouTube, así que me quedo con pantalla ancha, 1920 veces 1000 AD. Pero si solo necesitas tu intro para Instagram, o podrías hacer una versión de la animación que ya has creado. posible que desee cambiarlo a algo cuadrado como un 1080 veces 1000 AT 24 fotogramas por segundo es una buena velocidad de fotogramas para la animación. A veces hay razones para cambiar la velocidad de fotogramas. Por ejemplo, si todos los videos que estás grabando están en 30 fotogramas por segundo, solo debes apegarte a 30. Si tienes una velocidad de fotogramas rara, como 29.97 en tu software de edición de video, también puedes ir al siguiente número completo, como 30 fotogramas por segundo. Si tienes un canal de juego, es posible que subas todo el camino hasta que te gusten 50 o 60 cuadros por segundo. Voy a cambiarlo a 25 fotogramas por segundo porque esa es la velocidad de fotogramas de mis videos. Asegúrate de tener el guardado automático encendido. Esto puede ser un verdadero salvavidas. Si está abierto a sus choques, no pierdes más de los últimos cinco minutos. Y con toda la configuración, podemos crear nuestra escena, nuestra escena introductoria. Lo primero que hacemos es crear la forma que estará limpiando a través de la pantalla. Para eso, queremos crear una nueva capa vectorial. Podemos hacer click en este botón y crea un nuevo nivel. Un nivel es una colección de dibujos y podemos usar el nombre del nivel para asegurarnos de que sabemos lo que contiene. Esto. Vamos a teclear forma de borrado y dejarlo con eso. Puedes asegurarte de que es un nivel vectorial y golpear, vale, lo genial de las capas vectoriales es que puedes. Amplía y alejaba sin que las capas obtuvieran píxel. Si utilizas una capa de mapa de bits, el píxel individual aparecerá si transformas demasiado tu animación. Y al usar capas vectoriales, tenemos un poco más de una opción para ajustar las cosas después de que ya las hayamos animado para este borrado, quiero crear algo así como una forma diagonal. Pero por supuesto también podrías tener otra forma como una ola o una pierna líneas en zigzag. Cualquier cosa que quieras. Una buena herramienta para crear líneas muy rectas es la herramienta de forma. Y lo vamos a cambiar a la forma de polilínea porque eso nos permite establecer el contorno de la forma individualmente. Podemos usar formas prefabricadas si solo quieres tener un rectángulo limpiando a través de la pantalla, pero queremos tener unas líneas diagonales. Entonces hagámoslo a mano con nuestra herramienta de polilínea. Y con turno, podemos asegurarnos de que se quede en línea recta. Haga clic aquí. Y ahora estamos creando el ángulo de nuestro WIP. Haz algo como esto. Las bacterias tienen que asegurarse de que se conecta con el primero. Podemos usar el editor de puntos de contorno aquí abajo para ajustar nuestra forma. No estamos lidiando con ello ahora mismo. Sólo tenemos un esbozo. Podemos ver a través de nuestra forma, y necesitamos cambiar eso creando un nuevo color aquí abajo. Vamos a crear un nuevo estilo. Ahora mismo el estilo es negro, pero podemos cambiarlo escogiendo un color con estos selectores de color aquí arriba. Y esos deslizadores también pueden ayudar a encontrar el color que quieras. Tengo esta configuración de auto encendida. Entonces cada vez que cambio algo aquí abajo, sí cambia los colores. Si tienes auto desactivado, primero debes crear tu color y luego presionar Aplicar. Por lo que se almacena en la muestra de color. Bueno, sí, lo voy a dejar en auto y encontrar nuestro primer color. Ahora si estás trabajando con una marca existente, ya deberías tener una paleta de colores que puedas usar para los colores de fondo. Y puedes escoger de eso. Y no tienes que trabajar con el sistema de color HSV. También hay deslizador de color RGB aquí, muchas guías de marca tienen los colores listados con estos valores de color RGB que luego puedes usar para mi marca de café maqueta para la que estoy animando este logo. Tenemos este color de fondo verde oliva oscuro. Y puedes usar la herramienta de relleno aquí para llenarla en nuestra forma. El genial de las capas vectoriales y los colores vectoriales en abierto a respuestas que aún puedes cambiarlos. Podemos entrar, seleccionar la muestra de color de relleno, y cambiar nuestro fondo a cualquier otro color que queramos. Esto puede ser muy útil en el diseño de movimiento. A veces tu marca cambia de color. Por ejemplo, si tienes diferentes secciones de tus videos o diferentes temas han sido marcados con diferentes colores, a veces solo puedes usar la misma animación y simplemente cambiar los colores alrededor. Voy a volver al color verde que seleccionamos previamente. No quiero tener un esquema a su alrededor. Entonces con esta herramienta Seleccionar aquí, voy a dar clic en la forma y seleccionar este color transparente. Esto se utilizará entonces como color de contorno. Y debido a que es transparente, se puede ver que ya no hay contorno. ¿ Sabes qué? En realidad sí quiero cambiar un poco la forma con el editor de puntos de contorno aquí. Porque este es el lado donde quiero que la animación entre a la pantalla. Pero tal vez también queremos tener una transición outs donde también queremos ver el ángulo. Entonces déjenme sacar esto en más o menos el mismo ángulo. Entonces primero vamos a ampliar la exposición de este dibujo, no estoy seguro por cuánto tiempo necesitábamos, así que solo lo estoy arrastrando un poco por ahora. Esta columna, esta capa actualmente sólo alberga un dibujo, que es el dibujo de forma blanca ceros 0000, una naturaleza, vamos a añadir más formas blancas. Esos también deberían aparecer aquí si lo agregamos al nivel correcto, más sobre eso en un segundo, pero ya podemos animar esta primera forma blanca. Esta es en realidad la posición media. En esta posición tendremos la animación del logo teniendo lugar encima de este relleno verde. Por lo que queremos que la forma entre desde la pausa izquierda, para que pueda llevarse a cabo toda la animación del logotipo. Y entonces tenemos un acceso a la derecha otra vez. Antes de animar realmente algo, es importante establecer el método de interpolación predeterminado, cómo las melodías abiertas se mueven de un fotograma clave a otro. Y un fotograma clave es básicamente solo guardar una posición y decirle a la computadora, bien, en este fotograma tendrás esta posición y 10, 20. Por mucho que muchos fotogramas después tengas la segunda posición y la computadora puede moverse entre ellos, pero podría moverse de muchas maneras diferentes. De inmediato podría disparar a toda velocidad o una muy suavemente empezar a moverse a más rápido y luego vuelve a ser más lento. Y este es en realidad el tipo de movimiento, pero que queremos. La mayoría de las veces queremos que una animación se acelere gradualmente y disminuya gradualmente. Y podemos hacer de este el tipo de movimiento por defecto en melodías abiertas. Para ello, tenemos que ir a Preferencias de Archivo. Y en la pestaña de animación, podemos seleccionar un método de interpolación predeterminado. Y por defecto probablemente esté configurado en lineal. Tenemos que cambiar esto a la velocidad de entrada, la velocidad de salida. Por lo que necesitamos mantener esta posición alrededor del marco 15. Podemos cambiar todo este tiempo de mancha. Posteriormente. Acabo de poner la cabeza de juego en el marco 15. Y ya sea presionando la Z o la forma del diamante aquí arriba, podemos decirle a una computadora que tenga en cuenta esta posición. Ahora, con la herramienta de animación, podemos mover el objeto alrededor y hacer que la computadora guarde nuevas posiciones. Por supuesto que no encuadrar 15. Queremos que el marco 15 se mantenga de la forma en que lo fijamos ahora mismo. Queremos ir al principio en el cuadro uno y establecer la posición de inicio para nuestra forma. Para eso, necesitas usar la herramienta enemiga en el modo posición. Y ahora podemos hacer clic y mantener pulsado Shift si quieres que solo se mueva a lo largo de un eje y lo mueva fuera del camino. Esto creó un nuevo fotograma clave en el fotograma uno con la forma siendo todo el camino hacia la izquierda. Y si ahora fregamos, podemos ver que la forma va hacia los derechos y se detiene en esta posición que guardamos hace un momento, Es muy importante que entiendas la diferencia entre la herramienta selecta y la herramienta animar, la herramienta enemiga que solo usamos para posicionar nuestra forma, en realidad mueve toda la columna de capa y todos los dibujos que hay ahí. La herramienta Seleccionar se utiliza para seleccionar trazos o áreas individuales de un dibujo que forma parte de un nivel. Entonces piensa en las columnas de las capas como es en los buenos viejos tiempos de la animación. Se trata de una placa de vidrio donde puedes poner los dibujos encima de ella. Pero entonces puedes mover la placa de vidrio y mover todo lo que hay en estas placas de vidrio con ella. Eso es lo que estamos haciendo con la herramienta animada. Entonces si pondrías diferentes dibujos en esa columna, en esa placa de vidrio, también los moverá exactamente de la misma manera porque mueve cualquier dibujo que esté en esa columna. Podemos presionar Play y ver qué tenemos hasta ahora. Creo que los 15 cuadros no fueron tan malos. Hice un hábito colocar fotogramas clave siempre en números desiguales, en números impares. Si tienes un fotograma clave en el fotograma 1 y en el fotograma 5, siempre puedes ir en el medio exacto. Se puede colocar un fotograma clave en el fotograma tres. Y entonces tú también, para una emergencia, tendrías los números pares para, otra vez ir exactamente en el medio. Y la animación de posición media es realmente importante porque con la posición media, determina si algo se mueve en línea recta o en un arco que viene de esa posición media. Por lo que puede ser muy importante en la animación tener siempre como un medio accesible para agregar más fotogramas clave en. No tienes que hacerlo de esa manera. Es sólo que algo que estoy muy acostumbrado a ello. Entonces me verás en el video todo el tiempo yendo como, Oh no, puedo colocar un marco aquí. Tengo que ir uno a la izquierda o a la derecha para golpear un número impar. Podemos jugar un poco más con esta transición para cambiar la sensación de la misma. Si estás un poco confundido al ver tan lejos fuera de la cámara. Esto también este modo de cámara aquí arriba, que corta la pantalla para sólo mostrarnos lo que ve la cámara y cómo se van a exportar las imágenes. Eso hace que sea un poco más fácil juzgar cómo se ve realmente el Wipe diagonal. Hay un par de formas en las que podríamos cambiar esta animación. Y para ver lo que estamos haciendo, también podemos activar esta piel de cebolla aquí arriba, que muestra el anterior y el siguiente cuadro mostrando a través. Y lo podemos ver en el espaciado aquí en el medio. Desde este cuadro hasta este cuadro, el espaciado es realmente alto, lo que significa que se trata de una velocidad rápida. Y luego aquí, este espaciado más tarde se hace más pequeño, se está desacelerando. Por cierto, puedes encender y apagar rápidamente en la piel haciendo doble clic en este marcador de piel de cebolla aquí. Y podemos jugar un poco con el ritmo al que se está desacelerando. Para eso, necesitamos el editor de funciones y un derecho para que los editores de funciones hagan clic derecho en un fotograma clave es la función en arrancó aquí abajo. Y sí, así es como se ve. Actualmente contamos con nuestro WIP tendido en la columna 1. Por lo que podemos hacer click en eso, verlo aquí. Y esos son los dos fotogramas clave que dijimos. Este es el fotograma clave que dijimos con el atajo de teclado o el botón diamante. Le dijo a la computadora que almacenara todos los parámetros, tuviera en cuenta todos los parámetros, la posición, la rotación, la escala, y la cizalla. Y en el primer cuadro sólo nos movíamos. El objeto con la herramienta enemiga, lo que provocó que sólo guardara el fotograma clave de posición. Pero esto está bien. Esto funciona para nosotros. Ahora la forma más fácil de jugar con cómo los campos de movimiento es ir al editor de curvas de función. Aquí arriba. Obtienes esta bonita cosa de aspecto matemático con una rueda de ratón. Se puede acercar y alejar en el editor de curvas. Al hacer clic en la rueda del ratón, puedes agarrar la ventana gráfica y moverte. Y al hacer clic y arrastrar el sistema de coordenadas hasta aquí, también se puede cambiar aún más cómo se muestra la curva. Quieres jugar alrededor con los datos de posición que obtenemos punto click en esta curva roja, que es una representación de estos x valores. Si queremos que el movimiento comience y se detenga mucho más lento y sea aún más rápido en el medio, podemos arrastrar hacia fuera estos mangos tangentes, se asegura de que sea más o menos recto. Y al hacer eso, ahora deberías ver que cambiamos cómo camina este movimiento. Si ves que es mucho más lento en el principio y luego se vuelve más rápido, podemos, no exagero esto aún más? A lo mejor hacer el movimiento un poco más largo para enmarcar 19 aquí para ver realmente eso. También podríamos intentar que salga a toda velocidad. Esa sería una curva parecida a esta y luego volverse más lento hacia el final. Ahora puedes ver si movemos nuestro cursor aquí arriba al principio en verde, vemos este enorme espacio aquí dentro, que significa que es un movimiento rápido y luego se hace más pequeño y más pequeño y más pequeño. Y así es como se ve. Es solo un destello repentino cada vez más lento. Otra opción que aún no hemos probado es iniciar el movimiento muy suave y que termine a toda velocidad. Ve que empieza un poco pesado y luego es más rápido. Creo que quiero quedarme con la clásica forma de s de que sea muy lento en ambos lados. Y luego tienes el gran swoosh en medio de la animación. Esa siempre es una sensación clásica muy elegante. Y también podríamos animar el WIP saliendo de la pantalla nuevamente, revelando la imagen de video que ahora podría estar debajo. Para crear nuestra pequeña pausa durante la cual puede suceder la animación del logotipo. Podríamos simplemente copiar marco 19 con Control C por ahora es ponerlo muy cerca aquí en el marco 20 uno. Podemos hacer esto más grande más adelante. Por lo que este sería el periodo durante el cual el resto de la animación del logo ocurre aquí arriba. Pero debido a que aún no tenemos una animación de logotipo, Vamos a colocarlo aquí en el cuadro 20 uno. Y luego queremos la salida de dos WIP, pero no hacia atrás hacia la izquierda. Tiene que ir a lo que es correcto. Podemos hacer eso eligiendo un marco 43 para tenerlo sí, más o menos ser del mismo tamaño y cómo podemos volver a usar la herramienta enemiga, asegurarnos de que estamos en la herramienta de posición y arrastrarlo hacia fuera mantenga pulsado Shift para asegurarnos de que todo se quede a lo largo de la mismo eje. Y ahí vamos. Echemos un vistazo a la curva realmente rápido. Ah, eso no se ve muy mal. A veces esas curvas van muy, muy mal y tienen algunos momentos muy raros ahí dentro, por ejemplo, sobre todo aquí en el medio, hay que poner atención. Estos son los mismos valores. Pero podría suceder que si tu curva se desplaza así, todavía obtienes una animación rara. Vamos aquí porque esta tangente está señalando hasta ahora. Para evitar esto, también podríamos cambiar el método de interpolación de esta porción de la curva a interpolación lineal para asegurarnos de que permanezca en este eje. Y ahora puedes hacer lo que quieras con esta tangente sin romper el otro lado. Entonces, de nuevo, queremos que la moción sea realmente suave. Y también aquí queremos que la moción y realmente suavemente. Y justo ahora me di cuenta de que mi duración de juego se acaba de cortar aquí en el fotograma 31, mi animación termina, pero en realidad sigue pasando a como cuadro 43. Así que asegúrate de que este mango de duración de escena se alinea con la duración de tu animación. Ahora esto debería verse mucho más suave incluso para suavizar, porque no vi que todavía tenía un montón de marcos aquí. Entonces hagámoslo un poco más empinado. También podrías, si no estás contento con la duración de tu transición, puedes cambiarla en la línea de tiempo aquí haciendo clic y arrastrando esos símbolos de teclas alrededor. También puedes mover más de uno manteniendo presionada la tecla Mayús y seleccionando varios y luego haciendo clic y arrastrando para moverlos. O los mueves aquí arriba en el editor de funciones, solo agarras cualquier cosa que esté debajo. Eso es bastante útil. No aconsejaría agarrar aquí los fotogramas clave y arrastrarlos a otro lugar porque ahora creó un nuevo fotograma clave. Tenemos el que anteriormente teníamos todavía tiene ciertos datos de rotación y datos de escala, pero ya no es necesario. Y estos son los datos de posición que arrastramos. Pero, ya sabes, se pone un poco desordenado. Entonces, o bien mueve las teclas en la línea de tiempo o mueve las teclas aquí arriba. Pero esta animación no es tan interesante como una galleta todavía. No está pasando tanto. Sí. Podemos agregar un poco de complejidad, algunos elementos más, incluso a este sencillo borrado. 6. Varios colores en la transición de toallitas: Estaremos agregando múltiples colores a la transición y vamos a tratar de ser realmente inteligentes al respecto. Por lo que no necesitamos hacer la misma animación tres veces desde cero. Vamos a estar reutilizando lo que ya tenemos para hacer que la animación se vea más compleja. Por lo que necesitamos una nueva capa para colocar las cosas. Puede hacer clic derecho aquí e insertar una capa arriba. Y una vez más. Y en esta capa ahora podemos copiar y pegar la transición varias veces para eso, click en estas partes más oscuras aquí, y puedes copiarla con Control C y pegarla aquí y otra vez en la capa aquí arriba. Ahora notarás que esto rompió la animación. Las capas superiores no tienen ningún fotograma clave sobre ellas, y por lo tanto, la pantalla se acaba de cubrir por la forma porque esa era la posición predeterminada que teníamos cuando creamos la forma. Y la cosa es que los dibujos y los datos de fotogramas clave son independientes entre sí. Si hacemos clic aquí, aquí arriba en este, este mango, y si movemos el dibujo alrededor, se puede ver que los fotogramas clave permanecen en su lugar y viceversa. Si movemos este primer fotograma clave alrededor, no se mueve donde está el dibujo. Por lo que necesitamos tener esto en cuenta. Tenemos que copiar y pegar esos fotogramas clave haciendo clic en el primer fotograma clave, manteniendo pulsada la tecla Mayús y haciendo clic en el último fotograma clave. Siempre hago clic en el dibujo, pero quiero dar click en el fotograma clave allá arriba. Ahora, esta vez funcionó, Tiene todo el fotograma clave seleccionado de primera a última. Podemos copiar que controlaría C y lo pondría en las otras capas. Ahora todos están haciendo el mismo movimiento. Entonces simplemente parece lo que teníamos antes. Lo que vamos a hacer ahora es que los vamos a compensar. Vamos a mover tanto nuestro dibujo como los fotogramas clave en un patrón de escalera como este. Así que asegúrate de que los fotogramas clave y los dibujos estén guardados así con al menos dos fotogramas de diferencia. Podría ser aún más. Podrían ser cuatro cuadros o algo así. Puedes experimentar alrededor con esto un poco más una vez que realmente podamos ver algo. Ahora mismo, Todavía no podemos ver nada porque todos tienen el mismo color. Y realmente no vemos dónde empieza una forma y la otra termina. También hay que asegurarse de que la exposición de mi escena vaya hasta el último fotograma de todas las animaciones. Ahora, ¿cómo obtenemos diferentes colores? Tenemos que volver a una capa. Aquí haremos click en el nivel de dibujo y vemos que todavía tenemos un solo dibujo. Esas tres formas limpian aquí, todas son una instancia de ese mismo dibujo con la forma verde. Entonces aunque cambiáramos el color de la forma aquí. Y podemos hacer esto con bastante facilidad haciendo clic en el color y simplemente cambiándolo. Pero todavía va a cambiar todas las formas a leer porque son exactamente el mismo dibujo. Eso se puede ver en la vista previa aquí. Siempre que los cambiaba, los tres cambian. Entonces lo que necesitamos hacer es romper el vínculo tanto del dibujo como de los colores. Te voy a mostrar cómo se hace eso. Entonces digamos que la última capa, la de aquí arriba, la última capa en aparecer es el color que queremos conservar. Por lo que necesitamos cambiar a los otros dos. Vamos a la primera capa. Tenemos que duplicar el dibujo que tenemos aquí haciendo click en el primer dibujo en golpear D For Duplicate y la esquina superior derecha ya puedes ver tenemos que limpiar formas ahora. Ahora mismo, ambos son verdes. Siguen pareciendo idénticos. Pero ahora tenemos un segundo dibujo que podemos poner en la línea de tiempo. Y ahora mismo está aquí. Ahora para el primer fotograma clave aquí sigue borrando forma número 1. Podemos cambiar esto haciendo doble clic aquí y cambiando el nombre para borrar en forma número dos. Y ahora se puede ver que es blanco forma número dos. De principio a fin, el cambio el color. Necesitamos crear una nueva muestra de color. Porque si cambiáramos esta muestra de color, cambiará el color de todas las formas en todas partes. Necesitamos un nuevo color que actualmente no esté vinculado a nada. Y eso lo conseguimos haciendo clic en el símbolo más aquí. Y vamos a seleccionar un buen café por aquí. Y ahora necesitamos llenar este color a la forma blanca al dibujo, para asegurarnos de que estamos obteniendo la forma correcta para rellenar. Puede hacer clic aquí en el panel de niveles en la forma número dos de WIP, y esto está mostrando sólo una forma de borrado. Ahora acabo de cambiar de ella. Necesito volver a entrar en ella. Esto, esto de aquí es sólo esa forma blanca número dos, y podemos llenarlo con la herramienta de relleno por aquí para tener ese segundo color marrón. Vamos a hacer lo mismo en esta columna, en esta capa, voy a golpear D. Ahora tenemos WIP forma número tres. Necesitamos una nueva muestra de color aquí. Y éste podemos cambiar a nuestro amarillo soleado. Haciendo click en la línea de tiempo. Vuelves del modo de enfoque del dibujo único. Para que podamos entrar en el modo cámara y golpear Play. Y ahora deberíamos verlo, señor, recortado por un par de colores diferentes. A lo mejor deberíamos hacer el desplazamiento aún más grande. Los cuatro fotogramas, asegúrate de desplazar tanto los dibujos como los fotogramas clave. Y ahora está pasando por los diferentes colores, al menos en lo intrínseco. Ahora mismo no vemos que la capa amarilla y la marrón, me estoy moviendo en absoluto porque la capa verde sólo lo está cubriendo todo. Por lo que queremos que la capa amarilla espere. Y podemos hacerlo seleccionando este y este comando de fotograma clave y también construyendo una escalera inversa como esta. Y ahora todo lo que tenemos que hacer es asegurarnos de que los pares tengan una exposición similar. Hagamos esto de la misma longitud que el turno aquí para tener esos cuatro fotogramas entre los fotogramas clave. Añadamos dos más, éste y éste, 1, 2, 3, 4. Y si hacemos clic en play, de nuevo, la exposición de nuestro proyecto fue a pequeño, asegurándose de que se suma. Podemos ver que empieza y termina con estas coloridas esposas. Y sabes qué, incluso sin una animación de logotipo encima, ya podemos usar esto. Muchos canales de YouTube usan transiciones como esta para encubrir un cambio de tema. Está bien, espero que esto no te haya asustado demasiado del proceso de animación. Puede ser un poco tedioso. Pero afinidad por hacer clic en los fotogramas clave y asegurarte de que todo se aline y puedas jugar con tu Curve Editor y con el tiempo de fotograma clave en siempre hasta que tengas algo que crees que se ve bien y luego lo miras un día después y luego piensas que tal vez debería ser un poco más lento o más rápido, pero eso es completamente normal. Y con una animación para gustar las melodías abiertas, tienes la libertad completa de explorar diferentes tiempos y diferentes curvas de animación. A continuación vamos a echar un vistazo al logo que estaremos animando y mostrarte cómo podrías planear un poco de un pedido. Y luego lo vamos a poner en melodías abiertas, construirla ahí, y luego animada. 7. Planifica la animación de logo: Ahora es el momento de agarrar tu logo y animarlo. Si aún no tienes logo. Realmente no voy a meterme en el proceso de cómo diseñar un logotipo porque ese es un tema completamente grande por sí mismo. Los diseñadores pasaron literalmente meses en algunos logotipos de tus marcas favoritas. Por lo que hay un montón de cosas que se pueden aprender y probarlo con diferentes formas de logotipo y fuentes y todo esto que pertenece a una buena marca. La selección de colores también es un tema muy grande por sí solo, puedes encontrar tutoriales sobre diseño de logotipos y branding en general, por ejemplo, en Skillshare, necesitaba un logo aunque para animar. Entonces hice esta pequeña exploración rápida. Yo quería hacer un logo para un café. Eso también es algo así como un bar de cócteles. Entonces tuve la idea de agregar esos, esos elementos de cóctel al muck del Café, probando diferentes formas aquí del mach del café. Y sí, En última instancia, aterricé en este logotipo. Ahora esto de ninguna manera es un verdadero desarrollo de logotipos. Si fueras a desarrollar un logotipo real, harías este proceso por mucho más tiempo. Intentarías muchos más motivos diferentes, muchas más formas. Pero quería tener algo divertido y rápido para este tutorial. Así que solo pasé un par de minutos probando esa idea muy sencilla y poniéndola en la mejor forma posible que pudiera hacer en tan solo un par de minutos. La selección de fuentes es otro gran tema. Por lo que si ya tienes un logotipo, debes asegurarte de tener acceso a un archivo que tenga todas las capas. O necesitas cortar tu archivo en diferentes capas y exportarlos por separado. Por ejemplo, como PNG transparente o, y esto es lo que vamos a hacer ahora mismo. Podrás reconstruir tu logo en melodías abiertas. Esto tiene especialmente sentido si tienes como un logotipo vectorial y quieres hacer cosas más extremas con eso, como acercar y acercar, alejar mucho. Necesitas que los vectores de tu ícono estén en melodías abiertas como vectores reales, reales. Entonces tomaremos esta idea aquí y la reconstruiremos en melodías abiertas. También vamos a tener que seleccionar un fondo tanto para la fuente escrita de la máquina Moore aquí arriba como para la fuente manuscrita allá abajo. También podríamos empezar ya a pensar en qué animación realmente queremos que suceda. Esta es tu primera animación. Es posible que quieras simplemente probar cosas diferentes en el software de animación y eso también está bien. Pero si haces esto más a menudo, tienes que sentir por lo que las cosas se ven bien. Y ya puedes decir como, vale, quiero que esto venga primero de la izquierda, luego esto para que aparezca y cosas así. Y ya puedes planear eso en tu cabeza o, sabes, en realidad deberías escribirlo. Entonces para el proceso de animación, tienes una idea muy clara de las capas que necesitas y qué pasos suceden uno tras otro. Por regla general, tiene sentido agrupar las cosas, pero aún así, deberías tener muchos elementos separados apareciendo en momentos separados porque eso hace que una animación de logotipo parezca interesante. Si tienes este pop up una cosa tras otra entrando a la pantalla, Simplemente es más interesante que solo tener todo el logo solo ser como, Oh, y ahí está todo el logo. Eso no es tan divertido. Entonces, por ejemplo, podría imaginar que lo primero que pasamos es que tenemos esta forma pop up. Es efecto de escalar hacia arriba. Eso va a ser lo primero que pase. Entonces vamos a hacer que el plato pequeño entre de la derecha. la segunda cosa siguiente, la copa está bajando de, aquí arriba y luego tal vez todos los elementos, la rodaja de limón y la paja también entrando de arriba. Esta primera fuente se va a deslizar desde una máscara. Y por último pero no menos importante, tenemos la letra, un par. Esto es lo séptimo y último que sucede. Por lo que esto nos da un plan áspero de cómo se ve nuestro logotipo y qué pasa cuando, si ya tienes un logotipo, esta podría ser tu primera tarea. Piensa en qué partes deben aparecer después de la otra. ¿ Deberían venir de izquierda, de derecha? ¿ Deberían escalar? ¿ Deberían simplemente desvanecerse? Pero también se podría decir como, sabes qué, me puedo imaginar esto ahora mismo. No sé cómo se ve y se siente cuando las cosas vienen de izquierda y derecha o arriba, eso también está totalmente bien. No necesitas decidirte. Ahora. También puedes decidir más tarde o simplemente hacer este tutorial y sí, ve por ti mismo cómo se sienten los diferentes movimientos que vamos a crear aquí. Por lo que me emociona crear el look final de este logo ahora en melodías abiertas y luego animado de la manera que hemos planeado, que creo que se verá bastante cool. 8. Trazado o dibujo del logotipo: Entonces primero quieres meter tu local o el garabato de un logo en melodías abiertas. Y la forma más fácil de hacer eso es simplemente arrastrarlo y soltarlo. En primer lugar necesitamos una nueva capa por encima de nuestra transición. Y ahora solo podemos ir al Explorador de archivos o al Finder en Mac, hacer clic y arrastrar y poner nuestro garabato en la línea de tiempo. Nos va a preguntar si queremos enlazar a la ubicación donde se encuentra actualmente la imagen o si queremos importarla al proyecto de melodías abiertas. Y si no estás seguro de si la imagen se quedará en ese lugar de donde la sacaste. Probablemente deberías simplemente importarlo al proyecto de melodías abiertas. Por lo que las melodías abiertas tira una copia en la carpeta del proyecto. Ahora bien, este dibujo es muy probable un mapa de bits y no una capa vectorial. Entonces si escalamos demasiado esto, va a conseguir píxeles con dos opciones para hacer más grande este logotipo. Si se trata de una capa de mapa de bits, puede utilizar la herramienta Seleccionar para dibujar una selección como esta selección de lazo. Y notarás que simplemente lo recortará como de un trozo de papel. O puedes usar la Herramienta Imagen y con las herramientas enemigas cambiadas a la propiedad de escala, podemos hacer esto más grande y hacerlo encajar al marco. Pero verás que si haces mucho zoom en capas bitmapeadas, se van a pixelar. Ahora si ya tienes tu logo, exórtalo a diferentes capas, diferentes PNG transparentes, puedes traerlos de manera similar, crear una nueva capa. En esta capa, voy a poner un PNG transparente. Y podemos importar esto también. Y como puedes ver, esto es transparente y puedes moverlo a donde necesita estar con la herramienta enemiga pasando por la herramienta de posición y escala, si tu logo consiste en muchos elementos, no quieres moverlos todos individualmente. Se quiere tener una capa que los mueva a todos. Y la forma de hacerlo es crear una nueva columna. Entonces, solo pongamos un símbolo ahí. En una capa vectorial. Esta va a ser la capa que mueve todo cuando lo movamos. Ahora tenemos que asegurarnos de que cada vez que movemos esa capa aquí, ésta, que todas las demás capas que pertenecen a nuestro logo se muevan también. Lo que vamos a hacer es entrar en la vista esquemática, y aquí podemos cambiar la jerarquía, cambiar el nombre de esta columna, dos nombres. Siempre sabemos lo que es. Se puede ver aquí abajo, ahí está la capa principal con este controlador aquí. Y ahora necesitamos cambiar la jerarquía. Queremos que esto sea el padre tanto del pincel como del logotipo garabateado. Y eso lo hacemos haciendo haciendo click y arrastrando una línea por aquí. Y ahora tenemos una jerarquía. Esas dos capas, el pincel y el garabato, son hijos de la capa principal. Y ahora cuando movemos la capa principal con la herramienta enemiga, está moviendo tanto el pincel como la capa garabatos y nuestro pequeño símbolo de ayuda aquí. Entonces así es como haces criar a tu padre. Todos los elementos de tu logo que importaste a un controlador principal como este. Y utilizas esto para reposicionar y cambiar el tamaño tu logo hasta que encaje en la pantalla y esté en la posición correcta. Entonces para mí, sólo voy a deshacer todo eso y deshacerme del pincel de aquí. Todavía necesito crear mi último logo art y lo voy a hacer directamente en melodías abiertas. Esto también podría ser algo que deberías hacer si solo tienes una versión de bitmap muy pequeña de tu logo que has estado usando o el cliente solo te dio un pixel es un desastre. Entonces una de las mejores cosas que hacer, o una de las cosas que podrías tener que hacer es rastrear el logotipo en el software que estás usando para animarlo trazando cosas en las capas vectoriales. También tenemos la ventaja de que podemos escalar si solo tienes un montón de colores planos, lo cual es una especie de moda en este momento. Muchos logotipos solo tienen formas en un solo color. Por lo que esto es perfecto para una capa vectorial. Ya vas a ver lo que quiero decir en un segundo mientras ponemos este logotipo en una forma finalizada que luego animamos, una cosa en la que también podemos pensar es nuestra paleta global de colores. Si trabajas con un logotipo ya existente, probablemente tengas una paleta de colores de 34 o cinco colores. Y no puedes usar más colores en tu logo porque ya está limitado, limitado a esta paleta de colores. Y saber esto ya te da un gran salto adelante, porque solo puedes crear esos estilos de colores y luego usar esos mismos 34 colores para todos los elementos de tu animación. Se me viene con los colores para mi logo un poco sobre la marcha. Pero como has visto, cambiar colores y melodías abiertas es muy fácil. Y si lo haces de manera inteligente, puedes tener todos esos colores aún estar vinculados y probar diferentes variaciones Muy rápido. Pero para usar realmente esto a nuestra ventaja, debemos asegurarnos de que todos los colores estén de alguna manera conectados y vinculados. Por lo que necesitamos algo así como una paleta de colores global que sostenga todos los colores posibles que luego podamos distribuir a los dibujos individuales o utilizar en todos los diferentes elementos de dibujo. Y en este momento el nivel WIP tiene nuestra paleta de colores más completa. Ya tiene esos tres colores, y quiero seguir usándolos. Por lo que necesitamos convertir esto en una paleta de colores global. Y podemos hacerlo guardando esta paleta de colores como una nueva paleta. Al hacer clic aquí abajo, podemos entonces seleccionar la carpeta Paletas y sí, darle un nombre y un poco ir paletas de color. Ahora lo genial que podemos hacer es cuando ahora empezamos a trazar nuestro logotipo, creando nuestro logotipo, podemos cargar esa paleta de colores en el nuevo dibujo. Entonces vamos a crear una nueva capa y nueva columna haciendo clic derecho como siempre, inserte arriba. Y digamos que vamos a empezar con la copa. Por lo que para la copa, quiero crear un trazo vectorial de la copa. Entonces necesitamos una capa vectorial aquí. También podría darle a esto una copa de nombre. Ahí vamos. momento, esta copa de nivel de dibujo viene con su propia paleta. Entonces para cargar la paleta de colores que acabamos de guardar en nuestra nueva capa que vamos a estar usando para la copa. Tenemos que abrir debajo de Windows la paleta de estudio aquí y el aire podemos encontrar las paletas del proyecto, y esta es la paleta que acabamos de guardar. Y queremos cargar estos colores en el nivel de copa haciendo clic derecho en la paleta y eligiendo cargar en la paleta actual. Y lo realmente genial es que si cambiamos esta paleta global, por ejemplo, hacemos que el verde sea un poco más brillante. Podemos ahorrar eso. Y podemos una vez más, cargados en los dibujos, ver esta muestra de color ahora mismo todavía está oscura porque esta es la paleta de colores de copa local. Pero lo vamos a reemplazar seleccionando la paleta de colores global que creamos para hacer clic derecho y cargar en la paleta actual. Y ahora mira la muestra. Se está volviendo más ligero. De esta forma podemos actualizar todos los colores en todas las capas, incluso después de que ya hayamos animado todo, solo asegúrate de cargar las paletas de colores del proyecto global en cada nivel de dibujo que crees. Y si quieres crear nuevos colores, Lo mejor es crearlos aquí en la paleta de colores global. Entonces vamos a crear en realidad un color para la copa que sería de un color muy brillante, tal vez un blanco cáscara de huevo, así. Vas a salvarlo. Sobrescribir la paleta de colores global y cargar nuevamente en el nivel de dibujo de copa. Ahora, ¿cómo dibujamos la copa? Vamos a seleccionar el color de copa. Y una vez más, estaremos utilizando la herramienta geométrica en el ajuste de línea Poli. Y en lugar de solo hacer clic en unos, que sólo nos da líneas rectas, vamos a hacer clic y arrastrar para conseguir líneas más suaves. Y lo que estamos haciendo esencialmente cuando estamos haciendo clic y arrastrando es que estamos arrastrando el mango Bezier de una curva vectorial. A lo mejor déjame hacer esto con un color negro que debería ser un poco mejor de ver. Entonces estamos arrastrando la curvatura por aquí, y esta es la línea real que estamos dibujando. Por lo que aquí estamos también podemos hacer clic y arrastrar y hacer una curvatura que coincida con la parte superior de nuestra copa. Ahora esta curvatura aquí necesitamos ajustarnos más adelante. En realidad queríamos ser un rincón afilado aquí, pero sí, no podemos hacer esto ahora mismo creo. Entonces Vamos a seguir fijando, estableciendo los puntos de esquina. Y podemos hacer click y arrastrar y ya afinar la curvatura aquí abajo. Y luego cierra esta capa. Sí, esto no se parece para nada a nuestra copa todavía. Tenemos que afinar los mangos tangentes que ya establecimos. Y lo podemos hacer con este editor de puntos de control. Haga clic en un punto. Estas tangentes ya están rotas, lo cual se necesita si queremos cambiar el tamaño de la tangente de forma independiente. Y puedes romper las tangentes libres haciendo clic en un lado sosteniendo Alt. Y luego puedes mover un lado de la tangente independiente del otro, y ahora están rotas por lo que solo puedes seguir haciendo clic y cambiándolos. Si vuelves a golpear Alt, los vuelve a fusionar, que no es lo que queremos. En este caso, queremos tener una esquina afilada por aquí. Podemos seguir afinando nuestra forma hasta que tengamos la copa que queremos o lo que sea tu objeto que estés creando para tu animación. Por supuesto, dije aquí el color equivocado. Podemos utilizar la herramienta de selección para seleccionar nuestra copa y asegurarnos de que tenga el color de copa. Y entonces también podemos llenarlo con la herramienta de relleno. Está completamente cerrado y eso, por eso es muy fácil cerrarlo. Si estás dibujando algo, debes asegurarte de que la línea esté muy cerca de ser cerrada. El mango que vamos a crear de una manera similar. Tomamos la herramienta polilínea y solo trazamos los garabatos que tenemos, creando algunas tangentes, generalmente en el pico de las formas. Y otra vez cambiándolo, llenándolo. Y esto es todo por nuestra capa de copa. El platillo aquí, el pequeño plato estaría en una capa diferente. Entonces vamos a crear una nueva columna. Y esta vez en realidad está por debajo. Y muy importante, queremos que esta sea una capa vectorial. Si solo quiero empezar a dibujar, como se puede ver en lo pixelado que está, esta es una capa de mapa de bits. No queremos eso. Entonces eso se asegura de crear un nuevo nivel vectorial cada vez para esto, no tenemos que usar la herramienta polilínea. En realidad nos vendría bien una elipsis. Ahí vamos. Una vez más, necesitamos importar nuestra paleta de colores mediante el uso de la paleta de estudio. Ve aquí a esa paleta de colores, digamos cargar en la paleta actual, y ahí está. Ahora podemos volver a colorear esta nueva capa para el naranja, cortarla en las paletas de colores. En realidad antes de cargarlo, no deberíamos hacer un color para nuestra rebanada naranja. Ahí vamos. Guárdalo. Cargado en la paleta actual, guárdalo y crea una rodaja naranja con la Herramienta Elipse. Si mantienes Mayús, se va a mantener la proporción. Y también podemos revisar autofill para que inmediatamente lo llene con el color que hemos seleccionado. Entonces boom, ni siquiera necesitamos usar la herramienta de relleno. Si quieres reposicionar las cosas, necesitas usar la herramienta Seleccionar. Y si haces click en el relleno, está atascado en un selecto cualquier cosa. Es necesario hacer clic en el borde para seleccionar el trazo circundante. Ahí vamos. Ahora mismo estoy haciendo todo en el marco uno. Entonces si tienes el problema que a veces pierdes, lo que estás trabajando, podría ser que simplemente cambiaras a un marco que no tiene exposición para los dibujos en los que estabas trabajando. Siguiente arriba es la paja. Y aquí volvemos a hacer el mismo juego. Nueva capa arriba, nueva capa vectorial paja. Utilizamos la herramienta geométrica y la opción polilínea. Usemos el verde que ya tenemos. Por lo que cargamos el paladar en el nivel de dibujo, elegimos el verde, y empezamos a dibujar esta paja en realidad cerca de aquí abajo todo el camino. Ahora tenemos que asegurarnos de que cambiemos la tangente más adelante después de haber dibujado todo el asunto. Sí, se ve un poco incómodo. Tenemos que cambiar eso. Con la vieja llave. Romper o fusionar las tangentes al orden de las capas no está del todo bien. Tenemos que arrastrarlo entre todo. Sí, apagando aquí la capa de garabatos con ese icono, esto lo oculta en la ventana gráfica. El yo lo escondería en el render cuando realmente exportamos nuestra animación. Pero sí, esto es en realidad, me gusta por un logo en el que solo paso un par de minutos. Eso es bastante interesante. Muy bien, ahora en una capa al fondo de todas estas, queremos tener esta plaza que está detrás de todo. Voy a usar a herramienta geométrica, va a usar el rectángulo esta vez. Y de nuevo, creo que esta vez deberíamos tener un nuevo color para esto. No estoy muy seguro de qué color va a ser. Colores morados. A veces puede verse muy bien en, en verde. Un poco como la combinación de colores Joker. De nuevo, si mantienes pulsado Shift mientras arrastras esto, vamos a conseguir un cuadrado perfecto. No cargué la paleta de colores en el nivel de dibujo. Hagámoslo realmente rápido. Ah, y ya ves que el morado no vino con él porque aún no hemos guardado la paleta de colores global. Por lo que hago clic en guardarlo primero, anulándolo. Y una vez más cargando en, en la paleta de colores actual. Y ahí lo tenemos. Ah, y aquí sucedió que creé una capa de mapa de bits y en un icono de capa de mapa de bits basta con hacer clic en Alinear para volver a colorearla. Por lo que necesitamos deshacer esto. Y déjame crear un nuevo nivel de dibujo vector nivel cuadrado. Sí, Esto fue solo una prueba para ver si estabas prestando atención, cargando la paleta de colores, seleccionándola, herramienta geométrica, rectángulo, dibujándola. Y lo tenemos. Esto es para dos rosados. Podemos ajustar colores aquí en la paleta de dibujo, pero siempre debes llevar las cosas. Probemos un azul brillante para variar. ¿ Cómo se ve eso? Sí, eso es un poco amable. Ahora tenemos que copiar ese color de nuevo en las paletas de colores globales para que podamos usarlo en todas partes. Entonces vamos a decir copiar y hacer clic en la paleta global de colores y decir Pegar color. Y de esta manera todo sigue sincronizado o se puede tranquilizar si queremos usar ese color en otros niveles. Si vas a niveles anteriores, por ejemplo, vamos a la paja. Ves que no tiene el color azul porque aún no hemos actualizado la paleta de niveles. Y podemos hacer esto una vez más haciendo clic derecho en la paleta global y diciendo cargar en la paleta actual. Y cargó el morado porque no salvamos esto todavía. Tenemos que asegurarnos de que se guarde nuestra paleta global de colores. Ahora podemos cargarlo en el pellet de color actual. Y sí, ahí está nuestro color número 7. Ahora para la fuente, si te contratan como diseñador para crear tu logotipo, es posible que no tengas el financiamiento, podría ser solo un archivo vectorial o un archivo PNG que necesitas usar. Tal como está, solo tienes que arrastrarlo y soltarlo en melodías abiertas y usarlo de la manera en que es. O si sabes qué fuente es y la tienes instalada en tu computadora, o simplemente estás diseñando un logotipo. Puedes escoger la fuente tú mismo, cualquier fuente de tu computadora. Se puede descargar uno de Internet. Y por supuesto, también puedes usarlo en melodías abiertas para escribir un texto. Y entonces podemos animar este texto. Hay un problema con los textos y las melodías abiertas es que si usas la herramienta de texto, hay otras herramientas para crear texto. Podríamos echar un vistazo a eso más adelante. Pero si utilizas la herramienta de texto desde la barra de herramientas, solo puedes escribir tu texto una vez. En el momento en que haces clic fuera de ella, lo convierte en una capa vectorial. Por lo que no puedes entrar, vuelve a hacer clic y cambiar tu texto. Entonces, dicho eso, debes estar muy seguro ahora mismo cuáles son las palabras que quieres escribir y debes saber qué fuente es si quieres usar la herramienta de fuente. También podrías buscar una bonita fuente. Un recurso muy bueno es Google Fonts aquí en fonts dot google.com. De hecho, todavía tengo que buscar un buen fondo escrito a mano para la parodia. Entonces parte del nombre, así que vamos a escribir el nombre aquí mismo. Podemos ver que ya hay una fuente con un poco de un tipo cursivo escrito a mano. Podemos filtrar las fuentes. Un filtro muy importante son las categorías. Aquí, sólo quiero ver la caligrafía en mi caso. Y en sí, puedes desplazarte por ellos e intentar encontrar una fuente que se adapte a lo que estás tratando de hacer. Esto está más conectado al desarrollo de sitios web y diseño de marca y cosas como esta. Por lo que podría que ya tengas una fuente elegida, pero si no lo haces, Google Fonts es una fuente muy bonita para buscar una fuente. En mi caso, voy a usar petróleo del Pacífico. Haga clic en él, descargue la familia de fuentes y descomprima esto para instalarlo en su computadora. Entonces en una columna más, estoy creando la primera fuente aquí arriba. Insertar encima de nueva capa vectorial. Y ya sabes por qué no añadir ya el siguiente que es el texto escrito a mano. Debería aparecer justo encima de ella. Sí, sí lo hace. Aquí vamos a escribir café y par, y voy a usar los meses de fuente o ratas, también de fondos de Google. Y ahora el momento en que deje esto o haga clic en cualquier otro lugar, esto se convierte en vectores. Ya no podemos cambiar la escritura. Entonces si escribes mal algo o no estás contento con ello, o necesitas un salto de línea. Es necesario utilizar la herramienta de tipo. Una vez más, voy a reposicionar esto a una posición en la que estoy contento con ello porque esto fue un garabato. No necesita ser un 100 por ciento preciso. Todavía estamos, en este caso, todavía encontrando el logotipo. Pero claro que tendrá sentido. Si ya tienes un logotipo, entonces probablemente deberías ser un poco más cuidadoso para encontrar la colocación exacta. Usa cualquier exponente que tengas de tu logo real. A lo mejor el texto está en el color de la copa. Por lo que una vez más, necesitamos cargar este pellet en el nivel de dibujo. Y ahora puedo seleccionar el color. Ah, bueno en realidad, esto sólo cambiaría el contorno. Y se puede ver que ahora mismo hay un contorno amarillo muy débil. Pero en realidad quiero cambiar el relleno. Entonces para eso, voy a usar la herramienta de relleno para poner todo en el color correcto. En la otra capa vamos a escribir d. Así que déjame cargar en el pellet de color real rapido porque ya lo tengo abierto. Voy a usar este color. Y este caso vamos a usar Pacific Oil. Y el tamaño probablemente podría ser un poco más grande, pero aún podemos cambiar el tamaño después de que lo hayamos traído. Ahí, hago clic fuera de ella y en ese momento se está convirtiendo. Puede utilizar la herramienta Seleccionar para dibujar una selección a su alrededor. Prefiero la Herramienta Lasso de mano libre. Esta también una selección rectangular que puedes usar y puedo apagar la capa de garabatos para ver qué está pasando aquí. ¿ Por qué no? Colocemos la barra de café entre el fondo diésel PVD. Probémoslo así. Estoy usando la herramienta Seleccionar ahora porque quiero mantener los fotogramas clave en 0 durante el mayor tiempo posible. Y cuando escale los fondos, asegúrate de no hacer esto, que no los estires. Porque los diseñadores trabajaron realmente duro para encontrar una buena proporción o la proporción perfecta. Por lo tanto, asegúrese de que si cambia de fuente, mantenga presionada la tecla Mayús para mantener las proporciones como el diseñador las pretendía. Y ahí lo tenemos. Si estás importando o trazando un logotipo que ya tienes, asegúrate de tener todas las piezas que podrías estar moviendo por separado en capas de columnas separadas como esta. Y lo primero que vamos a animar es este café y bar Font saliendo de como una línea aquí, moviéndose hacia arriba. 9. Animar texto deslizando en una máscara: El primer elemento que vamos a animar es en realidad muy sencillo. Es este texto que aparece desde el centro de la pantalla y no es nada realmente complicado. Es sólo una máscara en la que se está deslizando el texto. Y en cuanto entra a la masa, se vuelve visible. Y la forma en que hacemos esto es la siguiente. Nos encontramos con nuestra capa de textos, que para mí está aquí arriba, todavía los nombró a todos. Ahí vamos. Y vamos a necesitar una nueva capa, que va a ser la máscara para nuestro texto que viene. Insertar arriba. Y aquí vamos a crear otro nivel vectorial, textos sobre máscara. Y usemos esto como nombre para la columna también. De acuerdo, Entonces para la máscara, vamos a usar la buena herramienta de rectángulo viejo y podemos autollenarla de inmediato. Simplemente arrástrelo sobre el texto para que no lo veas más en absoluto. A lo mejor con un poco de espacio en la parte inferior, algo así. Entonces tenemos un poco de espacio cuando se está deslizando hacia arriba. Parece que censuramos nuestro logo. Ah, bueno, así que con el fin de realmente convertir esto en una máscara de, vamos a necesitar entrar a los esquemas pocos. Una vez más, en esta ocasión necesitamos cambiarlo a la vista esquemática FX. Y lo puedes hacer aquí abajo con este ícono. Esto nos da las mismas capas, pero ahora están dispuestas para procesar efectos de imagen. Y las capas que necesitamos es la línea de texto Kaffee y barra y la máscara texto1. Si no estás seguro de lo que es una capa, siempre puedes hacer clic en esta flecha para ver una vista previa de esa capa actual. Ahora, ¿qué vamos a hacer con esto? Necesitamos nuestro efecto de máscara y podemos crear uno haciendo clic derecho agregar fx e ir a mat. supone que aparece tapete en todo lo que está dentro de la colchoneta. Se cumpliría lo contrario. Todo lo que está cubierto por la máscara está siendo enmascarado. Pero queremos que aparezca en la máscara. Por lo que elegimos met in. El origen es el texto y la máscara de texto es el tapete. Deshazte de estas líneas por aquí seleccionándolas y pulsando la tecla delete. Y ahora podemos enchufar esto a la siguiente hoja. Y ahora todo parece igual. Eso se debe a que la mayoría de los efectos no aparecen en la vista previa en tiempo real en la ventanilla gráfica, necesitamos renderizar nuestra imagen para ver cómo se aplican los efectos. Y renderizar solo significa que la computadora está haciendo un procesamiento más fino de los efectos de la imagen y calculándolo en su forma final, podemos decir abierto para instalar, renderizar este marco haciendo clic en el símbolo del ojo aquí arriba. Y ahora puedes ver que ya no vemos la barra negra. Simplemente vemos el texto para comprobar si nuestra máscara está funcionando realmente. Podríamos salir de la vista de render a nuestra capa de máscara y moverla para que solo la mitad cubra nuestro texto. Podemos utilizar la herramienta selecta para eso. Ahora las cosas fuera de la máscara no deben aparecer si lo renderizamos. Sí, ahí vamos. Como se puede ver, el Texas sólo aparece dentro del bar. Deshagamos esto y pongamos nuestra barra de nuevo a la antigua posición. Y ahora estamos listos para animar esto. Agarremos los dibujos de la capa de máscara de texto y la primera línea de texto y los movamos a algún lugar en medio de la animación. Y aquí vemos la realidad en la parte superior del color que se deslizaba hacia adentro. Pero solo ocultemos por ahora todas estas capas y echemos un vistazo a cómo funciona todo junto con la transición de borrado más adelante. Ahora la animación que vamos a hacer es el texto deslizándose hacia la barra negra. Por lo que la posición que tiene el texto en este momento es nuestra posición final. Entonces, solo pongamos un fotograma clave para eso. algún lugar aquí en el marco 39, quiero estar en la capa de dibujo de la línea de texto del café y la barra. Y aquí en fotograma 39 y se fue adelante zed para crear un fotograma clave. Y ahora guardamos esta posición donde el texto está dentro de la barra negra. Entonces vayamos al inicio de este segmento y usemos la herramienta de animación para dirigir el texto hacia abajo mantenga presionado Shift si quieres que permanezca en el mismo eje. Y ahora salió de la barra negra. Ahora ya no es visible, como puedes ver, se está metiendo en la barra negra. E incluso puedes reproducirlo en el modo de vista previa, o activar el modo de vista previa haciendo clic en el ojo y puedes golpear el juego. Y la primera vez que lo coloque podría ser un poco entrecortado porque está renderizando los marcos. Pero entonces puedes simplemente tocarlo y verlo aparecer como se animará más adelante. Y eso es todo. Hemos animado un texto que aparece en una máscara. Por supuesto, puedes jugar un poco más con el Editor de Curvas si quieres. ¿ Dónde está la capa correcta aquí? ¿ Este? Dame el editor de funciones estaba empezando a ponerse un poco lleno aquí. Por lo que en el editor de funciones, en realidad puede desseleccionar capas que no desea ver en el Editor de curvas. Ahí, sólo queremos ver la línea de texto. Y ahora es un poco más fácil ver que está por aquí. Y podemos hacer que el movimiento sea un poco más suave. O podríamos decir que simplemente llega a toda velocidad en la máscara y sólo entonces se vuelve más suave y más lento. Echemos un vistazo cómo se ve eso. Seguimos en el modo de vista previa del renderizado. Sí, eso es bonito y suave al final. Para que puedas jugar un poco más con eso. Se puede tener, por supuesto, textos provenientes de otros sitios. Podría venir de arriba. En realidad, eso podría no estar mal si nuestro logo simplemente puedo aparecer. Podría ser una buena transición tenerla viniendo de arriba hacia abajo. Y también podrías animar la máscara. Puedes tener el texto en su lugar y la máscara simplemente revelarlo de alguna manera. Por lo que hay muchas posibilidades con sólo esa técnica, pero aún tenemos muchas otras cosas que animar. Entonces vamos a saltar a lo siguiente. 10. Animar un efecto de escritura a mano: El siguiente elemento que vamos a animar son los textos escritos a mano que se escriben en sí. Y curiosamente, esto no es tan diferente de los textos que se deslizan en la máscara. Pero en lugar de animar los textos que vienen, esta vez, vamos a animar la máscara. Por lo que poco a poco revela el fondo manuscrito. Y esto va a estar pareciendo que el texto se acaba de escribir. Entonces vamos a agarrar el texto escrito a mano haciendo clic en esta barra gris y tirando de ella. ¿ No quiere a lo que está pasando ahí? Ah, las capas bloqueadas. ¿ Cómo sucedió eso? Sí, puedes bloquear capas si no quieres tocarlas. Ahora lo podemos agarrar y lo llevaríamos a algún lugar después de que el texto casi entrara completamente en la máscara. Algo así como aquí. Aquí es donde van a empezar nuestras animaciones. No sabemos aún cuánto tiempo necesitamos, así que solo pon más que suficiente ahí. Y ahora lo siguiente que necesitamos es otra capa de máscara. Entonces con el cursor de la línea de tiempo estando en un lugar donde esta capa ya está ocupada, podemos crear directamente una nueva capa, máscara, un nuevo nivel vectorial. Y esto lo va a poner justo arriba en una nueva columna. Y aquí tenemos que hacer algo real de animación fotograma por cuadro. Recuerda todo lo que cubrimos con el pincel o cualquier forma o cualquier tipo de contenido se va a revelar. Básicamente tenemos que volver a trazar la fuente poco a poco, cuadro por fotograma. Y vamos a estar haciendo esto de una manera muy particular. Queremos que el movimiento comience más lento, acelere, y para cuando llegue al final de la letra, vuelva a ser un poco más lento. Y lo podemos hacer aumentando y disminuyendo los espaciamientos de nuestra máscara mientras está evolucionando, una buena manera de pensar en alivios es duplicando siempre las distancias. Entonces si venimos del revés, digamos que este es todo el trazo que necesitamos cubrir. Entonces básicamente siempre haríamos la mitad de las distancias para conseguir nuestro espaciado. Y de esta manera, tenemos espaciamientos que siempre están aumentando y disminuyendo. Hacia el final. Usemos la herramienta de pincel y escojamos un trazo de pincel que sea lo suficientemente grande como para ser el pincel que podría haberse usado para dibujar esta fuente. Y aquí ya tenemos una parte complicada. Al estar revelando esta intersección, necesitamos prestar atención a que no dibujemos una máscara que sea así. Estos ángulos aquí revelarían parte de esta línea, ésta, que no se dibuja hasta mucho más tarde. Por lo que necesitamos crear la ilusión de que aquí solo hay este pincelazo de pincel. Y tenemos que evitar cualquier cosa que regale en la máscara que aquí hay denso de una segunda línea que está llegando mucho después. Entonces la forma en que vamos a animar esto es la siguiente. Vamos a aumentar el tiempo de exposición de la máscara. Ya sabes, puede ser la misma exposición que el texto escrito a mano debajo. Entonces voy a hacer mi primera parte de la máscara, la primera parte que revela lo que hay debajo. Y luego uso mis flechas de teclado para ir al siguiente fotograma. Y en el siguiente tren, vamos a golpear a D. Y D está copiando el cuadro actual, pero ya no es una instancia vinculada de ese mismo cuadro. Se puede ver en los niveles, ahora hay un dibujo uno o dibujo dos ahora mismo todavía hay idénticos. Pero si empiezo a agregar un siguiente segmento, evitando cuidadosamente revelar que hay otro trazo que viene. Ahora tenemos este primer cuadro revelando apenas un poquito, y luego el segundo cuadro revelando un poco más. Y así es como vamos a continuar. Se irá al siguiente cuadro. Ahí, pega D para copiarlo. Y ahora podemos hacer un espaciado que sea el doble del tamaño del espaciado que teníamos anteriormente. Nuevamente, tratando de golpear precisamente esa intersección. No quiero que mi línea sea demasiado tambaleante. Debería ser un poco suave. Esa primera intersección inmediatamente estar ahí realmente, realmente hace las cosas. Un poco difícil de empezar. Ah, y por cierto, una vez que estés fuera de esta intersección aquí, puedes ser más descuidado. Simplemente puedes repasarlo así. Esto no sería un problema porque sólo está revelando el golpe debajo. Entonces eso realmente nos da el golpe más limpio que está debajo. No necesitamos poner atención que no tambaleamos si sacamos tan lejos de ella porque ya sabes, la máscara en sí no será visible, solo revelará el dibujo debajo. Entonces siguiente dibujo, y sólo podemos dibujar. Se. Simplemente se asegura de que esta parte aquí, esto podría ser un poco curvo y agradable para crear la ilusión de que esto es solo un pincel que actualmente se está formando como este borde va a ser uno que se está mostrando porque aquí es donde la máscara simplemente corta la capa que está debajo. De acuerdo, el próximo y esta vez va a ser aún más. Siguiente uno. Oh, necesito golpear a D. Ahí vamos. A veces unas esquinas agudas como ésta. Puede tener sentido que el pincel se ralentice un poco porque esto es algo que podría pasar mientras estás haciendo una escritura a mano. Entonces durante las curvas, podría haber un poco de desaceleración que podría verse muy elegante. Entonces aquí estoy disminuyendo el espaciado otra vez y un 2.5 o tres marcos que están un poco en su lugar aquí. Antes. Voy a aumentarlo de nuevo. Y ahora podemos ser realmente descuidados con la sección transversal porque ya tenemos el primer trazo y ahora podemos revelar todo en la zona una vez que lo cruzamos. Y ahora necesitamos hacer una facilidad en más lento y más lento con los espaciamientos siendo realmente cercanos el uno del otro. Y ahora tenemos la p completamente cubierta, lo que significa que la máscara debe revelar completamente lo que hay debajo. Ahora por supuesto, esto no se ve muy bien. Entonces vamos a conseguir que la máscara ya funcione. Permítanme también aumentar la exposición para los otros textos. Por lo que hemos visto por la misma cantidad de tiempo, necesitamos volver a subir el esquema FX pasando por ventanas al editor esquemático normal aquí. Y oh, ya estamos en el esquema FX. Si no estás ahí, puedes hacer clic aquí abajo para cambiar del esquema escénico al esquema FX. Y sí, aquí ves nuestro otro constructo, nuestra otra máscara. Tenemos que hacer lo mismo para el texto escrito a mano. Y la otra, la segunda máscara, necesitamos la estera en efecto, haga clic con el botón derecho en FX, Matt, Matt en, y la fuente es nuestro texto escrito a mano. El mascarilla es nuestro tapete. Asegúrese de que no esté enchufado directamente, que estas capas no estén enchufadas directamente en la hoja x. Sólo el FX necesita estar enchufado. Y ahora si lo renderizamos con la vista previa yo aquí arriba, se puede ver que la máscara está revelando justo esa porción aquí. Y a medida que continúa, a medida que la masa sigue creciendo, hace nuestro efecto de escritura a mano y podemos jugar para verlo en acción. De acuerdo, vamos a hacer lo mismo con todas las demás letras y asegurarnos de jugar con el espaciado. Realmente empieza con pequeños espaciamientos, luego hazte más grande, tal vez ponte un poco más lento en curvas agudas. Sí, este es un ejercicio excelente para jugar con algo de espaciado y para ver qué sucede cuando tienes espaciado configurado de cerca y espaciado conjunto están más separados. Y ahora tenemos nuestra configuración de efectos así. Siempre puedes golpear play y solo probar si este último que acabas crear se ve de la manera que quieres que sea antes de continuar. Ah, y una cosa más importante, mayoría de los movimientos de escritura a mano comienzan a venir de arriba a abajo, yendo a la derecha. Si lo tomáramos a un 100 por ciento preciso, probablemente deberíamos haber empezado nuestro p.sit de manera diferente, no con ese swoop aquí, pero en cambio deberíamos haberla escrito probablemente así. Esa es otra consideración que hay que tener en cuenta. Entonces el a probablemente empieza así, que son así. Creo que eso está claro. D probablemente también empieza aquí. Entonces sí, también puedes pagar por pensar un poco sobre dónde esas cartas de las que realmente empiezo y qué sentiría lo más natural. Ahora, creo que me gusta la P de la manera que es porque viene del centro expandiéndose hacia afuera. Entonces puedes romper esa regla si tienes una razón, si sientes que eso se siente más agradable. Pero muchas veces, sí tiene sentido tener en cuenta cuál es la forma realista? ¿ Cómo se escribiría esta carta de manera realista? A lo mejor pruébalo tú mismo y verás Entonces sí, voy a hacer esto ahora y acelerar esto en un lapso de tiempo. Entonces si quieres, puedes quedarte y ver un poco cómo creo mis espaciados. O saltas al siguiente elemento y comienzas a crear esa animación. Está bien. 11. Animar el logo la escala pop up up: A continuación, animemos el ícono real y cómo todo se junta ahí arriba. En primer lugar, necesitamos arrastrar todas estas cosas hasta donde realmente se necesita, empezando en algún lugar antes de que llegue el texto habrá que cambiar todo esto más adelante para trabajar también con la transición. Pero lo que vamos a hacer eso después de que tengamos la animación del final de la ICANN, pensemos en lo que está apareciendo primero, y probablemente será el fondo aquí. Y queríamos abrir desde el centro. Y para ello, aún necesitamos cambiar el punto central si usamos la herramienta NIMH aquí arriba y usamos el modo de escala, podemos ver que se está escalando hacia el punto aquí abajo. En realidad, esto no se ve tan mal. A mí también me gusta. Pero vamos a que empiece desde el centro. Y para ello, necesitamos cambiar este punto central de origen. Y lo hacemos cambiando la propiedad de la herramienta de imagen a centro. Ahora podemos recogerlo y moverlo aquí arriba, tal vez así. Ahora podemos poner algo de exposición y hacer la animación real. Una vez más, conocemos la posición final. Entonces, solo pongamos un fotograma clave aquí. Bueno, estimamos que nuestra posición final podría ser y golpear Z para que la computadora pueda tener en cuenta la caja totalmente escalada. Bueno, vamos a deshacernos de todas las demás cosas. Eso es solo apagar la visibilidad del texto por ahora para que podamos enfocarnos completamente en el ícono del logotipo aquí arriba. Entonces con la posición final establecida, sólo necesitamos enviar la posición inicial. Para eso, necesitamos animar herramienta en el modo de escala, reducir nuestra caja a 0. Incluso podemos escribir el valor aquí arriba para asegurarnos de que nada sea visible. Ahora cuando lo jugamos, vemos la caja abriéndose. Podríamos agregar algo más de flexibilización a todo yendo al editor de funciones, encontrando la capa que es la columna 6, y entrando en el Editor de Curvas, podrías hacer que la curva sea súper fuerte. Consulta cómo se ve eso. Eso no está mal. Y aquí hay otra cosa que podemos hacer. Copiamos el fotograma clave final. Esta es la posición final. Recuerda, donde inicialmente queremos que se asiente toda esta animación. Copia un poco más tarde. A lo mejor así. Y ahora estamos modificando este marco que solía ser la posición final para ser un rebasamiento, lo que significa que la caja se está poniendo un poco para romperse primero y luego asentándose. Esto es un poco demasiado entrecortado después de aparecer, pero eso es porque fijamos la curva con tanta fuerza y oh sí, quiero decir, aquí está pasando algo muy raro. ¿ Por qué esto no es la velocidad de entrada, la velocidad de salida. Sí. Esto es más lo que esperaba. Así que ajustemos un poco las curvas hasta que nuestra animación tenga picos agradables y suaves en todas partes. Algo así. Y veamos cómo se ve eso. Pero el momento no es del todo correcto. A lo mejor esto debería aparecer temprano. Podemos utilizar para solo la mitad de esta capa activada en el editor de funciones y todo lo demás apagado. Sí, parece que sí. Solo tenemos activada la columna 6. Entonces podemos agarrar esos puntos de resumen aquí arriba para mover la animación. Sí, esto es lindo. 12. Animar el logo deslizar placas en la plancha: A continuación tenemos ese pequeño plato viniendo de la derecha. Posteriormente, vamos a tener este cuadrado azul para ser una máscara para que ninguno de nuestros elementos del logo del icono del café sean visibles fuera de esta caja azul. Pero por ahora, simplemente animaremos todo sin enmascarar a nuestros elementos. Y ya sabes, una vez más, conseguir algo de exposición puesta en el marco final. Esto no debería ser demasiado largo, algo así. Establece un fotograma clave. Y para el primer fotograma clave, vamos a mover el platillo fuera de pantalla o, ya sabes, fuera de esta caja. Para que más tarde cuando esta caja sea una máscara, no esté apareciendo. Para esa reutilización de la herramienta enemiga en modo posición, podríamos reubicar el punto central para estar aquí y el medio del platillo. Pero no vamos a hacer nada que realmente necesite el punto central para estar ahí. Creo que me gusta que las cosas sean bonitas y ordenadas. Y una de las cosas es poner puntos centrales hacia el centro del objeto o hacia abajo, dependiendo de lo que quieras animar. Entonces movemos esto fuera de pantalla, y ahora no sería visible cuando usamos la caja como máscara para la animación aquí estoy quiero probar un tipo diferente de curva. En primer lugar, tenemos que asegurarnos de que seleccionamos la capa correcta. Se trata de la columna de capa 7. Encuentra la columna sevens cuál de la columna 6. Y ahora se puede divertir un poco con las curvas aquí. A mí me gusta que los extremos sean realmente suaves, así que estoy arrastrando esto para que esto se vuelva aún más lento y más lento y más lento a medida que llega al final. Y aquí no queremos que el movimiento empiece suavemente, suavemente, pero queremos que el platillo entre en el cuadro a toda velocidad. Sí, maravilloso. 13. Animar el logo caída de copas: caca y tipping: A continuación tenemos la copa bajando. Esto un poco confuso porque estamos dejando nuestro orden de capas ahora. Todas estas cosas que vienen después, la paja y la rebanada de naranja, necesitan estar detrás de la copa. Pero la copa es el siguiente elemento que animamos en el punto donde el platillo está casi parado, ya dándonos algo de exposición. Y de nuevo, teniendo en cuenta el marco final. Entonces para la copa, quiero probar algo interesante y apaguemos el platillo para poder decirte, mostrarte un poco más claramente lo que quiero probar con la herramienta animada en modo centro, quiero cambiar el punto central y no quieren que esté en el medio. Eso sería un punto central clásico o cizalla abajo, ambos puntos centrales muy bien válidos. Quiero probarlo en una de las esquinas para que pueda, si uso el Modo Rotación, tener como un poco de punta hacia esa dirección. Y creo que nos iba a dar un lindo rebasamiento una vez que la copa golpee el suelo, quiero que se refleje para luego llegar a un alto. Entonces baja, salta arriba. ¿Cuál es ese lado? Y luego baja otra vez. Ya sabes, ¿qué sería realmente genial? También podríamos animar como un líquido salpicando por aquí. Pero creo que eso es algo para otro día. Entonces con el punto de rotación configurado de esta manera, ahora estamos pensando esta animación al revés. Entonces este es el post en el que se instalará justo antes que habrá saltado en esa dirección. Y antes de que saltara hacia arriba en esa dirección, chocó contra el suelo. Aquí, en realidad podemos establecer el vector de rotación 0 aquí arriba para asegurarnos de que lo sea, realmente no tiene ninguna rotación aplicada. Y entonces necesitábamos ir Arriba. Ahora, si solo movemos esta copa ahora verás que pasa algo interesante. Aquí sí tenemos un fotograma clave, pero este fotograma clave sólo se estableció para la rotación. Significa que la copa está bajando a lo largo de toda la animación. Porque aquí y aquí, solo establecemos fotogramas clave de rotación usando la herramienta enemiga y girando la copa. Se puede ver que en el editor de funciones, tenemos activada la columna equivocada. Cual es una columna 10. Entonces apaguemos esto, columna 10 encendida. Y aquí podemos ver algo interesante. Entonces esta es la posición final que creamos mediante el uso del atajo de teclado Z. Esta atención a todos los elementos. Estas son las rotaciones y eso también tiene sentido. Ya sabes, la rotación comienza después de que golpea el suelo. Gira hacia arriba y luego vuelve a 0. Entonces lo que no está del todo bien aquí es que la animación de posición y vaya, va a lo largo de toda la fase de rotación. Lo que queremos en cambio es que queremos que la copa ya baje a 0, aquí abajo, donde sucede todo el salto hacia arriba a través de la rotación. Entonces copiamos ese fotograma, ese fotograma clave, podemos seleccionarlo y copiarlo y pegarlo aquí. Ahora puedes ver que la copa baja y luego hace el chump de rotación. El cronometraje sigue siendo extremadamente estropeado. Aquí es demasiado rápido, pero podemos arreglarlo simplemente moviendo las llaves por aquí. Ahora una cosa que quiero probar es tener la rotación al alza. Y tal vez esto sea demasiado largo. Tener la rotación hacia arriba sea bastante corta, y la rotación hacia abajo podría ser un poco más larga. A ver si eso se ve bien. Sí. En este momento, no se ve nada bien, pero esto es por las curvas de animación. Ahora si antes has animado una pelota rebotando, que es un ejercicio muy importante cuando estás animando, entonces sabes que este tipo de suavidad no siempre es lo correcto si encendemos la piel de cebolla. Se puede ver que a medida que la copa se acerca hacia el final, el espaciado es cada vez más pequeño, lo que significa que nuestra copa se está desacelerando antes de que llegue al suelo. Pero no suele ser así como suceden las cosas. Por lo general, si tu objeto latino va, solo se vuelve más rápido y más rápido y más rápido. Y en el punto donde es el más rápido, suele golpear el suelo. Por lo que el espaciado justo antes de que llegue al suelo necesita ser el más grande. Entonces, ¿cómo se ve en la curva? Primero tenemos que asegurarnos de que estamos en la capa de la copa, que creo que ya estamos donde y aquí podemos ver el problema. Ahora, la caída debe comenzar suave. Nuestra caída capturada más rápido y más rápido y más rápido. Pero El impacto antes del impacto, no debería, no debería volverse más lento, así que no queremos aquí la curva blanda. Lo que queremos en cambio es que queríamos desplomarnos en la posición final. Esto, esto es lo que queremos. Mira este enorme espaciado aquí al final. Este es el tipo de caída que queremos. Ahora lo que pasa con el impacto es que la energía del impacto, este enorme espaciado se refleja de nuevo en la copa, lo que significa que y ahora tenemos que cambiar curvas. Esta fue la curva de altura bajando, y ahora la energía se convierte en energía rotacional en un instante. Por lo que necesitamos mover que los murciélagos roten hacia arriba. Por lo que de inmediato con un, bastante espaciado grande, salta a la posición arriba, este pico aquí arriba podemos hacer muy suave. Y luego otra vez por bajar. Esto también es como la caída, pero usamos la rotación para crear otra caída de equilibrio. Entonces este es el pico. Y ahora se está bajando y cada vez más rápido y rápido y no se está desacelerando. Entonces así es como se ve. Y ahí se trata de un alto. Si tienes un problema con no poder crear curvas en forma de V como esta. Esto podría ser porque tienes otro fotograma clave aquí. Hagámoslo realmente rápido. Vamos a establecer algunos fotogramas clave más. Interesante. De acuerdo, las tangentes ya están rotas. Bueno, lo que quería mostrarte en el problema con el que podrías tropezar es lo siguiente. Puede que lo haya hecho. Esta es la caída de la copa. Queremos asegurarnos de que la copa vaya a toda velocidad al suelo. Entonces levantaremos esto y ya ves lo que está pasando. Aquí va la curva al suelo. No queremos eso. Esto causaría que la copa pasara por el suelo y luego viniera de alguna manera app de nuevo. Esto es raro, esto no es lo que queremos y esto es porque los lados de las tensiones están actualmente vinculados y hay dos maneras de lidiar con esto. Podemos hacer clic con el botón derecho del ratón desvincular los manejadores, y ahora se mueven de forma independiente Podemos asegurarnos de que esto sea lo más cercano posible a 0. O si queremos asegurarnos de que no haya nada moviéndose después la copa llegue al suelo en el eje y en los datos de posición. Aquí, podemos cambiar el tipo t de interpolación de esta parte de la curva haciendo clic derecho en configurarla en interpolación lineal. Ya no hay tangente. La interpolación lineal no tiene tangente. Siempre va al fotograma clave en línea recta. Entonces sabemos que esta es una línea recta que no hay movimiento en la posición y. Después de que bajara la copa. Todavía no hemos presionado el juego, ¿verdad? Entonces veamos si el momento es correcto. Ah, esto es muy bonito. ¿ Se puede sentir el impacto? ¿ Se puede sentir el suelo? me gusta mucho. Yo realmente esto es agradable. Estamos como si ni siquiera hubiera una mesa en este fondo, pero realmente se puede sentir, sentir el impacto. Entonces esta es la magia de trabajar el editor de curvas ahí de inmediato. Sí, así que esto es bastante bonito. Vamos a verlo con el platillo activado. ¿ No es eso bonito? 14. Animar el logo aterrizar con naranja: Queremos ocuparnos ahora de esa rebanada de naranja. Entonces, arrastrémoslo. Ahí vamos, Tiene esto se está viniendo a parar. Esta animación ya podría comenzar. Puede que nos estemos quedando sin marco pronto, pero nos preocuparemos de eso cuando lleguemos allí. Nuevamente, conocemos la posición final, segura, la posición final ahí. Podemos cambiar de nuevo este punto central si alguna vez nos centramos para estar algo en el medio. Pero también realmente no importará porque sólo voy a usar la herramienta Posición para moverla hacia arriba fuera de la caja que va a enmascarar la animación. Aquí. En realidad podríamos tener una ISS en el camino hacia abajo. Ya sabes, es un poco, es la gravedad puede causar que baje. Pero el acto de una acuñación de la rodaja de limón en el borde de la taza podría, podría haber alguna resistencia ahí, y podríamos justificar que la rodaja de limón se está desacelerando drásticamente en el momento en que pueda impactar con la taza. Entonces lo que vamos a hacer, vamos a hacer un fotograma clave aquí. El momento en el que tenemos el impacto, le pegamos a Z. Y saquemos un poco más este. Por lo que mirando nuestras curvas, nuevo, entramos en el editor de funciones, esta es la columna ocho, va a encontrar que en la función que desvíen desactivan la columna 10. Aquí vamos. Lo que podríamos hacer aquí es que podríamos empezar con el clásico otoño. Esta es una especie de la animación que cae. Y luego aquí el momento en que hace impacto con la llanta, su más lento hacia abajo de manera significativa. Y se acaba de meter ahí dentro. Como casi siento que los judíos como si la sonda hiciera cuando está apretada ahí dentro. 15. Animar el logo rebotado pintas: Por supuesto, también tenemos la paja bajando. Y de nuevo, qué cantidad de retrocesos animando hoy, este tipo, un poco interesante porque ya sabes, para los logotipos, tienen la posición final ahí. Se quiere terminar en esa pose final. Y obedecer es un poco divertido trabajar tu camino hacia atrás, pero puede ser confuso al principio. Entonces si tienes un problema con eso, siéntete libre de animar tu animación viniendo desde el punto de partida. No es necesario animarlo al revés. Solo necesitas asegurarte de que al final, cuando todo llegue a una parada, entonces necesitas hacer un cheque extra. Si realmente tienes el, la posición donde todo necesita estar. Entonces de nuevo, establecemos un fotograma clave para el final. Y sabes qué, quiero hacer algo parecido como lo hicimos con la copa. Tengamos un punto de rotación aquí abajo. ¿ Sabes qué? De hecho, animemos esto. Viniendo de lo alto. Habrá alguna interpolación que hay que ignorar. Intentaré simplemente hacer clic en la línea de tiempo en lugar de frotar a través de ella porque veremos alguna animación rota en el camino hasta que, tengamos todos los fotogramas clave configurados, se verá mal. Entonces, no dejes que esto te confunda cuando golpees el juego. Dejamos esto aquí por ahora. Ya sabes, el tiempo también es algo que nos preocupa. Por último, necesitamos asegurarnos de que las poses que dijimos tengan razón primero. Para que ese último post que tenemos, esa primera pose se rotaría hacia arriba y todo el camino en la parte superior ahí. Ahora, la segunda posición que queremos hacer es la paja aún girarla, pero ahora está dentro de la copa. Y algo bueno que hacer, buen lugar para hacer esto está en este editor de funciones, que capa es esta columna nueve. Estos son los datos de posición y estos son los datos de rotación. Queremos que los datos de rotación sigan siendo los mismos. Entonces digamos que estamos haciendo de nuestro edificio nuestro nuevo fotograma clave aquí. Simplemente copiamos aquí los mismos datos de rotación. Y estamos copiando la posición no desde aquí, sino desde aquí. Porque ya ha llegado a la posición dentro de la copa. Oh, éste debería ser uno por ahí. La primera posición está aquí arriba, la segunda posición está aquí abajo. Y la tercera posición que tenemos actualmente es la paja. Inclina hacia adelante. Esto ya podría parecer bien. Esto está bien. El tiempo no está del todo bien. Por lo que esto ya casi podría funcionar. Tendría que asegurarnos, ya sabes, por gravedad, quizá necesitemos asegurarnos de que el estrabismo disminuya bla, bla, bla. Pero quiero probar otra cosa contigo. Entonces quiero que la paja baje y luego rebote contra la copa. Al igual que baja, golpea la copa, esos arriba un poco y golpea la copa otra vez, uh, un poco como en sillín de doble toque. Esto se cae, se refleja, vuelve. Lo primero que necesitamos para hacer que funcione, y ya sabemos cómo hacerlo funcionar es la caída de la paja. Y esto sucede puramente en los datos de posición, al menos por ahora. Este es el eje y bajando y ya sabemos cómo se supone que se ve eso. Tenemos que tener nuestro lento comienzo de la caída y luego tiene que ir al suelo a toda velocidad. Asegurémonos de que este último espaciado no sea demasiado grande. Y esto en realidad también puede ser una indicación como, oye, si tenemos este enorme espaciado aquí, nuestro movimiento podría ser demasiado rápido. Para que podamos hacerlo un poco más lento moviendo todos nuestros fotogramas clave hacia fuera. Y lo podemos hacer haciendo haciendo clic, Mayús, haciendo clic, seleccionando todos los fotogramas clave, y luego haciendo clic y arrastrando y moviéndolo dos fotogramas sobre. Y ahora, quiero decir que el último espaciado sigue siendo bastante grande. A lo mejor así. Esta vez la energía no se desvía. Es, está todo sacado de la paja a la vez. Pero todavía hay espacio para el inicio del otoño, es decir, de lado. Y esto es lo que hacemos con la rotación. Básicamente hacemos otra caída aquí donde tenemos la facilidad arriba, donde la gravedad está pateando en provocar que caiga de lado. Y entonces tenemos un impacto. Ah, no podemos mover la tangente manejar a. ¿Por qué es eso? Es porque estas tangentes, por la razón que sea, se establecen en lineales. Probablemente porque usamos lineales antes en alguna parte. Tenemos que cambiar este método de interpolación haciendo clic derecho y cambiando a velocidad en velocidad de salida. Lo mismo por aquí. Y ahora podemos mover esta tangente. Sí, esto es mucho mejor. Y esta vez tenemos un movimiento desviador. Está girando contra el borde de la copa. Y ahí está, este movimiento se refleja y la paja está saliendo de nuevo hacia la otra dirección. Para hacer esto correctamente en la curva, necesitamos desvincular nuevamente los mangos tangentes y crear esta forma de V aquí. Esto es correcto. Necesitamos tener otra desaceleración ya que está volviendo a la parte superior de la rotación, como si estuviera girando lentamente, golpeando lentamente girando y girando lentamente y volviendo a lo que es el llanta. Sin disminuir la velocidad. Ahora el tiempo probablemente sigue apagado, pero si jugamos, en realidad lo hace bastante bien. Sí, se puede ver que la curva, realmente se siente como si estuviera golpeando en algo aquí y quedándose reflejado y luego regresando y simplemente siendo detenido de inmediato porque los zancos tan ligeros, eso es un muy bonito, Es un poco rápido. Por lo que probablemente deberíamos simplemente agregar algunos marcos. A lo mejor sólo, tal vez dos ya es suficiente. A veces sólo dos cuadros pueden hacer una gran diferencia. Sí, esto podría ser. Primero, Vamos a poner un poco más de exposición en hacer nuestra animación un poco más larga así que tenemos algo de tiempo para realmente verlo así más grande. Hacer que todo esto alinee con nuestro final actual. Y también deberíamos volver a encender la copa. Y ahora podemos ver cómo se anima la ICANN. ¿ No es eso dulce? ¿ De verdad simpático? 16. Masking múltiples capas: Ahora necesitamos hacer la máscara y el enmascaramiento funciona para que no veamos los objetos antes de que entren al área azul. Para eso, necesitamos una vez más, la vista esquemática cambió a los pocos FX aquí. Y ahí necesitamos encontrar la plaza, que es ésta. Y una vez más necesitamos un tapete. En efecto, haga clic con el botón derecho en afecta a Matt, Matt in. Pero esta vez tenemos múltiples fuentes. Tenemos la taza que se supone que debe cortarse, y tenemos el platillo. Pero como puedes ver, no puedo poner múltiplo en el mismo fx. Tenemos que agrupar la taza, el platillo, la paja, la rodaja de limón o naranja en un grupo que se pueda procesar juntos en la ranura fuente del Met in. Y eso lo hacemos creando un nuevo efecto a través de Agregar mezcla de capas, necesitamos encontrar un cierto tipo de mezcla de capas que se llama una y otra vez, solo pone las cosas encima de la otra. Pongamos primero el platillo. Deshacernos de esta línea. Después la taza, luego la rodaja de limón o la rodaja de naranja, y luego la paja. Ahora podemos enchufar todo esto a la fuente y usar el cuadrado como tapete. Pero también enchufarlo a la hoja x porque aún queremos que se renderice. Demos click en el botón de vista previa. Ah, no tiramos el módulo FX en el que mejor ella. Podemos ver que se está cortando. Y sí, Eso es maravilloso. Oh wow, esto tarda mucho tiempo en renderizar ahora, pero está haciendo lo que se supone que debe hacer. Está cortando los elementos a medida que entran en la plaza azul. Entonces con el modo Vista previa habilitado, vamos al inicio de la animación y presione inicio, y eso debería activarlo para renderizar todos los fotogramas para que podamos tener una vista previa real de nuestra animación. cierto, la razón por la que todavía vemos la fuente es porque sólo apagamos las capas aquí en esta columna que no las vemos en la ventana gráfica, en el puerto vista en tiempo real. Pero debido a que el ojo todavía está activado, los vemos en el render. Pero sí, la parte que quería ver, el icono animado se ve realmente bien. Todo lo que queda por hacer es ponerlo todo junto con la transición. asegura de que todo salga en el orden correcto. Y luego vamos a hacer una animación rápida para deshacernos del logo en la transición hacia fuera. Y luego terminamos con nuestro pequeño logo de animación. Entonces vamos a envolverlo en el siguiente video. 17. Momento final: Hasta el momento nos hemos centrado en cada elemento individualmente, y ahora hagamos que funcione todo en conjunto. Hay algo muy bonito e interesante en las cosas que suceden. Ni uno tras otro. Pero, ya sabes, un poco apilados. Tiene que haber un poquito de una cosa apareciendo tras otra, pero podemos entrelazarla un poco. Y también necesitamos dirigir la atención. Podríamos querer que el ícono aparezca primero y se construya a sí mismo. Y luego después de que todo esto se haga, como siguiente paso, podríamos querer hacer el texto entrando. Por lo que dirigimos la atención desde el ícono aquí arriba, hasta un texto. Esa será una posible solución para hacerlo. También podrías tener el formulario de texto y eso de alguna manera desencadena el icono. Hay muchas maneras diferentes de hacer esto, y es parte de la diversión probar cosas diferentes y ver qué funciona. Entonces para que esto sea manejable con todos estos muchos elementos, Sólo desactivemos Todas las cosas primero. Ah, estoy en el modo de vista previa. Por eso veo todo lo que hay todavía tiene el activador que apaga eso. Y ahora tenemos una ventanal vacía. Centrémonos en el elemento con el que empezamos, la transición Wipe. Por lo que esto debería estar aquí al inicio de la de la animación. En primer lugar, asegurémonos de que el desplazamiento de todos ellos sea correcto. Y una forma de hacerlo es hacer clic y arrastrar y medir distancias. Aquí, lo que seleccionamos, nos va a decir cuánto tiempo es nuestra selección. En este caso, seleccionamos cuatro cuadros y este año también deberían ser cuatro cuadros. Maravilloso. Ahora vamos a comprobar la duración de la toallita. Esto es para el marrón, que está todo el camino al fondo. Veamos cuántos marcos se lleva uno. Por lo que se trata de 19 marcos. Revisemos la toallita amarilla si podemos. Se trata de 19 marcos. Y esto son 19 cuadros. Maravilloso. Por lo que todos tienen la misma longitud. Así es todo como debe ser. Ahora la transición que necesitamos empujar fuera del camino porque obviamente después de que apareciera el fondo verde, ahora queremos que se lleve a cabo la animación del logotipo. Por lo que sólo tenemos que empujar eso de esto, todo esto a un punto posterior. Es relativamente fácil sacar los dibujos del camino. Simplemente podemos seleccionar esta parte aquí en el medio y con este mango gris, empujar aún más todos los dibujos. Pero esto no va a empujar nuestros fotogramas clave. Por lo que necesitamos hacer esto por separado. Empuja todo esto fuera del camino. Y los fotogramas clave en los que podemos hacer clic para seleccionar una pulsación Shift, haga clic en el de aquí abajo. Y ahora tenemos todos estos fotogramas clave seleccionados. Y podemos empujarlos lejos, lejos y lidiar con esa parte de la animación más adelante. Ahora, después del WIP, queremos que nuestra animación empiece con el icono y la animación del icono. Entonces cambiemos todo eso en una, otra vez, la copa, todo esto. Y esto podría en realidad estar en una posición bastante buena aquí. Incluso podría comenzar un poco antes. Como ya habrías notado, mover fotogramas clave y dibujos al mismo tiempo es un poco molesto una melodías abiertas, porque es muy difícil seleccionar ambos al mismo tiempo. Es muy difícil mover ambos al mismo tiempo. Y francamente, creo que esto es mucho más fácil y otro software de animación. Entonces esto es lo que encontré al final para estar funcionando, bien, es manteniendo presionado Control y haciendo clic en el mango gris, puedes seleccionar tanto el dibujo con la exposición completa como todos los fotogramas clave que hay en él. Y entonces puedes mover eso por ahí. O si solo quieres una selección, puedes mantener pulsada Control antes de hacer clic. Ahora haga clic y seleccione una parte, y luego mueva esto alrededor, agarrándola hasta allí. Oh Dios mío, esto es tan confuso. Pero sí, ahora podemos moverlo individualmente, al menos hacia afuera. No podemos moverlo hacia adentro porque hay dibujos, ya están bloqueando la posición. Entonces no lo sé, esto es a través de un es Control. Haga clic para seleccionarlo, desconectándose del control. Ahora podemos moverlo hacia adelante. Control click para seleccionar. Manos fuera de la tecla Control. Y ahora puedo mover esto. Comience antes. A lo mejor esto debería comenzar incluso antes. Ten en cuenta que no vemos la copa porque actualmente está fuera de la barra azul. Y el contenido ya puede aparecer hasta primero la rebanada naranja. A troll select. Sí, ahí vamos. Por ejemplo, la rebanada naranja lo seleccionará, lo arrastrará hacia fuera. Aquí vamos. Ahora todo está aquí, perteneciente al ícono. A continuación tenemos que pensar en cuándo queremos que aparezca el texto, un bastón quiero que aparezca o empiece a aparecer justo después de que la paja saltó porque ahora todo lo que pertenece al logo está aquí y podemos empezar a cambiar la atención a la baja. Por lo tanto, enciende la capa que subiría a la máscara. Puedes desplazar la capa de máscara alrededor. Un ácido está a mitad de camino. Puede comenzar la escritura a mano. Entonces esta es la fuente y esta es la máscara que la revela. A partir de aquí. Podríamos querer mantener la máscara y visible. Ahora, vamos a seleccionar todo esto. Pulsa la tecla delete para que la exposición sea la misma. Podemos simplemente cambiarlo para que sea Visible agradable y largo. Y entonces tenemos que pensar en cuándo queremos que las cosas desaparezcan. Por lo que la letra sigue pasando. Hasta este punto. Definitivamente no queremos que la transición de Wipe ya comience aquí. Sólo queremos que eso suceda después de que se haga la escritura a mano o lo que sea la animación Exit que hagamos. Entonces, después de que se haga la alta escritura a mano, necesitamos otros 10 o 20 marcos para asegurarnos de que todo se vea mientras aún está. Y entonces tenemos que pensar en cómo nos deshacemos de todo para una agradable transición. Por lo que aquí al final del control de la hora de emoción. Entonces aquí al final del movimiento, veamos si funciona nuestra técnica de selección. Nosotros mantenemos Control. Haga clic aquí abajo en algún lugar para rack que se abra, asegúrese de que tenemos todo seleccionado. Y ahora hacemos click sin mantener presionada Control, click aquí y sacar esto. Aquí aparece un pequeño hoyo, pero eso está bien. podemos arreglarlo. Entonces pongamos eso donde creemos que comenzará la transición. A lo mejor un poco antes. Tal vez no, tal vez aquí. Si bien nos agregan, también podemos asegurarnos de que se trata de 19 marcos. Recuerda esto en transición tomó 19 cuadros. Podemos comprobar si esto también es cierto para la transición simplemente arrastrando una selección sobre ella. Y bastante justo, Son 23 marcos. Es demasiados. Por lo que aquí tenemos nuestros 19 marcos para llenar este gran hueco aquí de que la forma haya desaparecido. Se pasa de verde a amarillo porque hay este agujero en los dibujos. Podemos subir a este punto aquí y presionar este botón, llenar celdas vacías, y ahora lo llenó todo el camino hasta allí. Muy bien, otra selección sosteniendo el control arrastrando. Y ahora sin sostener el control arrastrando hasta aquí para sacarlo. Y ahí necesitamos un desplazamiento de cuatro cuadros, 1, 2, 3, 4. Entonces nos aseguramos de que esto sea de 19 cuadros de largo, no lo hace. Ahora podemos usar ese offset aquí, cuatro cuadros. Eso es lo que necesita ser. Es necesario llenar los agujeros. Están ahí. Y por último pero no menos importante, 234. Esto debe ser de 19 marcos. Sí. Nuevamente, llene unos marcos vacíos. Ahí vamos. En el puerto de vista en tiempo real, no vemos la máscara. Entonces vamos a encender el modo de vista previa y que se renderiza a través de esto va a tardar un poco, sobre todo en la parte donde tenemos tantas máscaras. Y algo aún no está bien con la plaza azul. Echemos un vistazo a lo que está pasando aquí. Ah, no está apareciendo porque la conexión no está aquí. A ver si eso funciona. Sí, esa fue una solución sencilla. Está bien. Ahora vamos a renderizarlo. Oh chico, claro que no queremos ver las máscaras en el render. Oh, en realidad, nosotros sí. Tenemos que encender el ojo, pero también necesitamos desconectarlos de aquí. Entonces usa las máscaras. Todo el texto escrito a mano acaba de romperse aquí. Tan raro. De acuerdo, así que aquí la máscara de texto va al excedente que lo hace visible. Ese debería ser este bar de aquí. Si quitamos eso, sí, vemos que la máscara sigue activa, pero no está siendo visible porque no entra en la hoja. Y entonces tenemos esta máscara aquí que necesita ir sólo como mate en la estera en efecto del texto manuscrito. Y ahora todo está de vuelta en orden y necesitamos volver a empezar el render. Probemos algo con la escritura a mano comenzando primero, tal vez también empezando antes. Tomemos todo esto. Asegúrate de que empiece antes. Y la parte del café y el bar comienzan más tarde. De acuerdo, Así que cambiar las cosas a un área ya expuesta es un problema. Entonces vamos a deshacernos de la exposición aquí, allá. Y ahora podemos cambiarlo a donde queramos, sosteniendo Control mientras seleccionamos. Y no están sosteniendo Control ni común. Yo estoy pinchando aquí arriba. Dios mío. Está bien. Entonces teniendo este inicio aún más tarde, tal vez aquí. Probemos eso. Ah, ¿qué pasó aquí? También hicimos un hoyo aquí. Rellena los marcos vacíos allí. De acuerdo, entonces, así que vamos a ver cómo se ve esto. Ahora que tenemos todos estos marcos en búfer en modo de vista previa, Tratemos de llenar el momento en el que queremos que el contenido del logotipo desaparezca antes de que entre en la transición exterior. Y siento que un buen momento estaría justo aquí. Aquí es donde debería comenzar a desaparecer el logotipo. Y creamos una cosa antes, este controlador principal que ahora podemos usar para mover todo a la vez. Entonces digamos que nuestra animación empieza aquí en el cuadro un 151. Ni siquiera necesitamos ver el control. Creo que podemos simplemente establecer fotogramas clave de todos modos. Sí. Entonces, solo pongamos un fotograma clave para todo en esta posición 0. Y también necesitamos asegurarnos si todas las cosas están conectadas a la columna principal en este editor esquemático. Y no son ahora solo este garabato está conectado al controlador principal. Pero queremos que todo lo que no forma parte de la toallita esté conectado al controlador principal. Por lo que es importante estar en esta etapa esquemática, esquemática, no en el esquema FX que hemos estado. Para todo enmascaramiento, queremos que el platillo esté ahí dentro, la copa, la paja, cuadrada. Todo ese texto y Enmascaramiento. ¿ De acuerdo? Y ahora cuando movemos la capa principal, y es un poco confuso porque ahora mismo no hay nada ahí dentro. Pero aún podemos moverlo con la herramienta de animación. Y como puedes ver, todo se moverá. Oh, nos olvidamos de la rebanada naranja. Tratemos de encontrar eso realmente rápido. Ahí está. ¿ Cómo no te vimos? Ahí vamos. Creo que quiero hacer un poco de anticipación, como si pudiera subir primero y luego abajo es que tenemos una anticipación. También podría ir a la izquierda y luego a la derecha porque todo va a la derecha. Pero sí me gusta mezclar accesos así. Al igual que si tenemos una moción a la izquierda, también me gusta tener una moción arriba y abajo. Entonces intentemos eso primero. Esta vez en realidad estamos animando array forward. Por lo que empieza aquí en marco un 150 o un 151. El aire sube, digamos un 157. Estás sosteniendo turno, por lo que se queda en este eje y luego baja esta fuera de pantalla. ¿ De acuerdo? Ahora bastante el momento correcto, puede ser aún más largo y necesitamos cambiar las curvas de animación. Tenemos que asegurarnos de que tenemos la capa correcta. Tenemos el nombre de la capa. Principal. Aquí está en el editor de funciones. Deberíamos poder ver, sí, esta es la curva. Entonces queremos que esto se convierta en algo así como una caída. Por lo que esto necesita definitivamente subir. Podemos hacer esto aún más suave aquí al inicio. Esto vamos a ver cómo se ve eso. Podríamos tener que ajustar aún más las curvas o el tiempo. Podría ser más corto. Estaba juzgando mal el momento Aquí. Está bien. Y ahora las transiciones WIP en realidad pueden comenzar antes. Oh chico, ¿cómo, cómo, cómo vamos a hacer eso? ¿Ahora? Vamos a mover los fotogramas clave y la exposición por separado. Se puede empezar incluso antes. Creo que al WIP incluso le puede gustar casi tocar el logotipo. Ahí. Hola, Sí, intentemos eso. Puede disminuir la exposición. No tenemos que hacerlo ya que los elementos están fuera de pantalla de todos modos. Pero no, ven aquí a ver cómo se ve eso. Esa transición. A lo mejor no debería tocarlo así. Eso es un poco demasiado. Entonces vamos a tener todo eso por uno y voy a tener todo esto para. Sí, Esto es lo que me imaginaba. De acuerdo, vamos a renderizar esto en el modo de vista previa. Y ahí lo tenemos. Esta es nuestra hermosa, maravillosa animación del logotipo. Y en el siguiente video, te mostraré cómo puedes exportar esto e importar esto en un software de edición de video para que puedas usarlo como una superposición que realmente se desliza sobre un video. 18. Exportar una secuencia de imágenes e importación en DaVinci Resolve: Antes de exportar nuestra animación, debemos asegurarnos de que no tengamos capas o artefactos extraviados ni nada que no queramos exportar. Y también debemos asegurarnos de que solo exportamos la zona que realmente necesitamos. Por lo que la toallita ya se ha ido aquí. Simplemente podemos cerrar nuestra zona de reproducción hasta aquí al momento en que todo se ha ido. Sí, aquí es donde termina nuestra animación. Y en un principio, también está este controlador principal que usamos para posicionar algunas cosas. Realmente no necesitamos tener nada visible aquí así que solo podemos eliminar esto. Oh, mira eso. Se deshizo de los fotogramas clave que agregamos colocados aquí. Bueno, todavía lo estamos animando de alguna manera. De acuerdo, así que sólo vamos a apagarlo. Al parecer no se puede animar capas que no tengan un dibujo en él. Entonces solo lo apagamos y ahora tenemos un inicio muy limpio y un final limpio. De acuerdo, sí, esta es la zona que queremos exportar. Estamos listos para renderizar esto de verdad, no solo previo. Así que haz click aquí arriba en Render y cambia tu configuración de salida. Muy buen formato para su exportación sería una secuencia PNG. Y puedes cambiar el formato de tus exportaciones aquí a PNG. Asegúrate de que en opciones tengas el canal Alpha, exórtalo. Eso significa que si no hay nada que cubra la pantalla, este video o esta imagen es transparente, por lo que en realidad pueden ser un video debajo aquí que vamos a tener la transición de borrado ir sobre ella. Si no tienes activado el canal alfa, exportará el blanco como blanco. Pero queríamos ser en realidad transparentes. Entonces todo lo demás parece ser correcto. Tenemos que asegurarnos de que este es el formato que queremos tener. Si solo deseas exportar un área de tu animación, puedes cambiar esa área aquí. Puedes guardar estos ajustes como un preajuste, para que siempre puedas cambiarlos usando el menú desplegable, aquí arriba. Ahora podemos renderizar esto. Y aquí podemos comprobar si la transparencia funcionó cambiando en este tablero de ajedrez, se puede ver que tenemos un área transparente real. Necesita amortiguar el fotograma primero antes de que pueda reproducirlos con fluidez. Y ahora solo podemos golpear play y ver si esta exportación es como queremos que sea. Sí, todo se ve genial. Entonces, ¿dónde salvó esto realmente? Se, guardado en la carpeta del proyecto. Solo necesitas navegar a esa ubicación. Ahí está la animación del logo del café y están en la carpeta de salidas. Podemos ver la secuencia de imagen. Es un archivo por cada fotograma de nuestra animación. Y esto parece un poco confuso al principio, pero esto es exactamente lo que necesitamos. Por lo que solo siempre guarde eso en una carpeta. Antes de importar eso en un software de edición de video, posible que desee sacarlo de la carpeta de salidas, porque cada vez que renderices algo en melodías abiertas, estas imágenes se van a sobrescribir. Por lo que es una muy buena idea sacar todas estas imágenes de esta carpeta y a una carpeta separada donde se está cortando el video que necesita la intro como ejemplo de cómo importar esto en un software de edición de video. Voy a usar el Vinci Resolve. Se trata de un software de edición de vídeo gratuito y muy potente. Estamos, Vamos a crear un nuevo proyecto. Preparé un pequeño video de ejemplo que solo voy a arrastrar en muy rápido. Este es un mensaje muy importante. Importé mi video, cómo un lo filmó, y tiene una velocidad de fotogramas diferente a la configuración predeterminada del proyecto. Y por lo general sí quieres cambiar esto. Quieres que tu proyecto esté en la velocidad de fotogramas de tu material de video. Y hablamos de esto un poco al principio, que tu animación también debería estar idealmente en la misma velocidad de fotogramas en la que se creó tu material de video. Entonces puedes hacer cosas clásicas de edición de video como acortar tu clip. personal, estoy más familiarizado con cómo resuelven los campos del modo de edición en da Vinci porque solo puede agarrar los lados y cambiarlos así. Ahora por la secuencia de imágenes que debes pagar en algún lugar donde pueda quedarse, si el software de video siempre lo puede encontrar. Si lo importas al Resolve de Vinci, debes asegurarte de que no estás en el espacio de trabajo de corte o medios. Porque si lo importas al espacio de trabajo de corte o medios simplemente arrastrando y soltando todas las imágenes. Simplemente selecciona todas las imágenes, arrástrelas y suéltalas en el pool de medios. Aquí arriba, importará cada imagen como una imagen individual. Esto no es lo que queremos. Queremos que Da Vinci ingrese esto como un archivo de video de secuencia de imágenes como un solo archivo. Y eso sólo lo hace en el modo de edición. Si ahora seleccionamos nuestros dibujos, los arrastramos hacia adentro, verás que solo importó un solo archivo que podemos rastrear y soltar en nuestra escena. Esta velocidad de fotogramas no es correcta. Tenemos que revisar los atributos del clip y se establece en 50 fotogramas, que es la velocidad de fotogramas del material de video que grabé con una velocidad de fotogramas muy alta. Necesito asegurarme de que la secuencia de imágenes se importe con la misma velocidad de fotogramas con la que la exportamos. Por lo que puse esto en 25. Ahora, esa intro acaba de tener muchos años más largos. Otra cosa que tenemos que hacer después de la intro cubre completamente mi video. Yo sólo puedo entrar y cortar esto aquí, arrastrarlo y soltarlo. Entonces ahora se está jugando la integral y después de que se haga la intro, puedo empezar con lo que sea i1 que suceda después de la intro solo se asegura de que mientras la toallita sea una acción, los días un poco de una superposición porque hay, hay un momento en el que la toallita sigue pasando y tienes video está asomando desde abajo. Y así es como se ve esto cuando presionamos play. Sí, es un poco entrecortado, pero si lo exportas e incluso si lo juegas solo una segunda vez, notarás que los fotogramas se ponen en búfer y la reproducción se volverá mucho más suave. Y así es como se crea una animación de intro en melodías abiertas, se exporta como una secuencia PNG e importa eso en un software de edición de video. Por favor avísame qué piensas de esta lección escribiendo un comentario o una reseña, realmente quiero saber qué puedo mejorar lo que te gustó. Y por supuesto, también tengo mucha curiosidad por ver que tus proyectos usan el hashtag animator islands cuando publicas tu trabajo. Hiciste siguiendo este tutorial en Instagram o Twitter para que podamos encontrarlo. Y si estás viendo esto en Skillshare, también hay una forma de presentar tu trabajo ¿verdad? Debajo de este video. Tengo ganas de ver qué cosas increíbles lo creas. Si esta es realmente la primera vez que estás animando, espero poder ayudarte a sumergirte en este tema y mantenerte motivado. Y sí, tengo otros tutoriales que son un poco más sobre la animación fotograma por fotograma, si eso te interesa. Y espero volver a verte pronto en una de mis clases o en mi canal de YouTube. En cualquier caso, seguir animando.