Del punto a la línea y a la masa: enfoque intuitivo para animar en Procreate

1. Introducción: ¿ A veces te encuentras maravillado con la magia y te preguntas que es la animación? Dibujos de animación dibujados a mano, fotograma por fotograma cobran vida. ¿ Entonces piensas, maldición, eso es genial? Ojalá supiera hacer esto. Bueno, eso es exactamente lo que me metió en la animación. Hola y bienvenidos a un enfoque intuitivo para animar en Procreate. Mi nombre es Vera y soy artista-ilustradora, y animadora de Alemania. La mayor parte de mi trabajo se centra en ilustrar para juegos y publicaciones. Estoy en el negocio de crear mundos, que realmente me gusta el diseño de personajes de fantasía y la narración de cuentos. Lo que más me gusta de la animación es que puedo usar mi trabajo para conectarme con la gente contando sus historias y dejarlas entrar en las mías. hoy quiero compartir esta pasión con ustedes. En esta clase, te enseñaré algunos primeros pasos básicos súper duper que puedes dar para empezar a hacer tus propias animaciones. Vamos a bajar la animación hasta su núcleo, tiempo y el ritmo. Básicamente, toda la animación fotograma por fotograma es un dibujo extendido a través del espacio y el tiempo para crear la ilusión del movimiento. Piensa en un libro de tirantes. Cada dibujo va en una página y la ilusión se activa volteando a través de ella. forma en que experimentamos esta ilusión está influenciada por el tiempo. Entonces hay ritmo. Considera las hojas que soplan en el viento, siguen cierto patrón o flujo. Queremos emular este tipo de ritmo natural para que nuestras animaciones se sientan más creíbles e inmersivas. ¿ El sonido es realmente complicado? Bueno, no tiene por qué serlo. En esta clase, estamos pasando por alto las bolas rebotantes, los ciclos de caminata, todos estos ejercicios de animador principiante que simplemente le chupan la diversión. Todo lo que me intimidó y me dejó absolutamente petrificado cuando empecé. Lo mantendremos simple, divertido e intuitivo. Juntos pasaremos de punto a línea a masa. El punto te permitirá familiarizarte con la animación en Procreate y trabajar con marcos. A continuación, la línea te hará empezar con ritmo y movimiento. Por último, la masa, bueno, te enseña cómo acercarte a la masa y cómo lidiar con objetos que tienen peso. Para tu proyecto final, usarás lo que aprendiste para agregar ya sea humo o agua a una de tus ilustraciones. Esta clase es perfecta para artistas que quieran comenzar con animación que no puede encontrar un punto en el que empezar. No importa si eres aficionado o profesional, si puedes sostener un lápiz y quieres que tus dibujos se muevan, esta clase es para ti. No se necesitan experiencias previas. Todo lo que necesitas es un iPad, lápiz, y la app Procreate. Al final de la misma, no solo te sientes seguro de abordar tus propios proyectos animados, sino que también tendrás una serie de ejercicios que puedes usar para dar vida a tus ilustraciones o transformarlas en obras de arte en sí mismas. ¿ Estás listo para empezar? Vamos. Entrémonos juntos en el reino de la magia y divertirnos un poco con puntos animados, líneas y masas. 2. Proyecto de la clase: Proyecto de Clase. Esta clase está diseñada para ayudarte a dar tus primeros pasos en la animación. El resultado de eso es lo que espero ver en tu proyecto de clase. A lo largo de las clases, te daré un puñado de pequeñas asignaciones de animación, que tomarán cada 10 minutos como máximo, y se acumularán sobre lo que enseñaron los ejercicios anteriores. De esta forma, te familiarizarás con la técnica y darás pequeños pasos en el tema. medida que etiquetas y compartes tus ejercicios de animación en el proyecto de clase, puedes ver claramente tu progreso y recibir retroalimentación. Soy un gran creyente en aprender haciendo. Por eso me gustaría exhortarles a trabajar realmente a través de todas las asignaciones de trabajo. Esta es la única forma de romper realmente la inhibición inicial y ver lo divertida que es. Esto es lo que crearemos juntos en Procreate 5 en el iPad. Un punto de cocción. Este será nuestro primer uso de la animación en este curso y sentar las bases para todo lo que sigue. Puntos móviles. Al crear esta animación, obtendrás una mejor comprensión de qué es exactamente el tiempo y cómo la emoción puede cambiar cuando coloques los dibujos de manera diferente. Construyendo sobre la anterior asignación, entonces te mostrará cómo aplicar los pasos aprendidos a una cosa que un poco más compleja que un punto, una línea. El enfoque será explorar cómo darle un estado de ánimo al movimiento. Desde líneas en movimiento, seguimos moviendo formas, y creando una sensación de masa. Si bien la mayoría de los ejercicios son bastante abstractos, terminaré con algunas asignaciones opcionales en las que les mostraré cómo utilizar las habilidades adquiridas para el agua, humo, y la bandera. Vamos a cargar los iPads y a instalar Procreate si aún no lo has hecho. Una vez que hayas descargado todos los materiales de recursos que he adjuntado para ti, en realidad podemos saltar y empezar. 3. Configuración de Procreate: Configurando en Procreate. En esta clase, me centraré en Procreate en el iPad como herramienta. Yo lo elijo porque es simplemente súper sencillo de usar. Simplemente es más fácil disfrutar del proceso cuando la herramienta está tan enfocada en lo esencial. Me encanta que me lo pueda llevar a cualquier parte. Necesitarás el iPad, el lápiz, y Procreate. Esto es lo que parece cuando lo inicias. En la parte superior derecha, puedes tocar el “Plus” para elegir o crear un nuevo Canvas. O elige uno de los prerrequisitos o crea el tuyo propio. Voy con formato cuadrado porque me gustan las plazas. ¿ Tú también? Impresionante. ¿No te gustan las plazas? Está bien. Elige lo que quieras. Realmente no importa. Todo lo que importa ahora es que tengas un Lienzo abierto. Se puede acercar y alejar con dos dedos así. En la parte superior derecha se encuentran Pinceles, herramientas de manchas, Gomas de borrar, Capas, y el Selector de color. Aquí, puedes ajustar el tamaño de tu pincel y la opacidad. Queremos animar algo. Para ello, activa la Ayuda de Animación tocando esa llave en la parte superior izquierda y luego toca “Canvas” y activa “Ayuda de animación”. Aparece el pequeño bar de aquí abajo. Si quieres, puedes tocar “Ajustes” ahí abajo y ver qué tienes ahí, pero realmente no lo necesitas por ahora. Te contaré más al respecto cuando realmente lo necesites. Todo lo que tienes que hacer ahora es recoger cualquier herramienta de pincel. Voy con Caligrafía Tiza, y tu color favorito, el mío es el rojo. Te contaré más en la siguiente lección sobre qué demonios son los marcos y cómo los usaremos. Vamos a seguir adelante. 4. ¿Qué son los fotogramas?: ¿ Qué son los marcos? Piensa en marcos como hojas de papel que cada uno sostiene un dibujo, y el dibujo es un poco diferente en cada hoja nueva. Es como un flip book, solo digital en este caso. Los fotogramas representan un momento en el tiempo y crean la ilusión de movimiento cuando se reproducen a velocidad rápida. Nuestros ojos y cerebro percibirán cualquier cosa que juegue con más de alrededor de 10 fotogramas en un segundo como un movimiento fluido. Si se trata de menos de 10 fotogramas, nuestro cerebro suele ser capaz de distinguir imágenes individuales, y la ilusión no funcionará tan bien. En Procreate, los marcos son equivalentes a las capas de tu ilustración. Lo mismo es cierto para la animación en Photoshop, pero es un poco más complicado. Si te gustaría etiquetar en Photoshop, deberías echar un vistazo a la configuración de la lección en mi clase sobre sincronización de labios real rapida. Se vincula en la descripción. Me estoy enfocando en Procreate y puedes usar el archivo que he adjuntado en los recursos para practicar con. Procreate permite administrar, reorganizar o seleccionar los fotogramas, ya sea tocando el botón “Capas” hacia arriba a la derecha, o directamente en la barra de Ayuda de animación en la parte inferior. Mantén presionada y arrastra para mover una capa a otro lugar en el orden de capas. Se puede ver que cambia a la baja en la Ayuda de Animación Parte 2. Al desmarcar una capa aquí en el menú Capa, se eliminará el fotograma de la Ayuda de animación. También puedes tocar los marcos directamente en la barra Assist en la parte inferior. Mantén presionada y arrastra los marcos a un nuevo lugar. Cuando tocas un marco aquí, obtienes este pequeño menú apareciendo, que te permite eliminar o duplicar este marco. Pero también puedes cambiar la duración del mismo, que funcionará como una copia de esta hoja de papel o marco que permanecerá justo después de su original por la cantidad de marcos que elijas. Ahora también puedes ir a “Ajustes” aquí en la parte inferior derecha. Preste atención al deslizador para los fotogramas por segundo. Tómate un momento para cambiar el número a otra cosa, y pulsa “Play” para ver cómo cambia. Consulta “Loop” para una reproducción eterna que está recorriendo tus fotogramas una y otra vez. Consulta “Ping-Pong” para verlos hacia adelante, y luego hacia atrás, y luego hacia adelante otra vez, y así sucesivamente, o comprueba un tiro para una sola jugada a través. También puedes frotar los dibujos de ida y vuelta tocando hacia abajo en la barra de Animación Assist y yendo a izquierda y derecha. Se puede ver que los marcos son todos muy similares. No hay movimiento real del punto A al punto B. En cambio, he dibujado la misma posición una y otra vez. Este look es a lo que me referiré como cocina, una animación con sentido del movimiento pero sin movimiento real. ¿ Por qué no lo intentas tú mismo? Esto tomará 10 minutos máx. Abra un nuevo archivo en Procreate, habilite “Animation Assist”, y luego dibuje un punto. Ahora toca, “Añadir marco” o el más en el menú Capa para crear una nueva capa vacía en la que dibujar. Ahora, sólo dibuja el mismo punto. Para ver dónde está el punto en el marco anterior, establece los marcos de piel de Cebolla en uno en el menú Ajustes. Esto te permitirá ver a través de tus marcos. Juega con la opacidad y la configuración del modo de mezcla o color para ver qué funciona mejor para ti. Sigue hasta que tengas un montón de marcos para retocar y ver cómo te gusta. Bien hecho. Oficialmente diste tu primer paso en la animación. Por cierto, ¿sabías que puedes cambiar el color de fondo en el menú Capas? Si el blanco es demasiado aburrido para ti, puedes agregar un poco más de color a tu archivo tocando la capa de color “Fondo”, y eligiendo un tono diferente que te guste. Los marcos son las capas o imágenes individuales que crean la ilusión de movimiento cuando se reproducen a velocidad rápida. En la siguiente lección, hablaremos sobre el tiempo. 5. ¿Por qué la sincronización es importante?: ¿ Por qué es importante el tiempo? Sólo para que quede claro, no estamos hablando de estar en el lugar correcto en el momento adecuado. O espera, de eso se trata en realidad, porque cuando estamos hablando de tiempo en animación, también tenemos que hablar de espaciado. tiempo se refiere al hecho de que tus dibujos se extienden a lo largo del tiempo y el espacio para crear la ilusión de movimiento cuando se reproduce como una animación. El tiempo está en el núcleo de todo esto. Por cierto, está totalmente bien si no puedes captar lo que eso significa correcto no. En lo personal me llevó bastante tiempo hasta que logré envolverme la cabeza alrededor, y ha sido una de mis mayores frustraciones cuando se trata de animación. Trata de mirarlo así. Una pluma caerá más lento que una bola de metal. El momento de cuándo soltamos cada uno y cuando golpean el suelo variará mucho. Ahora, atando esto a todo el negocio de marcos. Algo que se mueve rápido usará menos fotogramas que algo que se mueve lentamente. Esto significa que el espaciado, por lo que la distancia en la colocación entre los dibujos y cada marco será mayor para un objeto de movimiento rápido y por lo tanto menor para uno de movimiento lento. El tiempo es la velocidad a la que suceden las cosas. La animación no es otra cosa que dibujos extendidos a través del tiempo y el espacio. Si esto sigue siendo un poco confuso, no te preocupes. El concepto de tiempo y espaciado se hará un poco más claro a lo largo de las próximas lecciones. Vamos a seguir adelante. En la siguiente lección hablaré de cómo empezar a mover las cosas. 6. Uso de fotogramas: puntos en movimiento: Usando marcos, puntos móviles. Si has conseguido un punto de cocción en la lección sobre marcos, ya deberías tener un archivo preparado. Simplemente puedes quedarte ahí dentro y poblar el lienzo un poco más o crear un archivo completamente nuevo del tamaño que elijas, habilitar el Asistente de animación y empezar. Esto es lo que voy a hacer. Hagámoslo juntos. Primero crea un puñado de marcos nuevos. Esto puede ser cualquier cosa entre cinco y diez, lo que quieras. Usa el pincel que escogiste para dibujar en cada marco tienes un punto en un lugar diferente, justo donde sea. De verdad esparciéndolos sobre tu lienzo y no lo pienses de más. Esto es sólo por diversión. Si quieres que esto se bucle bien, duplica el primer fotograma tocándolo en la barra de animación y golpeando Duplicate en la burbuja que aparece. Mueve ese marco a la última posición manteniendo presionado y luego arrastrándolo allí. Cuando golpeas Play now, ya tienes una animación, técnicamente. Probablemente se ve muy aleatorio y justo como puntos parpadeantes por todo el lugar. Para suavizar un poco las cosas, primero ve y habilita los ajustes de piel de cebolla para ayudarte con esto. A mí me gusta usarlo configurado a uno para que no me distraiga demasiado con puntos fantasmales por todas partes. Al agregar un marco entre cada uno de tus dibujos, ahora puedes conectar los dos lugares en los que se encuentra tu punto con una posición media. Basta con poner el nuevo punto en algún lugar entre el primero y el segundo en este nuevo marco. Este puede ser el medio muerto o podría favorecer uno u otro punto de cercanía. También puede estar un poco fuera de curso si quieres. Piensa en una ligera curva, si lo pones demasiado lejos de esto, no ayudará a la transición. Añade un marco entre cada uno de tus marcos en los que ya dibujaste. Podría ser inteligente poner primero los marcos vacíos y luego rellenar los puntos para que guardes una visión general de qué huecos ya llenaste y cuáles no, pero hoy no soy inteligente. Tampoco importa realmente para esto. El ejercicio es solo por diversión y para meterte en él. Una vez que hayas llenado las posiciones medias, retírela otra vez. Ya se ve un poco mejor ahora, ¿no? Más como un movimiento, todavía muy aleatorio, pero eso está bien. Ahora, lo que podrías hacer es llenar más poses de transición y conectar más tu punto móvil para suavizar las cosas. Juega un poco con los ajustes de velocidad de llama y ve cómo cambia. Tenía poses donde sentí que la brecha era demasiado grande entre la pose de transición al siguiente punto. En lugar de jalar sólo otro punto ahí, decidí manchar este punto a través del marco, porque ¿por qué no? Esto puede dar una patada funky, sobre todo en este caso, porque exactamente espaciado grande, movimiento rápido. Imita un poco de un desenfoque de movimiento. Si quieres poner más fotogramas entre medias en tu animación de puntos en movimiento, aquí tienes algunos consejos que puedes tener en cuenta. Para un movimiento orgánico, amortiguar los dibujos al principio y al final del movimiento. Así es como puede verse. Más cuadros hacen un movimiento más lento para que tu punto se acelere y disminuya. Donde empieza y termina el movimiento, preguntan. Bueno, eso es para que tú lo decidas. Utilizo los puntos que pongo primero como puntos de inicio y final. Ahora vamos al siguiente paso. ¿ Estás listo? Cambia tu color si quieres, solo lo hago para una mejor visión general. Quiero que añadas otro punto que se está moviendo a lo largo de la misma cantidad de tiempo, pero con un cronometraje diferente. ¿ Eso tiene sentido? Podrías dibujar este nuevo punto en la misma capa exacta si quisieras, pero te mostraré cómo puedes tener un poco más de flexibilidad. Abre la pestaña Capas y pulsa el símbolo Más o pestaña Añadir marco. Aparece un nuevo fotograma en la barra de animación. Aparece una nueva capa encima del marco que ha seleccionado. No queremos que este sea un marco nuevo sin embargo, entonces qué hacer. Fácil, selecciona la capa vacía y la capa debajo de tu primer fotograma tocando ligeramente la primera y luego la adicional deslizando de izquierda a derecha sobre ella en el panel de capas. Ambos deben destacarse así ahora. En la parte superior aparecieron dos palabras nuevas. Toca la derecha, Grupo, y las dos capas se convierten en un grupo. Cuando miras de cerca, puedes ver que se han consolidado en un solo fotograma en tu barra de animación. Esto te permitirá editar fácilmente el punto azul sin tener que preocuparte por el rojo. Ahora duplica el primer punto azul deslizando sobre su capa de derecha a izquierda. Esto abrirá las opciones del menú: Bloquear, Duplicar y Eliminar. Toque el botón Duplicar y luego arrastre la nueva capa a algún lugar. Realmente no importa dónde, pero asegúrate de tener al menos dos fotogramas entre el grupo y el punto duplicado. Esto asegurará que podamos moverlo de ida y vuelta desde y hacia esta misma posición. Me gustaría que crearas un bucle que jugará al menos dos veces mientras el punto rojo salta por ahí. No te preocupes, primero lo primero. Deja que el punto azul salte un poco o muévete como quieras. Yo lo tengo ir ahí y volver muy rápido. Para agregar un poco de elasticidad al movimiento, estoy arrastrando un poco el punto hacia fuera en la posición media y está rebasando un poco su objetivo también. Una vez que estés contento con cómo se mueve tu nuevo punto, duplica cada una de las nuevas capas dentro de los marcos de grupo. Desliza de derecha a izquierda y duplica, hecho. Ahora selecciona estos duplicados y muévalos adelante, así que sube en el orden de capas. Ahora suéltalos ahí. Para tener estos simultáneamente a tu primer punto, queremos que estén en el mismo fotograma. Tenemos que agruparlos como lo hicimos justo antes, pero claro, primero debes reorganizar las capas. Toque una capa para asegurarse de que sea la única seleccionada y luego mantenga presionada y arrástrela. Si te fuiste con diferentes colores, esto debería ser fácil. Solo necesitas tener una capa de cada color, seleccionar ambos, y luego agrupar, perfecto. Cuando golpeas Play now, el nuevo punto debería hacer el mismo movimiento dos veces. Ahora, para el resto de los marcos, solo puedes tener el punto cocinando o hacer que se mueva a otra dirección o dejas que se encoja y desaparezca. Tengo adjunto mi expediente para usted. Siéntase libre de pasar y mirar estas opciones un poco más de cerca. De lo contrario, felicitaciones. Espero que se sienta un poco más seguro ahora en su capacidad para mover las cosas y más cómodo en el uso general de Procreate. Si quieres, tómate unos momentos más para agregar otro punto o dos y poblar ese lienzo un poco más. Entonces es momento de pasar a la siguiente lección, donde hablaremos de líneas en movimiento con ritmo y emoción. 7. Ritmo y emoción: líneas en movimiento: Ritmo y emoción, líneas en movimiento. Una de las cosas de la animación que pensé que era una verdad definitiva durante mucho tiempo era que siempre tenía que imitar la vida perfectamente. Que la clave principal para dominar la animación era observar y estudiar la vida. Pero si bien son cosas muy importantes en las que entrar, creo que es más importante, sobre todo cuando estás empezando, entender en qué es lo que sientes que funciona o sientes que es correcto y proyectar eso en tus líneas. Después de todo, la animación sólo tiene que sentirse bien cuando la estamos mirando porque ni siquiera somos capaces de ver todo de todos modos. No hay bien ni mal. Sólo hay se siente bien y se siente mal. En esta lección, me gustaría que abrazara esto. Vamos a animar líneas. Si bien el enfoque para animar puntos era bastante estructurado, me gustaría poner el énfasis en un enfoque de caos más creativo para este. Si bien un punto es una forma bastante compacta con la que trabajar, una línea tiene algunas otras propiedades. Puede encogerse o crecer en longitud o en grosor. Puede ser recto o curvo o una combinación. Cuando se mueve puede tambalearse o ser rígido. Ten en cuenta estas cosas para el siguiente ejercicio. A lo mejor descubrirás más cosas sobre líneas que no he considerado. No lo pienses demasiado como antes. Siéntase libre de permanecer en su archivo existente o crear uno nuevo. Si desea etiquetar a lo largo de un archivo existente, considere utilizar el método de agrupación de capas en marcos para trabajar de manera no destructiva. Mi enfoque general para esta animación es tener aquí un par de líneas que todas se comporten de manera diferente. Se puede, por supuesto, utilizar exactamente el mismo enfoque y formas de moverse que yo. Yo quisiera animarte sin embargo, a pensar en formas en que tu línea podría comportarse de manera diferente. A lo mejor se le puede llegar a algunas ideas súper divertidas también. Muy bien, empecemos esto, una línea de cocción. Seguro. Eso es un simple comienzo, y me da un par de marcos con los que calentarme. Ahora vamos a seguir adelante y sumar otra línea. Mi segunda línea debería comportarse de manera diferente. Voy a tener una serpiente fuera en alguna dirección. Observe cómo estoy usando la piel de cebolla para ver dónde estaba mi línea antes. Sigo siguiendo su camino como estaba pero moviéndolo un poco cada fotograma. Estoy tratando de agregar tanto en el frente como estoy cortando al final para mantener la longitud consistente. Esa línea de cocción de ahí sólo tenía unos marcos, pero no hay problema, sólo voy a añadir más marcos y seguir adelante con mi línea snaky. A mí me gustaría que volviera a su primera posición eventualmente aunque. Tocaré este primer fotograma y pegaré “Duplicar”. Te vas al final, amigo. Aquí vamos. Ahora snaky, snaky. No importa si el grosor cambia y creo que también está bien si la línea no es súper consistente y se rompe aquí y allá. Para que vuelva a su primera posición, tengo que dejarlo serpentear hasta que pueda dejarlo caer de nuevo en esta posición de alguna manera. Eso funciona. Ahora tengo que pensar qué hacer con el rojo para el resto de los marcos. Creo que es muy lento y perezoso. A lo mejor hace un poco de curva. El monto que mueve cada fotograma es menor que para la línea azul. Simplemente se mueve mucho menos en la misma cantidad de cuadros. Ya basta, pero no me quedan muchos cuadros, así que dejaré que vuelva a la deriva hasta la posición original así. Perezoso. Eso está bien. Simplemente ve con lo que sientes es la llamada correcta. Relájate, respira. Tranquilo, hombre. Esto es divertido, no el propósito de tu vida ni algo así. Esto ya está bastante aseado. Añadiré otra línea. Tres siempre es un buen número, ¿no crees? amarillo será el raro, el rápido. A lo mejor hace esto retrocediendo un poco, y luego dispara fuera de pantalla. Ahí está otra vez. Es súper rápido. Pero espera, ¿qué es eso? Rojo consiguiendo una nueva forma, freno de emergencia. Revertir. Serpiente amarilla lejos o no. Ahora el azul se está interponiendo en el camino. Genial. De acuerdo, no me importa. Cruzando y fuera de pantalla el amarillo va de nuevo. Ves, esta es la cantidad de diversión que puedes estar teniendo. O te diviertes menos, tu llamada. Simplemente diciendo que es mejor disfrutar. El resultado ciertamente no es perfecto, pero espero que se pueda aflojar y aprender algo con este ejercicio. Ahora para otro ejercicio, me gustaría mostrarte cómo puedes acercarte aplicando emociones a tus líneas móviles. Además, por favor recuerda siempre, estas no son las últimas y únicas formas de hacerlo. Simplemente te muestro cómo hago esto, y tal vez funcione para ti también. Te mostraré líneas que son felices, tristes, y enojadas. Considera que no sólo el movimiento del punto A al punto B puede transmitir un estado de ánimo, sino sobre todo cómo se mueve. El espesor y consistencia. Además, siéntete libre de romper reglas si te sientes cómodo. Esto podría tratarse de líneas ahora mismo, pero no hay policías de animación que vengan a arrestarte si usas puntos o formas. En primer lugar, enumeraré un par de asociaciones que tengo por cada emoción. Estoy tratando de pensar en un sentido visualmente aplicable. Etiquetar conmigo y ver si tienes las mismas asociaciones o si no estás de acuerdo conmigo. Escríbelos, los usaremos para crear nuestras líneas emocionales. lo que estoy pensando, feliz, asocio calma pero optimista, suave y limpio y alegre. Asocio la tristeza con lentitud, , apatía, parada, hundimiento, inconsistencia, y suavidad. Términos que vienen a la mente para enojado son agresivos, impactantes, angulares, volátiles, fuertes, impulsivos. Cada una de estas emociones puestas en movimiento transmitirá un ritmo diferente. El ritmo no tiene que ver con la música. Básicamente sólo significa movimiento marcado por la sucesión regulada de elementos fuertes y débiles o de condiciones opuestas o diferentes. Gracias, Wikipedia. Si te ayuda con este ejercicio, ponte algo de música que te ponga en el estado mental correcto. En un nuevo archivo, anima una línea feliz, una línea triste, y una línea enojada. Aquí te dejamos algunos recordatorios de qué tener en cuenta. Si quieres que algo se acelere lentamente, deja que los cambios por fotograma sean cada vez más. Cuantos más dibujos tengas de A a B, más lento será el movimiento. Lo mismo vale para frenar. Deja que los cambios en cada fotograma sucedan en pasos progresivamente más pequeños hacia el final del movimiento. Para un resultado más controlado, planifica con anticipación y coloca primero tus poses principales y luego anima de posición a posición. Para obtener resultados más gratuitos e intuitivos, simplemente anima derecho de principio a fin. Agrupar capas para tenerlas todas en el mismo fotograma. Lo más importante, diviértete y no lo pienses demasiado. Cada línea tiene su propio ritmo que está transmitiendo la emoción. En términos de animación, podemos ver el tiempo y el espaciado de cada una de las cuatro líneas. Poner la piel de cebolla todo el camino hacia arriba es una buena manera de ver el ritmo que creamos. Puede ser fácil avistar áreas donde no funcione tan bien como lo previsto. Eso suele aparecer como un dibujo que rompe el ritmo sobresaliendo o siendo colocado demasiado cerca o demasiado lejos. O simplemente se siente fuera de lugar. No te preocupes si tienes uno de estos. Puedes saltar al marco y arreglarlo si quieres. O simplemente dejas eso correctamente fuera de B. Bien hecho. Has dado otro gran paso hacia ser un profesional de animación. En la siguiente lección se trata de sumar masa. Sigamos adelante. 8. Agregando la masa: lámpara de lava: Agregando lámpara de lava masiva. Para esta lección vamos a dar este paso al espacio teórico tridimensional. Esto podría sonar un poco intimidante ahora, pero no te preocupes. En las animaciones en realidad sólo un pequeño paso de una línea a una forma que parece tener masa y volumen. Es sólo una ilusión después de todo. Masa es la cantidad de materia o sustancia que conforma un objeto. Dado que no podemos medir el peso o el tamaño de una forma en nuestra pantalla, tenemos que confiar en otras cosas para transmitir su masa. En términos generales, las cosas que son suaves o ligeras se moverán con más facilidad mientras que las cosas que son duras o pesadas darán más resistencia. Ten esto en cuenta. En un nuevo archivo emular lo siguiente. Recuerda la primera lección sobre la animación de cocina, aplícala esta vez a una línea cerrada. Básicamente, dibuja un montón de círculos sobre un par de marcos. Llenar cada uno con color ya sea a mano o agarrando el color desde la parte superior derecha y arrastrándolo hasta la forma. No sueltes aún, sostén pulsado y deslízate a la izquierda o a la derecha hasta que tengas la cantidad correcta de relleno. No pretendas ser demasiado minucioso o limpio con esto. El descuidado sólo actuará al sentido del movimiento. Tenemos esta extraña mancha de color que de alguna manera parece viva, ¿no? Me recuerda a flubber si aún sabes qué es eso. Me gusta mucho la textura que agrega mi pincel cuando pinto en la zona, voy con eso. Pero podrías, por supuesto, usar el otro método de relleno si te gusta o haces algo completamente diferente como agregar algún sombreado que crea la ilusión de que la mancha se ilumina desde un lado. Sea lo que sea que elijas está bien. Pasemos al siguiente paso. En este ejercicio, me gustaría que prestara atención a la consistencia de la masa. Eso significa que la mancha no debe encogerse ni crecer demasiado mientras la estiramos y la aplastamos juntos. Esto lleva algún tiempo dominar. Sigo luchando con ello, así que no te estreses demasiado. Ayuda un poco si define primero los estados más extremos de un blob y luego vuelve a llenar los fotogramas para la transición entre éstos. Como dije, no te estreses por ello, solo ten cuidado y trata de mantener la mancha lo más consistente que puedas. Una vez que estés listo, dale otro paso más allá. Si quieres puedes apuntar a la consistencia aquí también, pero personalmente estoy apuntando a la máxima jugosidad y un resultado satisfactorio. Lo que quiero que hagas es dividir la mancha hacia arriba, arrastrarla hasta que la parte media se vuelva más delgada y más delgada hasta que se separe. Imagina una lámpara de lava donde la cera o lo que sea se calienta hasta que empieza a tambalearse arriba y abajo encendiéndose y dividiéndose una y otra vez. Puede haber tantas o tan pocas formas moviéndose como quieras. Ten en cuenta que no se muevan demasiado rápido. Agrega un poco más fotogramas si un movimiento debe sentirse un poco apresurado. Cuando una forma se divide podrías tener estos pequeños rebeldes de movimiento yendo sobre la superficie. Básicamente es un bulto en el contorno que se está encogiendo al alejarse del lugar de la división, si eso tiene sentido. Si eso se siente un poco más de lo que te gustaría hacer también está absolutamente bien pegarse a una sola mancha que está flotando y cambiando de forma. Simplemente diviértete con esto y consigue una sensación de que las formas se mueven por el espacio. Si no has descargado y utilizas alguno de los recursos hasta ahora considera usar el archivo procreate de lámpara lava que he adjuntado para esto o crea el tuyo propio. Si quieres hacer tu propia crea primero tu lámpara de lava en una capa diferente. Una parte que serán los contornos de la lámpara así como el color para las partes metálicas y la parte superior e inferior por lo que todo lo que debe estar al frente y la otra parte es el color de fondo así como el color del interior de la lámpara que es visible a través del cristal. Agrupar las partes que pertenecen juntas. Ahora, al activar el asistente de animación puedes ver estos grupos como dos fotogramas. Al tocar el primero deberías poder activar un deslizador que diga fondo y en el segundo el deslizador debe decir en primer plano. Una vez activados los grupos permanecerán visibles lo largo de toda la animación uno en segundo plano, uno en primer plano, y podrás añadir fotogramas entre ellos. Ahora tus manchas pueden moverse libremente sobre estas y se verá igual que una lámpara de lava. Impresionante. Permítanme resumir lo que pasamos en esta lección. Una forma de cocción da la ilusión de masa fácilmente. Al llenar la forma un pincel texturizado puede agregar al movimiento con poco esfuerzo. Una forma rellena recta se sentirá más sólida. Al aplastar y estirar una forma trata de mantener su masa consistente en todo. Pintar las posturas extremas primero puede ayudar con eso. Una forma que se divide se siente más jugosa y suave cuando sus partes se mueven en consecuencia. Imagínese la tensión liberando desde un punto todo el movimiento alejará de este punto. Cuanto menos se muevan, más sólida y dura aparecerá la forma. Cuando un movimiento se siente demasiado rápido agrega más fotogramas, cuando se siente demasiado lento saca fotogramas. La siguiente lección será un ejercicio de bonificación para aplicar tus conocimientos a un tema menos abstracto. Humo y agua. 9. Fluidez: Humo y agua: Fluidez, humo, y agua. Ya tienes una sólida comprensión de los cuadros, tiempo y el espaciado, el ritmo y la masa. Tienes todas las herramientas a mano para hacer frente a este reto. Pero esta asignación es completamente opcional. Si lo deseas, simplemente recuéstate, relájate y mira la lección. Para poner a la acción las cosas que te enseñé. Te he preparado dos archivos, uno con una vela y otro con un vaso. Siempre me encantó FX Animation. Entonces todo lo que no es un personaje ni un objeto; humo, agua, fuego, explosiones, magia. Estas cosas siempre agregan tanto a una animación. Fue sólo recientemente que me di cuenta de que son mucho más alcanzables que cualquier animación de personajes o una pelota rebotante. La ventaja de FX Animation es que generalmente tenemos una buena sensación de tripa sobre cómo deberían verse porque suelen estar poco más bastante rápidos y no tenemos la oportunidad de observarlos. La presión para crear algo que tenga masa consistente es mucho menor. Estas animaciones funcionan bien en un enfoque directo. Entonces apenas empezando por el principio y dibujándolo marco por cuadro hasta el final, en lugar de planear y saltar de ida y vuelta. Déjenme demostrar lo que quiero decir. Una vela ardiente no es otra cosa que un dibujo de fondo de una vela y una forma de llama que se está cocinando. También puede bailar un poco. Sólo recuerda que está unido a la mecha. Imagina que viene un viento o alguien sopla en la llama. Se inclina y se encoge y muere. mecha emerge un pequeño penacho de humo suave. Ahora, a menos que el viento continúe, volverá a serpentear después de un momento, enrollará un poco, se adelgaza y se adelgaza hasta que se vaya. Eso es todo. Esa es toda la magia. Esto literalmente me llevó tres minutos animar. Por esa pequeña cantidad de esfuerzo, se ve bastante guay, ¿no? El segundo ejemplo es un poco más complicado. Para mantenerse hidratado. Pondré un poco de agua en este vaso de Ikea que todos tienen. El arroyo de agua comienza lento pero rápidamente acelera hasta golpear el fondo de un vaso, salpicaduras de agua, y gotitas volando, mientras que hay una línea continua de agua que fluye variando en espesor, la masa dentro del vidrio comienza a crecer. Es bastante turbulento al principio, pequeñas olas se mueven de un lado a otro. Se rompen en las paredes del cristal y a veces hay otra gota volando. Una vez que la corriente de agua se rompe, la masa debe permanecer bastante consistente. Una última gota está cayendo al agua, que poco a poco viene a descansar. Este ejercicio también fue sencillo y me tomó unos 10 minutos. Está bien tomarte tu tiempo sin embargo. Esto no es una competencia. Solo quiero que te hagas una idea aproximada sobre cuánto tiempo puede tardar una animación así cuando te sientes cómodo en tus habilidades. Si has decidido ver la clase y no abordar el ejercicio todavía, ahora sería un buen momento para hacer una pausa o volver al inicio y verlo de nuevo, y abordarlo tú mismo, estoy 100 por ciento seguro de que eres absolutamente capaz de esto. Simplemente me encantaría ver muchas velas y gafas en los proyectos de clase. La siguiente y última lección te dará algunos punteros cómo puedes aplicar tus habilidades de animación recién adquiridas. Antes estaré terminando este curso. 10. Otras aplicaciones: ¿qué sigue?: Otras aplicaciones. ¿ Qué sigue? Ahora tienes todas las herramientas a mano para probarte en algunas aplicaciones diferentes a tus habilidades de animación recién adquiridas. Al experimentar, por favor, ten en cuenta las siguientes cosas. Es más fácil animar una forma rugosa que algo que tiene líneas limpias. No muerdas más de lo que puedes masticar. Es bueno ser ambicioso, pero es fácil frustrarse. Da pequeños pasos hacia tu meta. Dicho eso, quieres probarte a ti mismo en algo un poco más complejo, esta vez, una bandera en el viento. Te mostraré un simple truco que puedes usar para cualquier cosa que esté haciendo un movimiento fluído, como pelo o una capa o algo así. Abre un nuevo lienzo y activa la Ayuda de Animación. En primer lugar, dibuja un asta de bandera. También se puede alinear y establecer este en fondo tocando el fotograma en la barra de animación y activando el deslizador. Este será nuestro punto fijo al que se adjuntará la bandera. En un marco nuevo, dibuja una bandera. Debería parecer que está en movimiento. Hacer la parte superior e inferior en esta línea de clasificación. El movimiento es de izquierda a derecha, la dirección del viento, si se quiere. Ahora, el truco es prestar atención a las olas que se mueven a través de la tela. Para hacer un seguimiento de eso dibuja un círculo donde la abolladura en tus líneas sean así. Esto no tiene por qué ser limpio y ordenado, es sólo una guía. Tengo los círculos en una capa separada que se agrupa con la capa de bandera a medida que nos movemos. Esta animación puede funcionar bien si vas derecho, pero me gusta acercarme con un poco más de planeación. Pensaré en cómo sería la posición extrema invertida de esto. Básicamente, tengo dos círculos en la parte superior y uno en la inferior. Al contrario tendría uno en la parte superior y dos en la parte inferior. El viento en mi cabeza es agradable y estable desde la dirección. No hay movimiento alrededor ni arriba y abajo, lo que significa que el círculo simplemente puede alinearse así. De esta manera ya tengo dos posiciones que solo necesito conectarme ahora. Es importante recordar que se trata de un movimiento continuo de izquierda a derecha. Puedes o bien ir recto y mover los círculos un poco a la derecha y cada fotograma o construyes la posición media encontrando sí, capitán obvio, el medio entre los círculos en el primer y el último fotograma. Una vez que tengas los círculos, puedes dibujar la solapa envolviendo bien alrededor de las formas de los círculos. Recuerda mantener la distancia entre los círculos consistente si sigues dibujándolos para los siguientes fotogramas. Activa el modo de mezcla de colores para los marcos secundarios, en los ajustes de piel de cebolla. Esto hará que sea un poco menos confuso localizar todas las olas. En lugar de construir la ayuda de círculo para cada fotograma, también puedes simplemente dibujar la posición media entre el primero y el segundo fotogramas encontrando la transición entre ellos. Esto funcionará muy bien después de haber creado un marco con un par de posiciones construidas. No coloreé en mis marcos para que se sintieran más sólidos. Aquí te dejamos una bandera en el viento. El truco del círculo también se puede aplicar a las cosas antes mencionadas como un manto que está volando detrás de alguien que está hacheando por la noche o el pelo largo, soplando en la brisa. Es posible que tengas que ajustar un poco la técnica, o probar un par de cosas que en realidad eso es sólo animación en general. En el curso, nos hemos mantenido alejados de cosas que se ven afectadas por la gravedad, en su mayoría, para mantener los ejercicios un poco más abstractos y accesibles. Uno de los primeros ejercicios clásicos que hice como estudiante fue un balón rebotando. Definitivamente estás configurado para eso también ahora, lo único importante que realmente no he cubierto en las lecciones es la gravedad y cómo afecta a las masas en movimiento. En términos generales, hace que las cosas se esfuercen hacia el suelo. Si te gustaría animar un balón rebotando, adelante, noqueate. Ten en cuenta el tiempo y el espaciado y lo de la gravedad. A lo mejor se puede averiguar la correlación. También puedes hacer otras animaciones más bien y complicadas como un giro de cabeza, un columpio o un péndulo, un simple pez nadando, burbujas de jabón, o una hoja cayendo. O agregas elementos animados a una ilustración para darle un poco más de swag. Me gustaría animarte a que solo pruebes algunas cosas, son volver a los ejercicios en las lecciones anteriores para ponerte más cómodo y estoy deseando ver qué se te va a llegar. No seas tímido para publicar tu trabajo en la galería de proyectos. Sé que publicar videos ahí es un poco más complicado, así que si no tienes una cuenta de YouTube o Vimeo con la que compartirla, no te preocupes, también puedes subir GIF. Para exportar una animación como regalo con Procreate, toca la llave inglesa y ve a Compartir. Cuando miras la parte inferior donde dice Compartir capas, puedes encontrar GIF Animado. Cuando lo toques, te mostrará una vista previa de cómo se verá tu GIF con una velocidad de fotogramas en la que trabajaste. Puedes cambiar los fotogramas por segundo justo aquí si quieres. La dithering probablemente está habilitada. Esto solo significa que reducirá la cantidad de colores a favor del tamaño del archivo, por lo que puede comprobar o desmarcar si lo desea. Pero realmente no necesitas cambiar ninguna de las configuraciones y solo puedes pulsar “Exportar”. Tada. Ahora ya estás todo listo. Recuerda que tengo un par de archivos Procreate adjuntos para ti. Siéntete libre de usarlos, de estudiarlos, de cambiarlos, sin embargo, te apetece. Impresionante. Ahora, déjame terminar este curso y enviarte fuera. 11. Conclusión: Gran trabajo. Estoy muy orgullosa de ti. Gracias por llevar este viaje conmigo. Juntos, dimos los primeros pasos hacia la animación y procrear. Ahora sabes un poco más sobre los fotogramas, tiempo y el espaciado, el ritmo y la emoción, masa, y cómo hacer que las cosas se muevan. Si hay algo que espero que te quites de esta clase, es que la animación no es tan intimidante después de todo, y que has encontrado un punto de entrada en el que puedes empezar sin agobiarte por completo. Agrega tus ejercicios y animaciones propias a la galería del proyecto. De esta forma, todos veremos tu crecimiento y podré brindarte retroalimentación si así lo deseas. También me gustaría animarlos a subir trabajos en curso y cosas inconclusas. En caso de que haya alguna pregunta abierta o algo no te quede claro, por favor no dudes en llegar a mí, siempre estoy feliz de ayudar. Espero que hayas disfrutado de esta clase. Por favor considere dejar una revisión honesta para los estudiantes potenciales para que sepan en qué podrían estar metiendo. Gracias y hasta la próxima vez. Adiós.