Transcripciones
1. Avance del curso: Hola ahí. Yo soy Carminys Guzmán. Yo soy el cofundador de operary.com. Somos un estudio de animaciones con más de ocho años de experiencia. Hemos creado hermosos videos animados explicadores para cientos de empresas en todo el mundo. En este curso, te enseñaré a hacer bucles de zoom rápidos y fáciles. Empezaremos a desarrollar la idea. Te mostraría cómo es mi proceso de trabajo, y luego diseñaremos nuestro proyecto en Adobe Illustrator. En el camino, aprenderás a agregar texturas y efectos locos a tus animaciones. Por último, llevaremos a vivir nuestro diseño. Si no has usado After Effects antes o no tienes ninguna experiencia, te
recomiendo que tomes mi curso anterior, Animate tus ilustraciones en tiempo récord con Adobe After Effects primero. ¿ Estás listo para hacer bucles de zoom locos en After Effects? Empecemos.
2. Antes de empezar: Te invito a descargar el archivo del proyecto que haremos durante el curso. De esta forma, puedes seguir las instrucciones en tiempo real, y te será mucho más fácil aplicar lo que estás aprendiendo. Este es un curso de nivel intermedio. Para seguirlo sin problemas, necesitas un conocimiento básico de After Effects. Tengo muchas ganas de ver tus animaciones al final del curso. Por favor comparte tu trabajo en la galería de proyectos del curso para que todos podamos disfrutar de tu arte.
3. Ideas y referencias: Antes de empezar a diseñar, tenemos que decidir qué queremos hacer. Necesitamos tener una idea clara de cómo será nuestro diseño y animación. En mi caso, sabía que quería tres cosas: Usar un ojo como elemento principal. Utilizar formas geométricas para el diseño principal, y tener un zoom sin fin con un toque real. A partir de estas ideas, compilé una serie de referencias para inspirarme. Normalmente busco inspiración en sitios como Pinterest, Instagram, o imágenes de Google. No soy el tipo de persona que hace mucho bosquejo, pero prefiero tener la idea clara en mi cabeza antes de empezar. En mi caso, siempre me gusta dibujar mis diseños en papel primero. Actuaré inteligente y lograré mis objetivos mucho más rápido. Una vez que tengo mi boceto hecho, lo escaneo con mi smartphone e lo importo a Adobe Illustrator, y eso es todo.
4. Atajos en AI: El gráfico más utilizado que está en Adobe Illustrator son los que hacen referencia a las herramientas que utilizamos con mayor frecuencia. Algunas de ellas son iguales en After Effects. Veamos cómo acceder a la herramienta principal al tocar la clave. Presione “V” para la herramienta de selección, “A” para la herramienta de selección directa, “P” para la herramienta de lápiz, “B” para la herramienta de pincel, “T” para la herramienta de texto, “R” para la herramienta de rotación, “I” para la herramienta cuentagotas, y “Z” para la herramienta de zoom. Como ves con los atajos, podemos cambiar las herramientas rápidamente sin necesidad de perder tiempo yendo al panel de herramientas. Te he dejado un archivo PDF con los atajos más útiles para que puedas descargarlo.
5. Diseño: Bienvenidos a esta clase. Veamos cómo diseñar en Adobe Illustrator para un dibujo hecho a mano. Abrimos un nuevo documento de 1080 por 1080 pixels. En otros documentos, he preparado las paletas de colores que usaré para este diseño. Te recomiendo preparar de antemano los colores que vas a usar. Si te resulta difícil mezclar colores en uno para ahorrar tiempo, puedes usar los colores que ven todos los sitios web. Es muy intuitivo y da muy buenos resultados. Volvamos a nuestra paleta de colores. Seleccionamos nuestros colores y los arrastramos al documento en el que vamos a trabajar. Lo ponemos encima para que no nos moleste. Ahora, vamos a “Archivo”, seleccionamos “Colocar”, y buscamos el boceto que hemos escaneado previamente y lo ponemos en nuestros documentos. Vamos a “Capas
”, y creamos una nueva capa. Arrastramos el boceto a la nueva capa. Hacemos doble clic y nombramos las capas. A continuación, bloqueamos ambas capas para que no nos molesten mientras diseñamos. Ahora, podemos empezar a diseñar. Creamos una nueva capa para empezar a crear nuestro diseño. Mantenga presionada la “Herramienta Rectángulo” durante un segundo para ver el resto de opciones. Podemos elegir la “Herramienta Estrella” o la “Herramienta Polígono”. Arrastramos manteniendo presionada la tecla “Shift” para mantener intactas las proporciones. Mientras seguimos sosteniendo el ratón, presionamos repetidamente la tecla “Flecha abajo” hasta que obtenemos el triángulo. Colocamos un triángulo y lo ajustamos. Por el momento, vamos a trabajar sólo con trazos para ver nuestro boceto sin problemas. Queremos crear un triángulo dentro del triángulo principal. Para lograrlo con un triángulo seleccionado, vaya a “Objeto” seleccione “Ruta” “
Ruta de desplazamiento ”, y aplique una trayectoria de desvíos de minis diez píxeles. Ahora, vamos a crear un círculo. Sostenemos la tecla “Alt” para tomar el centro
como referencia y la tecla “Shift” para hacer un círculo perfecto. Nosotros lo colocamos. Nombramos la capa y la bloqueamos. Ahora, creamos una nueva capa y dibujamos un hexágono. Así. Seleccionamos la “Herramienta Pluma” y al hacer click en tres puntos, creamos un triángulo. Vamos a crear las líneas que irán dentro del triángulo. Usamos nuevamente la “Herramienta Pluma”. Creamos solo uno, seleccionado y manteniendo presionada la tecla de tierra, la duplicamos. Después presionamos “Ctrl” más C o D común y Mac varias veces para duplicarlos. Con la tecla “Shift”, seleccionamos todo y luego deseleccionamos el hexágono. Tengo que seleccionar el triángulo y la última línea me escape. Después vamos a “Pathfinder” y seleccionamos “Dividir”. Vamos a crear un nuevo círculo. Recuerda presionar “Alt” y “Shift” para que sea perfecto. Nombramos la capa y la bloqueamos. Nuevamente, usando la “Herramienta Pluma”, dibujaremos el ojo. Hacemos clic aquí, se mueve al otro punto y hacemos clic de nuevo. Ahora, arrastre para hacer una curva. Hacemos clic de nuevo para continuar con el contorno y finalmente, estar cerrarlo y arrastrar para ajustar la curva. Nombramos la capa y cerramos de nuevo. Ahora, vamos a crear los ojos del ojo. Nómala y ciérrala. Ahora, vamos a crear el círculo de la pupila. Lo seleccionamos y mientras mantiene presionada la tecla “Alt”, arrastramos para crear el brillo del ojo y lo hacemos más pequeño. Nombramos la capa y la bloqueamos. Creamos otra capa. Ahora, sólo necesitamos crear los círculos de tres metros que están alrededor del ojo. Creamos el primero, lo
duplicamos y lo colocamos. Nombramos la capa y ya tenemos nuestro diseño completo. Desbloqueamos todas las capas y elimina la capa de boceto arrastrándola hasta el símbolo de basura. Seleccionamos todos los elementos del diseño y lo hacemos más grande. Recuerda mantener la tecla “Shift” hacia abajo para mantener intactas las proporciones. Ahora, sólo necesitamos colorear el diseño. Para estos, vamos a seleccionar las diferentes partes y con la “Herramienta Cuentagotas” tomar los colores que habíamos preparado antes. Perdón, me voy a ir a acariciar por ahora para ver el resto de los elementos. Seguimos coloreando. Seleccionamos y coloreamos así todo el tiempo. Ahora, sólo necesitamos crear el fondo. Creamos una nueva capa. Crea un cuadrado con el tamaño de la composición. Colócala y muévala por debajo de todas las capas. Para terminar, seleccionamos la capa de paleta de colores y la eliminamos. Está listo. Tenemos nuestro diseño hecho.
6. Atajos en AE: En esta clase, vamos a echar un vistazo a los atajos que vamos a utilizar en After Effects. Los atajos más utilizados son los que se refieren a las propiedades de las capas y las herramientas que utilizamos con mayor frecuencia. Veamos cómo abrir las propiedades de capa con un solo clic. Pulse A para el punto de anclaje, P para la posición, S para la escala, R para la rotación y T para la opacidad. Si mantenemos pulsada la tecla Mayús, podemos abrir varias propiedades al mismo tiempo. Ahora, vamos a ver cómo acceder a las principales herramientas con tan solo un clic de la clave. Presione V para la herramienta de selección. Sostenga la barra espaciadora para la herramienta manual, Z para la herramienta de zoom, W para la herramienta de rotación
e Y para la herramienta de encuadre detrás de la herramienta. Todo se trata de la práctica. Te he dejado un archivo PDF con los atajos más útiles para que puedas descargarlo.
7. Bucle de zoom: Hola allá, bienvenidos a esta lección. Ahora que tenemos nuestro diseño hecho, podemos animarlo. En la lección anterior, diseñamos esta escena en un formato cuadrado de 1080 por 1080 píxeles. Pero cambié de opinión y vamos a hacer que la animación se vea más amplia. Creo que se verá mejor. Compraré una nueva composición de 1,920 por 1,080 a 24 cuadros. Nómalo, dale tres segundos y acítalo. A continuación, importamos o decidimos desde Adobe Illustrator y arrastramos la composición importada a la composición principal. Introduce la composición. Vamos a composición, seleccionamos “Ajustes de composición” y en ancho, cambiamos el valor en 1,920 píxeles. A continuación vamos a la capa Fondo, seleccionamos y la ajustamos a las composiciones mu tamaño tirando de los lados. Eso de fácil. En primer lugar, queremos animar la recesión de los ciclos. Presionamos el punto de anclaje E, el sensor. Creamos un fotograma clave en objetivo devastación hasta el final de la línea de tiempo y respondemos cuarto, Interpretación de cargos. Veamos cómo funciona. De acuerdo, entonces ahora hacemos lo mismo con una capa de diseño de líneas. Animamos la rotación. Pero en este caso, en lugar de hacer dos
turnos, sólo hacemos uno. Echemos un vistazo. Ahora queremos poner la capa de fondo y
pegarla en la composición principal y drogarla debajo de la composición. A continuación, creamos una máscara sobre la composición del ojo. Solo tenemos que seleccionar una capa y crear una forma. En este caso, un círculo con bien ajustado al tamaño del ojo para que pueda valer la pena. Invertimos la máscara haciendo clic en la caja invertida y who-la, hemos creado un agujero con lado del lado de la pupila. Se puede ver lo que hay detrás de ella. Colocaremos los puntos de anclaje. En este caso, queremos ponerlo en el centro del ojo y animamos la escala. Crear un fotograma clave, ir a la N y aumentar la escala a DD signo no se ve en la pantalla. Como se puede ver que el signo es pix-elated. Para resolver esto, entramos en la composición y activamos lo pasteurizado continuamente en todas las capas. Volvemos a la composición principal y la habilitamos. De acuerdo, ahora todo se ve muy bien, pero todavía hay un problema. Si previsualizamos, vemos que asumimos no parece ser un movimiento continuo, sino que en cambio se suaviza al final. Para resolverlo, seleccionamos la escala. Haga clic con el botón derecho, seleccione asistente de marco clave, escala de explicación. Si volvemos a previsualizar, cool, ahora tenemos lo que queríamos. De acuerdo, entonces ahora duplicar la composición y eliminar todos los fotogramas clave de la copia haciendo clic en el cronómetro. Pasar al final de la línea de tiempo y enlazar la copia con la composición original. Vista previa. Todo bien. Ahora duplicamos la copia, quitamos el lean de la nueva copia, movemos al final de la línea de tiempo y lo vinculamos a la copia anterior. Eso es todo. Ya hemos asumido que nunca termina. ¿ Estás disfrutando del curso? Por favor sígueme en escultura para que no te pierdas ninguna de mis próximas clases.
8. Texturas y efectos alocados: Hola ahí. En esta lección, te
vamos a mostrar algunos consejos para dar tus animaciones y acabado aún más interesante. En primer lugar, vamos a aplicar una textura a un segundo proyecto y después lo vamos a animar. Para esto importamos una textura. Voy a usar este de aquí, pero puedes usar lo que quieras. Puedes descargar texturas gratis de páginas como Pixabay son pik gratis. Lo colocamos encima de la capa de fondo. Ahora, vamos a poner el modo de mezcla. Si no ves estas opciones en la pantalla, pulsa aquí. Con esta textura, el modo de superposición se ve bien. Puedes probar otras formas de ver cuál es mejor con tu textura. Ahora, podemos animar una textura. Para ello, animamos la posición y rotación cada cuatro fotogramas. No hay necesidad de seguir ningún orden. Simplemente nos movemos y rotamos la textura cada cuatro fotogramas. Creamos alrededor de cinco fotogramas clave. El último debe ser el mismo que el primero para que se vea colorido. Para lograrlo, copiamos el primer fotograma clave y lo pegamos. Ahora, seleccione todos los fotogramas clave, haga clic con el botón derecho, seleccione el fotograma clave Toggle Hold. Esto detendrá la interpretación que after effects realiza automáticamente entre dos fotogramas clave. Aplicar la expresión loop out. Copiarlo y pegarlo en la rotación. Ya está listo. Se trata de un recurso interesante que podemos aplicar en tan solo un minuto. Yo también te sugiero aplicar el mismo método a tu textura para poder practicar más. Es muy sencillo. Otro recurso muy interesante es agregar fondos de pliegues y abstractos a tus animaciones reales musculares. En primer lugar, vamos a capas, nuevas, sólidas. Vamos a hacerlo más grande que la composición. Sabrás por qué en un momento. Colocamos el sólido encima de la textura. A continuación, aplicamos los efectos de ondas de radio. Estos efectos crean un charcos constantes de ciclos. También podemos crear otras formas reduciendo su número de lados e incluso creando estrellas. Pero volvamos a nuestro ciclo. Aumenta la frecuencia a dos y cambia el color del trazo. Mantengamos un poco de opacidad al inicio de la animación. Para ello, fijamos el ritmo en el tiempo a 1.5. Vamos a la línea de tiempo y movemos la capa sobre la animación ocupa toda la pantalla. Simplemente envuelve hasta que lo consigas. Ahora, vamos a hacer que el centro de la animación coincida con el centro del ojo. Basta con mover la posición del sólido hasta que lo logremos. Verás, esta es la razón por la que tenemos que hacer el sólido más grande que la compensación. Podemos moverlo por la pantalla sin cortar la animación. Por último, aplicamos los efectos CC Kaleida que crea un efecto caleidoscopio con diferentes figuras geométricas simétricas. Aplicamos una talla de 46 o así y ya tendremos nuestro hermoso fondo animado. Ahora, aplicamos el modo de mezcla agregar para que el efecto también se vea afectado por la textura animada. Perfecto. Se puede jugar con las opciones de ambos efectos, cambiar las cintas, y crear efectos muy locos. Para terminar, vamos a crear una capa de ajuste. Estos deben estar encima de todos los demás. Vamos a aplicar los efectos de tiempo posterize para darle un estilo más parecido a la animación tradicional. Aplicar un efecto a una capa de ajuste afecta a todas las capas por debajo de ella. Hemos reducido el número de cuadros por segundo a 12 para conseguir un look más Carson. Se ve bien. ¿ Quieres que tu animación dure más? Es muy fácil. Crear una nueva composición del mismo tamaño que la anterior. Multiplique el valor de tiempo por el número que desee. Por ejemplo, por cuatro. Ahora, sólo tienes que arrastrar la compensación maestra y duplicarla sobre ti la mitad de las cuatro, seleccionar las cuatro capas, ir a la animación. Seleccionar Asistencia de fotogramas clave, capas de secuencia y eso es todo, animación ahora dura 12 segundos. Ahora los invito a realizar una suma infinita. Puedes usar los archivos cruzados o aún mejor, crear tus diseños. Tengo muchas ganas de ver tu trabajo. Por favor subirlos a la galería del proyecto del curso o etiquetarme en tus publicaciones de Instagram. Esta es nuestra cuenta de Instagram.
9. Renderización: Ahora que ya tenemos todos listos, podemos explorarlos. Para ello, vamos a compensación y seleccionamos Act to Adobe Media Encoder. Media Encoder nos ayuda a explorar la práctica de manera más eficiente. Tenga en cuenta, que se exportará una composición que actualmente tenemos abierta. En primer lugar, elegimos el códec. En este caso, usaremos H264, explora el video en MP4. Deben usar formato para web. En cuanto a la resolución de salidas, podemos elegir la opción de tarifas de bits
altas o medias de marzo para evitar errores y explotarla en el mismo tamaño en el que hemos trabajado en los proyectos. En este curso, hemos hecho animaciones de bucles de extremo
corto más enfocadas en redes sociales como Instagram. Para este tipo de animación, es mejor elegir las opciones de velocidades de bits medias para que los videos no ocupen demasiados megabytes. Por último, elegimos la ubicación donde exploraremos el video, y le daremos un nombre al archivo. Para terminar, hacemos clic aquí en el botón de reproducción. También puedes explorar tu animación como GIF. Para ello, vuelve a after effects y envía el video de vuelta al codificador de medios, elegimos los GIF animados catódicos. El origen de coincidencia GIF animación opción. Nuevamente, elegimos la ubicación donde exploraremos el video y le daremos un nombre al archivo. Finalmente pinchamos aquí en el botón play. Y con esto, todo estará listo. Una vez que el proceso haya terminado, puedes abrir tu video y se empieza a mover en redes sociales.
10. Reflexiones finales: Enhorabuena por llegar hasta el momento. Ahora, te invito a aplicar todo lo que hayas aprendido creando tu propio bucle de animación. Me encantará verlos. No seas tímido, y por favor sube a la galería cross - project, o etiquetame en tu post de Instagram. Busca referencias, inspírate, y sobre todo, practica. Si disfrutas del curso, por favor déjame una reseña. Estaré muy agradecido. Espero volver a verte en futuros cursos. Gracias.
Carminys Guzmán, Motion grapher
