Fundamentos en Adobe After Effects: del boceto a la animación con la herramienta Pluma

1. Introducción: ¿ Alguna vez has querido dar vida a tus bocetos? Es sorprendentemente fácil pasar del boceto a ilustración animada en After Effects usando una sencilla herramienta. Hola, soy Taylor, soy ilustrador freelance y diseñador de movimiento. He tenido la oportunidad de trabajar en muchos proyectos geniales en los últimos dos años y estoy muy emocionado de ayudarte a aprender a animar. En esta clase, voy a estar mostrándote cómo llevar tus bocetos a After Effects y rastrearlos con una herramienta multipropósito llamada herramienta de lápiz. El lápiz herramienta permite trazar nuestros bocetos y convertirlos en ilustraciones listas para animar. Para tu proyecto de clase, estaremos llegando con un objeto e imaginando lo que podría haber dentro de él. Me considero un poco entrometido, ojalá más de la curiosa persona del lado. Siempre me pregunto ¿qué es esa vieja prueba en casa de mi abuela? ¿ Qué hay en esa maleta de colores brillantes en el aeropuerto? ¿Qué empacaron? ¿ A dónde van? ¿ Por qué es tan brillante? Todas estas cosas raras pasan por mi cabeza básicamente. Pero las gafas de rayos X no existen probablemente para mejor. Vamos a animar cómo se vería si existieran usando la herramienta de pluma y máscaras. Las máscaras a menudo se usan para crear transiciones impresionantes, cortar clips de video o hacer revelaciones de texto. Pero realmente el cielo es el límite con esta herramienta personal. El lápiz herramienta y las máscaras son esencialmente mejores amigos. Si bien la herramienta de lápiz se utiliza para delinear y crear formas, las máscaras se utilizan para cubrir áreas seleccionadas de esas formas. Juntos, puedes usar una herramienta de lápiz y una máscara para crear transiciones dinámicas para cualquiera de tus animaciones. Para los proyectos de hoy, vamos a estar utilizando únicamente After Effects como nuestro software utilizando la herramienta de lápiz dentro de After Effects. Solo necesitas tener un programa. Aparte de eso, todo lo que necesitas es un cuaderno de bocetos o un trozo de papel, un lápiz, y un poco de curiosidad. Empezaremos dibujando algunos diseños para nuestro proyecto y escaneándolos digitalmente en. Después nos adentraremos en After Effects para trazar nuestro boceto usando la herramienta de lápiz. Para agregar algo de diversión y dimensión a nuestra ilustración, estaremos agregando algunos efectos animados y texturas. He proporcionado algunas texturas animadas en la sección de proyectos y recursos para que las utilices. Una vez hecho eso, revelaremos lo que hay dentro de nuestro objeto usando una máscara personalizada. Esta clase es genial para principiantes que apenas están empezando a aprender a animar, así como cualquier ilustrador que haya estado muriendo el para convertir las ilustraciones en animaciones. ¿ A qué estamos esperando? Adelante y empecemos a animar. 2. Descripción del proyecto: Para este proyecto de clase, estaremos creando un nuevo boceto. Pero una vez que termine esta clase, tendrás los conocimientos para poder trazar cualquiera de tus bocetos que se te ocurra o que ya hayas creado. Para tu boceto, no tengas miedo de pensar también fuera de la caja, cualquier cosa puede ser tu contenedor. En mi único ejemplo, usé un fantasma. Ese no es un contenedor típico, pero sí contiene algo, en este caso, un extraterrestre. De verdad, cualquier cosa que se te ocurra es juego justo. Adelante, ve por ello. El objetivo principal es que tengamos un objeto que se va a revelar a través de una máscara. Si bien estás dibujando para tu proyecto de clase, por favor no tengas miedo de usar referencias. No se puede esperar que los artistas sepan cómo es todo en el mundo, así que por favor usa Pinterest, Google , Bing, si eres una persona de Bing, Yahoo, cualquier cosa para buscar imágenes que puedan ayudarte a inspirarte así como te ayudan a referenciar cómo se ven los objetos específicos. Una vez que hayas terminado con tu proyecto de clase, voy a estar buscando un archivo MP4 y AVI. Si no tienes idea de lo que acabo de decir, no te preocupes, te estaré mostrando todo sobre eso en el video de render rápido al final de esta clase. Si bien el objetivo principal de esta clase es tomar tus ilustraciones y convertirlas en una animación, verdad quiero que aproveches la oportunidad para ver todos los efectos que ofrece After Effects. Hay una razón por la que se llama After Effects. Hay tantos efectos geniales que puedes aplicar a tu ilustración que agregarán un pequeño oomph extra al look final que no podías hacer en un trozo de papel. También he incluido una lista de recursos. Se trata de un PDF completo que repasa todas las cosas que pasé en la clase, así como una diapositiva de bonificación que tiene algunos de los efectos que utilicé y qué hacen esos. Quieres un look más detrás de bambalinas, bajo el capó de cómo abordo la ilustración en la animación, he incluido dos de los proyectos de ejemplo que he hecho, y he recopilado todos los archivos para que solo lo puedas abrir en After Effects y ver cómo hice mis capas, cómo organicé mis archivos, y qué afecta utilicé. Adelante y solo empecemos a bosquejar nuestra ilustración. Absolutamente no puedo esperar a ver qué ideas se te ocurre para este prompt, así que vamos. 3. Hacer el boceto de tu diseño: Antes de que podamos abrir After Effects, necesitamos llegar a algunas ideas. Asegúrate de divertirte con esto y realmente llegar a lo que te venga a la mente. Pensé en algunas cosas que siempre he querido ver dentro de imaginar lo que habría en ese objeto. Digamos, hay una linda maleta, podría haber alguna playa cerca, y algún protector solar dentro, pero también podría haber un alienígena. ¿Quién sabe? Eso depende de ti. Puedes hacer esto tan serio o tan tonto como quieras. Si bien estoy dibujando, voy a estar dibujando bastante oscuro. Normalmente bosquejo bastante luz, pero quiero que todos ustedes puedan verlo. Además, cuando vayamos a escanear esto en, vamos a querer que las líneas estén oscuras, así que sin embargo lo escanees o tomes una fotografía de ella, aparecerá mejor. Lo primero que mencioné fue un cofre viejo. Si bien tengo una buena idea de cómo se ve un cofre, en realidad voy a batir mi práctico teléfono manny aquí y voy a buscar el viejo cofre del tesoro. A ver. Este es bueno. A mí me gusta ese ángulo. Voy a ir por aquí y voy a dibujar este pequeño cofre. Voy a engrosar mis líneas, y de nuevo, siendo realmente libre, nada es permanente, es sólo pedazo de papel. No te preocupes por ello. Ya no necesito eso. Aquí está mi pequeño pecho de aspecto tambaleante raro con mi candado en él, pondré algunos conejos porque podría hacer pequeños eclipses como pequeños círculos y después de efectos para esos. Entonces voy a dibujar una pequeña flecha. Podría esbozar algunas cosas que creo que estarán en esto. Ya que lo estamos revelando en after effects, voy a tratar de hacer un poco de contorno de mi pecho, para que pueda caber todo aquí dentro. Si alguna vez has hecho ejercicios de bosquejo, es como una cosa de ajuste en la caja. Siento que este cofre tendría un mapa del tesoro en él. Tienes que desplazarte. A lo mejor este pergamino se viene deshecho. Podríamos ver como los pequeños huevos. Voy a conseguirlo detallado primero, y luego cuando lo traigamos en el After Effects, puedo ver qué quiero conservar. Esta pequeña x y puntos podría ser un poco demasiado detallada para alinearse en After Effects, pero definitivamente podemos hacer este marrón y agregarle algo de textura y agacharlo para que se parezca más a un mapa sin tener que poner los pequeños detalles. Ahí está lo que podría haber en mi pecho, y luego hagamos la maleta de la que hablamos. Voy a buscar una maleta. De nuevo, sé cómo se ve una maleta pero me gusta una rara así que buscaré una maleta genial. Esos son lindos. A mí me gustan esas maletas burbujeantes, esas son geniales. Esta no es super cool pero esa mirada lo que tenía en mente. Dibuja mi cajita, pequeño círculo. Simplemente estamos simplificando todo. Ya ves que esto tiene esas pequeñas líneas pero yo sólo voy a hacer unos círculos en los míos y puedo hacer de esos un cierto color, y luego veremos el borde de esas maleta por aquí. Yo no voy a hacer la cremallera pero tú te llevas el pecho y luego haremos el asa grande. Hagamos estas burbujas porque estos son los símbolos que necesito poner en los After Effects, solo estas pequeñas líneas para agregar algo de textura. Podemos hacer esos de aspecto brillante con algún resplandor o algo así. Ahí está mi maleta. Nuevamente, siendo realmente rudo, vamos a delinear este súper limpio. Puedes ser bocetos, y luego una vez que hagamos algunos bocetos, vamos a hacer por aquí un dibujo de línea más seguro. Creo que, ya que realmente quiero ir a la playa hago esta, también porque definitivamente puedes hacer estas líneas ardientes en After Effects. Pero creo que quiero algo un poco más sencillo que pueda esconder más cosas en él. Creo que me voy a ir con este. Lo que voy a hacer es que lo voy a bosquejar por aquí, voy a hacer mi gran boceto. Ahora, hagamos algunas líneas seguras. Voy a hacer líneas audaces, confiadas. Nos sacó nuestra confianza de aquí para aquí, así que esto es más fácil de rastrear en After Effects porque todo está realmente limpio, y marcó donde queríamos. Entonces sólo necesitamos la parte de caja. Voy a bosquejar eso más fino. Porque en el mío, no creo que vaya a mostrar el contorno del objeto, pero se podría. Yo sólo quiero que sea como boom, como rayos X, se ve todo el camino a través de él. Ahora, voy a dibujar mi bikini itsy bitsy, pequeñito weeny, lunares amarillos. Ahora, lo que tengo que hacer es que lo escanee. Podría llevar esto a mi impresora que tiene un escáner encima y escanear eso, pero en realidad voy a usar esta aplicación muy divertida llamada Adobe Scan. Es gratis, todo lo que haces es descargarlo. Creo que inicias sesión en Adobe pero no quieres tener una cuenta de Adobe para hacer eso. Yo sólo voy a hacer documento aquí. Debería abrirse derecho a la cosa de la foto. Si vas a ver, es hacer es pequeño baile, y va a sacar los puntos. Puedo ajustar las esquinas. Yo quiero meter mi boceto aquí, pero no tiene por qué ser un cuadrado perfecto. Si le gusta un documento plano, se pone ray en las esquinas. Como se puede ver, se puede mover a donde va. Entonces solo presionaré “Continuar”, y luego presionaré este pequeño botón porque ya está hecho. Voy a renombrar ese Sketch. Lo guardó como escaneo, por lo que ahora es un PDF. Creo que puedes guardarlo como PNG también y luego cambiar cualquier color o como limpiar cualquier cosa, pero para nuestros propósitos, esto es todo lo que necesitamos. Guardar como PDF. Entonces boom, está ahí dentro. He usado esto para otras obras de arte y bocetos antes. Una vez que esté listo para salir, todo lo que haces es hacer clic en “Compartir” y puedes enviarte por correo electrónico un enlace. Entonces vamos a estar rastreándolo con la herramienta de lápiz en After Effects en la siguiente lección. Te veré ahí. 4. Configuración de After Effects: Antes de que podamos empezar a trazar con un lápiz, necesitamos configurar un sistema de carpetas para mantenernos organizados y también configurar nuestra composición y After Effects. Te voy a estar mostrando cómo hacer eso ahora. Tenemos que conseguir nuestro boceto. Si utilizas Adobe Scan, si te lo envías por correo electrónico, en realidad obtendrás este pequeño enlace. Al hacer clic en él, abrirá el PDF del boceto en el que escaneaste y todo lo que tienes que hacer es hacer clic en “Descargar archivo”. Después de eso, recomiendo encarecidamente seguir adelante y crear una carpeta para su proyecto. A mí me gusta tomar muchas clases en una One así que estoy constantemente rebotando por ahí aprendiendo. A menudo nombro a mis clases el nombre del profesor y luego cualquiera que sea el nombre relevante de la clase. Puedes nombrar el tuyo lo que funcione mejor para tu flujo de trabajo y cómo puedes encontrarlo en la computadora. Seguí adelante y nombre mío ObjectReveal_Project y ya verás que he creado algunas subcarpetas. Siempre creo una carpeta After Effects, y eso es solo porque quiero asegurarme de que After Effects se guarde en un lugar que sé dónde encontrarla y luego sabe dónde hacer referencia y encontrar toda la materiales que necesita. Si mueves las cosas y está por todo escritorio y lo pones en una carpeta más tarde, After Effects en realidad dirá que faltan los medios y tienes que vincularlo y es solo una pesadilla. Lo mejor es simplemente seguir adelante y sacarlo del camino y crear un sistema de carpetas. También tengo Referencias. Por lo que uso esto para paletas de colores y también para cualquier foto. Podría pop en After Effects para usarlo como referencia. Entonces tengo mi carpeta de bocetos. Ahí es donde pongo mi PDF que acabo de descargar de Adobe Scan. Ahora es el momento de abrir After Effects. Estoy usando After Effects 2020, pero cualquier cosa como 2017 y superior debería estar bien. Todo debe estar en aproximadamente el mismo lugar. Antes de empezar, vamos a seguir adelante y hacer clic en “Nuevos Proyectos”. Este es nuestro proyecto de pantalla de inicio, y luego vamos a crear una nueva composición. Voy a seguir adelante y nombrar el mío. Yo lo llamé ObjectReveal_animation y voy a establecer mi ancho y alturas a 1920 por 1080, modo que ese tamaño estándar HD. En cualquier momento que te guste ver televisión, esa es una relación de aspecto de 16 por 9. A menos que tengas un televisor 4K, lo general va a ser alrededor de 1920 por resolución 1080. Entonces voy a establecer mi velocidad de fotogramas en 24 fotogramas por segundo. El motivo por el que hago esto es porque la mayoría de las animaciones dibujadas a mano se establecen en 24 fotogramas en lugar de las típicas como 29 o 30. A mí me gusta la mirada un poco más entrecortada, así que por eso me estoy preparando para la mía. Voy a asegurarme de que mi duración esté fijada en 15 segundos. Normalmente con este tipo de animaciones, normalmente solo duran unos cinco a 10 segundos porque son pequeñas cosas rápidas que se pueden convertir en GIF o simplemente cosas para pop en redes sociales. Pero me gusta darme un poco de tiempo extra por si me vuelvo loco con ello. Entonces voy a mantener mi color de fondo como negro, sólo porque podría hacerlo este color gris oscuro, que he visto a algunas personas hacer, pero entonces no puedes ver dónde está la base de tu composición. Creo que el blanco es un poco demasiado duro para los ojos. Yo sólo voy a dejar ese negro completo. Ahora estamos configurados y tenemos nuestra composición lista. Pero es realmente importante en este punto golpear “Control” o “Comando S”. Lo que eso va a hacer es que va a salvar nuestro proyecto. Queremos asegurarnos de que estamos haciendo eso a lo largo del proyecto. Esa es una buena habilidad para tener como artista digital de todos modos. Control o comando S es como tu vida aparte de Control o Comando Z. Te podrías estar preguntando, bueno, pensé que acabamos de crear una composición. Entonces ese debe ser el nombre o eso debe decirse. Pero After Effects puede contener múltiples composiciones, pero toda la unidad es el proyecto. Voy a nombrar este ObjectAnimation_project y si notarás que ya se va a guardar en mi carpeta, en mi carpeta After Effects. Voy a golpear “Guardar” y ahora verás que dice ObjectImation_Project y luego tenemos una composición que llamó ObjectReveal_Animation. Voy a seguir adelante y sentarme esto a mi pantalla haciendo este pequeño desplegable y solo conseguir tamaño completo. Trabajo mucho en VR, así que tengo este VR Comp Editor, pero probablemente no tengas eso. Déjenme cerrar eso. acaso este es el espacio de trabajo predeterminado, lo que si abres tu After Effects, todo lo que tienes que hacer es hacer clic en el espacio de trabajo de la ventana y solo asegúrate de que esté configurado por defecto. Ahora necesitamos traer nuestro boceto, así que voy a abrir nuestra pequeña carpeta, entrar a nuestra carpeta de bocetos y luego caer en nuestro PDF. No pasó nada por aquí porque nuestro PDF se acaba de poner en la papelera. En realidad no se puso en nuestra composición. Para poner en nuestra composición, todo lo que tienes que hacer es arrastrarlo hacia abajo y dejarlo caer. Lo más probable es que el tuyo se vaya a rotar en el camino que no quieres que se rote. Si bien tu objeto y tu PDF está seleccionado, solo vas a golpear “R” y eso va a abrir las propiedades de rotación. Simplemente voy a dar click a este pequeño doble cero después del plus y teclear en 90 y eso lo va a girar como yo quiera. También puedes sostener y arrastrar esto si el tuyo está en un lugar como realmente raro y necesitas ver, ni siquiera sé qué grado es ese. Definitivamente puedes hacer eso. Voy a mantener la mía a los 90. Entonces voy a volver a presionar “S” mientras todavía estoy seleccionado en esto y esto va a abrir mi báscula. Voy a escalar esto hasta cerca de 300. Soy realmente raro, me gusta que los números sean muy específicos a veces. No hace falta si como 286 es la escala perfecta y eso es bueno para ir. Pongo eso en 300. Con mi herramienta de selección seleccionada, voy a arrastrar esto hacia abajo. Yo estoy contento con eso. Si haces clic en esta flecha pequeña, como flecha desplegable, cerrará todo eso. Ahora que tenemos nuestro boceto traído, nuestra configuración de composición, y nuestro proyecto guardado, vamos a repasar cómo elegir una paleta de colores antes de empezar a trazar con la herramienta Pluma. Entonces te veré en la siguiente lección. 5. Selección paleta de colores: Crear una paleta de colores puede parecer desalentador porque lleva años de práctica aprender teoría del color y entender qué colores van con qué y luego hasta lo que te gusta. Voy a seguir adelante y mostrarles un sitio web que utilizo para ayudar a que el proceso sea un poco más fácil. Me gusta utilizar este sitio web llamado coolors.co. En realidad puedes conseguirlo como una extensión de Adobe por como $4 o como una app. Pero solo uso el sitio web. Sigue siendo nuevo, es súper fácil. Solo tienes que hacer clic en iniciar el generador. No voy a ir en profundidad en cómo usar esto, porque si nunca lo has abierto antes, en realidad te dirá un pequeño tutorial. Pero básicamente, solo presionas el espacio, se desplazará a través de colores y esquemas de color. Digamos que me gusta este azul, puedo bloquear ese color entonces me va a dar colores que van con ese color. Ya he creado un par de paletas y las he guardado en mi cuenta. Voy a pasar a mi cuenta y normalmente me gusta hacer tres paletas por proyecto en el que estoy trabajando. Entonces para el proyecto de playa, tengo todos estos tonos verdes y el azul muy parecido playero, pero más sereno. Entonces me gusta mucho este amarillo para un bikini. Pero no lo sé. Algo de esto sigue siendo un poco demasiado arbolado y no lo suficientemente playero para mí. En tanto que este combo de colores que se me ocurrió, me gusta mucho lo brillante que es esto. Creo que esto sería bueno y brillante para la maleta. Después tenemos el bikini y nuestro cangrejo pequeño, y luego probablemente nuestro paraguas y algo de arena y conchas marinas. Podemos poner las conchas marinas en este color azul también para que uno vaya a ser bueno. Todo lo que tengo que hacer es hacer clic en estos pequeños puntos y exportar paleta para luego guardarla como imagen y simplemente nombrarla colores de playa y luego exportar. Ahora se va a descargar y sólo voy a arrastrarlo, ponerlo en una carpeta. Entonces voy a volver a After Effects y luego dejarlo caer en nuestra papelera. Traeremos eso pulsando y arrastrando y poniendo eso en nuestra composición. Ahora que hemos escogido una hermosa paleta de colores para nuestra ilustración, vamos adelante y empezamos a trazar nuestro diseño usando la herramienta de lápiz, así que nos vemos allí. 6. Trazado con la herramienta Pluma: Por fin es hora de aprender a usar el lápiz y trazar ese diseño y convertirlo en una ilustración en After Effects. Entonces sigamos adelante y empecemos. Voy a seleccionar fuera de mi PDF haciendo click en el espacio vacío de la composición. Ahora vamos a usar la herramienta de lápiz, por lo que para usar la herramienta de lápiz, puedes subir a tu barra de herramientas y presionar la “Herramienta de pluma”, o puedes pulsar “G”. Entonces cambiaré a la herramienta de bolígrafo. Hay un par de cosas diferentes que la herramienta de lápiz puede hacer y para llegar a todas las herramientas que tiene, realidad sólo tienes que mantenerlo, dar clic abajo. Contamos con herramienta pluma, herramienta agregar vértice, herramienta eliminar vértice, herramienta convertir vértice, y herramienta de pluma de máscara. En su mayoría sólo vamos a estar usando la herramienta de lápiz y la herramienta de conversión de vértice. Pero si tienes G seleccionado y los golpeas dos veces, cambiará entre la herramienta de pluma y la herramienta de pluma de máscara. Si alguna vez estás trabajando por aquí y ves esto una pequeña pluma rara, eso no es lo que quieres estar encendido, quieres asegurarte de que es este pequeño icono de la herramienta de bolígrafo. Para empezar, sólo vamos a hacer vértices o vértice. Simplemente vamos a hacer click y boom, tenemos esta casita. Si notarás abajo en nuestra composición, dice “Shape Layer uno Cuando estás creando pentagrama con una herramienta de lápiz, en realidad estás creando capas de formas. La capa de forma está hecha de vértices y caminos. Entonces el camino, los vértices conforman el camino. Quería ir rápidamente por encima de la anatomía de una línea. Cuando estamos creando una línea o un camino, estamos creando puntos de vértice con la herramienta de lápiz para decirle a nuestro camino a dónde ir. Cuando estás creando un camino, vas a estar creando líneas rectas, y si quieres curvar esas líneas, entonces vas a usar lo que se llama un mango Bezier, y lo vas a hacer con el vértice de conversión herramienta. Entonces para mostrarles lo que quiero decir, aquí está nuestro primer vertice. Si voy por aquí y pongo otro punto. Ahora tenemos un camino con dos vértices. No crea una nueva capa de forma porque seguimos en la misma, no hemos cerrado la forma. Ahora no tienes que cerrar la forma como si hago clic fuera, entonces esa es la forma hecha. Podemos ponerle una línea o un trazo, pero vamos a continuar. Entonces si notarás que no ya no estamos cerca de esto, y para volver a ello, todo lo que tenemos que hacer es asegurarnos de que se haya seleccionado una herramienta de lápiz y haga clic en el último punto en el que estuvimos, y boom, estamos de nuevo y verás que en la parte inferior está seleccionado de nuevo. Todo lo que vamos a hacer es realmente esbozar con líneas rectas. Ya lo verás empezando a llenar este color azul, y eso no queremos. Queremos poder ver dónde estamos cayendo nuestras líneas. Entonces si lo ponemos por aquí, entonces va a empezar a bloquear cosas y simplemente no es útil. Vas a ir a este pequeño relleno. Ya verás que es azul y es el texto real y haces click en la caja, realidad te mostrará los colores y puedes cambiar el color, pero eso no es lo que queremos en este momento. Queremos golpear el “Fill” y golpear ninguno. Golpea “Ok” y de nuevo vamos a golpear nuestro último punto para volver a arrancar al creador de caminos. Haga clic y cierre la forma. Ahora tal vez te estés preguntando, bueno ese no es el esquema. Si hago zoom usando la rueda de desplazamiento y golpeo “H” para usar una herramienta de mano que no esté alineada. Eso no es lo que queremos. Para que podamos volver atrás y encajar esto. En realidad vamos a usar la herramienta convertir vértice ahora, y para llegar a eso, sí tienes que hacer clic y mantener presionada la herramienta de lápiz en tu barra de herramientas y dejarla ir, y ahora verás que tenemos esta cosa rara de triángulo abierto. Si los sostienes, haz clic en un vértice y tira, empezará a crear algunas curvas. Ahora si ves que la forma en que estoy tirando es realmente crear un bucle, no queremos eso porque no está delineando nuestra forma. A veces cuando estoy jalando voy a ser como, oh, pensé que tenía que jalar esa dirección pero me equivoqué, así que lo tiraré hacia atrás. Se puede ver que eso es terminar bastante bien entonces vamos a hacer eso por toda la forma. Si quiero que una línea sea un poco más larga. Entonces si ven aquí abajo, si la jalo todavía no del todo consiguiendo todo el camino donde lo quiero, pero me gusta esta curva. Entonces voy a soltarme y luego sólo tirar de este mango Bezier. Tira eso hacia abajo, y luego boom, está todo ahí dentro. Tú quieres tener cuidado sin embargo. Por lo que cuando se tira de ambos al mismo tiempo, se crea una curva más suave. tanto que si mueve este hacia arriba, ahora vamos a tener una curva afilada ahí. Entonces sólo ten en cuenta eso. Al igual que si quieres bordes afilados o si quieres bordes lisos, entonces ten en cuenta de qué manera van tus asas Bezier. Yo sólo voy a controlar o mandar semillas, recuperar eso. H para usar mi herramienta de mano, G para volver a la herramienta de pluma, luego tirando. Eso debe de ser bueno para ir y está esbozado. Entonces antes de continuar, voy a bajar aquí, eres capa de forma y seleccionarla, y luego presionar “Enter” para cambiarle el nombre. Entonces estoy nombrando Suitcase_Base y “Enter” de nuevo para comprometer ese renombrar. Ahora voy a trabajar en las otras partes. Si subo aquí y me aseguro de que mi herramienta de lápiz esté seleccionada y estoy usando la herramienta de lápiz, voy a empezar a delinear el mango. Si mantengo el turno en realidad obtendré una línea recta desde cada punto de vértice. Déjame seguir adelante y cambiar este relleno para ser más como un negro suave, creo. Golpea “Ok”. En lugar de iniciar una nueva capa de forma, voy a seguir adelante y asegurarme de que ambos estén en el mismo solo porque sé que no los voy a animar por separado y van a ser del mismo color. Entonces si hago clic, verás que no crea una nueva capa de forma porque ya estoy seleccionada en la actual. Shift, obtienes una línea recta, y boom nos dieron nuestras asas, pulsa “Enter” para renombrar esas, y ahora voy a seleccionar desactivadas. Vuelve a utilizar una herramienta de lápiz. No estoy contento con donde este punto de incurrir, esta vertice es, puedo usar la herramienta de selección para sostenerlo y arrastrarlo hacia fuera. Viene muy útil, así que no tienes que albordear demasiado con ninguna cosa en el lugar exacto correcto, y quiero que esto sea curvo. Entonces voy a volver a nuestra herramienta convertir vértice. Tire hacia arriba. Adelante y cambia ese relleno, quería ser del mismo color que nuestra maleta. Te das cuenta de que estas asas se superponen, así que voy a seleccionar ambas y ponerlas debajo de la base para que estén escondidas ahí debajo. Eso es realmente lo básico de la herramienta de bolígrafo. Voy a seguir adelante y delinear más de las formas, y luego volveré a mostrarte algunos toques finales con la herramienta de bolígrafo. Pero en realidad, una vez que te has metido en un flujo, es realmente rápido y fácil bajar. Si te darás cuenta, no estoy usando las herramientas de Ellipse para crear estos círculos, y eso es porque quiero que sean un poco desiguales y funky. Ve con mi dibujo. Si mantienes pulsado Shift mientras estás tirando, bloqueará los mangos del bisel completamente uniformemente. Ahora es momento de hacer un pequeño detalle en el frente de la maleta porque sé que hay un par de líneas más ahí dentro que necesito conseguir. Para ello, voy a usar esta pequeña herramienta de ojo. Haga clic en eso para subir la base de la maleta. Asegúrate de que no estoy seleccionado en ninguna capa. Después usa G para seleccionar nuestro lápiz, y voy a crear nuestra cremallera y nuestras líneas. Voy a seguir adelante y volver a apagar las ruedas también, para que no se interpongan en nuestro camino. Nuevamente, usando los mismos principios que acabamos de aprender. Ahora bien, si te das cuenta, cuando hice clic en el medio, realidad creó otros vértices. Si lo ves, volteó a la herramienta de lápiz un poco más signo, y eso significa que va a agregar otros vértices. No necesito uno ahí, así que voy a Control o Comando Z. Ahora tenemos nuestra cremallera. Yo quiero que nuestra cremallera y nuestras líneas en nuestra maleta sean como un blanco roto, así que las voy a hacer en la misma capa Shape, excepción de las líneas. En lugar de dibujar una forma tipo rectángulo grueso, en realidad solo voy a usar trazo. Para ello, voy a asegurarme de que mi herramienta de lápiz esté seleccionada, voy a hacer clic y luego en lugar de hacer una línea recta, voy a seguir adelante, y tirar cuando caiga mi línea. Lo que eso va a hacer es que va a seguir adelante y crear el mango de bisel para mí. Cuando voy aquí abajo, ya está empezando a conseguir una curva en ella, y terminamos con esa línea. Ahora que lo hemos delineado todo, vamos a dar click en nuestra Capa Shape. Pasa por nuestro desplegable y haz clic en “Forma 1" ya que la cremallera es la primera forma que dibujamos. Voy a golpear a Fill, vuelve a encender el relleno. Ahora, pongámoslo en un blanco roto. Lo que estoy haciendo es hacer clic en Forma 2 a 5 y simplemente manteniendo presionado Shift para seleccionarlos todos. Esta vez voy a darle “Stroke”. Color sólido. Está bien. Ya debería estar en nuestro blanco porque a eso se le puso la otra, que es para asegurarnos. Consigue tu herramienta cuentagotas, dale “Ok”. Como siempre, vamos a nombrar nuestra capa. Si apago el boceto, notarás que nuestra cremallera y líneas en realidad están sobresalientes. Eso lo hice a propósito cuando estaba rastreando porque en realidad vamos a seguir adelante y usar una máscara para asegurarnos de que encajen perfectamente en nuestra maleta. Si tengo cremallera y línea seleccionada, voy a hacer clic derecho en “Máscara”, “Máscara nueva”. Verás esta caja amarilla pop up, así que esta es nuestra máscara, y voy a ir más a fondo en esto cuando creemos nuestra máscara personalizada, pero este es un pequeño resumen básico rápido. Si verás mientras muevo la máscara hacia arriba, oculta el color de cualquier capa que esté enmascarando. Voy a mover eso hacia abajo, y una máscara es esencialmente los mismos pasos que usar la herramienta de lápiz. Voy a entrar con la herramienta de bolígrafo con mi máscara puesta, y voy a añadir algunos puntos, y voy a entrar en mi selección y mover esos puntos alrededor. No tenemos que delinear perfectamente la maleta, pero sólo queremos recortar donde termina la maleta. Nuevamente, estos son los mismos pasos exactos que usar la herramienta de lápiz o simplemente usarla en una masa ahora. Ve a la herramienta Convertir vértice, y está bien si esto es un poco descuidado. Me gustan las pequeñas discrepancias. Eso se adapta más a mi estilo, sobre todo donde trabajo mucho tradicionalmente. Nunca nada va a ser perfecto y siento que cuando trabajas digitalmente, a veces puedes pensarlo en exceso y tratar de ir a la perfección porque constantemente puedes empezar de nuevo, puedes conseguirlo pixel perfecto. Pero eso no es lo que estoy metido, así que no me preocupo demasiado por ello. Especialmente cuando estás aprendiendo, realmente no es gran cosa. Simplemente sé feliz de que estás haciendo algo y disfruta del proceso. Nuestra maleta ya está hecha. Estoy bastante contento con ello. Es realmente simple. Puedes notar que las líneas están realmente, realmente limpias, lo cual es bonito si quieres ir por un look vectorial, que es realmente crujiente. Pero quiero un poco más de diversión e imperfección, así que en la siguiente lección, voy a repasar cómo podemos agregar efectos y texturas para que pueda darle más vida y hacer que se vea un poco más orgánico y lento, en lugar de tan duro y limpio. Voy a seguir adelante y delinear mis objetos, y para ello, solo voy a abrir mi boceto y tener seleccionada la herramienta de selección. Simplemente vamos a mover mi boceto hacia arriba y escalarlo para que quepa en la maleta, todas mis cosas. Ahora que tengo el boceto donde lo quiero para que todos mis objetos estén encajando en la maleta, antes de empezar a rastrearlo, voy a seguir adelante y seleccionar el de abajo, mantenga pulsado “Shift”, y seleccione el de arriba. Entonces vamos a hacer clic derecho y golpear “Pre-componer”. Conseguiremos esta cajita que aparecerá y sólo vamos a nombrar a esa Maleta. Boom su todo junto, para que podamos apagarlo y encenderlo con solo la maleta. Un pre-comp solo hace otra composición, así que si vas a ver arriba en nuestra papelera, es solo la maleta. Todavía podemos acceder a todos estos y hacer cualquier ajuste si lo necesitábamos. Pero en nuestra composición principal, todo está empaquetado juntos para que podamos agregar efectos a todo el asunto y moverlo como nos parezca conveniente. Ahora tenemos una comprensión de cómo funcionan los conceptos básicos de la herramienta de lápiz y así como de cómo crear formas más grandes utilizándola. Ahora voy a repasar algunos consejos y trucos que te ayudarán a delinear esos pequeños detalles. Te veré en la siguiente lección. 7. Detalles con la herramienta Pluma: Ahora que ya sabes usar la Herramienta Pluma para crear formas más grandes, te voy a mostrar cómo voy a dibujar mis áreas detalladas más pequeñas de mi boceto. Para el top del bikini, hay un par de cosas diferentes pasando, así que lo que realmente voy a hacer es que voy a usar un trazo y voy a crear múltiples caminos en la misma capa. Para ello, solo vas a hacer clic fuera del camino una vez que lo hayas creado, pero asegurándote de que estás en la misma capa, y simplemente dibuja continuamente las líneas donde las quieras. Tan solo ten en cuenta dónde estás dibujando tus puntos finales. Bueno, esto va a ser un trazo bastante grueso. No me preocupa mucho que puedas ver que son múltiples caminos, pero eso es algo a tener en cuenta. Una vez que hayas terminado vas a establecer el trazo. No obstante, si tiene varios trazos en la misma capa, debe abrir la capa y seleccionar todos los trazados y luego establecer el trazo de esa manera. Como siempre no olvides nombrar tus capas para que puedas mantenerte al día con todo y mantenerlo todo organizado. Para el tejido real del bikini, realidad voy a estar creando formas realmente rugosas sobre la parte superior de nuestras correas de bikini, y luego lo voy a refinar a partir de ahí, de nuevo, manteniéndolo por encima de nuestra capa de correas. Entonces una vez que termine y estoy contento con las formas, dejaré caer por debajo de la capa de correa para que parezca que es parte del bikini. Si tienes un objeto que es el mismo, así que tengo la concha, pero tengo otra concha aquí arriba y estoy bien con que sean las mismas formas generales, así que solo voy a Comando C o Control más C, o Comando y Control más V y eso lo va a copiar. Entonces verás este poco, casi parece un crosshair, ese es el punto en grupo del objeto. Necesito rotar este objeto, pero a medida que lo gire, va a girar alrededor del punto de anclaje no en el medio. Para arreglarlo, voy a usar la herramienta Pan Behind la cual puedes obtener usando Y. Entonces arrastro eso hacia abajo hasta que esté más o menos en el centro. Puedes hacer clic en “Snapping” para encender eso y lo romperá en el centro para ti, lo que sea que estime el centro. Entonces ahora podemos rotarlo de la manera que lo queramos, y voy a escalar un poco este hacia abajo porque lo quiero del mismo tamaño. Para hacer los pequeños puntos para la arena, en lugar de crear un montón de elipses porque entonces esas serán todas capas de forma separadas, realidad solo voy a acercar y usar mi Herramienta Pen y hacer pequeñas líneas, y ellos creará pequeños puntos con el trazo encendido. Yo como que quiero que sean este tono amarillo. Simplemente voy a seguir haciendo eso y luego seleccionar V, solo tienes que hacer clic fuera de la forma. Te darás cuenta de que estoy asegurándome de seleccionar fuera del lado porque si selecciono por aquí, hay una buena posibilidad de que en realidad pueda golpear una de mis otras capas Shape y luego confundiré todo el asunto. Ahora tenemos algo de arena en marcha, cuadras. Parecen confeti, son lindos. Para hacer los lunares en el bikini, voy a hacer lo mismo que hice con la arena. Van a ser más como pequeñas líneas, pero me gusta la forma en que se ve esto con todos los bordes afilados, sobre todo porque en la siguiente lección, vamos a estar arrasando algunos de esos bordes. Creo que se verá bien al final. Por supuesto que esta puede ser nuestra divertida interpretación sobre el bikini itsy bitsy teeny-weeny amarillo lunares, puede ser el itsy bitsy teeny-weeny amarillo, punto cuadrado, bikini de punto rectángulo. Ahora ya terminamos con todos nuestros contornos, así que vamos a hacer un pre comp en todos nuestros objetos como lo hicimos para la maleta. Vamos a ir a Pre componer después de hacer clic derecho y hacer clic en “Objetos”. Ahora tenemos una maleta que se pondrá encima con nuestros objetos dentro. Ahora que tenemos nuestro diseño final trazado y secuelas con la Pen Tool, vamos a añadir algunas divertidas texturas y efectos animados para realmente darle vida, por lo que no es tan limpio corte. Te veré en la siguiente lección. 8. Añadir efectos texturas: Antes de trabajar en nuestra ternera de cliente, vamos a estar agregando algunos efectos animados y texturas. En los recursos del proyecto, he agregado un par de texturas que creé, pequeños bucles de video que puedes usar en tu animación y te estaré mostrando cómo usar esas. Ahora que tenemos nuestro diseño trazado, tenemos nuestro exterior, así que sea cual sea nuestro objeto, y luego lo que hay dentro de traza también, vamos a empezar a agregar algunos efectos y texturas. Pero antes de que empecemos, voy a crear un fondo. Para ello voy a dar click derecho en nuestro panel, selecciona Nuevo, luego Sólido. Quieres asegurarte de hacer clic en Hacer tamaño de comp. Este ya tiene 1920 por 1080. Voy a llamarlo Antecedentes. Voy a dejar ese blanco por ahora porque podemos cambiar el color después. Golpea bien, y lo llevará hasta la parte superior para que solo lo arrastres hacia abajo. Ahora tenemos antecedentes. Vamos a volver a hacer el mismo proceso. Vamos a hacer click derecho Nuevo, pero este vamos a seleccionar Capa de ajuste. Lo que eso va a hacer es permitirnos agregar algunos efectos a nuestros objetos sin colocarlos directamente sobre el objeto. Hit Enter, va a nombrar eso Efectos. Voy a pasar a nuestro panel de efectos y presets, y voy a teclear ruido. Hay bastantes tipos diferentes de ruido, pero lo que vamos a estar usando es sólo ruido plano. Si hacemos clic en eso, podemos arrastrarlo y soltarlo en nuestros efectos o puedes hacer doble clic cuando tengas seleccionada la capa, y la soltará sobre esa capa. Ahora mismo no tenemos ruido. Yo si ves si saco esto arriba, tenemos mucho ruido. No me gusta usar el ruido de color, así que siempre deshago clic en el ruido de color porque no quiero agregar ningún color a mis colores ya seleccionados, solo quería agregar algo de granulado. Obviamente 100 es un poco mucho, así que voy a poner el mío a unos 10. Voy a volver a pasar a efectos y presets y esta vez voy a teclear en turbulento. Ya verás que hay pantallas turbulentas y ruido turbulento. Lo que vamos a utilizar son pantallas turbulentas. Voy a hacer clic en eso y ya verás que va a deformarse lo que haya debajo de él. Si apago la maleta verás que los objetos debajo de ella también están deformados. Esto es demasiado, así que voy a bajar esto. Yo quiero que el tamaño de las pantallas sea alrededor de 10. Nos dieron un poco menos, todavía incómodo pero vamos a derribar esta cantidad. Probemos 10 en la cantidad también. El paraguas es un poco incómodo, así que podría bajar el tamaño a como un ocho. Eso se ve bien. Este efecto no se va a mover, pero lo que va a hacer es simplemente añadir estos pequeños bordes con baches para que se vea más áspera, de aspecto artesanal, que me gusta personalmente. Ahora vamos a aplicar algunos efectos directamente a nuestros objetos. Quería poner estos efectos en sus propias capas para poder apagarlos y encenderlos ya que quiero que afecten a toda la composición, pero hay ciertos efectos que solo quiero aplicar a la maleta y a los objetos. Voy a hacer clic en la maleta y vamos a empezar con esa, volver a nuestro panel. Esta vez voy a un lookup drop shadow. Voy a añadir una sombra de gota a esto, pero insertar negro. Creo que voy a usar una marina más oscura. Desde negro como tengo este color más oscuro pero no tengo negros verdaderos en mi escena. Me estoy alejando del negro realmente duro porque no quiero ese contraste intenso, hit Ok. Entonces voy a sacar la distancia a cerca de 10, a ver cómo se ve eso. Yo lo quiero un poco más suave, y luego 20. Bajemos la opacidad a unos 40. El motivo por el que hice esto es que quiero que mi objeto parezca que ha sido cortado. Con las pantallas turbulentas que le da esta sirena corte a mano y luego con la sombra de gota sobre ella, parece que está recortada y colocada en el trozo de papel o fondo blanco que tengo configurada. Para empujar eso aún más para que parezca aún más como que se ha cortado, voy a buscar relieve y voy a golpear Color Emboss y aplicar eso. Eso fue un poco intenso. Se ve apagando y encendiendo usando este pequeño botón FX. Es un poco mucho para mí, así que voy a bajarlo, conseguir un contraste de 50, ver cómo funciona eso. Genial, estoy contento con eso. Voy a traer para mezclar original puede ser alrededor de 10 por ciento, un poco más. Es bastante sutil pero notarás que está agregando un poco de relieve en este borde, así que a eso le estoy prestando atención mientras estoy mirando y luego todos estos bordes. Vamos a ver. Estoy contento con la cantidad de eso. Ahora lo genial es, me gusta la forma en que se ve esto y está todo cortado. Simplemente voy a hacer clic en ambos y luego mantener presionado Shift para recortar el otro, golpear Comando o Control C, y luego golpear nuestros objetos y luego Comando o Control V, y verás que los deja caer aquí apagando la maleta. Boom, tienen los mismos efectos. Cuando copias y colocas efectos, sí te recomiendo que realmente mires tus otras capas si solo estás pasando efectos, solo para asegurarte de que vaya bien con los otros objetos. El relieve podría ser un poco demasiado fuerte para éste, así que voy a tomar el relieve y bajar el contraste tal vez como 10 puntos. Sí, eso se ve un poco mejor. Ahora juguemos con el fondo. Ahora si notarás sin embargo, donde los efectos de las pantallas turbulentas están por encima de toda la capa, realidad está desplazando al sólido en el fondo. Para lidiar con eso todo lo que voy a hacer es solo sacar un poco el fondo, para que no te vean como bordes ásperos. Entonces voy a ir por aquí y teclear relleno, y sólo voy a soltar un relleno en el fondo. Esta es solo una manera fácil de cambiar tus sólidos. Creo que voy a usar uno de estos colores. Me gusta mucho esta naranja pero no quiero que se mezcla demasiado, así que vamos a ver. Sí, se está mezclando un poco demasiado de nuestros objetos, pero se ve con la maleta. Voy a volver a abrir nuestro color, y voy a escoger un tono diferente de naranja. Ahí estoy bastante contento con esa. Eso es como un amarillo anaranjado y no es directamente de nuestra paleta de colores que creé, pero está bastante cerca en que está en la misma familia y mantiene caliente toda la composición. Ahora ya casi terminamos pero hay algo que me encanta mucho hacer cuando estoy animando, es agregar algo de textura animada. Ya tengo estas texturas aquí dentro, y seguiré adelante y dejaré que jueguen por encima de la composición, así que a ver qué están haciendo. Todo esto es un archivo de Photoshop que dije para animar y luego acabo de poner diferentes texturas de spray hacia abajo. Vamos a seguir adelante y cambiar el modo a pantalla, y luego voy a golpear T una vez seleccionado en una textura y bajar la opacidad a probablemente 10. Entonces juega a través de eso. Yo lo estoy viendo pero es un poco demasiado sutil, así que súbelo. Tan sólo para mantener la línea de tiempo en bucle ya que esta será una animación corta, voy a tomar esta pequeña línea aquí mismo, esta es la parte inferior. Se va a editar tu área de trabajo y yo sólo voy a aguantar y deslizarla hasta el final de esto. Nuestra animación va a tener unos cuatro segundos de duración. Ponemos barra espaciadora para jugar. No estoy súper contento con el ruido, así que seguí adelante y lo apagué. Para llegar a ella si estás en tu panel de proyecto, si solo haces clic en el Efecto y luego si haces doble clic se va a abrir toda la capa. Si ves esto no te asustes. Todo lo que tienes que hacer es hacer clic en esta x, te llevará de vuelta a tu comp principal. Si hago clic aquí, verás controles de efectos aquí arriba, y luego podrás volver a ello. Acabo de presionar este botón de Efectos para apagar el ruido. Siempre puedo volver a agregarlo más tarde, así que no tiene sentido eliminarlo, aquí realmente no va a ocupar tanto tiempo de render. Adelante y apaga eso y frota. Bastante contento con eso. Entonces, me gusta la forma en que se ve en los objetos, pero lo único que no estoy súper amoroso en este momento es que la maleta solo está flotando. Voy a subirlos un poco, y luego en realidad voy a hacer una sombra. Voy a hacer clic y mantener pulsado para abrir mi herramienta de elipse y asegurarme de que no estés seleccionado en una capa porque si lo estás estarás creando una máscara, así que no hay nada destacado. Voy a estar haciendo una forma y jalo, y luego voy a golpear V para mi selección y tirar de eso hacia arriba, luego caer eso debajo de todos mis objetos. Entonces voy a golpear Enter para renombrar. Ahora tenemos una sombra, aunque no creo que una sombra blanca tenga sentido. Voy a volver a abrir mis colores de playa, hacer doble clic y luego dejo caer esta naranja. Esta vez en realidad voy a usar ese color naranja y volver a apagar mis colores. Luce bastante bien. Nuevamente, voy a ajustarlo un poco quiero que sea más oscuro, así que sobresale un poco mejor. Eso se ve súper bonito, pero con todo todo inactivo, es un poco demasiado perfecto para mí. eso también vamos a añadir un efecto. Vamos a ir y teclear en warp de onda, y luego dejo caer eso. Ahora si lo ves, eso es súper ondulado. Voy a jalarla. A ver, agrega uno, no creo que vaya a hacer mucho. Vamos a ponerlo como tres. Yo estoy contento con dos. Cuando establecemos eso, trabajamos en dos. Ahora tenemos un poco de sombra y nuestra textura animada. Eso es todo lo que vamos a hacer para agregar algunos efectos animados y texturas, pero voy a incluir una lección extra donde te muestro cómo creé las animaciones de textura reales además de ponerlas en el panel del proyecto, para que puedas tener acceso a ellos en caso de que solo quieras seguir adelante y agregarlos a tu archivo. Piensa en cómo te gustaría que tu objeto revelara lo que hay dentro para la siguiente lección. Te veré ahí. 9. Crear texturas animadas: Quería mostrarles muy rápidamente cómo hice esos efectos animados y texturas para que ustedes mismos los puedan crear. obstante, si no tienes ganas de crearlos y solo estás tratando de animarte, entonces siéntete libre de descargar las gratuitas que subí para todos vosotros en los recursos del proyecto. Adelante y abre Photoshop, y luego solo vas a golpear “Crear nuevo”, y vamos a estar haciendo un 1920 por 1080 porque ese es nuestro tamaño de comp. Acabas de configurarlo en píxeles, 1920 por 1080 horizontal, 300 dpi está bien, color RGB está bien porque estamos usando digital, por lo que estaría en la pantalla. Podemos mantener el fondo blanco y luego solo voy a nombrar a esta Textura Animada. Golpea “Crear”. A partir de aquí, es bastante sencillo. Te vas a ir a la ventana. Entonces vas a bajar a la línea de tiempo. Va a aparecer un poco de línea de tiempo aquí abajo. Si no aparece ahí arriba, siempre puedes atracar arrastrándolo hasta que veas un poco azul y lo sueltas. Vamos a bajar y golpear “Crear animación de cuadro”. Lo que eso va a hacer es, va a crear marcos basados en tus capas. Selecciona una nueva capa y luego pulsa “Crear animación de fotograma”. Con mi nueva capa, cada capa después de eso será un nuevo marco. Para crear la textura, voy a ir y golpear B. Se va a sacar mi panel de pincel. Acabo de seleccionar un pincel que me gustó, y voy a asegurarme de que mi color esté puesto en negro. Golpea “Ok”. Entonces sólo tienes que poner en algo de textura. Una vez que esté contento con eso, voy a bajar aquí y hacer clic en “Nueva capa”. A continuación, haga clic en “Nuevo marco”. Asegúrate de que solo mi nueva capa esté encendida, así que apaga esa y verás hacia abajo en el panel que tenemos un marco claro. Yo sólo voy a hacer lo mismo que acabo de hacer. Te das cuenta de que todavía no aparece aquí abajo y eso es porque está en la capa equivocada. Queremos solo asegurarnos de que esté en Photoshop. La animación es un poco finicky. Ambos están encendidos, así que voy a apagar uno de ellos. Ahí, jugarán de ida y vuelta. Es así de rápido. Vas a dar click aquí abajo y luego voy a cambiarlo a cada dos segundos. Ahora si reproducimos, es un poco más lento. Es así como creé esas texturas. Es súper simple y puedes usar cualquier pincel que quieras. Puedes hacer tantas capas como quieras. Voy a hacer uno más y luego golpear Play y se va a jugar a través de esos. Siempre puedes ajustar qué tan lento o qué tan rápido lo quieres. Voy a armar hasta un segundo. Puedes hacer tantos marcos como quieras. Normalmente hago alrededor de cuatro. Cuando estás contento con ello, solo una buena variación de textura. Vaya a Archivo, Exportar y luego renderizar video. A partir de aquí, ya se va a nombrar Textura Animada. Puedes seleccionar en qué carpeta va a entrar. Entonces vamos a exportar como un archivo H.264, que es solo un archivo MP4, de alta calidad, y solo tienes que hacer clic en “Render”. Entonces a partir de ahí tendrás un video renderizado de esta textura que luego podrás recorrer y aplicar a tus animaciones en After Effects. Es así como creo una textura animada. Puedes traer esto a After Effects y luego secuenciarlo y cambiar lo rápido que toca, cuánto juega, cuánto juega, todas esas cosas divertidas. Puedes usar cualquier pincel con él como dije. Siéntete libre de hacer tus propias texturas o puedes usar las que he proporcionado en los recursos del proyecto. Espero que esto haya sido súper útil y te veré en la siguiente lección donde vamos a volver a subir a After Effects, y vamos a animar nuestro velo personalizado usando máscaras. Te veré en la siguiente lección. 10. Crear máscaras personalizadas: Ahora que nuestro diseño tiene un poco más divertido y está empezando a lucir genial con todas nuestras texturas, vamos a estar revelando lo que hay dentro de nuestro objeto usando una máscara personalizada, así que sigamos adelante y empecemos. Ahora que tenemos nuestra configuración de efectos y texturas, necesitamos hacer la gran revelación de lo que hay dentro del objeto y en realidad vamos a hacer eso creando una máscara personalizada. Hay un par de formas de crear cómo se verá tu máscara, voy a estar usando la herramienta Pluma para crear una máscara personalizada, pero te voy a mostrar cómo puedes hacerlo usando la función de forma de After Effects. Quieres asegurarte de que esa maleta esté seleccionada y vamos a repasar, y voy a mantener presionada mi herramienta y hacer clic, “Herramienta de elipse”. Si jalo una elipse mientras estoy seleccionado en nuestra capa de maleta, se va a crear una máscara. Máscara simplemente bloquear o revelar lo que te gustaría que mostrara. Para este, el círculo sólo nos está mostrando lo que hay dentro del círculo, por lo que está bloqueando todo alrededor del círculo. Te puedes imaginar como esto está completamente bloqueado y luego solo el círculo, así que es como una ventana. Si hago clic, “Invertido” entonces es como si estuvieras en la casa y luego puedes ver a través de la ventana. Puedes crear una máscara personalizada usando un círculo y para animar eso sería de la misma forma en que te voy a mostrar cómo animar la máscara personalizada. Pero solo vas a hacer clic en “Ruta de la máscara” mover sobre, y luego golpear V para nuestra herramienta de selección y luego puedes mover la máscara. Puedes poner tu círculo donde quieras hacer un revelador, pero así es como lo animas usando fotogramas clave. Te voy a mostrar cómo crear una máscara personalizada usando la herramienta Pluma. Voy a asegurarme de que nuestra maleta esté seleccionada. Vamos a agarrar nuestra herramienta pin haciendo clic en la barra de herramientas o seleccionándola con G, luego vamos a dibujar nuestra máscara. Lo que voy a hacer, es que voy a dibujar el punto central. Yo quiero que esto se derrita como una popsicle ya que es ropa de playa por dentro y esto me recuerda como soleado, es insinuando o presagiando lo que hay dentro de la maleta. Voy a tirar de una línea suave agradable, como aprendimos a hacer en nuestra lección de herramientas Pluma, luego cerrar el camino. Boom, ya está empezando a revelar. Antes de empezar a animar nuestra máscara personalizada, quería pasar rápidamente por el keyframe. Una clave es una ubicación en una línea de tiempo que marca el comienzo o el final de una transición. Para crear un fotograma clave, vas a abrir cualquier propiedad que desees animar y golpear el, cronómetro. Lo que eso va a hacer, va a crear un fotograma clave lineal. Esto solo significa que no hay flexibilización involucrada, solo va a crear un movimiento muy mecánico desde un punto que estableces hasta el punto final que estableces. Ahora, cuando estés seleccionado en un fotograma clave lineal y presionas, “F9" creará un fotograma clave Bezier. Lo que esto va a hacer es que va a crear un movimiento rápido y lento al inicio y parada de tu animación. Sigamos adelante y volvamos a sumergirnos en la máscara de animación o personalizada, para que puedas ver cómo funcionan estos fotogramas clave en tiempo real. Para animar este camino, vamos a bajar nuestro menú de máscaras, golpear nuestro cronómetro, voy a arrastrar esto un poco porque este es nuestro punto medio. Todo lo que aprendiste en la lección de herramienta Pluma se va a aplicar directamente aquí. Voy a golpear, “V” luego voy a seleccionar mis puntos y voy a arrastrar esto para que la máscara esté ocultando por completo todo el objeto. Entonces voy a repasar un poco y voy a tirar hacia abajo para que ahora la máscara esté revelando el objeto. Ahora nuestro camino está animado. Si presiono la barra espaciadora para jugar, va a revelar lo que hay dentro. puede hacer esto opuesto para que esté mostrando la maleta primero, pero te voy a mostrar por qué lo hizo de esta manera. Yo quiero que esto bucle de ida y vuelta, así que está mostrando toda la maleta y luego lo que hay dentro, y sólo va a bucle sin fin de esa manera. Voy a ajustar nuestros fotogramas clave y golpear, “F9", jugar eso a través. Si notan que es un poco entrecortado, algunos realmente voy a eliminar este fotograma clave medio. Yo lo usé para que empezáramos, así que sabía qué forma obtendría, pero After Effects hace esta cosa llamada tweening. Se va a adivinar los marcos en el medio. Ya tengo esta forma ondulada, así que va a continuar esa forma ondulada ya que termina la animación. Voy a borrar este medio, ya verás, es realmente rápido, pero mucho más suave. Voy a mover esto. Boom, tenemos nuestro revelador. Entonces voy a seleccionar ambas pulsando y arrastrando, pulsando “Comando” o “Control Z” mover por aquí, pulsando “Comando” o “Control V” y luego voy a mover estos opuestos entre sí. Lo que eso va a hacer es que va a dar un bucle a las animaciones. Jugaré ahora mismo, lo cubrirá y luego lo revelará, lo cubrirá y luego lo revelará. Se puede jugar con el tiempo de esto. Te mostraré cómo se ve mi tiempo final, pero de nuevo, usando F9 a fotogramas clave fáciles, más fáciles y luego simplemente colocándolos opuestos uno del otro para que se haga un bucle continuo. Esta es la animación final de máscara que se me ocurrió, cambio para que empiece como una maleta completa, revele lo que hay dentro y luego vuelva a revelar una maleta completa. Ahora si te darás cuenta, también hice desaparecer nuestra sombra porque no tenía mucho sentido que la sombra estuviera ahí cuando nuestro objeto no estaba ahí. Para hacer eso, todo lo que hice fue ir a nuestra sombra, utilicé la herramienta Pan Behind, Anchor Point Tool, puedes golpear “Y” para llegar allí. Me mudé el punto de anclaje a justo debajo de la maleta, ¿ves justo aquí? Ahí es donde está el punto de anclaje. Entonces todo lo que hice fue escalar el círculo al porcentaje completo, 100 por ciento luego a cero, luego volver a lleno y luego cero otra vez. Por lo que bucea con nuestra animación y hace que desaparezca. Pero pensé que eso se veía realmente bonito, así que no sólo teníamos un círculo flotante en la parte inferior. Ahora que tenemos nuestra animación de revelación personalizada usando máscaras, te voy a mostrar cómo agregar un par de pequeños toques finales, como alguna animación dentro de tu objeto, así como solo un par de pequeños ilustrativos extras que puedes agregar para dar vida a todo tu proyecto. Te veré en la siguiente lección. 11. Toques finales: Porque casi terminas así felicitaciones por llegar tan lejos. Te voy a mostrar un par de pequeños consejos divertidos extra para ayudar a dar vida a tu animación aún más. Si te darás cuenta en mi animación, cuando revela lo que hay dentro, el cangrejo cierran sus manitas y luego la arena se mueve y las conchas marinas giran. Te voy a mostrar cómo hice esos efectos. Súper fácil. Para empezar, vas a abrir tu pre comp que tiene todos tus objetos dentro. Notarás que está sobre un fondo negro y eso es porque no hay fondo. Esto es básicamente como un PNG, lo que significa que el fondo es simplemente transparente. Para animar esto, todo lo que hice fue mirar todos los objetos que sabía que quería animar. lo primero que empiezo es de la concha. Tengo el contorno de shell así como los detalles de shell, y esos son capas de forma separadas. Lo que hice para asegurarme de que se movieron juntos es que usé esta herramienta llamada pick látigo, que va a padres los otros objetos a otro. Si lo estoy tirando de éste y dejándolo caer en el caparazón, eso significa que ahora los detalles del shell están parentados a shell_2. Verás aquí mismo, padre o enlace, se va a decir, también puedes usar este desplegable. mí sólo me gusta hacer un pequeño látigo de pick porque si no lo pones en nada realmente rueda de respaldo, es lindo. Tengo esas parentadas y luego usé Y para seleccionar el pasador detrás de herramienta anclada. Pongo el punto de anclaje a la parte media de la concha. Entonces acabo de presionar R para establecer fotogramas clave de rotación en el shell. Nuevamente, súper simple, todo lo que hice fue rotarlo ligeramente y luego atrás y luego de vuelta otra vez. Eso sólo va a crear una animación sutil y luego usé F9 para que esos fotogramas clave sean súper suaves. Hice lo mismo con shell_1. Ahora para el cangrejo, en realidad separé sus manitas, les llamo pellizcos. Si te darás cuenta, estas son solo capas de forma. Pasamos por encima de cómo creé estos. Estos solo están usando la herramienta de lápiz en After Effects. Lo que eso significa es que en realidad podemos animar el camino. Si abro la máscara, aquí hay dos formas. Tengo forma 3, que es esta pincher, y luego forma 2, que es esta pincher. Si es más fácil para ti, puedes presionar “Enter” y cambiar el nombre de eso. Puedes nombrarlo como pinchy izquierdo. Simplemente lo voy a dejar como formas porque tengo el objeto principal etiquetado y al hacer clic en ellas, realidad lo resaltará, así que sabía cuál era cuál. Entonces todo lo que hice desde aquí es que solo animé el camino. Esto tardó un poco más en jugar con. Este es el estándar donde se sienta abierto. Entonces cuando me detengo, esto es cerrando. Para ello, todo lo que hice fue ajustar este marco clave golpeando el cronómetro, moverlo hacia donde quería que se cerrara, luego seleccioné V para seleccionar mi herramienta de selección, y hice clic en el camino y lo moví. Esto es súper sencillo porque sólo lo necesitaba para abrir y cerrar. Una vez que hice esta animación cercana, todo lo que tenía que hacer era copiar fotogramas clave. Seleccioné y copié el marco clave abierto, luego seleccioné y copié el marco clave de cierre, luego abrir de nuevo. Eso es todo lo que hay a ello, sólo está moviendo el camino, por lo que los pequeños pellizcos de cangrejo se abrirán y cerrarán. Entonces, por último, tomé la arena, todo estaba en una sola capa. Lo que hice fue pasar a Effects. Acabo de agregar un sencillo trabajo de onda al sonido y ajusté la altura y el ancho para darle solo un poco de animación. Entonces cuando regrese a nuestra comp principal, notarás que ves todo moviéndose. Simplemente agrega un poco de ternura y alguna animación secundaria para traer a tus espectadores para que se interesen un poco más en lo que hay dentro del objeto, así que no solo estás revelando una imagen estática. último, pero no menos importante, creé estas pequeñas estrellas. Crear las estrellas es usar los mismos principios que usé para la máscara. Todo lo que están es que están listas para empezar y luego están listas para terminar, y se acaba de copiar y pegar, y luego acabo de jugar con la posición de ellos. Es súper simple. Te mostraré muy rápido cómo los hice. Para hacer una estrella, vas a seleccionar la herramienta de elipse, y asegurarte de que no estás seleccionado en ninguna capa. Te vas a tirar de una pequeña estrellita, y luego vamos a entrar en Add, Pucker y Bloat. Entonces desde este desplegable solo vamos a cambiar la cantidad. Si miras, eso crea una linda estrellita. Entonces todo lo que hice fue usar el cronómetro, y F9 para facilitar la facilidad, para crear la estrellita en movimiento. Mis estrellitas se mueven un poco más rápido y otra vez, solo juega con ella, experimenta y diviértete. El último elemento que supe que tenía que lanzar fueron los recorridos de recorte. Esto es solo crear líneas, igual que hicimos en la lección de herramienta de lápiz. Yo creé pequeñas líneas aquí. Si no has tomado mi otra clase de habilidad compartida, rutas de recorte simplemente están animando el inicio y el final de una línea. Si abro esto, verás que está listo para terminar, y todo lo que está haciendo es traer las líneas a su punto final, y parece que desaparecen, y luego animarlas de nuevo. Todo lo que tienes que hacer para conseguir el efecto de la trayectoria de recorte de un pequeño destello o líneas de emoción que estallan. Yo las llamo líneas gays porque es muy yay. Vas a recolectar G para abrir la herramienta de bolígrafo. Vamos a crear una línea y asegurarnos de que esté configurado como trazo no relleno. Entonces vas a entrar a tu forma de línea, como aprendimos en la lección de herramienta de lápiz, puedes crear múltiples líneas o formas en la misma capa. Simplemente voy a bajar y voy a golpear “Agregar” y luego “ Recortar caminos” Desde este desplegable, puedo animar el punto de inicio y final. El inicio o el final dependerá del primer vértice establecido. Si verás cuando me seleccionen aquí, está este pequeño círculo, y es difícil de ver, pero eso está establecido como el primer vértice. Simplemente puedes jugar con la forma en que empieza y termina para ver dónde está el primer vértice. Es igual que el Pucker y Bloat. Simplemente vas a golpear “Marco clave” bajar el marco clave, y luego tirar, y luego vas a copiar y pegar eso. F9 fácil, facilidad, y ahí estás usando recorridos de recorte. Siéntete libre de compartir tu progreso en el camino, si necesitas ayuda en absoluto o si solo te gustan algunos comentarios. Estoy muy emocionado de ver lo que has creado. Ahora es el momento de renderizarlo para que podamos compartirlo con el mundo. Te veré en la siguiente lección. 12. Reproducción rápida: Enhorabuena. Tú lo hiciste. Creaste una animación de objeto. Estoy tan emocionado de verlo. Adelante y repasemos cómo renderizar. Ahora que ya estás listo para renderizar, solo vas a asegurarte de que has seleccionado en la composición que quieres renderizar y de que has establecido tu área de trabajo a la longitud que quieres renderizar. El mío está a cuatro segundos. Voy a ir a File, Export, Add to Adobe Media Encoder Queue. Si por alguna razón no tienes Adobe Media Encoder, está bien. Te voy a mostrar cómo renderizar rápidamente en After Effects, pero debería venir descargado con After Effects, así que si no lo es, entonces puedes abrir tu app de Creative Cloud y deberías poder descargarla si han pagado After Effects. Se va a abrir su pequeño panel de proyectos, luego vamos a dar clic en el primer pequeño ícono que está resaltado azul, y va a abrir esto. Debería decir, Rango de fuentes, Área de trabajo. Voy a estar formateando la mía a un H.264, y lo que es, es solo un archivo MP4, que es un archivo estándar. Verás que será say.mp4 y si haces clic en “Nombre de salida”, se va a crear esta carpeta. Va a ser el nombre de tu proyecto y luego AME, que solo significa Adobe Media Encoder. Voy a mantener la mía ahí dentro, pega “Guardar”. Esto no tiene ningún audio, así que voy a desmarcar el audio, así que ni siquiera está tratando de renderizar ninguno. Entonces todo lo que voy a hacer es hacer clic en “Usar Máxima Calidad de Render”. Entonces solo tienes que pulsar el pequeño botón “Play” y lo verás renderizar. Por alguna razón no tienes Adobe Media Encoder o solo quieres renderizar [inaudible] After Effects, todo lo que tienes que hacer es ir a File, Export, Add to Render Queue. Una vez que abra este pequeño panel, solo vas a golpear “Módulo de salida Lossless”. Adelante y haga clic en eso. Esta va a ser toda tu configuración que acabamos de tener en Adobe Media Encoder. After Effects no puede renderizar un archivo MP4. El motivo por el que me gustan los archivos MP4, es que están más comprimidos, lo que funcionan mejor para publicar en redes sociales o si necesitas enviarlo a un e-mail o ponerlo en un sitio web. AVI funcionará muy bien, solo va a ser un tipo de archivo más grande. Todo esto es correcto, debería ser correcto, no deberías tener que hacer clic en nada aquí, pero por si acaso, así es como se ve la mía, y entonces solo vas a golpear “Ok”. Entonces donde dice Salida 2, vas a hacer clic y asegurarte de que esta no va a crear una carpeta para ti. Quieres asegurarte de que estás en tu proyecto, y luego incluso puedes hacer una pequeña carpeta, y nombrarla Renders, y luego guardarla ahí. Entonces todo lo que tienes que hacer es golpear a “Render”. Ahora que tienes un video rendido, adelante y póngalo en la galería de proyectos para que yo y otros alumnos lo vean. Estoy tan emocionado de ver lo que se te ocurrió. 13. Reflexiones finales: Enhorabuena por terminar tu proyecto. Asegúrate de compartirlo en la Galería de Proyectos para que yo y todos los demás podamos verlo. Durante esta clase, aprendimos a bosquejar un diseño y escanearlo digitalmente, trazar un diseño usando la herramienta “Pluma” de After Effects, agregar y crear efectos animados y texturas, crear una máscara personalizada y renderizar fuera de video. Ahora ya sabes lo fácil que es pasar del boceto a la ilustración animada digitalmente en After Effects. Espero que puedas aplicar las habilidades que has aprendido en esta clase en tus próximos proyectos de animación. Hay infinitas formas de utilizar la herramienta “Pluma” y las máscaras. Asegúrate de que te estás divirtiendo con él en experimentar con cada nueva animación que crees. Si hay algo que espero que tomes de esta clase, es que puedes convertir cualquiera de tus bocetos en una animación digital usando la herramienta “Pluma”. Estoy tan contenta de haber llegado a mostrarte que la animación no tiene por qué ser intimidante. No puedo esperar a ver lo que creaste. Asegúrese de compartir en la galería de proyectos. Si por casualidad lo publicas en Instagram, me encantaría que me etiquetaras para poder compartirlo. Si te gusta la clase, me encantaría que dejaras una reseña y me sigues por más. Te veré en la siguiente clase. Adiós.