Transcripciones
1. Introducción: Hola, me llamo Rich Armstrong de Taptapkaboom, y me encanta crear todo tipo de cosas: webs, apps, garabatos, libros, ilustraciones, y animaciones. Ahora estoy más allá emocionado de presentarte a una app para iPad llamada Looom, tiene tres o's. Si alguna vez te has resistido a la animación por
su complejidad o por las cantidades de tiempo que lleva, esta app, esta clase, es para ti. Looom hace que la animación sea súper divertida, e increíblemente rápida. En breves periodos de tiempo, he podido crear encantadoras animaciones hechas a mano que se sienten más como garabatos en movimiento que cualquier otra cosa. En una clase paso a paso, nos sumergiremos en la interfaz
poco convencional de Looom , y te mostraré cómo hace que crear animaciones sea rápido y fácil. Te llevaré a través de la creación animaciones
simples para que puedas conseguir el ahorazo de usar Looom. Entonces, pasarás a crear tus propias animaciones de bucles. Toda la experiencia de usar Looom es divertida y refrescante. Entonces, si eres un profesional de la animación o un noob de animación total, lo que descubrirás en la clase encenderá tu amor por la animación. Podrás jugar, explorar
y experimentar rápidamente con la animación simple de bucles, dibujada a mano. Crear en este entorno permitirá que tus habilidades de animación se disparen. Para tomar la clase necesitarás un iPad con iOS 9 o posterior, que es compatible con casi todos los iPad. Necesitarás dos manos, en serio, se requieren dos manos. Un Apple Pencil no lo mejora, pero también puedes usar tus dedos wiggly. También necesitarás comprar Looom por unos $10, que en mi opinión vale mucho la pena. Por menos del costo de una comida o de una película fuera, tendrás acceso a un juguete que te traerá horas de diversión y alegría. Si estás emocionado por sumergirte en Looom y esta nueva forma de animar con la que estoy obsesionada, entonces ven a tomar la clase. Te veré en el siguiente video.
2. Comienza: Bienvenidos a esta clase. Estoy súper bombeada de que estés aquí. Creo que te vas a divertir y aprender mucho. Looom es muy nuevo. Hace calor fuera de la prensa. Es muy probable que las cosas cambien y que la gente impresionante que hizo Looom agregue más características kick-ass y cambie cómo funcionan las cosas. Tan solo ten en cuenta esto. Estoy grabando esta clase usando Looom versión 1.2. Hay bastantes cosas entrelazadas que cubrir en la clase. Te prometo al final de ella que sabrás cómo funciona todo. Verme crear algunas animaciones
al final de la clase cimentará tu aprendizaje seguro. Pero lo que ayudará más que cualquier otra cosa es animar junto a mí. Diviértete, juega, explora y experimenta. Empecemos. Si aún no lo has hecho, necesitamos ir a descargar Looom. Abramos la tienda de aplicaciones. Eso va a cargar un poco. Iré a buscar. Después buscaremos Looom con tres O's. O puedes visitar esta URL y bam, igual que magia te llevará a la tienda de aplicaciones, justo a la página de Looom. Ahí vamos. Va a costar 10 dólares, pero recomiendo encarecidamente comprarlo. Es manera que vale su dinero. Una vez que lo hayas descargado, ábrelo, y te presentarían una interfaz como esta. Ahora, tengo versión 1.2. Para revisar tu versión, tocas este botón de piñón y luego en la parte inferior aquí dice v1.2. A lo mejor dice algo diferente en el tuyo. También puedes elegir usar un lápiz Apple o usar tu mano. Ya verás que cuando algo es seleccionado en Loom, tiene una forma rellenada. Cuando algo no está seleccionado, tiene una forma de icono de línea. También puedes elegir tu mano derecha o tu izquierda. Voy a ir por mi mano derecha e ir por un lápiz Apple. Podemos cerrar el panel Ajustes. Estas son las últimas cosas antes de que el rock and roll.
3. Los conceptos básicos de Looom: Oye, en esta lección, te voy a mostrar los fundamentos de crear una animación en Looom. En las lecciones posteriores a esto, nos centraremos en cómo funciona el dibujo y luego revisaremos herramientas Animación de
Looom. Vamos a meternos en ello. Esta es la interfaz de Looom. Si quieres crear un nuevo tejido, que es el término de Looom para un nuevo proyecto o un nuevo documento, toca este “icono más” en la parte superior izquierda. Si quieres darle un nombre, toca este pequeño bar aquí y puedes dar un nombre. No tienes que dar el nombre, pero a algunos nos encanta dar nombres a las cosas. Si quieres duplicarlo, entonces
puedes presionar este botón “Duplicar”, y si quieres eliminarlo, solo
tienes que mantener pulsado este botón “Eliminar”. Al igual que eso, se ha ido. Para meterte en un tejido, lo golpeas y luego lo golpeas de nuevo. Ahora, cada tejido comienza con un color de fondo generado aleatoriamente. Para cambiarlo, mantienes pulsado este botón de edición de tejido, y luego tienes esta
interfaz de tono y saturación en el lado derecho aquí. Voy a ir por un color azul como ese, y luego una vez que esté feliz, libero mi bodega. Ahora, del lado izquierdo aquí tenemos nuestro carrete. Ahora, un carrete es como una capa de bucles animada. Es impresionante, y todos estos pequeños puntos representan marcos en ese carrete. Ahora si aguantamos este marco, verás aparecer un montón de opciones diferentes. Llegaremos a todos estos a medida que avanza la clase. Lo primero que quiero hacer es cambiar mi estilo de carrete de trazo a lleno. Entonces voy a apretar ese botón ahí. Entonces voy a soltar esta bodega y empezar a dibujar. Ahora lo que voy a hacer es animar un poco de Plato Ball desde el lado izquierdo de la pantalla hasta el lado derecho de la pantalla. Entonces déjame solo hacer mi primera bolita, así. Ahora para llegar al siguiente cuadro, desliza hacia abajo y verás que este pequeño marco está lleno y todos estos están vacíos. Eso significa que están vacías, y si vamos al fotograma anterior deslizando hacia arriba, verás que está lleno. Bastante guay, ¿verdad? Entonces si estás usando los dedos y el lápiz que no es de Apple, puedes ir al siguiente y anterior fotograma usando estas flechas en la parte inferior. Entonces siguiente, anterior, siguiente, siguiente, siguiente. Bastante cool. Entonces vamos al siguiente cuadro. Si no puedes ver el cuadro anterior, mantén pulsado el carrete y enciende la piel de cebolla para ese carrete. Ahora lo que hace el skinning cebolla, es que te permite ver dos marcos atrás, o un marco hacia el futuro y un fotograma hacia el pasado, o dos marcos hacia el futuro. Ahora, quiero ver dos fotogramas en el pasado. Ahora, puedo dibujar un balón ligeramente a la derecha y luego ir a mi siguiente cuadro, y dibujar otro balón ligeramente a la derecha. Ahora verás marco una bola es realmente transparente. El marco dos bola es ligeramente menos transparente. Entonces tengo una bola totalmente opaca en este marco. Ahora cuando voy a mi cuarto cuadro, cago, esa bola simplemente desaparece del marco uno. Este es el poder del desollado de cebolla. Súper cool. Ahora, voy a ir a animar mi pelota moviéndose de izquierda a derecha sobre un par de fotogramas. Entonces una vez que termine, presionaré “Play”. Eso se ve bastante bien. Pero ahora lo que quiero hacer es quitar estos marcos en blanco en medio de mi animación. Entonces voy a hacer una pausa ahí, y luego voy a ir al último fotograma en blanco y luego empezar a quitar mis marcos de 12 a siete. Ahora cuando toco
esto, bucles mucho mejor, no
hay marcos en blanco. Si estás usando los dedos y el lápiz que no
sea de Apple , ten cuidado de que, cuando vayas por tu botón de reproducción o pausa que no dibujas en tu lienzo mientras intentas alcanzarlo. Vas a conseguir algunos artefactos raros en tu pantalla. Cómo funciona la animación Looom, es mostrando cuadro tras cuadro en un carrete, redondo y redondo a la velocidad de la velocidad de fotogramas de ese carrete. La velocidad de fotogramas es la cantidad de fotogramas que vemos por segundo. Si sostengo aquí abajo, puedes ver mi carrete girando en sentido horario. Puedo reducir la velocidad de fotogramas a algo así como cuatro fotogramas por segundo, y esto ilustra lo que está pasando realmente, muy bien. Entonces en un segundo en particular, estamos viendo cuatro cuadros. Si aumentamos esto a 32, hombre, puedes ver lo rápido que anima esto. Esto es realmente, muy rápido. Entonces cambiemos esto de nuevo a 12 cuadros por segundo. Esto es con lo que empezamos. Ahí vamos. Ahí está nuestra animación. Ahora para exportar esto, lo que queremos hacer es mantener presionada nuestra edición de tejido, y si esto se está reproduciendo, solo
tienes que tocar este botón de “Grabar”. Si no se está reproduciendo, entonces toca “Grabar” y luego presiona “Reproducir”. Entonces iOS dirá: “Oye, ¿quieres permitir la grabación de pantalla en Looom?” Dices: “Sí, pantalla de grabación”. De aquí en adelante, en realidad está grabando tu pantalla. Entonces, cuando estás contento con tu grabación, tocas en cualquier parte de la pantalla y aparece este pequeño diálogo, y desde aquí, puedes hacer algo de edición. Se puede decir: “Quiero empezar mi grabación por aquí, y quiero terminarla por aquí”. Cuando estés contento con esto, puedes presionar “Done” y luego podrás compartirlo. Puedes mostrarlo a tu teléfono, a tu computadora, puedes enviarlo a Dropbox, con
lo que sea que estés cómodo. Entonces lo que también puedes hacer si no quieres compartirlo es guardarlo en tu rollo de cámara, y desde ahí puedes hacer más ediciones, puedes compartirlo, lo que quieras. Entonces eso es lo básico de Looom. Es súper potente y estaremos cubriendo cada vez más características a medida que avanzamos en la clase. De acuerdo, puedes ver lo rápido que es crear una animación en Looom. ¿ Por qué no intentas recrear lo que he hecho aquí antes de ver el siguiente video?
4. Dibujar en Looom: Dibujar en Looom es diferente a la mayoría de las otras aplicaciones y sí toma algo acostumbrarse. Está diseñado para que podamos cambiar todos los marcos de un carrete al mismo estilo realmente rápidamente. Cuanto más uses Looom, más crecerás para amarlo. Entrémonos en esta forma poco convencional de dibujar. Para cambiar el estilo de dibujo de un
carrete, mantienes presionado un carrete y verás aparecer
todas estas diferentes opciones. Ahora, ya has visto algunos de estos en la lección anterior, pero ahora los voy a cubrir con más detalle. El primero que hay que tener en cuenta es tu deslizador de opacidad, bastante autoexplicativo. Entonces tienes tu interruptor de visibilidad, así que apagado y encendido. Entonces puedes cambiar tu color y tal vez seas como, whoa, ¿qué está pasando? ¿ Por qué está cambiando todo lo demás? Bueno, esto es algo que es realmente genial de Looom, es que si cambias algo en un carrete, lo cambia por todos los cuadros en el carrete. Si cambiamos esto a un azul realmente oscuro, verás que a medida que paso por mi animación, todos los fotogramas son ese azul realmente oscuro. Eso significa que cuando voy y cambio mi estilo de dibujo de relleno a trazo, cambió
eso también para todos los marcos. Esto es increíblemente poderoso pero es algo a lo que ajustarse. También puedes cambiar tu trazo de pincel muy fácilmente. Eso significa que podemos hacer un montón de dibujo
así pero realmente no va con nuestra animación, ¿verdad? Podemos entonces deshacer o rehacer, o si has hecho un montón de dibujo, puedes mantener pulsado el botón de deshacer y luego girar en la pantalla para un historial de deshacer y rehacer, así. Lo que también puedes hacer es borrar formas. Si mantienes pulsado el
carrete, verás que hay esta herramienta de borrado por aquí. Quieres asegurarte de que esté seleccionado, pero no funciona de una manera con la que estarías familiarizado. Aquí, si querías borrarlo,
hombre, en realidad es sólo dibujar. ¿ Cómo funciona esto? Bueno, tienes que aguantar. Te aseguras de que esté seleccionado y luego puedes tocar para eliminar formas. Bastante cool. Ahora, cuando empieces a dibujar en Looom, es posible que notes que puedes acercar. Pero las formas no van a ser tan precisas, porque son vectoriales. Si dibujo esta línea realmente bonita aquí, verás que es ligeramente la hace un poco poligonal o disminuye la calidad. A lo mejor puedo mostrarte haciendo de esto un relleno y vamos a hacer de esta forma realmente bonita, intrincada. Ya verás aquí va dink, dink, dink, dink, dink. No es ideal, pero es vector. Eso significa que podemos escalar todo el camino y tener esta pequeña animación. O mientras se está jugando, podemos escalar y tener esta animación realmente, realmente grande. Eso me está lastimando los ojos. Quitemos algunas de estas cosas. Pero lo que realmente es importante aquí es que si comienzas a cambiar las opciones
de visualización de tu carrete y luego comienzas a deshacer, no
va a ver tus cambios de pantalla como algo para deshacer y rehacer, importante para recuerden. Pero podemos deshacer, deshacer, deshacer y ahí vamos. Ahora tenemos nuestra animación de pelota pero ahora es un trazo gordo, que es bastante genial. Pero podemos cambiar esto de nuevo a una animación de pelota y
podemos cambiarlo de nuevo a azul si nos gusta. Es así como dibujar en Looom. Recuerda, cuando cambias las opciones de dibujo, cambia toda la obra de arte en cada marco de un carrete.
5. Animar en Looom: lo que Looom es super bueno es la animación de bucle. No está construido para la animación lineal donde hay un inicio y un final definidos. Muestra nuestra animación como real, y muestra cuadro por cuadro, redondo y redondo. No hay inicio y no hay fin. Por el momento, nuestra animación de bolas está en bucle, pero se puede ver claramente el inicio y el final de la animación. En esta lección, usaremos las herramientas de Looom para convertir nuestra animación en lo que me gusta llamar una animación de bucle sin fisuras. Animación de bucle sin un inicio o final claramente definidos. Las herramientas de animación en Looom también nos ayudan a animar súper rápido. Vamos a agrietarnos. Lo que estamos queriendo hacer aquí es, estamos queriendo hacer que un balón vaya desde el principio hasta la meta, y luego volver de nuevo. Porque por el momento, tiene un inicio claro y un final claro. Queremos que este sea un bucle sin fisuras. Ahora bien, ¿cómo hacemos esto? Bueno, una vez que llegue a este marco final por aquí, quiero añadir un par de marcos más para que vuelva a ese lado. Ahora mismo tenemos siete cuadros. Creo que si agrego un par más, así que quizá vayamos por 13 digamos. Eso son seis cuadros extra, eso debería estar bien. Ahora tenemos un montón más de marcos por los que navegar. En lugar de subir, arriba, arriba o abajo, abajo, abajo, lo que podemos hacer es simplemente aguantar, y luego girar a la izquierda y a la derecha. Esto nos da una manera realmente bonita de previsualizar nuestras animaciones de ida y vuelta, y podemos ver las pieles de cebolla que es super cool. A esto se le llama telar de polea. Voy a desplazarme hasta llegar a este marco de aquí, que es un marco perdido, y no queremos el marco perdido, queríamos ir al primer fotograma. Voy a empezar entonces a animar mi balón volviendo hacia el primer cuadro. Vayamos al siguiente. Pero ahora no estoy muy seguro de dónde estoy apuntando, como ¿dónde está este primer cuadro? Lo que podemos hacer aquí, es que podemos volver a este primer cuadro, aguantar nuestro carrete, y encender este marcador. Ya verás que esta pequeña raya o marcador en nuestro carrete. Eso significa que cuando sigamos adelante, verás que esta animación de rayas que siempre está ahí, o casi siempre está ahí. En ocasiones, cuando tienes muchos cuadros, sí desaparece cuando estás muy lejos de ese cuadro en particular. Ahora, tenemos 1, 2, 3, 4 cuadros más hasta que necesitamos que nuestro balón vuelva ahí. Entonces 1, 2, 3 y 4, y luego va a estar ahí atrás. Vamos a jugar esto, de acuerdo. Eso se ve realmente genial. Ahora, un par de cosas más aquí, tal vez, cuando estás animando, no sólo quieres ver tus pieles de cebolla para los marcos de antes de la mano. Lo que podemos hacer es encender pieles de cebolla yendo hacia adelante y hacia atrás, y ahora verás el marco adelante y el marco detrás del cual puede ser bastante útil. El siguiente es que, si realmente no te gusta un marco en particular, entonces hay un marco aquí donde, sí, ese dibujo no es tan bonito. Si no quieres usar la herramienta de borrado cuando solo quieres borrar pizarra, entonces solo tienes que mantener pulsado este carrete y luego toca el botón de borrar, y luego bam, nada más en ese marco. Aquí puedo entonces redibujar ese particular play doh ball y jugar. Fantástico. Ahora recuerda, cuanto mayor sea la velocidad de fotogramas, más rápida será la animación, y cuantos más fotogramas haya, larga será
la animación. Podemos reducir esto a, digamos, cinco fotogramas por segundo. Recuerda, esto va bastante lento ahora, pero va a tardar mucho más que cuando teníamos apenas siete fotogramas en nuestro carrete. Si aumentamos esto a algo así como 15 cuadros por segundo, ahí vamos. Ahora se mueve bastante rápido, lo cual se ve realmente bonito. Ahora lo que sigue realmente genial es, mientras todo esto está jugando, podemos cambiar nuestras tasas de fotogramas, podemos cambiar el color, algo así. Podemos cambiar el estilo de dibujo, podemos cambiar la opacidad. Todo es realmente flexible, que es una partes increíbles de Looom. Hemos cubierto las herramientas de animación de Looom. Espero que puedas ver lo potente y rápido que es crear animaciones de bucle sin fisuras. Antes de la siguiente lección, sigue
adelante y crea tu propia animación de bucle sin fisuras. Puede ser realmente simple.
6. Dibujar mientras animas: Lo que les voy a mostrar en esta lección es una de las características más impresionantes de Looom, y tal vez lo más cool, en realidad. Ya has visto cómo cambiar las opciones de carrete mientras está en movimiento, pero también puedes dibujar en fotogramas mientras está en movimiento. La mejor manera de explicar esto es que yo en realidad sólo te enseñe, así que vamos a entrar en ello. Tengo una configuración extraña. Ahora voy a presionar el botón de reproducción para que mi carrete ruede, y luego sólo voy a empezar a dibujar. Lo que estoy haciendo es que realmente estoy dibujando en cada fotograma, y estoy creando mi propia pequeña película stop-motion mientras está corriendo, que es increíblemente poderosa. Si bien eso va, puedo aumentar el tamaño de esto, por lo que parece manojo pequeños gusanos, gusanos de movimiento. Eso se ve realmente genial. Voy a pausar eso. En realidad voy a apagar mi pellejo de cebolla. Entonces podemos ir de cuadro a cuadro para ver qué está pasando. Aquí se puede ver que no hay marco de inicio o final real, que sigue siendo realmente genial. Pero lo que hemos estado haciendo aquí es que hemos estado, básicamente, si sigues a este pequeñito, va aquí, por aquí. Si enciendo nuestras pieles de cebolla, se
puede ver exactamente lo que está pasando. En lugar de dibujar a mano este cuadro por cuadro, básicamente lo hicimos todo mientras jugaba, lo cual es increíblemente poderoso. Algo sencillo. Pero hombre, cuando nos metemos en más cosas más adelante en la clase, esto se vuelve increíblemente poderoso. Ahora alerta rápida, si agregas muchas formas, hombre, puede empezar a retocar un poco. Las cosas pueden empezar a desaparecer, las cosas pueden empezar a destellar. Ser advertido. Eso es totalmente rad. ¿ Por qué no lo pruebas? Diviértete con lo que puede hacer.
7. Trabajar con varios reels: Debido a que Looom solo permite un estilo de dibujo por
carrete, vas a querer agregar más carretes para crear diferentes elementos en tu animación. Hay un límite de cinco carretes por tejido, lo que significa que necesitas mantener las cosas simples o que necesitas pensar de manera creativa. Empecemos. Lo que quiero hacer es, agregar una sombra a estos gusanos de movimiento. Voy a ir a mi botón Weave Edit, y voy a duplicar este carrete deslizándolo hacia la derecha. Entonces verás que este carrete está seleccionado porque está a la derecha. Si quiero seleccionar este carrete, toco en él y viene a la derecha y éste anima a la izquierda. Ahora vamos por el carrete superior y cambiémoslo a negro porque quiero sombras negras. Yo quiero moverlo un poco al fondo porque ahí es donde están las sombras. ¿ Cómo hago esto? Porque por el momento, sólo
puedo escalar y girar y mover todos los carretes todos al mismo tiempo. Si mantienes presionado un carrete, puedes editar solo este carrete. Eso se ve bastante bien. También puedes hacer esto mientras esto se mueve, lo cual puede ser un poco más útil. Lo que sería aún más útil es si pudiéramos mover la capa negra al fondo. Voy a mantener pulsado mi botón “Weave Edit” y arrastrar esto hasta el fondo. Ahí vamos. Entonces puedo cambiar esto un poco más. Eso se ve bastante bien. Voy a dejar caer la opacidad para que sea más parecida a la sombra. Estoy bastante contento con eso. Eso se ve fantástico. Lo siguiente que quiero hacer es agregar un carrete nuevo. Voy a mantener pulsado mi botón “Weave Edit”, presionar ese icono de “Plus”, y luego con este, voy a cambiarlo a rojo o rosa, arriba la opacidad otra vez y algo así se ve bastante bien. Voy a crear algunos más sobre gusanos de movimiento. A lo mejor van a ser las hormigas rojas, los tipos peligrosos. Fantástico. Eso se ve genial. Ahora bien, si solo quieres mover la capa azul y la negra sin mover la capa roja, ¿cómo hiciste eso? Porque podemos moverlos a todos o podemos mover a uno de ellos, pero ¿cómo se mueven sólo dos de ellos? Lo que haces es, seleccionas tu capa negra, una de ellas, y luego tocas donde quieres la otra, y sosteniendo dos capas hacia abajo, luego las mueves a ambas. Whoa, eso es bastante complicado. Ya ves por qué necesitas dos manos para usar Looom. Ahora cuando pulses “Play”, vamos, Looom, juega. Ahí vamos. Ahora acabas de mover unas dos capas al mismo tiempo. Lo siguiente que quiero mostrarles es cómo navegar un solo carrete. Por el momento, si navegamos siguiente fotograma, siguiente fotograma, siguiente fotograma, o anterior, y navegamos todos los carretes. ¿ Cómo navegamos solo uno? Bueno, mantenemos presionado un carrete y simplemente deslizamos hacia abajo o deslizamos hacia arriba. Esto cambiará la posición de sólo este carrete. Esto es realmente poderoso porque significa que puedes compensar algunas animaciones por unos fotogramas. Es realmente genial. Es posible que necesites algo de tiempo para jugar con múltiples carretes y diferentes estilos de dibujo. En la siguiente lección, cubriremos jugar con carretes con diferentes recuentos de fotogramas y velocidades de fotogramas variables. Te veré ahí.
8. Velocidad de múltiples fotogramas: En la última lección, cubrimos el uso de múltiples carretes en una animación. Pero, ¿puede un carrete tener más marcos que otro? ¿ Puede un carrete tener una velocidad de fotogramas diferente a otra? La respuesta a ambas preguntas es sí. Los efectos de las diferentes velocidades de fotogramas y recuentos de fotogramas pueden ser súper geniales. Vamos a comprobarlo. En Loom, podemos cambiar las velocidades de fotogramas de cada carrete a algo diferente realmente fácilmente. Si nos mantenemos aquí abajo, entonces podemos cambiar la velocidad de fotogramas a 24 fotogramas por segundo y luego presionar “Play” y se puede ver a ese hombre, las hormigas rojas se están volviendo locas. Se están moviendo mucho más rápido que los gusanos de movimiento azul. Este fue un efecto realmente genial para usar en una animación. Otra gran cosa que puedes hacer es reducir las cantidades de fotogramas o aumentar las cantidades de fotogramas por capa. Voy a crear una nueva capa o un nuevo carrete aquí y voy a cambiar el color a negro. Pude haber hecho eso con rojo, reduzca el tamaño del pincel. Aquí, lo que voy a hacer es que voy a crear algo de un garabato abstracto. Simplemente se va a quedar en el mismo lugar, pero va a hacer un poco de meneo. Se va a hacer algunos meneos. Ahora, ¿cómo sé dónde está esto en cada cuadro? Bueno, antes que nada, no quiero 12 cuadros. Voy a ir a este cuadro y reducirlo a seis cuadros. A lo mejor sólo quiero cinco marcos, ahí vamos. Ahora una gran manera de tener una referencia además de usar un marcador es crear una nueva capa o en este caso, voy a duplicar esta capa y voy a ocultar esta capa superior y volver a esta capa. Vayamos a un rosa, así. Entonces lo que voy a hacer es ir a este marco, menos, menos, ir a este marco, menos, menos. Ahora sólo tengo un marco. Eso significa que a medida que va de marco a marco a marco, éste simplemente se mantiene estático. Pero vamos a usar esto con fines de planeación. Voy a revelar esto otra vez, ve a mi siguiente fotograma. Aquí, voy a usar esto como referencia porque quiero crear una animación wiggly, ir a mi siguiente fotograma, ir a mi siguiente fotograma , y a mi siguiente fotograma. Entonces voy a ocultar mi capa de referencia o mi carrete de referencia y podemos jugar esto. Ahí vamos, ahora tengo esta forma realmente wiggly abstracta. Puedo cambiar esto por algo así y puedo moverme al fondo si me gusta. También puedo eliminar esta capa de referencia. Sostengo mi edición [inaudible] y solo arrastro eso y lo elimino. Ahí vamos. Eso se ve realmente genial. Podría disminuir la opacidad aquí y aumentar un poco el tamaño. Es así como puedes empezar a usar diferentes velocidades de fotogramas y diferentes cantidades de fotogramas en una animación. Hay mucha experimentación y juego que puedes hacer aquí, pero cuando comienzas a combinar estas cosas, puedes divertirte mucho. Ahora un aviso rápido. Cuando comienzas a exportar cosas en formato de
video desde Loom que tiene diferentes velocidades de fotogramas y diferentes recuentos de fotogramas, quieres asegurarte de que en algún momento vuelvan a alinearse. De lo contrario, no obtendrás una animación de looping sin fisuras. Sólo algo a tener en cuenta. Ahora es un buen momento para jugar con múltiples capas, diferentes velocidades de fotogramas y conteos de fotogramas variables. Una vez que tengas un mango encima, te resultará súper rápido y súper fácil crear todas las animaciones divertidas. El final de esta lección significa que te he mostrado todo lo que hay que saber sobre Loom. En la siguiente lección, cubriré llevando tus animaciones al siguiente nivel. Te veré ahí.
9. Crear animaciones mágicas: Cuando se trata de animación, siempre
hay algo que puedes mejorar. De alguna manera puedes agarrar y mantener la atención de un espectador. De alguna manera puedes hacer magia. El mejor modo que encontré para mejorar tus habilidades de animación es ver y observar otras animaciones y preguntarte, ¿cómo hicieron eso? Si puedes ver las animaciones
fotograma por fotograma y luego intentar replicar cómo lo hicieron con una animación propia. Hacer esto en Loom es divertido y rápido. También están los 12 principios de animación a los que puedes referirte. Son cosas como la calabaza y el estiramiento, la anticipación, la lentitud hacia fuera, arco, la exageración y el tiempo. Sigue esta URL para conocer todo sobre estos principios. los animadores les encantan. Llevan mucho tiempo usando estas cosas y lleva años perfeccionarlas. Te voy a mostrar algunos de estos principios animando una pelota blando, rebotando arriba y abajo. Queremos que nuestro balón se asemeje a la vida real, pero también queremos exagerar su movimiento. Voy a empezar con mi pelota en la parte superior, y voy a cambiar esto a un estilo de exhibición completa. Cuando se va al siguiente fotograma, va a bajar un poco porque la velocidad o la aceleración a medida que empieza a caer va a ser muy, muy leve. Pero a medida que se acerca cada vez más al suelo, va a aumentar. En el siguiente cuadro, va a
haber una brecha más grande y va a haber alguna exageración. Va a parecer que tiene algún desenfoque de movimiento o tiene algún carácter. Va a ser realmente como aplastado porque ahora se mueve. Entonces aquí va a haber una brecha aún mayor y va a ser aún más exagerada. Entonces aquí se va a golpear el suelo. En este marco, va a empezar a hacer algo de aplastamiento. Entonces aquí un poco más de aplastamiento. Entonces finalmente va a ser plano, como un panqueque. Entonces el siguiente cuadro puede empezar a volver arriba y va a estar volviendo a subir a bastante velocidad. Se va a exagerar de nuevo. Ahora, ¿dónde estaba esta bolita? No estoy del todo seguro.Ahí está. Voy a crear una nueva capa o una nueva real y reducir las cantidades de fotogramas. Entonces lo voy a mover al fondo. Entonces vayamos por el negro y solo dibujemos un tipo de referencia de un círculo. Entonces voy a volver a esta capa o a este reino. Crea unos fotogramas más. Ahora va a estar desacelerándose a medida que llegue a la cima del arco de nuevo. Añadamos otro uno o cuatro. Va a ser cada vez más tazón. Entonces a medida que llega a la cima, puede sentarse por aquí para unos cuadros antes de volver a caer de nuevo. Voy a ocultar mi capa de referencia, mi referencia real y juguemos esto. Aquí está pasando algo raro. Vamos a comprobarlo. Simplemente sube. Solo hay una pelota al azar en medio de la nada. Yo voy a quitar eso. Eso se ve bastante bien. Voy a redimensionarlo. Ahí vamos. Obtenemos esta bola realmente agradable rebotando aplastamiento tipo de sensación. Ahí tal vez hay un par de marcos que podríamos ordenar un poco. Pero eso se ve muy divertido y se siente como una pelota blanda. No es realmente realista como esto no va a suceder perpetuamente, pero aún así nos recuerda a la vida real. Es una ilusión. Lo que me gustaría hacer aquí es que voy a eliminar esta capa de referencia. Entonces voy a duplicar esta capa. Duplicarlo así. Entonces, ¿cuántos marcos tenemos aquí? Dieciocho. Entonces voy a rotar esto por nueve fotogramas. Entonces 1, 2, 3, 4, 5, 6, 7, 8, 9. Entonces mientras esto está jugando, lo
voy a mover, o solo éste un poco a la derecha, que tengamos dos. Vuelve a poner eso en el medio. Ahí vamos. Ahora tenemos dos pelotas saltando arriba y abajo y puedo cambiar esto a negro. Hay un poco de interés. Las cosas se ven un poco diferentes. Podemos crear todo un montón de estas capas, todas rebotando arriba y abajo. Todos se pueden compensar para que estén rebotando no al mismo tiempo, lo que podría ser aún más fresco aquí es, si cambiamos esta velocidad de fotogramas a 20. A lo mejor si aumentamos un poco su tamaño, eso se vuelve realmente interesante. Es una bola realmente enérgica, mientras que esta blanca, ahora no tanto. Es así como comienzas a traer interés y comienzas a hacer magia con tus animaciones. No es sólo una pelota estática. Es una pelota con vida. Lo que hemos visto en este video es cómo empezar a explorar los principios de animación en nuestras animaciones. Son cosas divertidas con las que jugar, pero pueden parecer desalentadoras. Lo que recomiendo hacer es explorar y experimentar con uno o dos de ellos a la vez, lugar de tratar de clavarlos a todos a la vez.
10. Tu proyecto: Has hecho un montón de animar conmigo y sabes
todo lo que hay que saber sobre animar con Loom. El mejor modo de cementar lo que hemos aprendido es practicar, jugar y explorar. Lo que quiero que hagas ahora es crear unas animaciones de looping sin fisuras. Sugiero hacer algo de planeación en papel antes de saltar a animar sin embargo. Esto puede ser bocetos muy rápidos o garabatos. Una vez que hayas hecho esto, entonces intenta crear una animación a partir de la planeación. Si estás atascado por ideas de animación, quizá empieces con formas, objetos
favoritos o una línea de una canción favorita tuya. Me encantará que compartas lo que creas conmigo y con el mundo, pero esto depende totalmente de ti. Una vez que hayas exportado tu animación, puedes compartir en redes sociales con mucha facilidad. Usa los
hashtags madewithlooom y taptaptapkaboomstudent y puedes mencionarme si quieres. Yo soy @taptapkaboom. Una vez que hayas subido tus animaciones a Instagram o YouTube, incrustarlas en tu proyecto de Skillshare. Déjame mostrarte cómo. Tenemos nuestro proyecto de Skillshare, podemos darle un título como Animación 1, y luego podemos agregar algún contenido en la parte inferior aquí, imágenes, videos, u otro. Lo que voy a hacer es hacer clic en un video y luego voy a ir a mi página de YouTube. Aquí es donde está mi animación. Voy a dar click en “Compartir”. Yo voy a copiar eso. También podrías copiar la URL, volver a tu pestaña de Skillshare. Yo lo voy a pegar aquí. Presiona “Regresar”. A veces esto lleva un poco de tiempo. Entonces tienes un video de YouTube incrustado. Entonces puedes decir algo así como, este es mi video de YouTube. Después puedes tocar “Otro”. A veces hay que tocar dos veces. Después vas a una publicación de Instagram y este es el video. De nuevo, voy a tocar estos tres puntos y luego tocar “Copiar enlace”. Después pega eso ahí dentro, y luego vuelve a pulsar “Return”. Ahí vamos. Tu publicación de Instagram está en tu proyecto de Skillshare. Bastante cool. Es así como pones un video de YouTube y
un video de Instagram o una publicación de Instagram en tu proyecto de Skillshare. Puerte fantástico. Estoy muy emocionado de ver lo que se te ocurre. En las próximas lecciones, estaré creando algunas de mis propias animaciones de principio a fin y repasando muchas otras cosas que hemos aprendido en la clase. Aquí te dejamos algunas de mis animaciones para inspirarte. Eres bienvenido a copiarlos si quieres.
11. Ejemplo 1: triángulos: El otro día estoy usando esta app de meditación y soy diseñadora, animadora, y acabo de geek out en estas diminutas interacciones. Una de estas cosas que vi fueron estos triángulos que al igual que flotaban ahí. Esta pieza, estoy planeando que esté basada en triángulos, pero esto va a salir de este pequeño triángulo a un triángulo más grande. Pero luego como se anima hacia abajo, van a
haber estos otros triángulos que aparecen y luego tal vez un poco de polvo de estelar o polvo de hadas, y tal vez un poco de fondo wiggly, tal vez un trazo o algo para mantener toda la composición unida. Estos pequeños triángulos estarán animando hacia fuera y luego animando hacia atrás. Pero a medida que van regresando, otro saldrá. Van a ser tres. Todo funciona mejor en números impares, así que 3, 5. Vamos a darle una oportunidad. Pon eso por ahí. Ahora, voy a empezar con un triángulo. Voy a pasar de muy poco, y cambiemos eso a un completo y se va a ir y se va a hacer un montón más grande. Ese no es un triángulo tan bueno. medida que se hace más grande, entonces va a usar un poco de flexibilización y así simplemente llegar lentamente al punto más grande así, y tal vez podamos aumentar esto a como 16 cuadros por segundo. Entonces como se sienta ahí, puede rotar un poco, así que voy a hacer eso a continuación. Simplemente haz este triángulo, y luego simplemente se quedará en el mismo lugar. Pero rota la manchada. Entonces aquí puede volver a bajar. Lo que estoy queriendo hacer aquí es antes de que vuelva a bajar para respirar, así como va hacia abajo y se hace un poco más grande y luego se apaga hacia abajo. Probemos eso. Bam por aquí, va a ir un poco más grande, va a añadir unos cuadros más aquí,
y un poco más más grande, y luego se va a ir y se va a hacer mucho más pequeño. Tal vez a medida que se hace más pequeño, puede girar también y se va a hacer más pequeño poco a poco en lugar de todo a la misma velocidad. Va a empezar poco a poco a poco a poco y luego se puso realmente pequeño, muy rápido. El siguiente, va a ser un montón de más pequeños. Eso no es un gran triángulo. Ahí, ese es el triángulo que quiero. A lo mejor eso es demasiado rápido. Vamos a deshacer eso. Probemos esto. Eso está un poco más lejos de lo que quería, así que voy a marcar eso, volver atrás, vamos a reducir eso o vamos a borrar eso. Borra eso también, y luego necesita volver a encajar aquí abajo. Un fotograma más, por lo que 20 fotogramas por segundo es bastante bueno. Tiene que ir por ahí. Por alguna razón el marcador no está funcionando ahora, así que voy a voltear el mío, y está avanzando. Algo así o como eso y vamos a añadir otro marco aquí como así y luego uno más así. Una especie de enloquece al final ahí, así que arreglemos eso al final. Hace todo tipo de cosas raras al final. Ese, ¿qué está pasando ahí? Yo también voy a borrar esa. Voy a borrar eso y hacer esto un poco así. Creo que eso funciona bastante bien. Quizás puedas agregar uno o dos marcos mientras es un pequeño triángulo, solo para que se quede ahí. Vayamos al final aquí como un pequeño triángulo. Podemos agregar dos marcos más. Ya no puedes. 24 es el máximo, y un pequeño triángulo, un pequeño triángulo. Tenemos triángulo en el número 1. Lo que voy a hacer es pausar eso, duplicar esto, y luego aquí tenemos 24 fotogramas. Quizás podamos probar esto a 24 cuadros y ver qué hace. Creo que eso se ve bastante bonito. Hagamos una pausa por ahora, y luego aquí voy a ir 1, 2, 3, 4, 5, 6, 7, 8 porque quiero tres triángulos. Si los empiezo en incrementos de ocho fotogramas, deberían verse realmente, muy bien. Tenemos un triángulo por aquí y luego voy a duplicar ese,
duplicar, y luego mover éste por aquí, y luego 1, 2, 3, 4, 5, 6, 7, 8. Juguemos eso. Eso se ve realmente genial. Eso me gusta. Ahora quiero quizá un poco de polvo de hadas. ¿ Cómo hacemos polvo de hadas? Bueno, en realidad no estoy seguro de cómo hacer polvo de hadas, pero voy a probar algo. Añadamos una nueva capa o un nuevo carrete. Supongo que podemos usar el mismo color, pero voy a ir por trazo, y aquí sólo voy a añadir un par de pequeños puntos aquí y allá. Casi parece rasguños en un teléfono viejo. El índice de cuadro de esto y también 24. Si reducimos esto a 12, creo que está funcionando. Creo que si cambiamos el color a algo como blanco y ordenamos a la parte inferior, y luego reducimos el tamaño del pincel, tal vez un poco más grande, creo que eso se ve bastante bien. A lo mejor un poco más grande aún. Aquí están pasando cosas. Ahora solo necesitaré crear mi pequeño fondo wiggly. Voy a crear una nueva capa, arrástrela aquí abajo. Supongo que puede ser de color morado, tal vez no tan opaco, y voy a utilizar mi herramienta completa. Pausa aquí, y podemos usar 12 fotogramas por segundo, y aquí sólo voy a crear una forma redonda. Entonces voy a esconder por ahora el resto de estas capas. Vamos a encender el marcador para esta capa y ver cómo vamos. Voy a apagar eso, y se está bajando en realidad para que sólo pueda ver el marco que estaba marcado. Aquí solo estoy tratando de crear un fondo wiggly. Vamos a encender la visibilidad de nuestras otras capas. Bastante así. Voy a rotar este poquito. Pensé que estaba girando esa, pero en realidad es ésta de aquí abajo. Voy a hacerlo un poco más oscuro para agregar algún interés. En esta capa voy a hacer un poco un tipo diferente de morado, y luego el color de fondo, tal vez el amarillo no es el mejor. El amarillo brillante podría ser mejor o un oscuro o un gris. Algo así se ve bastante guay, creo. Entonces haz más grande esta manchada, y ahí vamos. Tenemos algunas formas de triángulo realmente interesantes haciendo lo suyo. Súper feliz con eso. Buen trabajo, Rich.
12. Ejemplo 2: caos: Este va a ser caótico. Es sólo un caos. Tengo algo de planeación, pero hombre, sólo voy a divertirme mucho con esto. Simplemente va a ser un lío con un montón de gusanos de movimiento por todas partes y tal vez incluso se vean un poco como una nube, e incluso podría ser como líneas yendo aquí y allá, pequeñas cosas pasando por afuera. Va a parecer un desastre caótico. Pero vamos a darle una oportunidad. Vamos a jugar. Voy a cambiar esto a tamaño de pincel realmente gordo, y aquí voy a empezar a crear el contorno de mi caos caótico. Voy a aumentar la velocidad de fotogramas a 32, así que va muy rápido, eso significa que puedo dibujar mucho más en las capas, y luego iré hacia atrás también. Eso empieza a parecer muy divertido. Aumenta un poco el tamaño ahí. Voy a añadir un carrete nuevo. Quizás pueda reducir la velocidad de fotogramas de esto a 16 fotogramas. Sí, se ve mucho más como pequeños bichos o algo así, eso está empezando a parecer genial. Entonces en este nuevo carrete, voy a ir por el blanco, voy a reducir su velocidad de fotogramas a algo así como uno, y luego voy a dibujar esta cosa rara garabata cada fotograma. Eso no funcionó realmente como planeé que funcionara. Intentemos eso otra vez. Cuando vuelve, 1, 2, ahí vamos, y yo solo sigo dibujando encima de esto, viendo a dónde va. Vamos a pausar eso, podría necesitar agregar otro fotograma aquí cuando pase de ese a éste. Permítanme agregar un marco aquí, y activemos los marcadores para esto. No marcador, pelado de cebolla. Entonces voy a cambiar esta velocidad de fotogramas a 24 o algo así y luego ponerla en la parte inferior. Este es un empezar a parecer un lío organizado, caótico, y luego lo que me gustaría hacer aquí es duplicar esta capa y luego darle algunas sombras. Redujamos la opacidad y luego la movamos ligeramente hacia abajo así. Ahí vamos. Entonces esta capa, me gustaría duplicarla también, también darle algunas sombras y reducirla, haremos que se mueva hacia abajo. Ahora parece que hay algo de trabajo de capas, y luego arriba, sólo
voy a hacer un montón de líneas ardientes, lo que con suerte va a ser bastante divertido. Añadamos un nuevo carrete. El negro va a funcionar, aquí vamos. Veinticuatro cuadros, voy a ir por seis cuadros. Yo me voy a ir. Voy a aumentar la opacidad,
disminuir el tamaño, y luego aumentar la velocidad de fotogramas, 16 fotogramas. Entonces voy a hacer un poco más, y luego vamos a ver cómo se ve si es blanco. Sí, creo que eso se ve bastante guay. Voy a reducir el tamaño de sólo eso, aumentar de nuevo el tamaño de todo. Sí, eso me gusta bastante. Es un montón de caos organizado, y bucles realmente bien. Yo estoy contento con eso, simpático.
13. Ejemplo 3: diferentes caminos: Ahí está esta canción de Joy Division y tiene esta línea que dice, tomar caminos diferentes y también el amor nos destrozará. Tengo esta idea de empezar con un corazón y luego se divide, y luego esta parte del corazón va por aquí y esta parte del corazón va por aquí, luego se vuelve como una bolita antes de que ambos volen de nuevo y luego formando el corazón. Simplemente sigue dando vueltas y vueltas. A lo mejor pueden ser algunas de estas pequeñas cosas que se disipa y se separan, sin movimiento, cosas de energía. A ver cómo va eso. Voy a
cambiarlo a un lleno y ahora empecemos a dibujar el corazón. No estoy seguro si soy el mejor cajón del corazón, pero oye, pongamos un poco de pellejo de cebolla en adelante. Probablemente voy a necesitar un montón de marcos. Voy a empezar con 20. Volvamos a ese siguiente cuadro. Yo quería moverme en esta dirección y moverme en esa dirección. Algo así. Se va a llegar hasta aquí y poco a poco conseguir un montón más pequeño y luego simplemente sentarse por unos marcos. De nuevo juntos. Simplemente crea un poco de movimiento aquí. ¿ Ves lo elástica que es también? Entonces ahí tiene que ser abundante otra vez, así que voy a encender el marcador para eso. Entonces desde aquí
puedes empezar a afinarte en un corazón o en realidad tal vez desde el anterior, así que vas a borrar eso y empezar a hacerlo abundante por aquí. Inicia un nuevo marco. Voy a apagar los marcadores y luego encender el pellejo de cebolla hacia adelante y hacia atrás y luego casi lo voy a hacer por aquí. Casi van a volver a estar juntos. Un diseño más o un marco más, lo siento. Ahí vamos. Quizás otro solo para mantener el interés en esta etapa del corazón y uno más. Parece que ahí hay un marco en blanco, pero por la razón que sea, telar piense es que es un marco en blanco, pero no lo es. Echemos un vistazo a cómo se ve eso. Eso sí se ve bastante guay. Aumenta la velocidad de fotogramas a algo así como 20. Creo que a medida que se separa, puedo dibujar estas pequeñas animadas, estas pequeñas cosas que se disipan, así que pasemos a eso. Puedo hacer esto todo en la misma fila y longitud, así que empecemos con un par de estas cosas aquí y allá. Quizás no ese último. Vamos por uno aquí arriba y luego podemos empezar otro ahí, otro por aquí, otro por aquí. Creo que son todos ellos, pero sólo deja esta gran brecha. Lo que me gustaría hacer aquí ya que va al medio de la nada, sólo deja bonita rama o dos aquí y estos tíos se quedan por ahí un poco. Eso se ve bastante bien. Yo estoy contento con eso. Encantador. Ahora probemos esto con una sombra. Voy a duplicar esta capa, esta capa inferior, es bueno para una sombra. Eso se ve bastante bonito. Voy a duplicar de nuevo esta capa y la voy a cambiar a un trazo y la voy a cambiar a blanco para reducir los trazos. Tamaño del pincel y luego ajustarlo ligeramente. Ahora hay como tres capas. Quizás lo que podemos hacer aquí es simplemente hacer
que vaya hacia adelante o hacia atrás una capa para que quede compensada apenas ligeramente. Creo que eso se ve increíble. Se ve realmente bonito y me gusta cómo se juega en esta cosa de planeación inicial que hice. Fantástico.
14. Reflexiones finales: Ese es el fin de la clase. Espero que hayas tenido un montón de diversión y hayas aprendido mucho. Ahora depende de ti crear, jugar, y experimentar. Estoy por la borda emocionada de ver lo que creas. Me encantaría que revisaras esta clase para que otros sepan si deben tomarla o no. Para más clases y cosas para desarrollar tus superpoderes creativos, checkout taptapkaboom.com. Está bien. Eso es todo de mí para reales. Adiós por ahora. ¿Crees que les dieron el juego de palabras para los reales? No lo sé.
15. Mis metidas de pata: O necesitas pensar de manera creativa. Creativamente. Vamos, hombre, hazlo bien. Está bien. No puedo hablar tan rápido. Oh, Dios mío. Vamos. Mi opinión. De acuerdo, eso es todo para mí por reales. No, eso no es cuando hago mi mano. Te veré en el siguiente, lo que sea.
Rich From TapTapKaboom, Multi-hyphenate Artist
