Transcripciones
1. Introducción: Hola, me llamo Chris Piascik. Soy ilustrador y animador. Llevo 15 años trabajando en la industria creativa. En los últimos cinco años, he empezado a incorporar la animación a mi trabajo profesional también. ¿ Eres un ilustrador que quiere empezar a jugar con animación? ¿ También te intimida la idea de tener que aprender nuevo software? Bueno, adivina qué, no tienes que hacerlo. En esta clase, te enseñaré la técnica de animación fotograma por fotograma. Aprenderás a configurar un archivo para animación tanto en Photoshop como en Procreate. Aprenderás a hacer que tus ilustraciones se mueva, o vibrar de forma natural. Aprenderemos a usar frotis para crear un movimiento dinámico con un solo fotograma. Aprenderemos a transformar un objeto en otro, y luego aprenderemos a combinar estas habilidades para hacer una animación aún más dinámica y atractiva. Después de eso, te mostraré cómo exportar tus animaciones de varias maneras diferentes para
cualquier aplicación para la que quieras usarlas y compartirlas. Al final, podrás crear tus propias animaciones simples. No tienes que tener ninguna experiencia previa en animación para tomar esta clase. El curso está dirigido a ilustradores, o realmente a cualquiera cómodo dibujando libre y expresivamente. A lo largo de los años, he hecho ilustraciones para clientes como Nike,
Google, Nickelodeon, The Washington Post, y un sinnúmero de otros. Aprendí animación a través de la experimentación, y lo hice todo sin aprender software de animación específico. Aprender habilidades de animación de alguien como yo puede ser útil porque me estaré acercando como ilustrador. También estaré usando el software que ya estás usando. Además, no tendré la tendencia a deslizarme en ninguna jerga de animación técnica porque, seamos sinceros, realmente no conozco ninguna. Aprender algunas habilidades básicas de animación dará nueva vida a tus ilustraciones y abrirá la puerta a todo tipo de nuevas posibilidades de trabajo.
2. El proyecto: El proyecto para esta clase es crear una animación simple utilizando dos o más de las técnicas que voy a cubrir en los siguientes ejercicios. Lo que elijas animar depende de ti. Pero si eres alguien que prefiere avisos, aquí tienes una sugerencia. Anima dos de tus cosas favoritas, fusionándote para formar lo más grande de la historia. Debido a que estaremos aprendiendo una serie de técnicas diferentes,
las habilidades que desarrollarás son más importantes que un solo proyecto. En cada ejercicio estaremos creando una animación independiente. Pensé que sería divertido tomar un par de estas habilidades diferentes que aprenderás, y combinarlas en una animación más atractiva. Por favor comparte tus proyectos finales en las Galerías de Proyectos para que todos podamos revisarlos. Como siempre, estaré brindando retroalimentación para todos y cada uno. Además, por favor comparta la animación que cree para cada uno de los ejercicios. Será realmente divertido ver esos también.
3. Configuración: Antes de que podamos empezar con la parte divertida, necesitamos configurar correctamente nuestros archivos para evitar cualquier hipo a medida que avanzamos. En esta lección te mostraré cómo configurar tus archivos tanto en Photoshop como en Procreate. Es bastante similar para ambos, pero cada uno tiene sus propias características y configuraciones únicas que voy a repasar. Antes de entrar en los detalles de cada uno, deberíamos repasar algunos fundamentos. Vamos a estar animando cuadro por fotograma. Lo que eso significa es que, todo el movimiento que sucederá en nuestras animaciones sucede como resultado de dibujos individuales transitando de uno a otro. El ejemplo más básico de esto es un libro de tirantes. Cada dibujo individual cambia ligeramente pero cuando te volteaste a través de ellos rápidamente se convirtió en un pequeño video mágico que engañas tu ojo. Cada animación se compone de fotogramas, y un fotograma es igual a un dibujo. Podría estar pensando, ¿cuántos marcos tengo que dibujar? Esas son muy buenas y una pregunta muy importante. Para contestar eso tendremos que hablar de la velocidad de fotogramas. velocidad de fotogramas es la cantidad de fotogramas o dibujos que sucedieron dentro de un segundo. El video estándar es de 24 fotogramas por segundo. De nuevo, podrías estar pensando, espera un segundo, cada segundo tengo que hacer 24 dibujos? En realidad no. Por suerte para nosotros, la animación suele hacerse a 12 fotogramas por segundo. Esto generalmente se conoce como animar en dos, que
significa que en un estándar de 24 fotogramas por segundo video, cada fotograma de la animación aparece dos veces. En las aplicaciones en las que vamos a estar trabajando, Photo-shop o Procreate, podemos configurar esto como solo un documento de 12 fotogramas por segundo al principio y no tener que preocuparnos por ninguna de las matemáticas complicadas. Empecemos a configurar un archivo en Photoshop. Iremos a archivar nuevo, y aquí vamos a elegir nuestro tamaño de documento. Esto obviamente dependerá en gran medida de para qué estés planeando usar tu animación, pero para nuestros propósitos y los propósitos de esta clase, solo
voy a usar un formato cuadrado que es de buen tamaño para publicar en redes sociales, o tal vez usando como miniatura en tu Sitio Web o cualquier cosa para la que puedas usar una imagen cuadrada. Algo a considerar a la hora de elegir un tamaño es que quieres algo que no sea demasiado grande que pueda ser engorroso y hacer que tu computadora se quede rezagada y tenga un enorme tamaño de archivo, porque recuerda, nuestra animación va a estar conformada por dibujos individuales. Si tienes un archivo grande que tiene toneladas de dibujos diferentes, podría ponerse bastante grande y como estás empezando a intentar previsualizarlo y reproducirlo,
podría volverse lento y rezagado. Encuentro un buen lugar para empezar es de 2,000 pixeles. Dos miles de píxeles me dan una resolución lo suficientemente alta donde puedo exportar esta grande, y también permite la mejor experiencia de dibujo. Descubrirás que si tu archivo tiene una resolución demasiado baja, no
tendrás suficientes píxeles para obtener el detalle del pincel
al que estás acostumbrado y no tendrás el control sobre tus herramientas de dibujo. Si tienes una computadora más antigua o tal vez estás rezagada en un espacio de disco duro o memoria, probablemente
podrías bajar a 1,500 o a 1,000 píxeles y aún así tener suficiente espacio para jugar. Tengo una máquina más nueva aquí con mucha memoria. A mí me gusta usar una talla más grande porque me da la mayor flexibilidad. Voy a ir con 2,000 pixeles y hit create. Vamos a necesitar nuestras capas. Nuestras capas están donde estarán nuestros dibujos individuales. Entraré más adelante en esto pero cada dibujante tendrá su propia capa. Esas capas que vamos a necesitar enviar a una línea de tiempo. Vamos a abrir nuestra línea de tiempo, debajo de las ventanas vamos a la línea de tiempo. Aparecerá la ventana de la línea de tiempo, generalmente en la parte inferior. No aparece ahí arriba. El fondo es un buen lugar para ponerlo. Voy a golpear crear una línea de tiempo de video. Ya verás en la parte inferior dice 30 cuadros por segundo. Definitivamente queremos cambiar eso porque no queremos estar dibujando 30 fotogramas cada segundo. Si hace clic en estas líneas en la esquina derecha, podemos ir a establecer velocidad de fotogramas de línea de tiempo. Aquí lo podemos cambiar a 12 o animar en dos como hablamos. Tenemos nuestras capas, tenemos una línea de tiempo. Me gustaría abrir mis presets de herramientas que es donde están mis diferentes pinceles con los que estaré dibujando. Doy clic en los presets de herramientas. Tenemos nuestras capas que son presets de herramientas, y si eres elegante y te estás poniendo serio con querer hacer más cosas de animación, hay una extensión que me encanta usar llamada animators toolbar pro. Lo que esto hace es que hace botones para muchas características que tendrías que hacer manualmente. Realmente hace las cosas más fáciles y te mostraré algunos de los beneficios a esto mientras empezamos a animar. Pero también te mostraré cómo hacer lo que
necesitas hacer sin usar la barra de herramientas de animadores si no quieres. Tengo que salir y comprar una extensión solo para aprender animación. Ciertamente no necesitas usar esto para empezar a animar. Esto solo racionaliza parte del proceso y es algo que me gusta mucho, así que pensé que compartiría contigo. Esa es la configuración básica para Photoshop. Vamos a ver cómo configurar un archivo en Procreate. Vamos a configurar un archivo y Procreate. Voy a seguir adelante y abrir procreate. Voy a ir a un nuevo documento. Como mencioné en el último, iba a ir con alrededor de 2,000 píxeles. Procreate tiene una configuración estándar con 2048 por 2048. Yo sólo voy a escoger esa porque soy perezoso y 2,000 era sólo una estimación, así que esto está bastante cerca. Voy a dar click en eso. Tenemos nuestro nuevo documento. Tenemos nuestras capas por aquí, igual que en Photoshop. Lo que tenemos que hacer para empezar a animar en Procreate es hacer clic en esta pequeña barra de herramientas, icono de
herramienta en la parte superior izquierda, y luego ir a Canvas y luego asistir a animación y luego queremos encender eso. Lo que eso hace es que abre un poco de línea de tiempo en la parte inferior similar a la línea de tiempo en Photoshop. Aquí abajo tenemos un pequeño botón de configuración. Aquí verás cuadros por segundo. Recuerda que queremos eso a las 12. Sólo vamos a arrastrar esto a 12. Tenemos 12 cuadros por segundo. Procreate tiene una característica incorporada de piel de cebolla. De lo que es la piel de cebolla, es que baja la opacidad
del marco anterior y te la muestra mientras estás dibujando el segundo marco. De esa manera, se puede ver en dónde estaba la animación mientras realizas cambios
lentos para engañar al ojo para que pareciera movimiento. Esto será muy beneficioso y servicial. Si te resulta confuso ahora no te preocupes por
ello, tendrá más sentido a medida que empezamos a dibujar y empezamos a animar. Tenemos algunos ajustes para las pieles de cebolla aquí. Tenemos marcos de piel de cebolla max. Lo que eso significa es que
nos va a mostrar grados relativos de transparencia todos los marcos. Creen que eso no sirve para nada, me gusta sólo tener este set en uno o dos. Lo que eso hace es, solo te mostrará el fotograma desde antes de tu fotograma actual y el fotograma después de tu fotograma actual. De nuevo, si esto es confuso, no te preocupes tendrá sentido a medida que vamos. Entonces puedes controlar la opacidad de la piel de cebolla aquí. Así es como aparece claro u oscuro. Se puede cambiar esto a medida que se va si se vuelve molesto o distraído. Este otro ajuste creo que es realmente genial, los colores secundarios marcos. Esto va junto con lo de la piel de cebolla. Además de hacerlo transparente también lo hace de un color diferente. Esto puede ser muy útil porque cuando estás empezando a transformar las cosas y se pone un poco abstracto, puede ser confuso qué capa es cuál. Cuando se tiene la capa anterior en un color diferente, se vuelve mucho más clara. A mí me gusta encender eso. Entonces debajo de eso, acabamos de tener algunas opciones para [inaudible] y tenemos el único disparo lo que solo significa que cuando tocas la animación empieza por el principio y se detiene por el final. Loop solo continuará en un ciclo, cuando llegue al final volverá al principio. Ping-pong, jugará hasta el final y luego rebotará y jugará en reversa. Podemos jugar con esos a medida que empecemos, pero esto todo lo que necesito hacer para conseguir una configuración de archivo para empezar a animar. En la siguiente lección, vamos a elegir y hacer los temas para nuestras animaciones, pero ¿suena divertido? Muy bien, nos vemos ahí.
4. Elección del sujeto: En el video anterior, hablamos de conseguir nuestra configuración de archivos. Pero antes de que podamos empezar a animar, necesitaremos algo para animar. En la siguiente lección, vamos a elegir los temas de nuestras animaciones. Eso podría ser un personaje, un objeto, o incluso una forma aleatoria. Sea lo que sea que elijas, querrás mantenerlo sencillo. Simplemente péguese con un trabajo de línea de color por ahora. Posteriormente abordaré cómo agregar color, pero es mucho más fácil aprender los conceptos básicos sin esa complicación añadida. Para la animación, vamos a necesitar un sujeto principal, ese siendo el personaje, objeto o forma aleatoria y otro para transformarlo en ese personaje. Eso puede ser sólo otro objeto de carácter o forma aleatoria. Para mantener las cosas más fáciles, recomendaría elegir algo que tenga una forma similar al otro lado. Por ejemplo, una rebanada de pizza y un cono de tráfico, o la luna, y una rosquilla, o un auto y patín de ruedas. Después de que hayas decidido qué hacer, el siguiente paso es empezar a bosquejar. Puedes hacer esto en un pedazo de papel si eso te resulta más cómodo, o empezar a trabajar directamente en el archivo que configuramos. En este punto, realmente no importa. Solo estamos tratando de esbozar ideas y lo que sea que sea la forma más cómoda para que hagas, eso es lo que debes hacer. Voy a empezar a esbozar una idea para mi personaje. A mí me gusta simplemente hacer bocetos en nuevas capas de esa manera. Puedes eliminarlos, están mal o puedes bajar la opacidad y trazar sobre ellos si quiero rehacerlos para que sean un poco mejores. Adelante y consigue un pincel y tal vez usa un lápiz, pincha uno de los pinceles de Kyle Webster porque sus pinceles son geniales y solo voy a empezar a bosquejar. He decidido ir con uno de mis personajes fantasmales. Decidí hacer esto porque me gusta dibujar estos, suelen ser mi go-to cuando empiezo a dibujar un personaje y son divertidos animar porque tienen esta forma orgánica wiggly. Déjame darle unos pies, sin embargo, no
sé lo cruciales que son los pies, porque el fantasma puede volar. No lo sé. El pie le dará más un mejor carácter. Pero de todos modos, no nos atrapemos en los detalles aquí. Tenemos unos pies, es un fantasma, tiene una cola, puede volar. Va a necesitar algunos ojos. Bueno, pongamos unos grandes ojos tontos en este tipo. Algunos sacándose de su cabeza fantasma y le dan unas mejillas fantasma, y una boca grande. Vas a necesitar unos dientes grandes para ir en su boca grande. Ahora que tengo el boceto a un buen lugar con el que estoy satisfecho, voy a hacer versión más apretada. Yo sólo voy a bajar la opacidad de mi capa, que esté lo suficientemente oscura para que pueda verla,
pero lo suficientemente ligera como para poder dibujar por todas partes. Voy a hacer una nueva capa y aquí es donde dibujaré mi versión apretada. Amplíe un poco y sólo va a rastrearlo. Tomando las cosas arriba, deshazte de todas las líneas extra bocazas para que solo tengamos un simple dibujo de líneas desde el que trabajar. Yo sólo voy a suavizar todas estas líneas. Averigua cómo se ven realmente estas formas ya que tengo todas estas líneas de boceto. Yo sólo quiero simplificar las cosas a medida que voy. A veces cuando estoy haciendo una línea como esta, voy a pasar un poco por las piernas y luego sólo las borraré después, esa manera puedo conseguir ese ángulo agradable y suave. Ponle un labio a este tipo para un pequeño personaje o labio fantasma y mete estos dientes aquí, saca la lengua, muestra este fin. Nuevamente, solo estoy apretando las cosas, solo haciendo que estas líneas sean bonitas y limpias. Necesito ojos. los
dibujas primero y luego podemos entrar y borrar esa superposición después. Tienes estos pies superfluos de un fantasma volador. Vamos a borrar eso y creo que está bien para irse. Ahora podemos eliminar nuestra capa de boceto, ya no
necesitamos eso. Voy a subirlo a la cima para que pueda referirme él y empezar a trabajar en mi próximo personaje. Estoy pensando como una situación tipo perro para este tipo. Estoy pensando que porque noté que estos pies parecen que podrían ser orejas de un perro. Me recuerda las orejas de Odie de Garfield. Estoy pensando que mientras hago el morph, podrían rotar hasta arriba así y será una pequeña broma visual haciendo los pies en orejas. Estoy pensando que esta parte trasera del cuerpo podría ser la boca, así que tal vez el perro estará mirando hacia el otro lado. A medida que suben las orejas que pueden transformarse en una boca. De esto estaba hablando cuando tienes formas similares. Has escogido algo que sigue las líneas de
la otra cosa puede hacer que las cosas sean interesantes y divertidas. Pero definitivamente no tienes que hacerlo de esa manera, pero es un truco para hacer las cosas más fáciles. Tenemos este pequeño cuerpo encima, vamos a hacer unos ojos de bicho similares al otro. Yo quiero que este definitivamente sea su propio carácter único, pero también tenga algunas similitudes visualmente para que cuando las transformemos entre sí, sea una transición natural. Voy a apretar un poco a este tipo. Basta con hacer referencia al otro personaje, tener ojos similares y esta forma redonda. Pero este tipo tendrá más de una separación entre su cabeza y su cuerpo. Digamos que arreglaremos esta boca, que
sea un poco más natural. Consiguió esta zona de atrás. Vamos a averiguar cómo hacer que esta cabeza trabaje en su cuerpo. Piensa en convertirlo en más de una forma. Bueno, haz las cosas un poco más fáciles. Dale unos piecillos y solo aceleraremos las cosas aquí arriba. Ahora que tengo mis bocetos hechos, voy a seguir adelante y hacer mis últimos dibujos apretados. Tengo mi boceto en su propia capa aquí y voy a
volver a bajar la opacidad igual que antes y hacer una nueva capa, y aquí es donde haré mi dibujo. Ahora sólo voy a agarrar un pincel de entintado. Yo quiero usar los pinceles de Kyle Webster porque son geniales y me gustan. Pero puedes usar el cepillo que quieras. Encuentro que el uso de un cepillo más limpio hace que esto sea más fácil, pero puedes experimentar con tratar de pincel más áspero. Simplemente variará un poco más el peso de la línea y te dará efectos interesantes. Voy a acelerar esto para que no tengas que verme tediosamente rastrear esto. Como te darás cuenta, como dibujo, estoy girando mucho el lienzo. Hago eso porque me ayuda a dibujar líneas un poco más suaves y limpias en diferentes ángulos. A veces tirar a través de una curva o empujar a través una curva es más fácil y da mejores resultados. Estoy trabajando en mi segundo personaje aquí, solo apretando las cosas. Nuevamente, acercando y alejando, girando mi lienzo. Son sólo pequeñas cosas que me ayudan a que mis líneas sean bonitas y limpias. Publica tus verdaderas ilustraciones en la galería del proyecto para que podamos ver tu progreso y ver qué cosas eventualmente te transformarás entre sí. En el siguiente paso, haremos que nuestras ilustraciones se muevan.
5. Ondulaciones: hervor de línea: En este primer ejercicio, te
mostraré cómo hacer una ilustración simple, menear o vibrar como una caricatura tradicional de la vieja escuela. Este movimiento dentro del trabajo de línea se conoce como hervor de línea. El hervor de línea es resultado de dibujos
individuales que conforman una animación no alineándose a la perfección, ya sea ligeras diferencias en cómo se alinean las líneas o peso de línea o pincelada podría ser cualquier número de esas cosas que son resultado de dibujar a mano los fotogramas individuales de una animación. Pero cuando están un poco apagados, solo
hay un poco de movimiento que sucede. En los primeros días de la animación, esto definitivamente se consideró un error por lo que los animadores hicieron todo lo posible para evitar esto a toda costa. Te puedes imaginar lo difícil que sería esto evitar cualquier movimiento al
dibujar a mano innumerables marcos para incluso una caricatura corta y mucho menos una película de larga duración. No obstante, esta imperfección es algo que realmente me gusta. Al igual que impresiones ligeramente offset o discos antiguos, esta imperfección le da un toque humano a una pieza y le da un calidez y un poco de vida y energía que no necesariamente tendría de otra manera. Me encanta la forma en que se ve esto. Me encantan las pequeñas imperfecciones. Me encanta el pedacito de mano que muestra a través en este trabajo. Lo bueno de hacer esto es porque solo somos humanos, no
tienes que hacer nada especial además de solo tratar de dibujar lo mismo tres veces. Sumérgete en Photoshop y te mostraré a lo que me refiero. Preparémonos para hacer que nuestro dibujo se mueva. Vamos a tomar el primer objeto que creamos o carácter, sea cual sea tu primer sujeto. Vamos a abrir ese expediente. Tengo el mío abierto aquí, y ya tenemos el dibujo establecido en nuestra capa. Para hacer la mudanza, todo lo que tenemos que hacer es dibujar esto dos veces más. El grandioso es que realmente no tienes que intentar o hacer nada especial para que se mueva. Simplemente va a ser un resultado natural de rastrearlo y no ser completamente perfecto. No intentes no ser perfecto porque si intentas hacerlo imperfecto, probablemente
se vaya a sacudir demasiado. A medida que vaya, voy a tratar de rastrearlo con bastante precisión. Lo que voy a hacer es simplemente seguir adelante y
bajar la opacidad y luego hacer una nueva capa. A veces es un buen hábito entrar
a etiquetar tus capas cuando estás haciendo animación porque se vuelve confuso. Voy a llamar al primero 1. Voy a llamarlo segundo 2, y voy a seguir adelante y hacer mi tercera capa ahora solo para no tener que renombrarlos más tarde. Entonces 1, 2, 3. Estos serán mis wiggles. Una segunda, tengo mi pincel entre esa capa, ésta está rechazada y sólo voy a rastrearla. Como mencioné, no estoy tratando de que esto sea imperfecto. Creo que a veces cuando la gente está aprendiendo esta técnica y tratando de hacer hervir esta línea de vibración, asumen que tienen que exagerar las imperfecciones y tú realmente no. Esto es sólo una vibración natural que ocurre cuando redibujas algo. Pero si miras, solo hay sutiles imperfecciones y eso es todo lo que realmente necesitamos. Quieres estar bastante cerca. No te preocupes por intentar acercarte demasiado o tratar de exagerarlo. Básicamente solo rastrearlo y no te preocupes demasiado por ello. Siempre puedes experimentar con hacer un rastreo más flojo y ver cuánto vibra
eso y ver si eso es algo que quieres, pero para mí me gusta un poco de vibración que no se siente demasiado nerviosa. El otro es porque vamos a estar repitiendo estos tres marcos para dar la ilusión de movimiento constante. Si son dos diferentes, no
va a ser un bucle muy bueno porque va a estar demasiado nerviosa y se verá repetitiva si hay movimientos dramáticos en el medio. Vamos a llenar esto. Conseguimos nuestro segundo hecho, y vamos a empatar un tercero. A mí me gusta simplemente apagar la segunda capa y luego volver a trazar la primera en
lugar de bajar la opacidad de la segunda y dibujar de esa. Me parece que funciona mejor volver al original, porque si solo sigues rastreando tus trazados, la imagen empezará a cambiar más progresivamente que un bucle natural. Porque cuando lo estás redibujando las líneas podrían hacerse un poco más grandes. Entonces estás rastreando esa, es casi como un juego visual de teléfono donde una persona dice algo y luego cambia un poco y cambia un poco. cuando llegue al final es irreconocible. Ahora que tenemos los tres de nuestros dibujos, cuando regrese y vuelva a dar vuelta la opacidad en nuestro primer dibujo. Ahora que todos están totalmente opecizados esa no es una palabra real, pero ahora que todos son iguales, vamos a ir adelante a nuestra ventana de línea de tiempo que abrimos en la configuración. Si ya no tienes esa apertura, está bien. Simplemente sube a ventana, elige línea de tiempo, ábrela, y vamos a dar click en crear línea de tiempo de video. Aquí hay dos formas diferentes de usar la línea de tiempo. Para este primer ejercicio, quiero mostrarles la manera muy sencilla, que es aproximadamente lo más cercana al equivalente del libro de pies como puedas conseguir. Para llegar a esto, vamos a dar click en estas casitas en la esquina inferior izquierda de tu ventana de línea de tiempo. Haga clic en esos. Se va a cambiar a esta cosa mucho más sencilla con solo esta pequeña miniatura en la esquina inferior izquierda. Con un cinco de segundo nivel debajo de él. Ahora que tenemos esto, vamos a ir hacia el lado derecho de la ventana de la línea de tiempo, click en estas líneas y vamos a hacer fotogramas a partir de capas. Hacemos click en eso. Lo que pasa aquí es que se necesitan todas nuestras capas
en las que acabamos de hacer nuestros dibujos y los envía a la línea de tiempo para ser fotogramas individuales. Como mencionamos cada dibujo es un marco, y ahora nuestros dibujos se convierten en marcos. El único aquí es que utiliza el fondo como una capa que no queremos. Lo que haremos es solo dar click en este pequeño basurero en la parte inferior derecha y ahora tendremos nuestros tres marcos aquí. Queremos darle vuelta al fondo y fotografiarlos porque quiero volver por aquí. No tienes que hacer esto, pero yo quiero tener el fondo blanco. Para cambiar todas estas capas a la vez, solo
voy a dar clic en la primera, mantener pulsado el turno y luego dar clic en la tercera y verás que todas estas capas están seleccionadas. Una vez que estén todas seleccionadas, puedo ir a mis capas y luego simplemente activar la capa de fondo. Ya verás que cada uno de estos tiene sus antecedentes. Vamos a volver a seleccionar todas estas capas haciendo clic en la primera y luego manteniendo presionado turno, haciendo clic en la tercera. Ahora podemos cambiar el tiempo por cuánto tiempo estarán subiendo estos fotogramas en la pantalla. Estos tienen ajustes predeterminados aquí, 0.1, 0.2, 0.5. Estas son versiones simplificadas de la velocidad de fotogramas porque esta es la versión más simplificada. Esta línea de tiempo es la más adecuada para alguien que solo está tratando de hacer un GIF animado y realmente no le importa demasiado el tiempo. Pero solo puedes elegir el 0.1, y eso te acercará bastante a los 12 fotogramas por segundo de los que estamos hablando. Pero esta es solo una manera realmente sencilla de empezar a animar y no preocuparse por una línea de tiempo y cosas así que te mostraré a continuación. Pero esta es una forma realmente sencilla y creo que es agradable aprender esto porque
puedes experimentar y simplemente no preocuparte tanto por aprender cosas. Esta es la forma más rápida de empezar a animar algo, que es divertido. Tenemos todos estos set, cada uno al hacer click en el primer fotograma, lo verás en la ventana de capas. cuadro 1 es visible, hacemos click en dos, dos es visible. Si hacemos click en tres, tres es visible. Eso es lo que queremos, eso es perfecto. Esta es nuestra transición. Esta es nuestra noción de movimiento si se quiere. Abajo en el fondo, tenemos esta cosa que dice para siempre. Si el tuyo no dice para siempre, eso es lo que queremos. Siempre significa que sólo va a seguir buceando y eso es lo que queremos. Queremos que esto haga bucle. Voy a asegurarme de que eso esté encendido para siempre. Desde el primero y cuando golpeemos el juego, vas a ver alguna acción de movimiento que hiciste. Tan solo prepárate para ello, 1 ,
2, 3 vamos. Todo eso, ¿no es divertido? Simplemente le tiene un poco de vibración. Como mencioné, no traté de hacer que esta mudanza se mueva, solo lo
rastreé dos veces más. Ahora que te mostré la forma sencilla de hacer esto, me gustaría mostrarte la línea de tiempo real más robusta que será más beneficiosa y te
dará mucha más flexibilidad cuando estés tratando de hacer animaciones
más avanzadas o simplemente tratando de tener algunos ser una cantidad específica de tiempo. Esto solo te da mucho más control y opción. Vamos a volver a hacer clic en crear línea de tiempo de video. Vamos a ir y asegurarnos de que nuestra velocidad de fotogramas de línea de tiempo sea correcta. Después cambia eso de 30 a 12. Ahora, ya verás que tenemos todos nuestros marcos simplemente impidiendo tener 12 fotogramas de largo o algo así. Esto tirará cosa aquí abajo controla lo lejos que estamos en cada fotograma. Nos ayuda a acercar para ponernos realmente ajustados a nuestra línea de tiempo. Si queremos ver fotogramas individuales o si queremos alejarnos para obtener más control. Lo que sí necesitamos hacer ahora es hacer que todos nuestros marcos solo un fotograma de largo porque dice 12 cuadros por segundo. Todo lo que vas a hacer es simplemente arrastrar estos hacia abajo hasta donde vayan. Ahora podemos acercar eso y verás que cada uno de estos es un fotograma. Ahí verás el pequeño marcador de marco. Lo que queremos hacer ahora es poner estos en orden. Dos comenzarán después de uno y tres después de tres. Ahora, estamos de vuelta a donde estábamos al revés para que podamos seguir adelante y jugar esto. Enfriar. Ahora, lo que podríamos hacer ya que tenemos esto toda la línea de tiempo es que podemos consolidar estas cosas, hacerlo un poco más fácil. Puedo tomar esta capa, ese marco, ponerlo ahí abajo, y ahora podemos poner todos estos en un pequeño grupo juntos, este video agrupado y podemos seguir adelante y etiquetar esto para que pudiéramos llamar a esto el carácter 1 loop. Ahora tenemos estos tres cuadros que podemos repetir una y otra vez para que nuestro personaje se quede en un solo lugar, pero aún así tenemos esa vibración que queremos. Ahora sabemos hacer nuestro personaje u objeto o lo que sea que estés haciendo, vamos y lo vibramos para darle un poco de energía. En la siguiente lección, te mostraré cómo tomar esta técnica en el uso de algunas otras aplicaciones para algunos resultados divertidos.
6. Ondulaciones: otras aplicaciones: Ahora que hemos hecho nuestras ilustraciones, menearnos y vibrar. Te voy a guiar por algunos otros ejemplos divertidos usando procreate en el iPad. Tengo un documento de procreate abierto aquí y voy a seguir adelante y encender mi asistencia de animación, bajo Canvas animation assist. Una forma divertida de utilizar esta técnica es animar palabras como un logotipo o algo así. He visto muchos logotipos de gente cool en su página web animados y eso es algo que se puede hacer con bastante facilidad. Vamos a animar aquí una palabra simple. Voy adelante y escribo la palabra wiggle, para demostrar la mudanza. Cuando estás usando la línea de tiempo aquí abajo, después de dibujar un fotograma, solo tienes que hacer clic, “Añadir un fotograma” y verás que automáticamente se vuelve más ligero para que podamos dibujar encima de él. Agrega otro marco. Vamos a entrar en nuestra configuración, a ver estos nuevos. Primero bajemos esto a 12 cuadros por segundo y luego marcos de piel de cebolla. Cambiemos esto de max a uno y de esa manera sólo estamos viendo el fotograma anterior, no el anterior. Está bien la opacidad. A lo mejor podrías hacer eso. Bajar eso un poco y hagamos la opción de cuadros secundarios de color. Esto nos permitirá bajar aún
más la opacidad si quisiéramos y se puede ver que es roja, lo que la hace muy distinta ya que estamos rastreando sobre ella. Porque, procreate hizo automáticamente lo la transparencia con las características de la piel de cebolla y la línea de tiempo. No tenemos que entrar y asegurarnos de que nuestra capacidad esté activada o algo por el estilo,
así que solo podemos darle a “Play” y aquí tenemos algunas letras de meneo. ¿ No es divertido? Experimentemos un poco más y tratemos de dibujar un poco diferente. ¿ Y si queremos exagerar un poco las cosas? ¿ Y si empezamos con algo así como letras wiggly? También creo que es divertido usar un pincel, un poco de arena como este cuando estoy haciendo animación como esta. Porque la imperfección en la calidad de la línea y como la textura, si quieres, realmente se suma a ese estilo de animación tradicional. Agrega aquí un nuevo marco. ¿ Y si tratamos de hacer
más las líneas de meneo cambiando un poco a diferencia de rastrearlo directamente? Ya que tenemos estas curvas yendo por aquí, ¿y si las revertimos para ver cómo se ve eso? Cuando estás haciendo esto, definitivamente experimenta y diviértete. Aprendí casi todas mis cosas de animación de esta manera, porque nunca me propuse ser animador. Nunca pensé que fuera algo que estaría haciendo por parte de mi trabajo. Yo solo estaba jugando y experimentando y creo que hacerlo de esa manera me dio un poco de estilo y perspectiva únicos sobre estas cosas. Lo cual creo que puede ser beneficioso para darte tu propia voz visual. Definitivamente jugar y experimentar. Voy a ser honesto contigo, realmente no
sé cómo va a salir esto. Creo que esa es la diversión de ello. Para éste, me volteé en lo anterior. Volteé hacia dónde iba la dirección, pero no sé realmente qué hacer en esta tercera. Estoy tratando de hacer uno que esté entre las dos direcciones de las líneas de movimiento, si eso tiene sentido. Al igual que una versión menos extrema. Creo que todo podría servir como un buen terreno medio. Está bien, vamos a ver. Mira eso. Eso es super wiggly. Ves, que es divertido y puedes hacer todas las cosas como esta. Probemos uno con cara. Haz un personaje aquí. Cabeza de personaje, además de ojos grandes como este y hacen que se vean sorprendidos. Eso será bueno para un bucle, porque sólo será como una mirada en blanco con su boca agape. Sí, como puedes ver, es solo, dibujas una cosa y luego solo dibujas dos veces más y simplemente lo recorreremos y así es como nos vamos divertidos. Es realmente divertido. Ahora que tenemos una imagen ondulada. Bueno, preparémonos para untarlo. Te veré en la siguiente lección.
7. Manchas: En la siguiente lección, te
voy a enseñar todo sobre frotis. Seguramente piensas que eso suena raro. ¿ Qué tienen que ver los frotis con la animación? Tienen mucho que ver con la animación. Los frotis son truco de magia. Son una herramienta utilizada por los animadores para engañar a la gente y divertirse mucho. El desenfoque es una ilusión óptica. Representa un desenfoque de movimiento en un solo marco o dibujo. Esto es obviamente súper útil porque evita tener que dibujar innumerables marcos solo para representar un
movimiento rápido.Hay una tonelada de diferentes formas de hacer frotis, y esa es una de las razones por las que los amo. Algunos animadores estirarán una imagen a través de un solo fotograma, otros repetirán una imagen o un objeto un montón de veces dentro de un fotograma. Realmente no hay una manera equivocada de hacerlo. Puedes ponerte tan raro como quieras y experimentar y ver cuánto
puedes engañar a la gente porque eso es lo que estamos aquí para hacer, ¿no? La animación es todo solo un gran truco. Los dibujos animados de Old Warner Brothers fueron algunos de los primeros en usar el frotis regularmente. Otros usos de saludo son en Bob Esponja, supongo que has oído hablar de Bob Esponja. Bob Esponja tiene toneladas de frotis raros, impresionantes. Los frotis son tan cool que hay todo
un tumblr dedicado a ellos llamados frotis de animación. A lo mejor solo pausa esto ahora mismo y ve a revisar eso y emocionarte luego vuelve, y vamos a empezar a hacer algunos frotis. Te voy a guiar a través de un frotis muy simple, voy a usar procreate para este primero. Tengo en este momento configurar mis tres dibujos vivos para la mudanza. Este personaje que voy a utilizar como los lugares de retención para este personaje. Lo que vamos a hacer con este desprestigio es que
lo vamos a dar la vuelta para que esté frente a la otra dirección. Para ello, voy a duplicar aquí mis tres marcos. Duplicar uno, después estoy duplicándolos y
moviéndolos para que mantengan el mismo orden en el que están. Entonces 1, 2, 3. De esa manera el bucle es el mismo. En procreate porque no tenemos todas las características de Photoshop cuando queremos bucle algo como esto, solo
tenemos que repetir manualmente así. Es un poco tedioso pero es uno de los inconvenientes de ser un software realmente simple, el tipo de cosas con
las que tienes que lidiar. Ya que vamos a hacer que se dé la vuelta, lo que voy a hacer ahora es voltear este segundo conjunto de tres imágenes. Entonces sube a la era en la parte superior a transformar.Voy a dar click en flip horizontal. Entonces haz lo mismo por los otros dos. Ahora verás que es swishes y no se ve tan mal, pero vamos a usar un frotis para que eso sea más natural. Haciendo el frotis así, lo
del color secundario será realmente útil, y asegurándonos de que tengamos a
nuestro amigo de piel de cebolla configurado en uno para que no tengamos que mirar muchas cosas a la vez. Lo que voy a hacer es, se ve
que los tres primeros cuadros están de cara de un lado y luego de los tres o de otro lado. Voy a dar click en el tercer fotograma, que es el último que estamos espaciando derecho y voy a hacer añadir un marco. Aquí, tenemos verde y rojo. El rojo es el cuadro anterior donde el monstruo mira a la derecha, y el verde es el siguiente cuadro donde está mirando hacia la izquierda. Vamos a hacer un desprestigio aquí.Lo que vamos a hacer es tratar de emular el desenfoque de
movimiento que sucedería a medida que este personaje da la vuelta por completo. Lo que quieres hacer es pensar en continuar con este movimiento en un solo desenfoque. Creo que lo que haría aquí es conectar estos dos ratones para que sea una gran mezcla. Voy a simplemente agarrar esta línea, quiero hacer mi pincel un poco más pequeño para que coincida con el trabajo de línea. Yo sólo voy a llevarla a donde empieza y hacer lo mismo para el fondo siguiendo esa línea. Como pueden ver sólo estoy dibujando una línea desde donde empieza hasta donde va a estar. Usando las curvas, una especie de emparejarlo un poco. Ya que los dientes en todo el camino al otro lado, hay algunas formas diferentes de hacerlo. Podemos estirar los dientes y hacerlos más largos, o podríamos repetirlos. A lo mejor podríamos hacer un combo de cada uno y ver cómo funciona eso. Por los dientes, sólo voy a seguir adelante y repetirlos. Entonces tal vez para la lengua hará un estiramiento y hará la iteración. Trae la lengua así y luego ten esa línea en el medio, por lo que es una lengua grande. Después tenemos esta zona centro, el interior de su boca pero untar con negro. Mucho ver frotis es jugar y experimentar. Lo que puedes hacer por los ojos es extenderlos como a una forma grande, o tal vez usemos esta cosa barata aquí y solo hagamos que ésta sea un poco manchada entonces tal vez podamos repetir los otros ojos. Esta una larga pupila, entonces tenemos lo más destacado en el medio para que podamos estirar eso. Definitivamente es raro hablar de cómo hacer esto, porque se trata de una especie de jugar alrededor y experimentar y hacer formas. Tengan eso en mente. Simplemente voy a repetir estos ojos, igual que una forma de traer los ojos de afuera. Siento que los propios frotis son cosa más divertida. El cabezal es muy sencillo porque acabamos de conseguir que se moviera un poco por encima. Hagamos sólo un estiramiento normal aquí mismo. Entonces esta situación de cola, creo que podemos simplemente hacer algo así o simplemente conectarlo, entonces solo puedo hacer que la parte inferior del cuerpo esté en forma. Tienes que cerrar esos labios. Los pies están mirando hacia un lado y luego hacia el otro,
así que tal vez podamos simplemente hacer un terreno medio donde los pies estén hacia adelante, y luego tal vez poner algunas líneas extra de pierna ahí dentro. A medida que vas puedes una especie de voltear de ida y vuelta aquí para ver cómo está funcionando y ver que es bastante divertido. Podemos volver al principio y luego golpear play. Déjame rotar eso de nuevo a la normalidad. Mira qué raro es eso, pero cuando lo tocas, simplemente
parece un movimiento borroso rápido. Te dije que es magia. Ya verás que ya que tenemos esos marcos repetidos, el personaje se queda mirando en un sentido. Si no tuviéramos esos, eso simplemente sería parpadeando de ida y vuelta muy rápido. Pero ahora tenemos ese tipo de momento en el
que está mirando a un lado y mirando al otro lado. Ahora que hemos creado nuestro primer frotis, pasemos a la siguiente lección donde te mostraré cómo crear un frotis usando Photoshop.
8. Manchado en Photoshop: En la lección anterior, te
mostré cómo crear nuestro primer frotis usando Procreate en el iPad. Para esta próxima demostración, voy a utilizar Photoshop para que pueda mostrarles las similitudes y diferencias entre las dos. Anteriormente mencioné que me gusta usar Animators Toolbar. Te voy a mostrar algunos de los beneficios y características de ese plug-in. Pero también te mostraré cómo hacer todo sin usar Animators Toolbar. Para este desprestigio, tengo nuestro bucle inicial de nuestro personaje. Simplemente lo mismo, repitió tres veces, y luego he ido adelante y dibujado otra posición para este personaje. Entonces aquí tenemos un dibujo de nuestro pequeño monstruo agachado en una bolita. Simplemente lo he rastreado tres veces para que tengamos eso con un bucle. Lo que vamos a hacer es crear un desprestigio para la transición de esto a aquello. Entonces, antes de que
empecemos, solo haremos un pequeño recapitulación aquí. Queremos asegurarnos de que nuestra velocidad de fotogramas esté establecida en 12 fotogramas por segundo. Puedes comprobar esto mirando la parte inferior de
tu línea de tiempo y verás un poco de 12 fotogramas por segundo. Si el tuyo no está establecido en 12 fotogramas por segundo, solo
vamos a seguir adelante y dar clic en nuestra pequeña ventana Línea de tiempo por aquí y para establecer la velocidad de fotogramas de las líneas de tiempo. Aquí sólo nos aseguraremos de que sea a las 12, si no es cambiarlo a un 12, y estamos bien para ir. Tenemos nuestra primera posición y después tenemos este pequeño bucle de nuestra segunda posición, por lo que necesitamos hacer el frotis y entre ellos. Como verán aquí, tengo la primera posición y luego la posición de chorro en pequeños grupos separados aquí. Estos grupos se llaman capas de video. Dentro de una capa de video, puedes tener varios fotogramas, que son capas en Photoshop, por lo que tenemos nuestra posición de monstruo uno y luego la posición de cuclillas como su propio grupo de videos. Para el frotis, solo voy a seguir adelante y hacer un nuevo grupo de video. A pesar de que es solo un marco, ayudará a organizarlo y mantenerlo separado. De esa manera, si queremos repetir algo de cualquiera de los dos, tendremos esto como cosa separada. El primero que vamos a necesitar hacer es conseguir un marco aquí en el que podamos dibujar para hacer nuestro frotis. Con Animators Toolbar Pro, si tan solo hacemos clic en este pequeño botón Plus, solo nos hace un pequeño marco bonito, entonces lo arrastramos a su posición y ya es de la longitud correcta. Si no tienes Animators Toolbar Pro, solo
voy a seguir adelante y deshacer eso. Puedes hacer click en tus Capas por aquí y luego solo hacer este pequeño Plus en la parte inferior derecha y eso te dará una nueva capa. El único truco aquí es que por incumplimiento a esta longitud loca. Lo cual está bien, sólo tenemos que ir hasta el final y luego tirarlo
hacia abajo a un fotograma y a nuestros 12 cuadros por segundo, entonces seguiríamos adelante y lo moveríamos hacia arriba en el medio. Tenemos nuestro lazo del monstruo en la posición uno, y luego tenemos nuestro marco en blanco, que es donde dibujaremos nuestro frotis, y luego tenemos la otra posición aquí. Si no estás usando Animators Toolbar y terminas necesitando más de un fotograma, arrastrarlo hasta el tamaño correcto puede ser un poco tedioso. Un pequeño consejo rápido para eso es simplemente seguir adelante y hacer un nuevo grupo de video. Harás clic en esta Flecha al lado derecho de los grupos de video y hacer Agregar grupo de video. Ahora tenemos un grupo de video en blanco. Ya que tenemos este marco que ya hicimos y lo arrastramos hasta el tamaño correcto, solo
tienes que mantener la opción y arrástrala. Se lo copiará ahí para ti. Ahora podemos usar este Video Group 2
como un marcador de posición de marcos en blanco, para que podamos tomar de. Entonces si necesitábamos un nuevo fotograma, éste ya está en el tamaño correcto así que simplemente seguiríamos adelante y mantendríamos opción y luego lo arrastraríamos de nuevo hacia abajo y ahora tenemos dos cuadros ahí, y todavía tenemos más arriba. Si quieres, puedes agarrar ambos, ponerlos aquí arriba. Ahora tenemos tres y si necesitabas un montón de ellos, solo
haces esto un montón de veces. Adelante y mantenga presionada la tecla Mayús, seleccione todas esas capas, mantenga la opción, y luego arrástrelas hacia arriba y ahora sólo tenemos un banco grande capas en blanco aquí arriba. Déjame seguir adelante y deshacer eso porque sólo
necesitamos un cuadro ya que esta es una demostración de desprestigio. Simplemente voy a eliminar esa capa de video extra para mantener las cosas bonitas y sencillas. Hablé de Onion Skins en el Photoshop, en la demostración Procreate más bien y Photoshop tiene estos también. Para encender, Onion Skins vamos a ir por aquí al lado derecho de nuestra ventana Línea de tiempo, haga clic en eso, y luego haga clic en Activar pieles de cebolla. Como verás, nuestro monstruo aparece de inmediato. Si pasamos a nuestro marco de frotis en el que vamos a estar aprovechando, que está en el Grupo 1, solo
sigamos adelante y nombremos este Smear para que sea menos confuso. Este es nuestro cuadro Smear, y se puede ver que tenemos disponible la posición anterior y luego la segunda. Entonces es un poco difícil decir lo que está pasando aquí, porque está tan oscuro. Podemos entrar y tratar de arreglar nuestros ajustes de piel de cebolla para que eso sea un poco más fácil de ver. Vas y haces clic en estas líneas en el lado derecho luego ve a la configuración de Piel de cebolla. Haremos click en eso, esto controla cuánto estamos viendo. Marcos antes significa que vamos a ver una vista previa
de un fotograma antes y una vista previa de un fotograma después. Creo que esto funciona mejor porque ya se pone un poco confuso. Podría haber un momento en el que necesites ver varios seguidos, puedes seguir adelante y cambiar eso. Aquí tenemos la opacidad máxima y la opacidad mínima. Esto muestra más, el que está justo al lado sería 50 por ciento y luego el siguiente sería del 25 por ciento, así que sigamos adelante y cambiemos esto para que podamos ver qué significa eso. Si cambiamos esto a un 100 por ciento, tanto los fotogramas antes como después son un 100 por ciento y está completamente oscuro. Esto no sería de mucha ayuda en absoluto, así que sigamos adelante y cambiemos eso al 20 por ciento. Es un poco más ligero. Si solo estás haciendo un fotograma antes y después, no
necesitas preocuparte por la capacidad mínima. Cuando estás haciendo varios fotogramas seguidos, la opacidad
cambiará ligeramente a medida que se aleje cada vez más para que puedas diferenciarlos. Photoshop no tiene esa bonita característica que tiene Procreate donde cambiará automáticamente los colores de las capas antes y después, por lo que puede resultar un poco confuso ver qué estamos haciendo aquí. Hay algunos consejos y trucos que te puedo mostrar si eso se pone un poco demasiado raro. Esta es nuestra capa de frotis, aquí es donde dibujaremos nuestro frotis y como estamos previsualizando el fotograma pasado y el siguiente, se
puede ver que es un poco confuso donde se
superponen las líneas y es difícil decir lo que está en qué capa. Un consejo rápido que tengo es agregar un nuevo grupo de videos. Si pasas a nuestra línea de tiempo, podemos ir y agregar un nuevo grupo de videos y lo usaremos como lugar para hacer una copia de nuestra capa de dibujo que podemos modificar que mi seleccione la capa que estamos viendo en la vista previa. Entonces voy a mantener opción. Entonces sólo tienes que arrastrar eso al nuevo grupo de videos. De esa manera tengo una copia del dibujo en su propia capa que puedo modificar sin tener que preocuparme de estropear el original. Ahora voy a seguir adelante y apagar nuestra secuencia original de la posición monstruo uno. Ahora que tengo esa nueva capa, voy a sostener Command y dar clic en esta capa para seleccionar todo el trabajo de línea. Entonces solo voy a seguir adelante y escoger un color brillante o usar un rojo. Yo sólo voy a agarrar el cubo de pintura y llenar esto. Ahora tenemos básicamente sólo una versión roja de nuestro dibujado. Ahora cuando tengamos una vista previa de nuestra capa de frotis, verás que se lee el dibujo anterior. El siguiente dibujo es negro. Ahora podemos decir muy claramente qué hay en qué capa. Ahora podemos empezar a dibujar. Voy a volver a cambiar mi color a negro, agarrar un pincel. Voy a pasar a mis presets de herramientas. Selecciona el pincel de entintado que utilizo para hacer el otro dibujo que todo coincida. Vamos a meternos en ello. ¿ Tan solo quieres escoger un lugar para empezar? Normalmente me gusta escoger el punto más fácil o solo los ojos por alguna razón me gusta empezar con los ojos. Eso lo haremos aquí. Lo que voy a hacer ahora es dibujar una línea que conecte los lados de los ojos desde donde empiezan. Después de a donde van. Verás, ya verás solo estoy agarrando el tamaño de los ojos. Entonces voy a entrar y llenar la parte superior. Entonces sólo toma esa línea desde abajo. Entonces solo juntarlos como conecto los puntos. Después conectaremos literalmente los puntos con las pupilas. Llenar los dos. Entonces solo puedes conectarlos. Tan solo que siga esa línea. Haz lo mismo de este lado aunque el ojo se mueve un poco, pero es el mismo proceso. Eso lo llenaremos. A continuación, tendremos que dirigirnos a la cola. Ya verás cuando esté agachado, la cola está sobre su cabeza inclinada en el punto de pie. Es sólo que sobresale por ahí para ser técnico. Lo que vamos a hacer es tratar de encontrar el medio terreno entre estos dos lugares. Lo que puedes hacer es encontrar el punto en medio y simplemente empezar a usar eso como la línea. Voy a jalar esta línea justo entre la primera y luego la siguiente para él. Entonces lo voy a traer a mitad de camino. Yo quiero subir todo el camino porque esta capa de frotis nos va a dar un poquito de un en medio. Ese movimiento extra lo tiene va al siguiente cuadro, lo
haremos un poco más dinámico. Tenemos la parte superior de la cabeza aquí. Nosotros vamos a hacer lo mismo o sólo vamos a ir en el medio. Este es un poco no realmente tanto en el medio porque está más cerca de la cima. Pero vamos a tirar de esa línea. Entonces sólo voy a llevar esta línea todo el camino hasta la boca. ¿Qué sigue? Veamos los pies. Los pies son más o menos los mismos en ambas situaciones. Esas son cosas fáciles de hacer. El cuerpo oscurece completamente la pierna externa. Simplemente dibujemos el cuerpo casi todo el camino hacia abajo como un poco de un intermedio entre estos dos puntos. Ya verás cuando se puso de pie, la pierna se puso un poco de curva a ella y es casi más de un giro de 90 grados cuando se agachó. Simplemente encontraremos un suelo medio solo doblará un poco la pierna. Es casi como un punto medio, así como así. Ni siquiera se puede ver realmente lo que está pasando con la otra pierna. Simplemente dibujaremos esa línea ahí dentro. Pero aprendiendo a preocuparnos demasiado por ello porque realmente no podrás verlo. La boca es un poco complicada porque en su mayoría está siendo oscurecida por los ojos. Pero eso está bien. No necesitamos preocuparnos por ello solo empezaría aquí. A lo mejor empecemos con la boca inferior. Simplemente haremos esta línea de labio inferior. Si un labio es lo que llamas a esta cosa. Subiremos a la cima. Simplemente iniciaremos esa línea de labio superior un
poco más baja para iniciar ese movimiento descendente. Ya verás que la boca es un gran vacío negro aquí. En segundo lugar está casi completamente, bueno, está completamente cerrado. Para igualar ese obit visual podríamos hacer bajar los dientes porque ahí hay más espacio en blanco para oscurecer algo de ese vacío negro. Terminemos esta línea del labio superior. Entonces sólo cierra este lugar por aquí. Entonces podemos meter la lengua. Sólo empecemos. Se puede ver por dónde empieza. Podemos simplemente usar un poco de ese espacio y tirarlo hacia abajo así. Está casi empezando el mismo spot pero sólo un poquito más bajo para mantener intacto
ese movimiento descendente. Ese es nuestro frotis. Ahora podemos seguir adelante y eliminar esta capa temporal porque ya no la necesitamos. Se ha servido a su propósito y ahora irá a la basura. Adiós, adiós. Ahora podremos previsualizar bastante mejor esta cosa y mirar eso, tenemos un desprestigio. Bajemos aquí y apaguemos sus pieles de cebolla. Ahora podrá ver las cosas un poco mejor. Eso lo veremos. Para poder hacer este bucle, vamos a necesitar repetir este frotis al final. Para ello, usaremos nuestro pequeño grupo de video nuevo. Truco. Seguiremos adelante y haremos un nuevo grupo de video. Simplemente mantendremos la opción y arrastraremos nuestra capa de frotis a ese nuevo grupo de videos. Ahí vamos. Ahora moveremos esto justo al final de nuestros marcos. Ahora verás que se remonta derecho al principio, porque los manchan sólo ese cuadro. Ahora tenemos un bucle perfecto en el que miro eso. Eso es bastante untuoso para mí. Ahora hemos creado un frotis en procreate y Photoshop. Para terminar este smeartacular de tres partes, sigue en el siguiente video, donde te mostraré algunas opciones más diferentes para frotis.
9. Más acción de manchas: En el siguiente video, te guiaré por unos ejemplos más que he creado. En esta animación, acabo de hacer que los ojos de nuestro pequeño personaje de monstruo se le salgan de la cabeza. Te voy a mostrar los pasos que hice para hacer esto. Es bastante sencillo. Tengo este set en la función de ping-pong, que tiene Procreate, donde solo va hasta el final, y luego dispara hacia atrás para que puedas hacer un bucle sin tener que recorrer realmente la secuencia. Simplemente va hasta el final y luego rebota de nuevo. Utilicé algunos frotis aquí pero en lugar de solo usar uno, usé un par de cosas. Con el trabajo de la línea verde y roja, se
puede ver que la diferencia entre estos marcos, el frotis de los ojos empezando a donde terminan no es muy diferente. Se puede ver el contorno es el mismo prácticamente en ambos a excepción de esta pequeña área del costado donde se estrecha en el estado final. Entonces los pupilas sólo se extienden. También hice un medio suelo para la lengua, donde sale la lengua a mitad de camino y luego termina completamente al final. Cuando jugamos eso, los ojos se apagan. En este, solo tengo los ojos ir aún más allá y solo le arranca la cabeza. Sobre este, agregué un poco más de expresión. Hice esto usando algún tiempo y alguna anticipación. A lo que me refiero con eso es que tengo algún movimiento que nos prepara para lo que viene a continuación. Esta anticipación ayuda a preparar al espectador para lo que está a punto de suceder. En esta instancia, son estos pequeños personajes ojos apenas soplando de su cabeza. Vamos a pasar y puedo compartir esto un poco más claro. Antes de que los ojos se le salgan de la cabeza, le
tengo que inclinarse un poco hacia atrás. No sólo se inclina hacia atrás, parpadea un poco, y luego se inclina hacia atrás. Tener este movimiento extra, donde va por el camino opuesto antes de que los ojos se acerquen, le da algo más de expresión, y simplemente lo hace un poco más dramático, y más caricatura, y tener un poco más de energía. No sólo hice estas cosas de antemano, usé algunos seguimientos. El seguimiento es que, una vez que llegan al final, va un poco más allá, y luego se asienta de nuevo a donde estaba. A medida que parpadea el ojo, también estoy usando el principio de calabaza y estiramiento. Da la ilusión de gravedad, peso, masa y flexibilidad. Usar esto con este personaje ayuda a darle algo más de expresión y le da movimientos más realistas y mostrando que este rostro en realidad está conformado por cosas. Cuando estamos usando el squash y stretch, es importante mantener el volumen del objeto consistente. Te darás cuenta a medida que parpadea, propio
globo ocular se está haciendo más corto, pero se está haciendo más ancho para mantener esa misma consistencia de volumen. Una nota rápida sobre el parpadeo. Para que un parpadeo parezca natural, quieres sostenerlo por más tiempo de un marco. Como se puede ver, sus ojos están cerrados por unos marcos aquí. Si no haces eso, acabará luciendo más como una falla. Como puedes ver, hay un par de marcos para cuando se cierran, creo que tengo dos marcos aquí, pero luego se abren de nuevo. Otro principio que estoy utilizando aquí es el de seguir y solapar acciones. Cuando los objetos llegan a una parada después de que se están moviendo, diferentes partes del objeto se detendrán a diferentes velocidades. Para que esto se viera más realista, lo
tenía solo seguir adelante. A medida que el personaje deja de avanzar, los ojos simplemente van un poco más allá, y la lengua va un poco más allá, y el cuerpo se estoca un poco hacia adelante antes de asentarse de nuevo en su lugar. En la siguiente lección, les mostraré cómo transformarse de un objeto en otro objeto.
10. Transformación: En este ejercicio, te mostraré cómo crear un morfo de bucle. Esto tomará un objeto y lo transformará en otro objeto. Usaremos algunas de las cosas que hemos aprendido en ejercicios anteriores. Pero esto será un poco diferente, porque en lugar de mover un objeto de un lugar a otro o de una posición a otra estaremos cambiando un objeto a otro. Será una forma ligeramente diferente de pensar en las cosas, pesar de que estaremos usando técnicas similares de cambiar las cosas un poco a la vez de un fotograma a otro. Para la primera morph, vamos a hacer algo sencillo y lo vamos a hacer en Procreate. Lo que vamos a hacer es que vamos a transformar la letra A en la letra B. Voy a dar click en Agregar un marco, y ahora tenemos nuestro A color transparente y secundario, que es gris. Como puedes ver en cuanto hagas click en la nueva capa, obtenemos la versión más ligera puede dibujar justo encima de eso. Voy a usar esto como guía para dibujar mi B. Voy a seguir adelante y simplemente dibujar una B justo sobre la A por lo que es más o menos del mismo tamaño para mantener las cosas bonitas y fáciles. Voy a un añadir otro fotograma, pero primero voy a dar clic atrás en la A porque quiero este nuevo marco entre los dos. Todo lo que voy a hacer ahora es tratar de mover las líneas que conforman la A, que se conviertan en las líneas de la B. Lo que quiero decir con eso es que solo vamos a mover cada línea un poco a la vez. Esto puede ser un poco confuso al principio, pero una manera fácil de hacerlo es enfocarse en el primero al principio. Yo sólo voy a mirar las líneas de la A. Tenemos estas líneas a un lado, y se puede prestar atención a dónde se superponen las líneas A y las líneas B. El verde y las líneas rojas. Lo que podemos hacer es empezar a llenar las líneas donde se superponen y
empujarlo un poco más allá para acercarnos a donde vamos con la B. Hay esta zona de la A que se superpone un poco y podemos traer eso en un poco y hacer el ancho de la pierna de la A un poco más delgado en el medio, y un poco más ancho en el exterior para acercarla a la B. Tenemos estas áreas donde hay un poco de superposición y la B sobresale. Básicamente, estoy encontrando un terreno medio entre estos puntos. Si tiramos de esta línea hacia arriba y luego vamos a la derecha entre el rojo y el verde. Es como un paso entre el proceso. Si eso tiene sentido. Voy a bajar y estos se superponen totalmente aquí, y el verde no está mucho más lejos, eso está bastante muerto. Ahí está ese spot con un gran patadas así que sólo voy a sacar un poco de la A y llenar esto,
y luego el travesaño en la A y la parte central de la B o bastante cerca. Lo que podemos hacer es cambiar un poco el travesaño de la
A hacia arriba y acostarlo hacia abajo para acercarlo a la B. Como puedes ver no es tan grande de un cambio cuando lo miramos en general, pero hemos empujado las cosas en un poco poco y lo acercó un poco sin que sea un cambio dramático real. Podemos volver a entrar y agregar un poco más
pasando por las áreas verdes y empujando nuestra línea hacia las áreas verdes un poco más para acelerar un poco esta transición. Ahora añadiremos otro marco y usaremos este nuevo dibujo que hicimos como nuestro punto de partida. Ahora ya nos estamos acercando a la B. Sólo
podemos llenar toda esta línea porque ya está muy cerca, y luego estas pequeñas partes del costado, sólo
empujamos más allá para que estén más cerca de unirse en medio. Voy a acelerar un poco esto. Aquí vamos. Los acercaremos un poco más sin saltar demasiado lejos, y como pueden ver, ya estamos bastante cerca. Eso es realmente más o menos todo lo que se necesita para tener esta transición sin fisuras así que si golpeamos el juego, se
puede ver que simplemente se morfina de forma bastante natural. Solo hay un poco de cambio simplemente poco a poco acercando las líneas un poco más las unas de las otras. Estamos haciendo esto con la A y la B para empezar porque es una forma realmente sencilla de mostrar cómo funciona este proceso. Para hacer este bucle, todo lo que estoy haciendo ahora es duplicar esos marcos e invertir el orden. Ahora cambiará a la B y luego volverá a la A. Juguemos eso, aquí vamos,
vamos a convertir esto a Loop, y ahora tendremos un bucle. Cuando estás haciendo una morph, es agradable tener los fotogramas clave principales siendo los A y B arriba en la pantalla por un poco más de tiempo. Ya que no los hicimos menear, queríamos dibujarlo tres veces. Seguiremos adelante y duplicaremos esto. Nuestro nombre de número de capa se está volviendo un poco loco. Voy a renombrar esto para que sea un poco más fácil. A ver. Duplica estas ocho veces para que
podamos ver cada letra un poco más de tiempo para que no solo se esté mordiendo todo el tiempo.
11. Animación de la transformación: Ahora que has aprendido a hacer una simple morfa, cambiando la letra A en letra B, pasemos al evento principal donde
transformamos a nuestro primer personaje en nuestro segundo personaje. Para empezar, tengo mis dos archivos abiertos aquí. Este es mi primer bucle pequeño monstruo, como pueden ver, aquí tenemos nuestros tres marcos repetitivos. Yo le pego a “Play” tenemos nuestro pequeño bucle ahí. Entonces, lo que vamos a hacer es transformar a este tipo en este tipo. Queremos juntar estos dos archivos. Lo que voy a hacer ahora es volver a dar clic en nuestro personaje de perrito, y voy a ir a mi ventana de capas, y sólo voy a seleccionar este grupo completo aquí, y lo voy a arrastrar a nuestro otro archivo. Entonces ahora tenemos esas tres capas, se
puede ver en nuestra línea de tiempo, tenemos ese marco de bucle de movimiento justo en la parte superior de ahí. Entonces voy a seleccionar de nuevo todas esas Capas y luego simplemente mover esas por encima para que estén centradas encima de nuestro otro personaje. Ya terminamos con éste, podemos minimizar eso y voy a cambiar mi visualización a pantalla completa con barras de menú para así conseguir esta pantalla completa y tener control
total sobre ella y podemos ver todo lo que estamos haciendo. Ahora mismo nuestros dos personajes están apilados, no
queremos eso. Voy a dar click en nuestro perro Capa, mantenga pulsado “Shift” para seleccionar todos los marcos dentro de ese grupo, entonces sólo voy a arrastrar esos. Entonces ahora están justo al lado. Pero como vamos a estar haciendo un morph, voy a arrastrarlo un poco más allá así que tenemos algo de espacio en el medio para incluir nuestros marcos que estaremos usando como el morph. Estoy pensando que esto va a tomar tal vez tres fotogramas para hacer esta morph, solo
voy a arrastrar esto para que tengamos espacio para tres fotogramas entre ellos. Entonces lo que necesitamos ahora es crear un grupo de video para nuestras capas de morph. Al igual que lo hicimos en el pasado, voy a dar clic en una de estas flechas pequeñas de nuestro grupo de videos. Voy a hacer un nuevo grupo de video y luego para ser extra bueno, voy a seguir adelante y etiquetar eso, el morph. De esa manera, es más fácil hacer un seguimiento de aquí. No es un video tan grande cuando solo estás haciendo algunas animaciones simples, pero si se complica más y tienes muchos elementos diferentes,
asegurarte de etiquetar cosas es realmente útil a largo plazo. Así que simplemente ve a nuestro menú de Capas y luego haz clic en “Plus” y luego tenemos un nuevo marco ahí mismo. El único problema es que es realmente largo, así que solo bajaremos hasta el final y luego arrastraremos eso hasta la longitud correcta. Entonces podemos mover esto al lugar correcto y podemos simplemente más eso porque ya es de la longitud correcta, solo lo
duplicamos. Ahí vamos. Entonces estas son nuestras capas de morfación. Antes de empezar a dibujar, quiero que mis Ajustes de Piel de Cebolla sean correctos y fáciles de usar. Entonces si hago clic en mi primera capa de frotis,
la predeterminada Onion Skin Settings, puedo ver este primer monstruo pero no puedo ver el segundo porque tengo estas capas en blanco que creé antes de tiempo. Una forma de evitar eso sería simplemente mover nuestras segundas capas y luego simplemente seguir moviéndolas como necesito. Otra forma de evitar esto es usar el truco que te enseñé la última vez donde hacemos un duplicado de nuestro dibujo que podemos modificar y cambiar el color de para que sea un poco más fácil ver lo que estamos haciendo. A mí me gusta hacer esto especialmente para los morfos porque se puede poner confuso. Entonces yo voy a hacer eso aquí. Hagamos un nuevo grupo de video, y luego voy a seguir adelante y seleccionar mi primer perro Layer y voy a sostener “Option” y arrastrar eso hasta su propia capa. Entonces voy a apagar el otro set. Entonces tenemos esto, voy a seguir adelante y mantener “Comando”, click en esa capa para que esté todo seleccionado y luego solo voy a elegir color
brillante y luego ir a Editar, Rellenar, Color de primer plano. Entonces ahora esto está en su propia capa, podemos simplemente arrastrarlo. Ahora cuando vayamos a trabajar en nuestra primera capa de morph, verás que tenemos una buena visión de nuestra primera capa y la siguiente porque es el color rojo. Todavía está un poco oscuro. Así que vamos a seguir adelante con nuestros Ajustes de Piel de Cebolla, y sólo voy a bajar esta opacidad máxima a, vamos a probar 35. De esa manera hay un poco de diferencia entre las líneas que voy a estar dibujando y las que están ahí. Ahora, estamos listos para empezar a dibujar. Entonces vamos a llegar a frotis comenzó. Como siempre, lo primero que voy a hacer es averiguar dónde vamos a empezar. Normalmente trato de encontrar lo más fácil para empezar o simplemente empezar con los ojos. A mí me gusta empezar con los ojos porque, no
sé, creo que son los más divertidos. Voy a rotar el Lienzo para que pueda dibujar mejor esto. Primero me voy a centrar en estos dos ojos medios. Yo sólo voy a conectarlos. Entonces voy a dibujar una línea en el exterior de una, y voy a dibujar una línea en el exterior de esta otra, y sólo voy a conectarlas para hacer esta larga forma ovalada fusionando los dos lados. Entonces conseguimos esta pequeña línea de mejillas ahí. No vamos a necesitar realmente en la segunda parte, pero sólo voy a añadir eso ahí mismo para que las transiciones un poco más fluidas. Ahora, sólo vamos a hacer un poco de un conectar los puntos con esta pupila. Muévete eso completamente y sólo voy a llenarlo, y verás que hay un punto culminante en los ojos de este personaje pero en el otro. Entonces solo voy a dejar que esa mezcla y desaparezca en el resto de la pupila. Entonces, para estos otros ojos, hagamos lo de la repetición. Bueno, sólo dibujaré un montón o algunos de los ojos repitiendo a medida que atraviesan en la transición. Entonces pon dos aquí, luego vamos al otro lado, esos ojos. Entonces, si miras la boca en ambos, están en el casi mismo lugar justo en reversos. Entonces lo que voy a hacer es, sólo trazar una línea que conecte ambos lados siendo la boca de los perros y boca de
un poco [inaudible] personaje y simplemente conectar esos todo el camino a través. Entonces haremos lo mismo para el fondo solo para que esto se convierta en una línea sin fisuras conectando los dos porque las bocas están en el mismo lugar y hace que esto sea agradable y fácil. Entonces tenemos esta pequeña línea de labios en el perro, pero luego es una línea completa y el otro personaje. Entonces sólo voy a traer eso todo el camino al otro lado. Ahora, tenemos la lengua con la que lidiar. Entonces solo voy a hacer que ese molino joroba todo el camino al otro lado. [ inaudible] Mega joroba de lengua. Entonces conseguimos dientes solo pongamos dientes todo el camino a través. Entonces eso será así. Están repitiendo cosa de la que hablamos antes, donde solo se repite un montón de veces para mostrar el movimiento. Ya que no hay labio en la parte superior sólo voy a llevar eso todo el camino a través, tirar y estas son sus líneas de la boca y sólo llenar eso. Tenemos la parte delantera del cuerpo fantasma y luego la cola y luego el cuerpo del perro. Lo que voy a hacer es sólo encontrar una línea media entre estos dos para traerlo a través. Simplemente voy a dibujar una línea justo entre la línea roja de un personaje de muñeca y la línea negra descolorida del siguiente personaje. La parte superior de la cabeza es bonita y fácil son la misma altura sólo vamos a tirar de esa línea todo el camino a través. Simplemente agrega esa cosita yo atrevida, pon esta nariz aquí y sólo voy a tener que se escabulle por detrás del ojo. Ayuda con la ilusión que hace que parezca uno de estos círculos que se están moviendo a través de la página. Ahora tenemos que pensar en estos pies y como mencioné que quería que los pies
rotaran desde abajo hasta arriba para convertirse en las orejas de los perros. Lo que estoy pensando es que haremos un par de frotis
diferentes para que estos pies comiencen a moverse por el costado del cuerpo y hacia la cabeza. Yo sólo voy a empezar ese movimiento sacándolos un poco más allá luego ponerle unas pequeñas líneas extra para las piernas y eso nos hará empezar a llevarlas hasta la cima donde queremos que estén. En el brazo para tratar y algunas otras cosas aquí pero este es probablemente un buen lugar para nuestro primer frotis o no al principio untar primero fotograma más bien. Voy a seguir adelante y desplazar ese perrito rojo más allá para que podamos usar como referencia para nuestro próximo cuadro. Cuando estás haciendo un morph lo que estás tratando de hacer, estás tratando de acercar cada fotograma de la animación un poco más al punto final. Permítanme acercar para mostrarles de qué estoy hablando. Si miras aquí verás la línea roja ya que ese ojo es a donde estamos tratando de llegar. En esta línea gris es de nuestra capa anterior y ese es el movimiento de nuestro ojo llegando desde su punto inicial hasta el segundo punto. Lo que vamos a estar haciendo es sólo tratar de mover este ojo lentamente para llegar al punto final allí. Lo que voy a hacer es simplemente dibujar un terreno medio entre los dos y poner la matriz de pupila entre ellos. Como puedes ver es justo entre los dos estados. Yo voy a hacer lo mismo en este, voy a llenar ese ojo pero en vez de trazar exactamente la línea roja, voy a hacer que salga un poco más allá para que
no sea tanto un cambio dramático de esa gran frotis inicial que habíamos hecho. Nosotros vamos a rastrear la nariz y yo sólo voy a terminar eso fuera aunque la forma en que va a estar en el endpoint final porque ya estaba bastante cerca. Aquí atrás es un poco más complicado ya verás que estamos tratando de llegar a esta parte trasera del cuerpo del perro. Lo que voy a hacer es simplemente convertirlo en un cambio dramático. Pero de nuevo estamos utilizando un desprestigio para hacer que este movimiento sucediera realmente rápido. Sólo voy a aprovechar ese desprestigio y a deshacerme de todo un montón de espacio bastante rápido. Yo sólo voy a entrar aquí y dibujar la boca pero no
voy hasta el punto final, todavía le
estoy dando un poco de espacio para que el movimiento esté sucediendo. Ahora solo voy a entrar aquí y trazar los dientes y podemos ponerlos justo donde se supone que deben estar porque de todos modos están justo por ahí. A veces es útil hacer clic de ida y vuelta para que
solo puedas hacer referencia a lo que está sucediendo porque puede ponerse un poco confuso. Ahora tenemos que volver a abordar esta situación de pies. Empezamos con que los pies grandes manchan cosas. Yo sólo voy a continuar con eso y hacer otro gran movimiento que es similar a lo que estaba pasando ahí. Voy a ir a mitad de camino y luego dibujar esa misma cosa de pies estirados como un frotis y luego podemos entrar y añadir un poco de movimiento y llevarlos hasta arriba y ayudar que visualmente tengan un poco más de sentido. Debido a que este movimiento estaba sucediendo podemos colarnos en los viejos pies casi como si estuvieran detrás de la otra cosa para
que no se vea raro ya que
pasa porque era algo bloqueándolo para que empieces. Vamos a sólo una pequeña manera de meterlos ahí dentro. Por lo que ahora necesitamos abordar este brazo. Había muchas cosas ocurriendo en estas áreas porque a ambos lados de ese cuerpo, así que puede aparecer aquí y no
se verá muy raro porque había un montón de líneas ahí de todos modos. Pero vamos a hacer un poco de frotis donde acabamos de empezar a entrar desde un lado en lugar de que simplemente aparezca completamente y se supone que estamos en el cuerpo. Está bien. Llenemos esa boca a veces en este punto apagaré Pieles de cebolla. De esa manera puedo simplemente deslizar y ver cómo se ve sin las otras cosas. Como puedes ver ya se está juntando, creo que solo necesitamos un marco más y esto será prácticamente perfecto. Volvamos a encender las Onion Skins y mover nuestra capa de referencia roja una vez
más para que podamos hacer referencia al marco completo de morph que acabamos de dibujar y al rojo. Ahora las cosas se están acercando bastante Solo voy a entrar aquí y trazar esta línea justo entre los dos. Baja esto casi a la perfección en los pies aquí dentro y tenemos esta línea de brazos aquí y ya casi está. Podemos hacer como un poco de frotis aquí donde lo hacemos casi tan ancho como el espacio que necesita para llenar. Simplemente podemos estirar eso para que parezca que se está moviendo y un gran desenfoque de movimiento. Pasa por esto bastante rápido, la
velocidad a través de esto dibuja los ojos a medio camino y ahora tenemos estas orejas que están casi donde necesitan estar. Sólo necesitamos un poco más de frotis elástico para estas orejas. No voy a ir todo el camino hasta los extremos pero me estoy acercando bastante. De esa manera en la posición final solo hay un poco más de movimiento pasando. Yo sólo voy a dibujar estos oídos, acelerar esto un poco probablemente sólo añadir
unas líneas de movimiento más sólo para terminar esto ya que los estamos usando antes de que creo que eso debería funcionar bien. Voy a ir a llenar la boca,
y en este punto tenemos todo lo que necesitamos. Es posible que quieras volver atrás y después y apretar estos marcos a pesar de que sólo se vean por un rápido segundo. Podemos eliminar nuestra longitud de referencia roja ya no necesitamos eso. Entonces podemos volver atrás y encender nuestra capa de secuencia Dog Wiggle o grupo de
videos Y apaguemos pieles de cebolla para que podamos previsualizar esto y ver cómo resultó agradable. En la siguiente lección tomaremos lo que hemos aprendido hasta ahora y los combinaremos en una animación única, más dinámica y atractiva.
12. El proyecto final: En esta lección, estaré armando mi proyecto final. Estaré combinando algunas de las cosas que hemos hecho
hasta ahora y fusionándolas por completo en una animación divertida que sea un poco más dinámica que un simple movimiento o morph. Para mi proyecto final decidí combinar mi morph con un par de las demostraciones de desprestigio que había hecho. He combinado mucho de eso en un solo expediente ahora mismo que te voy a guiar, y luego lo vamos a terminar juntos o mejor dicho me verás terminarlo. Lo que tenemos aquí, sólo voy a fregar a través de esto. Tenemos a nuestro personaje secundario y lo
tengo transformando en nuestro personaje de monstruo original. Usé la misma animación morph que había hecho antes. Yo sólo lo invertí porque habíamos transformado éste en éste. Pero aquí quería empezar con el perro, así que se mete de nuevo en este monstruo y luego uso la demostración de frotis que había hecho donde sus ojos están bicho de su cabeza y se le sale la lengua. Quiero que mi animación final haga un bucle. Necesito volver de este personaje a este personaje. Mi idea es que cuando este tipo se mete en este tipo y sus ojos son bichos de la cabeza, sus ojos están molestando porque se ve a sí mismo. Necesito que la cámara se haga panear para que podamos ver
que se está mirando en su estado original como el perrito. Voy a hacer que sus ojos vuelvan a volverse a la cabeza tan fuerte que lo empuja hacia atrás, y como lo empuja hacia atrás, podemos ver
al personaje original y él saldrá la pantalla para llevarnos de vuelta al punto de partida. Empecemos a dibujar esa secuencia. Ya tenemos un marco nuevo, y tengo pieles de cebolla encendidas porque quiero que sus globos oculares
vuelvan a entrar y parezcan que hay mucho impacto donde lo está empujando hacia atrás. Tenemos que hacer el movimiento muy rápido. Se necesita tener menos marcos para que suceda muy rápido. Vamos a hacer que vengan casi todo el camino de regreso casi de inmediato. Voy a dibujar el punto de partida para los ojos, y los voy a dar vida aquí mismo, justo fuera del eso, entonces sólo rastrearemos el resto del personaje tal como está. Consigamos un nuevo marco aquí. Como mencioné, queremos que esto parezca que está pasando rápido. Si está pasando rápido, va a
haber algún impacto en ella. Lo que quiero hacer es tener su turno de cuerpo por el impacto. Vamos a golpearle la cabeza hacia atrás y entonces tal vez podamos hacer que parezca que los ojos le están volviendo a la cabeza. Dibujemos estos dos círculos aquí, pero tal vez bueno, hagamos un contorno negro para que parezca que van dentro de su cabeza. Entonces no necesitamos esta línea de mejilla porque sólo le van directamente a la cabeza. Podemos dejar la cola donde está así que solo es su cabeza reventando y de alguna manera sus pies se están quedando en el suelo, pero tal vez la lengua pueda balancearse un poco del impacto. Estamos haciendo esto, definitivamente es un poco de experimento vas a ver lo que está funcionando. A pesar de que le está dando patadas la cabeza, no
creo que sea suficiente movimiento ahora que lo estoy viendo. Lo que voy a hacer es que sólo voy a llevar al personaje y moverlo físicamente de nuevo un poquito y tal vez hasta rotarlo un poquito. No revela un poco mejor. Puedo transformarlo y darle una patada, y entonces sólo voy a alinear los tacones para que esté en el mismo lugar. Apagemos la piel de cebolla para ver cómo se ve esto. Creo que eso es bastante bueno pero como ahora se está balanceando hacia atrás, creo que deberíamos tener su pie sobresaliendo un poco. Nosotros mantenemos ese en el suelo y entonces tal vez éste esté empezando a balancearse. Volvamos a encender las pieles de cebolla para que veamos si eso tiene sentido. Creo que intentaremos un cuadro más donde empieza a caer hacia atrás antes de que empiece a deslizarse fuera del marco. Hagamos que la lengua empiece a salir un poco aquí. A lo mejor podemos exagerar aún más la cabeza. A lo mejor puedo hacer los ojos aún más pequeños ahí dentro. Ya veremos cómo se ve si tiramos de la cabeza hacia atrás, como si los ojos le estuvieran rompiendo la cabeza, la parte posterior de su cabeza, si se quiere. Voy a rotar esto aún más, tal vez nos den ambos pies simplemente deslizándose. Como mencioné, cuando estás dibujando estas cosa marco por marco y estás averiguando las cosas, se ponen un poco ásperas. Al igual que a este dibujo le vendría bien algún trabajo. Podría volver a entrar y apretar esto después para hacerlo un poco mejor. Ya que lo estamos lanzando fuera del marco, lo
voy a mover aún más para que estemos empezando esa progresión. Yo sólo voy a empezar a deslizarlo hacia atrás y voy a mantener la tecla de turno para mantenerlo en esa misma línea de base. Ahora, vemos que está empezando a volver, y queremos que vaya rápido. Creo que sólo voy a hacer un cuadro intermedio más donde esté en movimiento. Creo que quiero exagerar aún más este movimiento. Voy a tirar de esta cabeza, sólo tenerlo de vuelta así donde sus pies simplemente vuelan delante de él. Ya que este es el último fotograma de la secuencia, voy a mover a este personaje hacia atrás para que esté casi fuera del marco para que podamos ver el movimiento pasando un poco mejor. Juguémoslo y veamos cómo funciona. Sigo sintiendo que el movimiento de chasquido no está sucediendo tan rápido como dramáticamente me gustaría. Voy a seguir adelante y tratar de quitar uno de estos marcos intermedios que hice para tratar de hacer ese proceso un poco más rápido. Veamos cómo se ve si nos deshacemos de este primer cuadro. Simplemente voy a arrastrar esto hacia arriba a este grupo de videos extra para que pueda previsualizarlo sin deshacerme de él en caso de que no funcione. Yo sólo voy a seguir adelante y apagar eso. Vamos a ver cómo se ve esto con ese único marco quitado. Creo que podemos hacer una cosa más para que esto sea aún mejor. Lo que vamos a hacer es un poco de precarga aquí. A lo que me refiero con eso es sólo un movimiento extra para acentuar al personaje reventando. Adelante y agreguemos un nuevo marco y luego arrastremos esto
al frente para que tengamos un marco en blanco justo al principio aquí. Volveremos a encender las pieles de cebolla para que podamos previsualizar lo que está pasando. Yo sólo voy a arrastrar estos cuadros extra por encima para que estén fuera del camino, así que no los estamos viendo en el marco de cebolla. Ahora, solo puedo ver el marco que está antes y eso hará que esto sea un poco más fácil. Lo que quiero hacer es simplemente agregar un movimiento extra aquí donde simplemente se inclina
ligeramente hacia adelante para acentuar cuando vuelva a aparecer. Cuanto más dramática sea la anticipación o
la precarga, más caricatura y fluida será la animación. Si no tenemos ningún movimiento de anticipación como ahora, el movimiento hará que el movimiento se sienta un poco rígido. Para que este movimiento sea un poco más dramático, sólo
vamos a entrar aquí y tirar de los ojos un poco más hacia adelante, sólo para darle un poco más de magra al personaje. Yo voy a hacer lo mismo con el cuerpo, sólo
vamos a inclinarlo un poco más hacia adelante para seguir los ojos, o mantener el cuerpo en el mismo eje. Cuando lleguemos a los pies los mantendremos en el mismo lugar. Sólo queremos que el personaje se incline un poco más hacia adelante. Aquí con la lengua simplemente la bajaremos un poco más allá, solo para seguir esa magra que está sucediendo con los ojos y el cuerpo. Simplemente dibuja los dientes tal como están, tira de la cola, y luego como mencioné mantendremos los pies justo en el mismo lugar. De nuevo, esto es sólo un poquito de magra para acentuar el movimiento cuando vuelve a aparecer. Genial, eso definitivamente es mejor. Ahora solo necesitamos deslizar a nuestro personaje de perrito de nuevo en el marco para completar el bucle. Te voy a mostrar un pequeño truco sobre cómo hacer eso. Voy a bajar aquí y agarrar un lazo de nuestra secuencia de meneo para nuestro personaje de perro. Voy a mantener la opción y arrastrar esos hacia arriba al grupo de videos que estaba usando como marcador de posición temporal para ese fotograma extra antes. Con estos tres fotogramas seleccionados vamos a pasar al pequeño menú del costado de nuestra ventana de capas, y vamos a bajar para convertir a objeto inteligente. Este objeto inteligente nos va a dar algunos controles que normalmente no tendríamos con un marco regular. También empaqueta perfectamente este bucle bajo en una secuencia. Vamos a hacer que toda esta secuencia de bucle se mueva como una unidad. Voy a arrastrarlo para que esté encendido
al mismo tiempo que nuestro otro personaje saliendo de la pantalla. Lo que vamos a hacer es entrar en este pequeño menú debajo de nuestro grupo de videos, y verás esta opción de transformación. Vamos a dar click en este pequeño cronómetro. Lo que eso va a hacer es que nos va a dejar controlar la posición de dónde está esta cosa para que realmente podamos moverla a lo largo de la línea de tiempo. Como pueden ver, acabo de acercar un poco para que podamos ver qué estamos haciendo un poco más y añadir más espacio. Adelante y pinchemos en este pequeño cronómetro y verás este pequeño diamante amarillo que aparece. Lo que esto está haciendo es marcar la posición para donde se encuentra
ese grupo de video en ese momento. Si arrastramos esto hasta el final y luego volvemos a hacer clic, tenemos otra posición. Ahora si cambiamos esta posición, moverá a nuestro personaje a través de la secuencia. Ya que queremos que esté fuera de pantalla, estoy dando click en ese primer pequeño diamante y simplemente arrastrando al personaje de nuevo fuera de pantalla. Ahora, cuando nos desplazemos por esto, verás las diapositivas del personaje en el marco. El único tema ahora es que entra en cuadro un poco demasiado rápido. Simplemente lo voy a deslizar un poco hacia atrás y luego dejar que ese primer fotograma de la secuencia termine ese movimiento desde fuera del marco hasta su punto de partida. Ahora que estoy contento con cómo funciona la secuencia de animación, voy a seguir adelante y apretar estos fotogramas. A pesar de que sólo los ves por una cantidad muy pequeña de tiempo, tener la animación para ser un poco mejor y un poco más apretada sólo haría que la animación fuera mucho mejor. En la siguiente secuencia, vamos a apretar estos hacia arriba y luego añadir algo de color y algunos toques finales.
13. Ajuste e incorporación de color: En esta lección, vamos a apretar los dibujos para los fotogramas clave de animación que hicimos en la lección anterior. Entonces después de eso, te mostraré cómo incorporar algún color y un fondo para realmente dar vida a la animación. Voy a seguir adelante y apagar las cosas que no necesito. Voy a nombrar a esta capa porque debería haberlo hecho antes porque se puede poner un poco confuso. Vamos adelante y llamamos a este boceto de morfos. Entonces voy a apagar la otra capa de perro. Voy a hacer un nuevo grupo de videos y aquí, colocaré capas que usaremos para trazar sobre nuestras capas de boceto para hacer arte, para terminar dibujando. Voy a arrastrar esto a su lugar y luego agregar más fotogramas para cada uno de los que voy a estar rastreando. Tengo mis capas de boceto y luego mis nuevos marcos dibujados. Voy a dar click en el grupo Morph por aquí en nuestro menú Capas. Entonces sólo voy a bajar la opacidad para que pueda
referirlos y rastrearlos y apretarlos a medida que voy. En mi nuevo grupo de video que acabo de crear, que ahora voy a capa nombre, más
bien más embudos y granos. Ahora tenemos nuestros marcos re dibujados vamos a dejar las capas de boceto para luego encender las otras cosas. Ahora que hemos terminado de redibujar nuestros cuadros de animación, estamos listos para pasar al siguiente paso donde vamos a traer un fondo y añadir un poco de color y para realmente dar vida a nuestra animación. Tengo nuestra secuencia de animación completa aquí. Te voy a mostrar cómo meter un fondo en esto para ayudar a que este movimiento y se vea un poco más real. Creé este fondo, y para hacerlo, acabo de hacer un archivo que era el doble de ancho que nuestro archivo de animación, para poder moverlo por el fondo y parecer que viajaba por el espacio. Voy a seguir adelante y seleccionar todo y copiar esto. Voy a volver a nuestro archivo de animación y hacer un nuevo grupo de video llamado BG para el fondo. Entonces solo voy a activar el grupo de videos y luego pegarlo en su lugar. Voy a arrastrar esto hasta la longitud de nuestro video. Ahora, nuestro fondo es de la misma longitud, y voy a dar click en esta flecha para mostrar nuestras opciones para este grupo de videos. Vamos a hacer lo mismo que hicimos para mover
al personaje de perrito de nuevo al marco, lo
vamos a hacer con el fondo. No queremos que este fondo se mueva todo el tiempo porque está parado casi todo el tiempo. Sólo queremos desplazarnos hacia abajo hasta donde comienza el movimiento. Es justo aquí donde empieza a volar hacia atrás. Vamos a dar click en este pequeño cronómetro. Esa es nuestra posición inicial. Entonces retrocedamos. Voy a dar click ahí, poner otro. Queremos que nuestros antecedentes comiencen aquí. Voy a desplazarme hacia esta nueva posición. Da click en él, verás que es amarillo por lo que queda resaltado. Ahora sólo voy a arrastrar esto hasta el otro extremo. Verás los movimientos de fondo. Pongamos otra posición para el punto final. Para eso, necesitamos tirarlo de nuevo al principio. De esa manera, cuando estamos de vuelta al inicio de la animación, nuestro fondo está en el mismo lugar. Para el proceso de coloración. Voy a acelerar bastante las cosas porque ver todo sería muy tedioso y tomaría mucho tiempo. Para empezar a colorear, estoy haciendo más o menos lo mismo que hicimos para redibujar nuestros cuadros de animación ásperos en lugar de poner un nuevo grupo de video encima del otro grupo y redibujarlos. Estoy haciendo un nuevo grupo de video a continuación y nombrando ese color. Aquí es donde solo haré marcos que usaré color. Podrías notar que no estoy haciendo un marco de color para cada dibujo. El motivo de eso es que puedes salirte con la tuya sin colorear todas individualmente
extendiéndola por las cosas que se repiten. Cómo hicimos el movimiento, esos son como tres marcos diferentes que están en bucle. cualquier momento que haya un bucle, solo
podemos hacer un marco de color, generalmente porque el trabajo de línea se superpone que ocultará el hecho de que estamos usando el mismo color para cada uno. Estoy coloreando un número de maneras diferentes. De una manera, como acabas de ver aquí es usando la herramienta de selección de varita mágica, donde haré una selección y luego usaré el cubo de pintura para llenarlo. Entonces volveré con un pincel y arreglaré las cosas. Estaré desplazándome de ida y vuelta en la línea de tiempo, viendo dónde llené las cosas y viendo dónde quedan las cosas. Podrías llenar uno y luego desplazarte y verás que hay un poco de espacio en blanco
extra donde es ligeramente diferente en tamaño para que solo puedas entrar ahí y colorearlo con el pincel. De esa forma los esconde a todos para que no haya manchas blancas extra. Yo sí, sin embargo, dejo algunos de esos en algunas ocasiones porque me gusta la imperfección. Pero en su mayor parte, cualquier grande, trato de limpiar. O hay más acción, más movimiento. Realmente no puedes usar un solo color para él. Mira, tendrás que volver a entrar y hacer marco de color
individual para cada uno de esos porque hay demasiado movimiento en el trabajo de línea. Ese es nuestro coloreado dentro. Vamos a previsualizarlo. Enfriar. Creo que el color realmente agrega que llevó a esto que ayuda a que sea un poco más coherente con la transición de un fotograma a otro o una escena más bien. En la siguiente lección, te mostraré cómo exportar tus animaciones para compartirlas de varias maneras diferentes.
14. Cómo exportar y compartir: Ahora que has creado estas divertidas animaciones, lo siguiente que vas a querer hacer es compartirlas. Te voy a mostrar un par de maneras diferentes de
exportar estos fácilmente para compartirlos para diferentes aplicaciones. Aquí mismo he abierto una de mis animaciones así que solo voy a golpear play, solo uno de los ejemplos que hice para esta clase. La primera forma de exportar esto es bajar a tu línea de
tiempo hacia la derecha donde ves son pequeñas líneas por aquí, y solo vamos a desplazarnos hacia abajo hasta Render Video. Esto va a tirar hacia arriba este pequeño cuadro de diálogo y tengo algunas opciones aquí, verás Adobe Media Encoder y luego una secuencia de imágenes. No necesitas preocuparte por la opción de secuencia de imágenes por ahora, así que vamos a seguir adelante y elegir Adobe Media Encoder, y luego vemos algunas opciones aquí. Tu mejor apuesta es elegir la opción H264, y luego tenemos nuestra calidad preestablecida puede dejar esto en alta calidad, y tenemos un tamaño de documento. Esto se acaba de pagar a 2048 para 2048 que es el lado de archivo con el que estaba trabajando. Si estás haciendo esto para usarlo en redes
sociales o algo así puedes ir un poco más pequeño para hacer tu archivo más pequeño. Creo que algo así como 1,000 por 1,000 funciona si tienes una imagen cuadrada. Pero si quieres ir más grande puedes ir más grande, siempre
podrías por defecto 1080 ya que esa es una configuración predeterminada de alta resolución. Tenemos nuestra velocidad de fotogramas aquí así que está usando la velocidad de fotogramas de documentos asegúrate de que coincida con el fotograma con el que estás trabajando o tu tiempo estará apagado. Entonces aquí tenemos rango y solo quieres asegurarte de que esto sea todo frames. Podría configurarse solo en un área de trabajo si solo estuvieras previsualizando una sección a la vez. Por lo que acabaremos de golpear 'Render ', exportando video y tenemos un archivo de video en funcionamiento. Entonces puedes seguir adelante y abrir tu archivo y comprobarlo ya ves tenemos un poco de archivo de video MP4 hit “play” y tenemos nuestro video. El único problema con el video es que no hace bucle como un GIF lo haría en bucle. No obstante, si estás publicando esto en
Instagram, Instagram automáticamente bucle el archivo porque no puedes subir un GIF a Instagram. Entonces esta es la mejor manera de publicarlo en Instagram y solo hacer este pequeño MP4 y luego esto está listo para salir en Instagram. Si no estás publicando en Instagram y prefieres tener un GIF animado, la forma de hacerlo sería subir arriba aquí para archivar, exportar, y luego guardar para Web. Aquí tenemos nuestro pequeño cuadro de diálogo Guardar para Web, y lo primero que vas a querer hacer es cambiar esto a GIF si no está ya en GIF. Cuando estás trabajando aquí la opción
guardar para Web tiene un gran ayudante que te muestra tamaño
del archivo abajo por la esquina inferior izquierda así que aquí dice que son 2.19 megabytes. Eso es bastante grande para un GIF que te
gustaría compartir en línea así que vamos a tratar de bajar eso para que este archivo sea menos grande para que se cargue más rápido. Esto es especialmente importante si estás intentando usar animaciones para miniaturas en tu sitio web, no
quieres que tu sitio web se cargue muy lentamente porque tus archivos son demasiado grandes. Hay una serie de formas diferentes en las que podemos hacer esto, primer lugar podemos bajar nuestro tamaño de imagen ese es un paso. Podemos bajar esto a unos 1000 píxeles podría ser
aún más pequeño sobre todo si lo estás haciendo en miniatura para tu sitio web, esto podría ser exponencialmente más pequeño. Pero vamos a ver qué pasa si lo bajamos a 1000
ya bajamos a 623 K lo cual es bastante bueno. Yo diría que un tamaño ideal es inferior a 500 K para carga
súper rápida pero para una animación que a veces no es posible. Este es un tamaño bastante bueno pero veremos si podemos hacer algunas cosas más para que sea un poco mejor. Podemos subir aquí a colores y 64 colores lo cual es sólo una cosa en blanco y negro, para que podamos bajar eso. Voy a bajarlo a ocho, a pesar de que sólo es blanco y negro me encuentro a veces si lo bajas a sólo esos dos colores, podría distorsionarse un poco porque creo que parte del movimiento tiene algo tal vez escala de grises en él. Pero sólo hacer eso baja nuestro archivo al 264, que es realmente pequeño, realmente genial y así vamos a ir con eso. Puedes dar click en la parte inferior aquí en Guardar luego escogeremos dónde queremos guardar esto. Así que guarda esto en mi área de archivos antiguos, haz clic en “Guardar”, y eso
lo reemplazará y ahí tienes uno ahí y sólo vamos a reemplazar eso. Vamos a buscar eso y comprobarlo
tenemos un pequeño GIF animado en bucle que continuará para siempre y es bonito y pequeño. GIF animado o un archivo de video MP4 son las dos formas principales que exportarías esto y es así de simple. Ahora ya estás listo para usar esto como quieras.
15. Reflexiones finales: Espero que esta clase les haya demostrado que no es difícil empezar a jugar con animación en su trabajo. A lo largo de los ejercicios, te he mostrado un montón de formas
diferentes de agregar movimiento expresivamente a tu trabajo existente, o de crear nuevas animaciones desde cero sin tener que aprender ningún nuevo software específico de animación complicado. Animar en Photoshop y Procreate te
permite utilizar las herramientas y pinceles que estás listo para usar, estás todo listo cómodo con. ¿Qué tan bueno es eso? Para recapitular, aprendimos a configurar correctamente nuestros archivos tanto en Photoshop como en Procreate. Aprendimos a utilizar las características de la línea de tiempo
tanto en las aplicaciones como en las Apps y características de cada una. Hablamos de las diferentes velocidades de fotogramas y los beneficios de trabajar a 12 cuadros por segundo, la mitad del trabajo. Aprendimos a cambiar una cosa en otra con fluidez simplemente rastreándola y cambiándola un poco a la vez. Aprendimos sobre la magia del desprestigio, dándonos el poder de usar un fotograma para engañar a los espectadores para que piensen. Fue una transición mucho más complicada. No puedo esperar a echar un vistazo a todas las animaciones que creas utilizando estas técnicas así que por favor comparte tus animaciones en la galería de proyectos. Ver tu trabajo inspirará a tus compañeros de clase y a mí también. Si empujaste animaciones en otro lugar en línea, asegúrate de etiquetarme, como aquí o comentar allá también. Si te gustó esta clase, por favor deja una vista y sígueme para que
puedas estar al día con todas mis nuevas clases.
Chris Piascik, The illustrator formerly known as designer.
