Cuadro por cuadro: anima una serie de ilustraciones

1. Introducción: Hola, soy Lauren [inaudible]. Mi fondo está en diseño gráfico e ilustración. Estoy muy emocionado por este curso porque lo que vamos a estar haciendo es crear una secuencia de ilustraciones y luego ponerlas en Adobe After Effects usando el codificador de medios para exportarlo a un MP4. Entonces estamos creando una animación realmente básica con un elemento que es animado. Realmente recomendaría este curso específicamente para personas que están un poco más en el nivel intermedio. El motivo de eso es que realmente vamos a sumergirnos en Adobe Illustrator, por lo que es bueno tener algún conocimiento sobre el uso de ese software específico. Durante todo este proceso, este curso realmente va a trabajar en conceptualizar, por lo que realmente crear y elegir entre un par de ideas diferentes. Planeación y bocetos; realmente pensando en cómo tus diferentes bocetos interactúan unos con otros para construir una animación y luego también mirar construir una secuencia, cómo conduce una ilustración a la siguiente. También echaremos un vistazo a las nuevas herramientas dentro de Adobe Illustrator. Algunos de estos con los que podría estar familiarizado. Específicamente vamos a mirar el lado de dibujo, configurar en exportar y combinar diferentes software. Por lo que estaremos usando Adobe Illustrator After Effects. Mi fondo no está específicamente en animación, es más en ilustración. Pero creo que lo bueno de eso con este curso específico es que realmente mira a la animación desde una perspectiva artística ilustrativa. Estoy muy emocionado de saltar y vamos a empezar primero con bocetos. Adelante y empecemos juntos este viaje. 2. Bocado, idea y planificación: En este video, queremos tener un par de diferentes comidas para llevar o entregables. Vamos a terminar con algunos bocetos de ideas potenciales para nuestra animación. Esa será esta primera imagen de la izquierda. Entonces la segunda imagen de la izquierda serán nuestros bocetos de planeación. Una secuencia de bocetos que cuando se colocan juntos crean la animación, vamos a utilizar eso, vamos a crear eso también en este video. Entonces para las siguientes dos imágenes de la derecha, eso es lo que vamos a hacer en los próximos videos. Esta parte del proyecto es realmente emocionante para mí. Esbozar ideación de planeación realmente ayuda a informar al resto del proyecto. Estoy muy emocionado de empezar y de hablar. En primer lugar, ¿cómo se nos ocurrió un par de ideas diferentes? Segundo, ¿cómo elegimos entre esas ideas? Y tercero, ¿cómo construimos esas ideas para empezar a planear nuestras animaciones? Antes de poner un temporizador y realmente saltar a la ideación, y pensar en diferentes ideas potenciales para este proyecto de animación, quiero que pienses en un par de cosas diferentes. Aquí te dejamos algunos consejos para lo que podrías incluir en tus bocetos de ideación. De verdad quiero que pienses en tener un fondo, un primer plano, y un largometraje animado. El siguiente consejo en el que quiero que pienses es, ¿en qué dirección va a ir el largometraje animado? Para mí, creé primero una serpiente que va en dirección espiral, realmente divertida. Entonces estaba pensando en algo que va de lado a lado. Creé un barco, un pequeño bote en el océano y realmente me enfoco en ese movimiento en esa dirección. Por supuesto, entonces creé mi cohete despegando y yendo hacia arriba. Esa es otra dirección en la que me enfoco. Entonces la tercera es una manzana que cae de un árbol. Asegúrate de que realmente pensaste en cuáles son algunas direcciones diferentes, algunas oportunidades diferentes para crear una animación realmente simple. Cuando estés listo, vamos a hablar de hacer una selección. Lo que buscamos cuando estamos haciendo una selección, es que estamos mirando, ¿tiene sentido la animación? Estamos mirando, ¿esto es algo que es emocionante? Y ahora podemos llevar por el resto del proyecto. Entonces también queremos mirar la composición. Tendrás que mirar algunos de esos elementos que discutí antes. He seleccionado el cohete. Ahora voy a empezar a bosquejar un par de marcos diferentes en los que voy a subir un poco el cohete. Para que cuando los combine juntos, cree una animación. De verdad me encantaría ver tus bocetos. Si puedes seguir adelante y publicar aquellos en los proyectos de clase, eso sería genial. Nos encantaría verlos. Entonces lo mismo con cualquier otra cosa que creemos en este video específico. Yo sí quiero mantener estos bocetos como referencia para cuando entro a Adobe e Illustrator y empiezo a construir cosas fuera. Puede que no siga exactamente esto a una t, pero va a ser un buen recordatorio para mí lo que quiero crear y lo que necesito crear. Estoy muy emocionado de seguir trabajando contigo. No puedo esperar a verte en algunos de los próximos videos. 3. Configuración de las tabletas de trabajo: Ahora que tenemos una idea de lo que queremos diseñar lo que queremos crear, vamos a configurar los tableros de arte en los que vamos a colocar nuestras ilustraciones de Adobe Illustrator. Estas ilustraciones son lo que vamos a combinar juntos para crear nuestra animación final. Entonces, para empezar, queremos entrar en Adobe Illustrator, así que vas a ir a Archivo y luego Nuevo, y luego esta caja debería salir después de que golpees Nuevo. Puedes seguir adelante y nombrar tus proyectos. Voy a nombrar a la mía Spaceman, y luego tengo que ir a Pixeles y luego configurarlo hasta 1080 Por 1080, esto prepara mi obra de arte para Instagram. Después de esto, quiero echar un vistazo al número de tableros de arte, así que voy a tener cuatro imágenes diferentes para mi secuencia, y luego voy a ir a RGB Color. CMYK sería para impresión, pero esto es digital, por lo que es RGB, y luego para pantalla quiero que sea 72 dpi, por lo que 72 dpi color RGB. Una vez que hayas terminado de configurar esto vas a seguir adelante e ir a Crear, y luego deberías tener tus tableros de arte listos para empezar. 4. Crear el fondo: Para esta sección de este proyecto, vamos a ver los elementos compositivos, específicamente los antecedentes. Crearemos esto por separado. Yo me voy a centrar en crear el suelo y la bandera. Entonces por el bien del tiempo, voy a crear por separado las estrellas y algunos detalles adicionales en la bandera. Entonces en los próximos videos que vendrán realmente echaremos un vistazo a la creación de nuestro primer plano. En mi caso, será el astronauta. Después mirar a crear la característica animada, construir eso hacia fuera, y luego pasar a crear una secuencia. Yo quiero que saques tus bocetos. Esta es una oportunidad para volver atrás y mirar lo que creamos en la fase de planeación de bocetos de ideación, y usar eso como referencia. Una vez que tengas sacados esos bocetos, sigamos adelante y volvamos a Adobe Illustrator, a nuestros tableros de arte. Yo quiero asegurarme de que todos estamos en clásicos esenciales. Hará que sea mucho más fácil si estamos en la misma configuración. Tenemos nuestros cuatro tableros de arte. Lo que voy a hacer ahora es; quiero hacer guías para que pueda centrar todo. Si vas a tu herramienta de rectángulo o M y simplemente arrastras encima, entonces puedes pulsar Comando R para que tu regla muestre y arrastre las reglas hacia el centro. Eso creará dos guías diferentes que ayudan a crear una intersección para mostrarnos dónde colocar todo. Haremos lo mismo para el próximo tablero de arte. Basta con hacer clic y arrastrar usando la herramienta de selección. Mueve ese rectángulo o cuadrado alrededor. A continuación, voy a elegir algo de mis antecedentes. Ahora, tengo mi configuración de guía. Ya que voy a estar en el espacio exterior en la luna o en algún planeta, quiero un color gris oscuro. Ahora que estoy satisfecho, voy a ir a la herramienta Ellipse, que va a ser L. Simplemente puedes golpear L y tu herramienta de Ellipse se te acercará. Voy a dar clic y arrastrar esta O a un buen tamaño. No tiene por qué ser tan grande como el tablero de arte. Entonces lo voy a poner en la guía para que Se alinea en el medio. Entonces si miras dibujar por dentro, si haces clic en él, estará debajo de las muestras de color. Verán estos corchetes que comienzan a formarse alrededor de mi círculo. Eso significa que lo que sea que dibuje se va a limitar a los confines de esa forma. Voy a dibujar este fondo con la herramienta de pluma, este pequeño paisaje, dentro de mi círculo oscuro. Ya verás que se pega sólo al círculo. Ya verás que he dibujado fuera del círculo pero debería quedarse dentro de él. Ya ves ahora yo accidentalmente hice clic fuera de ella. Te mostraré en un segundo cómo volver a hacer clic. Voy a escoger mi próximo color. Yo sólo quiero hacer una bandera. Voy a hacer un color top por ahora. Siempre puedes volver atrás y cambiar las cosas y yo te guiaré por cómo hacerlo. Simplemente voy a girar esto en mi herramienta de rectángulo y dibujar la parte restante de mi bandera. Pero ya ves, como ya no estoy en el lado de dibujo, sobresale. También puedes dibujar piezas que no se dibujan por dentro, pero hay que meterlas de nuevo. Si quiero volver a dibujar por dentro, utilizo mi Herramienta de Selección Directa. Da click en lo que quiero dibujarlo dentro de, y luego da click en dibujar dentro y eso te volverá a meter. Voy a avanzar rápidamente a través de esto muy rápido. Se puede ver ahora mi bandera está confinada, sólo a mi círculo, lo cual es realmente importante para mí. Entonces si utilizo la herramienta Selección Directa, puedo hacer click en las piezas que hay dentro y cambiar sus colores, lo cual también es una gran cosa. Si solo uso V o mi herramienta de selección, realmente no puedo hacer clic y cambiar los colores. Tiene que ser con mi Herramienta de Selección Directa. Ahora, estamos listos para trabajar en nuestro astronauta. 5. Construir el trato de tu trato: De verdad me encantaría ver los fondos que creaste, así que por favor adelante y compártalos. Puedes exportarlos en Adobe Illustrator y luego subirlos desde ahí a nuestros proyectos de clase. Ahora vamos a seguir adelante y empezar a construir la siguiente sección de nuestra ilustración. Para mí, es mi astronauta, que está en mi primer plano. Voy a seguir adelante y usar algunas de las mismas técnicas que utilicé en el último video, pero también quiero repasar añadiendo gradientes. Hablaremos de eso un poco también. Por ahora voy a seguir adelante y esconder mis estrellas, mi fondo estrellado porque realmente quiero enfocarme en mi astronauta. No quiero que me distraiga. También decidí agregar algunos detalles más a mi bandera, así que decidí hacer eso después de este video. Esas dos cosas que no verás creadas en este video, pero las verás añadidas. Ahora que tenemos nuestra configuración de antecedentes, vamos a seguir adelante y crear nuestra persona espacial. Simplemente voy a sacar la herramienta de círculo y crear la cabeza del traje. También voy a crear el cuerpo. Voy a tratar de alinear esto, y voy a cambiar el color en tan solo un segundo. Vamos a jugar un poco con gradientes. Ahora voy a seguir adelante y hacer el cuerpo. Yo quiero asegurarme de que estos se alineen juntos. Puedo hacer clic, y arrastrar, y tirar de esto hacia abajo. Quiero que recuerden, me vendría bien unas herramientas de selección directa, así que podría usarla para expandirse o también podría entrar. Después de alinear esto, puedo seguir adelante y entrar y dar click en algunos puntos específicos dentro este círculo y jalarlos en el cuerpo del traje. Eso es lo que voy a hacer muy rápido. Ahora que hice eso, voy a seleccionar la parte de cabeza. Entonces voy a seguir adelante y pasar a los gradientes. Voy a dar click en los gradientes para llenar esa forma. Si hago clic en el punto blanco y uso el cuentagotas, puedo aplicar azul lo cual es realmente genial. Esa es una forma de escoger diferentes colores para el gradiente. Entonces también puedo hacer clic en el negro. Puedo hacer doble clic en él, y luego abre este panel. Puedo entrar y seleccionar un preset de diferentes colores, pero también podría entrar en esta paleta. El resto de este video es solo una continuación de usar las mismas técnicas, agregando en el gradiente, agregando en diferentes formas. Simplemente vamos a avanzar rápidamente a través de esto muy rápido. Voy a conseguir un punto de parada para mi traje, creo que se ve bastante bien. Voy a traer mis estrellas refuerzos, así que les voy a mostrar. He agregado esos detalles a la bandera que quería agregar. Creo que esta sería otra buena parte para compartir también este traje espacial. Lo que sea que hayas creado para este video compartiéndolo. Creo que es realmente genial mirar el proceso y poder ver cómo todo se está construyendo lentamente. Comparte eso con tus compañeros de clase, y pasemos al siguiente paso. 6. Crear la característica animada: En este video, vamos a terminar nuestra primera ilustración de la serie. Quiero que pienses en tus bocetos así como en las demás técnicas que discutimos en los videos anteriores. lo que realmente quiero que te enfoques en este video, solo vamos a acelerar la mayor parte de él es echar un vistazo a la elección. Tienes la opción de dibujar, usar una característica lateral dibujada o no. Voy a crear mi nave cohete dentro de mi forma más grande, pero no lo estoy confinando específicamente a mi casco. El motivo por el que voy a hacer esto es porque en el siguiente video voy a hablar de qué hacer si quieres recortar parte de tu imagen siendo usada lado dibujado. En el siguiente video, te mostraré cómo voy a cortar parte de mis cohetes para que no se superponga con mi casco ya que no usé lado dibujado cuando lo creé. En la segunda parte del video se busca cómo usar lado dibujado en una forma más pequeña que está dentro de la forma más grande, así que voy a usar dibujado por dentro, voy a hacer lo mismo que hice con mi círculo más grande, voy para usar mi herramienta de selección directa y seleccionar el círculo más pequeño, eso es parte de mi casco, y luego dibujar mis nubes de humo dentro de él. Te lo mostraré muy rápido. Ahora tenemos nuestra primera parte completada, nuestra primera imagen completada, sigamos adelante y pasemos a crear nuestra secuencia. 7. Configuración de la secuencia: Estoy muy emocionado de que ahora tengamos nuestra primera ilustración de esta serie. Si pudieras compartir por favor me encantaría verlo. Esta parte es realmente emocionante porque a partir de aquí se vuelve un poco más fácil para lo que tenemos que hacer a continuación. Sólo tenemos que movernos alrededor de un par de piezas diferentes. Moveremos nuestra parte animada en la dirección en la que queremos que vaya. Entonces en este video específico, ahora vamos a pegar esta primera ilustración en las otras tres mesas de trabajo. Entonces a partir de ahí, una vez que tengamos eso, vamos a pasar a ajustar las características animadas. Entonces para mí, es el cohete. Yo me voy a mover eso ligeramente hacia arriba en cada uno. Una vez que tenga eso armado, estaré listo para exportar a Adobe After Effects. Así que sigamos adelante y sumémonos en mover y aplicar cada ilustración en su tablero de arte adecuado y ajustemos la característica animada. Para esto, así como el último video, quiero que echen un vistazo atrás a sus bocetos originales que hicimos al principio. A continuación, voy a seleccionar todo yendo comando “A”. Entonces voy a entrar a “Mesa de trabajo 2", hit command “C"Para copiar y Comando “V” para pegar. Esto debería pegar la imagen exactamente en el mismo lugar en “Mesa de trabajo 2". Vas a seguir adelante y hacer lo mismo en 3 y 4 también. Harás click en 3, y luego vas a golpear el comando “V”. Entonces vamos a ir a 4, y luego vamos a volver a golpear el comando “V”. Esto debería alinear nuestras imágenes en las mismas partes exactas de cada tablero de arte, lo cual es realmente bonito. Si no tienes todo alineado exactamente en el mismo lugar, verás que tu animación parecerá que se están moviendo diferentes partes que no pretendías tener movimiento. Ahora lo que voy a hacer es que me voy a centrar en ajustar el cohete en las nubes, las nubes de humo. Esto realmente ayudará con la animación. Entonces sólo voy a acercarme aquí. Quiero asegurarme de que selecciono las diferentes piezas. Por lo que voy a ir con mi herramienta de selección directa y mantener presionado Shift mientras estoy dando clic en las diferentes piezas para que pueda seleccionarlas todas juntas. Cuando esté listo, voy a pegarle a “V”. Entonces puedo mover todo hacia abajo. Yo sólo voy a ajustar mis pequeñas nubes también. Entonces ahora que tengo eso ajustado, voy a ir a la siguiente mesa de trabajo que quiero ajustar. Yo quería echar un vistazo a este tercero, específicamente porque tengo la parte superior del cohete siendo cortado. Entonces solo voy a subir esto muy rápido. Queremos que la punta vaya por encima de la parte de pantalla del casco. Voy a agarrar mi herramienta de bolígrafo. Se puede golpear a “P”. Puedes hacer clic y arrastrar sobre la parte superior de una imagen si necesitas cortarla. Simplemente vas a crear otra forma que cubra líneas con la parte de la pantalla. El motivo por el que quería mostrarte esto es por si olvidaste hacer empate por dentro. No dibujé adentro para mi cohete nave, así que no está dentro de este círculo más pequeño en el casco. Entonces vas a usar “Shift M”. Vas a usar una herramienta. Esta herramienta se llama la “Herramienta de creación de formas”. Eso al presionar opción, puedes quitar lo que sea que esté cubriendo el objeto superior. Por lo que eso cortará la parte superior del cohete. Para que puedas golpear “Shift M” o simplemente puedes ir a la herramienta en sí. Entonces si mueves el cursor en la parte superior y golpeas opción sobre la parte que quieres quitar, puede quitar la pequeña pieza que es donde dibujo de la herramienta de lápiz se solapa con la forma de la que estás tratando de editar y quitar piezas. Entonces solo voy a seguir adelante y saltarme ajustando algunas de las otras imágenes de la secuencia. Seguí adelante y acabo de mover mi cohete en algunas de las pequeñas nubes. Adelante y ajusta tus imágenes también, y te veré en el siguiente tutorial. 8. Exportar las tablas de trabajo: Entonces antes de entrar en After Effects, solo quiero asegurarme de que mi obra se vea bien. Esta última, algunas de las piezas parecen un poco demasiado anchas o demasiado grandes. Entonces solo voy a seguir adelante y ajustarlos realmente rápidamente para asegurarme de que estoy feliz y cómodo con esta escena final. Entonces solo voy a avanzar rápido muy rápido a través de esto. Ahora, puedo ir a File Export As y voy a asegurarme de que use los tableros de arte. Yo quiero dejarlo bajo JPEG, para que tenga un fondo blanco de manera consistente. Seguirás adelante y golpearás la exportación cuando estés listo. RGB va a ser para pantalla, así que vamos a mantenerlo bajo nuestro RGB. Yo sí quiero que este sea un archivo de res bastante alto, así que déjalo en lo alto. Entonces, lo pondré en 150ppi y le pegaré a “Ok”. 9. Construir y terminar la animación: Para esta siguiente parte, Adobe After Effects, creo que al principio es un poco intimidante, pero quería que exportaras a JPEG porque solo lo estamos manteniendo realmente simple. Esto es realmente sólo una introducción a la animación. El foco principal fue el aspecto ilustrativo de la misma. Ahora vamos a pensar realmente en el momento de nuestra animación. Vamos a pensar en cómo subir e integrar nuestros JPEG en Adobe After Effects. De verdad vamos a ver ¿tiene sentido esto? Aquí es realmente donde todo se une. Esos bocetos con los que empezamos, las ilustraciones que hicimos un Adobe Illustrator. Aquí es donde empezamos también ver, ¿tiene sentido nuestra animación? Una vez que tengamos todo animado, una vez ajustemos nuestras imágenes en Adobe After Effects saltaremos al codificador de medios, pero sigamos adelante y simplemente sumergirnos realmente en la sección de esta lección. Ahora estamos listos para entrar en After Effects. Simplemente sigue adelante y abre After Effects. Ir a “Nuevo proyecto”, “Nueva composición”. ¿ Puedes nombrar el componente lo que quieras? Todavía voy a hacer el 1080 por 1080 para Instagram, aunque todo va a ser redimensionado, lo verás en un segundo, y la duración alrededor de cuatro segundos es con lo que voy a estar contento. Golpea “Okay”, cuando estés listo y ve a “File Import” después eso y sigue adelante y haz click en las imágenes que quieras importar. Voy a mantener presionada Mayús mientras hago clic, ve a “Abrir”. Dado que todos ellos ya están resaltados, voy a hacer clic y arrastrarlos hacia abajo a comp one. Se puede ver que no es apropiado, el tablero de arte es demasiado grande y esto es algo que After Effects simplemente siempre hace aunque sea del mismo tamaño. Voy a dar click en la flecha abajo ya que todo está seleccionado y pasar bajo transformado a escala, voy a poner en 50 por ciento. Esto cambiará el tamaño de todas las imágenes de mis cohete nave espacial ya que todas están resaltadas. Ahora voy a dar clic en el primero forma individual y voy a tirar de este cursor al marco de tiempo. Aquí es cuando estás decidiendo cuánto tiempo va a ser cada segmento, cuánto tiempo está presente cada imagen. Una vez que estés feliz, vas a usar el corchete derecho para cortar el segmento, cortar la imagen, entonces si quieres, por ejemplo, para este segundo, quiero que empiece en el cursor, así que estoy va a golpear el corchete izquierdo mientras está resaltado y lo recortará. Entonces puedo mover el cursor de nuevo para donde quiero que termine este segmento, y golpearé el corchete derecho. El corchete debe estar junto a la letra P en tu teclado. Voy a seguir haciendo esto y sólo bajando. Voy a dar click en esta tercera, pegaré el corchete izquierdo por donde quiero que empiece, y luego arrastraré el cursor hasta donde quiero que termine, luego voy a dar clic en esta final y hacer lo mismo. Voy a golpear el corchete izquierdo por donde quiero que empiece este segmento, y luego corchete derecho por donde quiero que termine después de arrastrar mi cursor. Ahora quiero duplicar esto. Yo quería bucearlo. Voy a seleccionar todas estas imágenes 1, 2, 3, 4. Voy a seguir adelante y después de agarrarlos, voy a golpear el comando C o el control C, luego comando V para pegar. Voy a dar clic y arrastrar ahora que estos están seleccionados, todavía hay resaltado y voy a arrastrar la nueva secuencia hasta donde está el marcador para que mi animación bucles. Sigamos adelante y jugémoslo para ver cómo termina luciendo. Estoy bastante contenta con ello. Ahora que estoy satisfecho con ello, creo que se ve bastante bien. Vayamos a Archivo y luego lo vamos a exportar. Queremos asegurarnos de que podemos convertirlo de archivo After Effects en una mini película. De hecho, vamos a guardarlo muy rápido. Voy a renombrarlo. Vamos a cambiarle el nombre a otra cosa. Pondré animación de nave cohete y ahora voy a seguir adelante y exportarlo ahora que está guardado. Vamos a “Exportación de archivos”, añadir a Adobe Media Encoder. Eso debería aparecer. A veces se necesita un poco para que el codificador de medios se abra. Un pop-up en tan solo un segundo aquí. Ahora que ya está arriba. Si giras la parte superior derecha, verás comp one. Yo sí lo tengo guardado. Yo sólo voy a dar clic en él y luego voy a golpear la bandera verde y se podría ver que va a empezar a codificarlo. Parece que dice hecho. Voy a seguir adelante y basta con dar click en ese enlace y abrirlo. Basta con tocarlo para ver cómo se ve. Genial, está bastante bien. Impresionante. Gracias por unirme a mí en esta clase. Me divertí mucho con ustedes chicos. Espero que también te divirtieras mucho y realmente estoy deseando ver tus proyectos. 10. Hasta la próxima hora: Enhorabuena. Terminamos juntos nuestro proyecto. Espero que te hayas divertido usando tus bocetos, viniendo con tu idea, entrando y creando tus ilustraciones en Adobe Illustrator, y moviéndolos a Adobe After Effects para crear tu animación. Espero que podamos volver a trabajar juntos en el futuro. Por favor avísame qué piensas de esta clase y hasta la próxima vez.