Transcripciones
1. Introducción: Hola, soy Maya, y estoy de vuelta, y soy Diseñadora e ilustradora de patrones de superficie con sede en Estocolmo, Suecia. En esta clase, te voy a mostrar cómo crear esta animación divertida y sencilla, de globo de nieve. Usaremos Adobe Illustrator para dibujar y Photoshop para animar. Te enseñaré mi forma de hacer esto, lo que significa que no necesitas redibujar todo en la animación. Esta es una clase para ti que quiere aprender a hacer
rápidamente animaciones a partir de tus dibujos, para que puedas compartirlas en Instagram o enviárselo como saludos navideños a tus amigos y familiares. entonces en esta clase, podrás crear tu propia animación navideña de globo de nieve, lo que básicamente significa que puedes crear animaciones a partir de todos los dibujos. Esta es una gran clase para ambos ilustradores profesionales, que quieren aprender una manera rápida y fácil de hacer animaciones de los dibujos. Así como tú, que solo quieres crear una divertida y digital tarjeta de felicitación navideña para enviarla a amigos y familiares.
2. Boceto rápido: Empecemos con un boceto rápido solo para conseguir algunas ideas para la globo de nieve. Lo que necesitas averiguar aquí es lo que quieres incluir en tu globo y qué partes del mismo que quieres animar. Como puedes ver, solo estoy esbozando algunas ideas muy rápidamente. Porque es una globo de nieve, sé que quiero animar la caída de nieve, pero tal vez quiero animar otra cosa para que se sienta más viva. Normalmente lo mantengo realmente simple y voy por unos cuantos detalles bonitos a animar mis dibujos, y esta vez voy a hacer éste. Voy a animar la nieve que cae sobre los árboles, y tal vez pueda añadir unas cuantas estrellas parpadeantes en el cielo. Cuando tengas tus ideas listas. Pasemos a la siguiente lección, donde bucearemos y dibujaremos nuestra globo de nieve en Illustrator.
3. Dibujar en Illustrator: En esta clase, dibujaremos directamente en ilustrador. Usaré la app Astropad en mi iPad Pro, que funciona como una tableta de dibujo directamente en ilustrador. El app simplemente espeja lo que veo en la pantalla de mi escritorio a mi iPad para que pueda dibujar directamente en Illustrator con mi lápiz Apple en el iPad. Pero para esta clase, podrías usar cualquier tableta de dibujo. Hagamos un documento cuadrado en Adobe Illustrator que tenga 1000 píxeles de ancho y alto. Normalmente empiezo con eliminar todos
los colores excepto blanco y negro en este panel Muestres, y luego agrego mi paleta de colores. Empezaré con hacer un cuadrado rosa para usar como fondo. Utilizo el rectángulo para hacer un cuadrado rosa que es de 1000 píxeles y alinearlo con el tablero de arte. Haré una nueva capa para dibujar encima de la capa de fondo, luego utilizo la herramienta de elipse para hacer un círculo de referencia que usaré cuando esté dibujando mi globo. Si quieres omitir este paso con la elaboración de la bola de nieve, podrías usar la plantilla que puedes descargar en clase. Haz una nueva capa encima de la capa de círculo y empieza a dibujar tu globo. Estoy usando la herramienta de pincel de blob, que es mi herramienta de dibujo favorita en Illustrator. Si hago doble clic en la herramienta, puedo hacer los ajustes para el pincel. También uso la herramienta lisa para hacer las líneas un poco más suaves mientras que necesarias, y como pueden ver, estoy dibujando esto bastante rápido. Cuando termine con el globo,
sigo dibujando esta cosita verde
en la que se levanta el globo solo usando la herramienta de pincel de blob y la herramienta de borrador para conseguir que mis bordes sean bonitos y afilados. En el globo quiero en cielo nocturno, así que estoy usando la herramienta constructor de formas. Simplemente selecciona todos y luego haz clic en la forma para hacer que esa parte forma separada en tu objeto. Estoy haciendo del cielo un color negro polvoriento. Después dibujo el suelo nevado con la herramienta de pincel de blob y lo relleno con la herramienta constructor de formas. Voy a tener algunos árboles en mi globo así que sólo estoy dibujando rápidamente estos y moverlos un poco para que se vea equilibrado. Como puedes ver, estoy dibujando todo bastante rápido y no me
importan tanto los detalles cuando dibujo porque siempre puedo arreglar los detalles más adelante, y para eso, suelo usar la herramienta lisa y la herramienta de borrador. A continuación, voy a dibujar un pequeño camino en mi globo. Estoy dibujando un camino gris claro con la herramienta pincel blob nuevamente encima del suelo nevado. Lo último que quiero en el suelo nevado es una casita roja, así que de nuevo, la herramienta pincel blob y dibujando un rectángulo para que sea una casa, y voy a hacer un techo rosa y un poco de chimenea en la parte superior. Por supuesto que quiero algunas ventanas en mi cabaña así que solo estoy elaborando algunas ventanas oscuras muy rápidas, polvorientas y una puerta, y uso la herramienta de borrador para arreglar los detalles. Estoy agregando un poco de blanco alrededor de las ventanas y la puerta para que parezca una casita de campo. Añadiré algunas estrellas en el cielo que puedo hacer parpadear en la animación así que solo
estoy usando la herramienta estrella y estoy agregando algunas estrellas en mi cielo nocturno. Después los muevo un poco para que se vea equilibrado, tal vez algo como esto. Yo quiero hacer las estrellas un poco más pequeñas, así que las selecciono todas y voy a objeto transformarlo y transformarlo, y luego derribo un poco la báscula. Entonces voy a dibujar la nieve que caerá encima de los árboles en mi animación. Añadamos los copos de nieve que caerán en el globo y en mi cielo nocturno. Estoy usando la herramienta de pincel de blob y nuestros puntos de dibujo en lugar de solo
hacer click para hacer puntos ya que quiero que no sean perfectamente redondos. Si quieres que tus copos de nieve sean perfectamente redondos, solo
puedes hacer clic con la herramienta de pincel de blob. último pero no menos importante, voy a añadir un texto para esto, utilizo las fuentes gratuitas de Google montañas de Navidad, lo enlace en clase para que puedas descargarlo, o si usas mi plantilla el texto “déjalo nevar” está incluido en la plantilla. Genial, ya terminé con esta ilustración, así que ahora tenemos una ilustración con todo incluido. Cuando estés listo, dirígete a la siguiente lección, donde haremos algunas versiones diferentes de esta ilustración para prepararla para la animación.
4. Preparar marcos en Illustrator: Para poder hacer una animación de esto, necesitas crear unos fotogramas diferentes de tu ilustración y hay que cambiar algo desde cada fotograma. Eso es lo que hará que parezca que partes de la ilustración se están moviendo. Creo que la forma más común de hacer esto cuando haces animaciones
simples es dibujar diferentes versiones de tu ilustración. Pero en esta clase, te
voy a mostrar una forma más rápida y fácil de hacer esto usando la herramienta Puppet Warp y también moviéndote alrededor de tus objetos. Empecemos con hacer una copia de tu dibujo. Normalmente copio toda la mesa de trabajo. He guardado el original para que siempre pueda referirme de nuevo a ese. Seleccione la herramienta de mesa de trabajo, luego mantenga presionada la tecla “Alt” y haga clic izquierdo para arrastrar y hacer una copia. Haré dos copias, una para usar como marco de inicio a la izquierda y otra como marco final, esa es la de la derecha. En el medio, voy a hacer más fotogramas más adelante. El primero que haces es preparar tu marco de inicio. En mi marco de inicio, no
quiero nieve en los árboles. Como quiero que parezca que es la nieve que
está cayendo la que hace que el árbol sea blanco de nieve. Acabo de borrar la nieve en los árboles en este marco. En mi animación, quiero que las estrellas parpadeen un poco. Elijo algunas de las estrellas y las hago de color amarillo brillante. Lo último que cambiaría en este es que quiero que parezca que la nieve está cayendo. Simplemente me muevo un poco alrededor de los copos de nieve. Realmente no necesitan verse equilibrados en cada cuadro ya que la verdadera nevada es aleatoria. La parte más importante aquí a pensar es que ningún copo de nieve puede permanecer en la misma posición que antes. Eso sólo se vería extraño en la animación. Ahí lo tienes. El marco de inicio está terminado. Bastante fácil, ¿no? Hagamos marco número dos. Aquí queremos algo de nieve que ha caído sobre los árboles. Empiezo con hacer una copia de la ilustración original donde tengo nieve en mis árboles. Entonces solo bloqueo cada objeto que no quiero
tocar usando el atajo “Herramienta de comando” en mi teclado. Empiezo por hacer algunas estrellas diferentes amarillas que en el fotograma número uno para que parezca que las estrellas están parpadeando. Después me muevo por los copos de nieve y me aseguro de que ningún copo de nieve esté en la misma posición que estaba en marco número uno o en la ilustración original, el marco final. Ahora viene la parte realmente divertida, en lugar de redibujar objetos para que parezcan que se han movido en nuestra animación, usaremos la herramienta Puppet Warp para cambiar el aspecto del objeto que ya habíamos dibujado. Aquí, hago más pequeña la nieve que ha caído sobre los árboles. Selecciono la nieve en el árbol y luego hago clic en la herramienta Deformar marionetas. Como puedes ver, obtienes estos pequeños alfileres que puedes hacer clic y arrastrar por ahí. Si hace clic en algún lugar del área seleccionada, agrega pines, si hace clic en eliminar, cuando haya seleccionado un pin, lo borra. Si desea seleccionar múltiples pines, puede mantener presionado el turno y hacer clic en los pines que desee seleccionar. Ahora, esta herramienta Puppet Warp es una de mis nuevas herramientas favoritas en Illustrator y creo que es una herramienta tan increíble. Puedes usarlo para muchas cosas y es realmente eficiente y es muy divertido de usar. Si no lo has usado antes, realmente te
puedo recomendar solo experimentar y ver qué puedes hacer con él, porque es una herramienta realmente útil. En mi ilustración, estoy haciendo más pequeña la nieve en los árboles en este marco número dos y haré la nieve un poco más grande para cada marco que al final coincida con la ilustración original. Eso haría que pareciera que la nieve realmente cae sobre los árboles. Un poco más natural que si simplemente pasáramos de
nada de nieve a toda nieve si sabes a lo que me refiero. Entonces en realidad solo continúo con mis otros marcos y cambié la posición de los copos de nieve por cada cuadro, cambio las estrellas, cuáles son de color amarillo brillante y cambio cuánta nieve ha caído sobre los árboles con la herramienta Deformación de marionetas. Cuántos fotogramas necesitas depende de qué tan grande de una diferencia quieras tener desde el inicio de tu animación hasta el final de la misma. Normalmente hago estas animaciones realmente simples y normalmente termino con algo alrededor de cinco a siete fotogramas. Si no sigues junto con toda esta charla de fotogramas en este momento, no
necesitas preocuparte. Simplemente haz estos pasos y verás a qué me refiero en la siguiente lección, donde haremos la animación real en Photoshop. Si has terminado con tus marcos, pasemos a la siguiente lección donde la magia real está sucediendo la animación en Photoshop.
5. Animación en Photoshop: Por fin estamos haciendo la animación de nuestra linda bola de nieve. Esto en realidad es algo muy sencillo de hacer con sólo unos pasos súper fáciles. Sigue adelante, y antes de que te des
cuenta, habrá nevadas en tu globo de nieve. Abramos Photoshop y hagamos un documento del mismo tamaño
que la mesa de trabajo en Illustrator. El mío es cuadrado, 1000 pixeles de ancho y alto. Después dirígete a Illustrator. Aquí, solo copio podría enmarcar primero usando Command C en
mi teclado y lo pego en Photoshop usando Command V como Objeto Inteligente. Continúa copiando y pegando tus marcos de ilustrado a Photoshop hasta que los tengas todos en diferentes capas en Photoshop, tengo cinco marcos, cinco capas. Para que sea más fácil ver qué marco está seleccionado, acabo de renombrar las capas en Photoshop a 1, 2, 3, 4, 5. Entonces escondo todas las capas excepto el Número 1, haciendo clic en el símbolo de hielo. Después, voy a Ventana y hago clic en línea de tiempo. Esta es la herramienta que nos permite crear nuestra animación. Es una herramienta bastante cool. Da click en Crear animación de fotogramas porque tenemos fotogramas y eso es lo que hará una animación de la misma. Como puedes ver en la ventana de la línea de tiempo, ya
tienes tu primer fotograma ahí abajo a la izquierda. La ventana de la línea de tiempo funciona así. Las capas que haya seleccionado y que esté mostrando en el panel de capas se
incluirán en ese marco que está mostrando en la ventana de línea de tiempo. En el marco número uno, quieres tu ilustración Número 1. Después de eso, vamos a añadir un nuevo marco. Simplemente puedes duplicar tu marco haciendo clic en el símbolo de documentos en la ventana de la línea de tiempo o ir al nuevo marco en el pequeño menú. En el segundo fotograma, desea ocultar Ilustración Número 1 y mostrar Número 2. Entonces en realidad acabamos de continuar duplicando el fotograma ocultar Número 2 mostrar número tres, y así sucesivamente hasta que tengas cinco fotogramas en la animación con tus cinco versiones de tu ilustración. Cuando tengas los cinco fotogramas en la Ventana de la línea de tiempo, selecciona la cantidad de segundos que quieres que se reproduzca este fotograma. Estoy eligiendo 0.2 segundos por cada fotograma de esta animación. Ahí lo tienes. Haga clic en el botón de juego pequeño y vea cómo sus ilustraciones de globo de nieve se convierten en esta animación. Bastante guay, ¿no? Ahora, puedo comprobar si todo se ve bien. Para mí, sí. Ya lo he hecho un par de veces, así que sé qué buscar. Pero de lo contrario puedes volver a Illustrator para cambiar algunos detalles hasta que estés contento con tu animación. Eso es en realidad todo a ello. Ahora, hiciste tu propia animación de globo de nieve. Pasemos a la siguiente lección donde
exportaremos nuestra animación para que la puedas utilizar para lo que quieras.
6. Exportar el archivo: Es hora de exportar el archivo y terminar nuestra animación de globo de nieve navideño para que puedas compartirlo y usarlo. Exportaremos en dos formatos de archivo diferentes, GIF y un archivo MP4. Si estás compartiendo tu animación en, por ejemplo, Instagram, entonces necesitas un archivo MP4. Empecemos con el GIF. Así que ve a exportar, ahorra para web y elige GIF. Ahora, normalmente no me mezclaré con estos ajustes ya que realmente no he necesitado hacerlo. Por lo que solo elijo GIF y golpeo guardar, nombre el archivo y ahora está listo para usar. Cuando exportamos como MP4, que es un formato de video quiero compartir la animación en Instagram. El video necesita tener al menos tres segundos de duración. Entonces, para hacer tu animación tres segundos, simplemente selecciona todos tus fotogramas en la ventana de la línea de tiempo y pulsa el botón duplicado. Dado que mis fotogramas son de 0.2 segundos, cinco fotogramas harán 1 segundo. Por lo que duplicaré mis fotogramas dos veces para que tenga una cantidad total de 15 fotogramas, que lo hace de tres segundos de largo. Después voy a archivar, exportar y renderizar video. Elige dónde quiero guardar el archivo. Asegúrese de tener seleccionado de alta calidad. De nuevo, normalmente no necesito cambiar la configuración aquí, así que solo hago clic en render. Ahí lo tienes. Tu animación está terminada y la has exportado como un archivo GIF y como un MP4.
7. Reflexiones finales: De acuerdo, así que aquí está mi última animación de globo de nieve. Me encantaría ver los tuyos, así que asegúrate de compartir tus proyectos en la página del proyecto. Ahora que ya sabes hacer una animación navideña de globo de nieve, en realidad
puedes hacer el mismo método para cualquier tipo de animación simple. No necesita inspirarse en la Navidad. Si tienes alguna pregunta, por favor siéntete libre de preguntarlas en la página de la comunidad. Si te gustan mis clases, puedes pulsar el botón “Seguir” por mi nombre aquí abajo para
asegurarte de que no te pierdas cuando mi próxima clase sea liberada. Si estás compartiendo tu animación en Instagram, siéntete libre de etiquetarme @majaronnbackdesign para que pueda ver y tal vez compartir lo que creas en clase. Espero que disfruten de esta clase. Me encantaría escuchar lo que piensas. Si lo desea, puede dejar una reseña aquí bajo página de revisión. Muchas gracias por ver y diviértete creando tus globos de nieve.
Maja Faber, Surface Pattern Designer
