La técnica de escritura: lettering a mano en movimiento

1. Avance: Oye, soy Jake Bartlett y en esta clase te voy a enseñar a crear un efecto de escritura-on para tus letras de mano. Revisaremos muchas formas diferentes de animar y darle estilo a tus letras de formas únicas y personalizables. Para el proyecto de clase, estarás rotando letras a tu nombre de ciudad o estado favorito y animándolo usando la técnica de escrituro-on. En el camino, te mostraré consejos y trucos de flujo de trabajo y teclado que he aprendido de años de usar After Effects. Esta clase es para cualquier persona, ya sea que lleves años usando After Effects profesionalmente o que acabas de empezar a jugar con el programa, podrás seguirlo fácilmente. Si nunca has usado After Effects antes, echa un vistazo a una de las clases de mis principiantes, como Hand Lettering In Motion for The Beginers Guide to Animating Custom GIFs primero. Como bono, estaré compartiendo un método que he desarrollado personalmente para crear trazos cónicos personalizables, animables y reutilizables dentro de After Effects. Prepárate. Esto va a ser divertido. Te veré en clase. 2. Proyecto de clase: Para el proyecto de clase, estarás aplicando la técnica write on a tu propia letra de mano. El tema para esta clase es tu ciudad o estado favorito. Para mi proyecto de muestra, elegí mi estado de origen, que es Michigan. Si prefieres carta de mano o algo más, o ya tienes letras de mano que te gustaría usar, por todos los medios, adelante. Lo que te estaré enseñando en esta clase es cómo tomar letras de mano existentes y aplicarle el efecto write on. El importante es que tengas letras a mano con las que trabajar. Una vez que tengas escogido tu ciudad o estado favorito, crea un proyecto y avísame con qué estarías trabajando. Entonces una vez que tengas terminadas las letras de la mano, publica una actualización en la página del proyecto para que pueda ver qué vas a estar animando y si vas a estar usando letras de mano diferentes, adelante y publica eso también en tu página de proyecto. Ahora puedes ser súper creativo con el write on. No tiene que ser sólo una sola línea animando en tu texto. A medida que observas las lecciones, verás que hay tantas formas en las que puedes ser creativo con la forma en que escribe tu texto. Te animaría a ver todas las lecciones antes de decidir cómo quieres animar tu texto. Como siempre, no dudes en hacer preguntas en el hilo pregúntame nada o en tu propia página de proyecto. Sé que estos proyectos van a quedar impresionantes y no puedo esperar a ver qué creas. Empecemos. 3. Trae las rutas de vectores: Vamos a sumergirnos justo en. Voy a empezar con el título de la clase como nuestro primer ejemplo. Este método utiliza el operador Recortar Paths dentro de una capa de forma, y es la base de todo lo que estaremos haciendo en esta clase. Ahora este ejemplo específico funciona por sí para letras que tiene un solo ancho creado en Illustrator. Saltemos a Illustrator y te mostraré lo que quiero decir con eso. Aquí tengo las letras de mano impresionantes que mi esposa hizo para mí dentro de Illustrator. Tomé el boceto que hizo en papel y luego lo rastreé en Illustrator con la herramienta de bolígrafo. Si cambio a mi modo de contorno, se puede ver que este texto es un camino con un trazo aplicado. El ancho de la línea es consistente. Si fuera a seleccionar este lettering, podría aumentar o disminuir el tamaño del trazo para ajustar lo grueso que es. El motivo por el que decidí hacer esto dentro de Illustrator en lugar de After Effects es porque me gusta el control que la herramienta de lápiz tiene dentro de Illustrator mejor que lo que hay en After Effects. Me siento más cómodo en esta pieza de software por hacer rastreo así. Pero en última instancia, necesito meter estos caminos en After Effects. ¿ Cuál es la mejor manera de hacer eso? Bueno, podríamos sacar el archivo Illustrator a After Effects y luego convertir la ilustración en capas de formas, pero eso separará cada uno de estos segmentos en su propio grupo, y tendremos que hacer algunos pasos adicionales para limpiar nuestra obra de arte antes de que realmente podamos animarla. En mi opinión, en realidad hay una mejor manera. Saltemos a After Effects. Ya configuré un comp que tiene antecedentes para mi título. Si fuera a hacer una nueva capa sólida yendo a Layer, New, Solid, asegurándome de que sea del tamaño de la comp, no importa de qué color sea, pulsa “Okay”. Entonces podemos volver a Illustrator, seleccionar mi texto, copiarlo presionando Comando C o Control C en una PC, volviendo a After Effects y con mi sólido seleccionado, pegarlo presionando Comando V o Control V en una PC, y esos caminos se pegan directamente debajo de esa capa. Si presiono M para que aparezcan las máscaras de esa capa, se puede ver que tenemos cuatro caminos de máscara, y todos están coloreados de la misma manera que están apareciendo aquí en el visor de comp. Esto es sólo una demostración para mostrarte que podemos copiar y pegar rutas de Illustrator a After Effects muy fácilmente. Ahora no queremos trazados de máscara, queremos trazados de capas de forma. Voy a seguir adelante y eliminar este sólido, y voy a subir a Capa, Nueva, Shape Layer. Ahora eso crea una capa de forma vacía y si tuviera que pegar esos caminos encima de esa capa ahora mismo, volvería a pegarlos como máscaras, y eso no es lo que queremos. Entonces deshacer pulsando Comando o Control Z, y luego abriré los contenidos. Entonces asegúrate de que tengo mi interruptor de capa está habilitado hacia abajo en la esquina inferior izquierda. Entonces subiré al menú desplegable add y subiré a Path. Ahora en mi contenido, tengo un camino. Si recuerdas cuando pegamos, teníamos cuatro máscaras separadas, y eso significa que tengo cuatro caminos separados de mi obra original. Por lo que necesito asegurarme de tener cuatro caminos dentro del contenido de mi capa de forma antes de pegar. Por lo que duplicaré esta ruta pulsando Comando D o Control D en una PC, hasta que tengan cuatro trayectos. Después ampliaré los cuatro de estos caminos, luego haga clic en este Camino, mantenga presionado Comando o Control en una PC, y haga clic en la siguiente ruta, y haga lo mismo para la tercera y cuarta rutas. Ahora con los cuatro caminos dirigidos, puedo pegar esos mismos caminos que teníamos de la ilustración de Illustrator, y ahora los caminos se están mostrando dentro de nuestra capa de formas, y se puede ver que los colores de los trazados ya no son diferentes. Todos son del mismo color que nuestra capa de forma, lo que nos está diciendo que no tenemos máscaras en nuestra capa, que es exactamente lo que queremos. Dado que todos mis caminos siguen seleccionados, voy a seguir adelante y agruparlos presionando Comando o Control G en el teclado. Después presionaré “Enter” para cambiar el nombre de estas rutas de grupo. En este momento, solo tenemos caminos vacíos sin estilismo en ellos. Entonces si anulo la selección, ves que desaparece de nuevo. A pesar de que la capa de forma sigue ahí y nuestros trazados están contenidos dentro de esa capa de forma, necesitamos agregar un trazo a este trazado para poder verlo. Por lo que voy a volver a venir a este desplegable de agregar y subir a golpe. Enseguida puedes ver que ahora nuestros caminos tienen un contorno, pero es un poco más delgado de lo que quiero, así que voy a saltar de nuevo a Illustrator para que podamos ver qué ancho de trazo teníamos dentro de aquí. Parece que lo teníamos fijado en 10. Si vuelvo en After Effects, puedo subir a la barra de herramientas de la parte superior aquí y cambiar mi trazo de dos píxeles a 10 píxeles. Ahora mi trazo tiene el mismo ancho que en Illustrator. Pero si acerco aquí, se puede ver que tenemos estas esquinas puntiagudas y algunas gorras planas. Pero en Illustrator, teníamos gorras redondas y combinaciones redondas. Si vuelvo a After Effects y abro mis propiedades de trazo, puedo cambiar la tapa de línea de tope a campamento redondo, y eso hace que nuestros extremos sean redondos, y puedo cambiar la línea join de inglete a round join. Eso se deshace de las esquinas puntiagudas. Ahora nuestro texto se ve igual que en Illustrator. Estoy bien con que el trazo sea blanco, pero si quieres cambiar el color, solo puedes subir aquí a la barra de herramientas superior y cambiar el color a lo que quieras. Voy a deshacer eso. Ahora que mis caminos están dentro de After Effects, realmente no necesito verlos más. El trazo en sí es suficiente, así que no necesito esta superposición azul encima de mi texto. Para deshacerme de eso, sólo voy a bajar a este botón aquí mismo, que es Toggle Mask and Shape Path Visibilidad y haga clic en él. Se puede ver que eso se deshizo de la superposición de los caminos encima de mis letras, y eso sólo me hará más fácil poder ver lo que estoy haciendo. 4. Descripción general de rutas de recorte: Ahora que tenemos nuestra obra de arte dentro de After Effects, ¿cómo la animamos? Bueno, voy a volver a abrir mi capa de forma, y voy a venir a la lista desplegable de agregar una vez más, y ahora voy a venir a este operador de recorte paths. Voy a dar click en eso, y ves que eso agrega los recorridos de recorte a nuestros contenidos. Si abro eso, vemos que los recorridos de recorte tienen algunos controles. Tenemos un valor inicial, un valor final, un valor de desplazamiento, y luego algunas opciones de cómo manejar las rutas. Si hago clic y arrastre el valor final, que se establece en 100 por ciento, se puede ver lo que está sucediendo. Mis rutas se están recortando en función del porcentaje del valor final comenzando al final de cada ruta. En este momento se puede ver que cada segmento de trayectoria se está recortando al mismo tiempo. Si fuera a ajustar el valor inicial, se puede ver que se está recortando desde el extremo opuesto. Si lo piensas, cuando estuve en el Ilustrador, rastreé estas cartas en el mismo orden en que se habrían escrito. Por lo que empecé en esta parte de la w y trabajé mi camino hacia la derecha. Entonces empecé en la parte superior de la t, y luego en la e, luego la o, y luego terminé. Por eso si ajuste el valor final, todo empieza por la izquierda y se mueve hacia la derecha. Si hubiera rastreado el w, r, y el i en el orden opuesto, After Effects habría tomado en cuenta ese orden y habría comenzado al final de este conjunto de letras y trabajado su camino al frente. Así que ten eso en cuenta cada vez que estés rastreando cualquier letra. Si quieres que parezca que está escrito en orden, entonces asegúrate de rastrear todo en orden. Ahora, ¿y si no quiero que se recorten todos los caminos al mismo tiempo? Bueno, para eso es la propiedad trim multiple shapes. Ahora mismo está configurado para simultáneamente, pero si cambio eso para individualmente y luego ajuste mi valor final, se puede ver que ahora se está recortando en orden, de principio a fin, de uno a la vez. Eso es lo que quiero para esta pieza. Voy a seguir adelante y establecer algunos fotogramas clave porque quiero que esto se anime en orden de izquierda a derecha. Necesito enmarcar el valor final. Empezaré ajustando el valor final a cero y haciendo clic en el cronómetro para agregar un fotograma clave. Entonces avanzaré un segundo y cambiaré el valor al 100 por ciento. Ahora si previsualizo esta animación configurando mi área de trabajo para que contenga los dos fotogramas clave y luego camino previsualización de RAM, puede ver que ya tenemos abajo la escritura básica sobre efectos. Déjame frenar esto un poco más y previsualizar de nuevo. Creo que el momento es un poco más agradable. Ahora como estos son fotogramas clave, podemos aliviarlos como cualquier otra cosa para darle un poco más de personalidad a la animación. Entonces con mis dos fotogramas clave seleccionados, haré clic derecho en ellos e iré a Asistente de fotogramas clave, Facilidad fácil. Si RAM previsualizo eso, ahora verás que los recorridos de recorte se alivia en la animación y se alivia. Si entrara a mi editor de gráficos y seleccionara la propiedad End, podría exagerar la curva de velocidad para aliviarla aún más. Voy a volver de mi editor gráfico y quiero mostrarles algo sobre el pedido de mis pantalones. Ahora como dije antes, rastreé estas cartas en el orden en que se escribirían. Entonces cuando los copié y pegué de Illustrator, pegaron automáticamente en el orden que yo quería. Voy a volver a encender mi visibilidad de camino para que veas lo que estoy seleccionando aquí. ruta 1 fue la primera sección, ruta 2 era esa t, 3 era la e, y 4 era la o y n Ahora nuestros recorridos de recorte está configurado para recortar las múltiples formas individualmente, las recorta en orden de una a cuatro. Pero, ¿qué pasa si cambio el orden y cambio cuatro y uno, entonces yo RAM vista previa? Bueno, ahora empieza con el camino 4, que está encendido, y termina con el w, r, i Por eso importa el orden de caminos. Si rastreaste tu ilustración en un orden diferente, eso está bien, pero tendrás que hacer algunos reordenamientos si quieres que las rutas de recorte se comporten de la manera que lo harían si realmente estuvieras escribiendo esto. Entonces volveré a cambiar este orden a la forma en que se supone que debe ser, y ahora tenemos nuestros caminos de vuelta en orden. Voy a seguir adelante y deshacerme de mis fotogramas clave sólo por un minuto para demostrar algo más. Digamos que en Illustrator, cuando rastreé, no empecé con el o, empecé al final con el n. En ese caso, cuando animo el valor final de las rutas de recorte, se habría escrito en el orden inverso que debió haber sido. Bueno, si vuelvo a mis caminos, ves estos pequeños iconos junto a cada camino. Ahora mismo están todos ajustados al primer valor. Pero si destaco sobre el segundo valor, ve que se llama Dirección de Caminos Inversos. Si enciendo eso para el camino 4, que es mi propio n, y luego ajusto mis recorridos de recorte, ves que ahora está escribiendo en la dirección opuesta. Está empezando al final del camino y abriendo camino al frente. ¿ Cómo rastreé esto hacia atrás en Illustrator? Todo lo que tendría que hacer es revertir la dirección del camino para que se alinee correctamente dentro de After Effects. No necesitaba hacer eso, pero podría ser algo con lo que te encuentres. Por lo tanto, ten en cuenta cómo controlar las direcciones de tus caminos. Ahora voy a bajar mi valor final a algo así como cinco por ciento. Por lo que acabamos de tener un segmento de nuestro camino apareciendo. El valor de desplazamiento tomará cualquier porcentaje de tu ruta que se esté mostrando y lo desplazará a lo largo de la ruta de tu capa de forma. Voy a desactivar de nuevo la visibilidad de mi trayectoria, y voy a ajustar este valor de offset. Ahora se podía ver que tenemos esta línea recorriendo nuestro camino. Te darás cuenta de que una vez que llegamos al final, automáticamente se remonta al principio. Una vez que el valor pasa los 360 grados, solo agrega uno antes de ese valor. Podría seguir haciendo esto tantas veces como quisiera. También puedes ir en dirección negativa. Si vuelvo a poner esto a cero, vamos hacia atrás en lugar de hacia adelante. Podría aumentar mi valor final para que sea un segmento más largo que esté viajando por todo el camino, o hacerlo muy pequeño para que sea solo un pequeño blip. Para tu escritura básica en efecto, realmente no necesitas usar el valor de desplazamiento. Pero un poco más tarde, será útil con algunas de las técnicas más avanzadas. Voy a volver a poner eso a cero y cambiar esto a 100. Ahora otra gran razón para usar capas de formas dentro de After Effects para hacer una escritura en, es que debido a que es una capa de forma, tengo acceso completo a todos los operadores y estilos especiales que me permiten hacer. Si entrara en mi trazo, podría agregar algunos guiones, aumentar el tamaño del hueco, y ahora mi letra está discontinua. De nuevo, podría agregar algunos fotogramas clave para conseguir algo de animación de esta escritura, entrar en el editor de gráficos, aliviar los fotogramas clave, y luego aumentar la facilidad un poco. Ahora tengo una línea discontinua justo en. Yo me quitaré esos guiones. Digamos que quería agregar un poco de textura a esta línea. Bueno, colapso todo hacia abajo, y luego puedo volver a subir a mi menú Añadir, y añadir un Wiggle Paths. Entonces lo abriré, lo cambiaré de esquina a lisa, tal vez disminuya el tamaño solo un poco, aumentaré el detalle y ese tamaño un poco más hacia abajo, y ahora ves que tenemos un borde áspero en nuestro texto. Olvidé apagar mis wiggles por segundo para que permanezca estática. Entonces bajaré eso a cero, y luego lo haré previsualizar. Ahora puedes ver que tenemos un poco de borde texturizado en nuestro trazo. Realmente abre muchas posibilidades cuando tienes acceso a todos estos operadores de forma para meterte con tus letras. Pero para esta clase, vamos a estar usando el operador de recorte paths para controlar nuestro efecto de escritura en cada ejemplo. Ahora si esto es todo lo que quería que fuera mi escritura, estaría terminado en este punto. Pero ¿y si las letras de tu mano no son de ancho único y ni siquiera son vector? Bueno, eso es lo que vamos a echar un vistazo en nuestro siguiente ejemplo. 5. Escritura con obras de arte: Para este siguiente ejemplo, voy a estar usando esta obra de arte. Si hacemos zoom un poco, se puede ver que mi esposa solía pincel texturizado dentro de Photoshop. Esto no es algo que pueda recrear fácilmente con una ruta vectorial dentro de Illustrator. Para preservar esa textura, voy a utilizar el archivo de Photoshop que ella creó dentro de After Effects. Ahora, he ido adelante y fusionado todas las letras en una sola capa, y luego mi capa de fondo está separada. No tienes que hacer esto, pero hará que las cosas sean mucho más fáciles de manejar dentro de After Effects si todas tus letras están en la misma capa. Voy a seguir adelante y llevar este PSD a After Effects. He hecho una carpeta para imágenes, voy a hacer clic derecho dentro de ella e ir a “Importar”, “Archivo”, y luego haré doble clic en mi Explore.psd. After Effects me va a preguntar cómo quería importar esto. Quiero que el tipo de importación se establezca en los tamaños de capa composición-retener. Eso es todo lo que tengo que preocuparme. Entonces presionaré “Ok”. Ya verás que eso crea una comp con la ilustración y ambas capas en la misma posición que teníamos dentro de Photoshop, y me da una carpeta que tienen ambas capas separadas. Voy a mover esa carpeta Explorar capas a mi carpeta de imágenes solo para mantener las cosas organizadas. Voy a mover el Explore comp a mi carpeta de comps. Ahora bien, esta composición es del tamaño de mi PSD. Entonces si abro los ajustes de composición presionando Comando o Control, K en el teclado, esto abrirá mis ajustes de composición. Ya verás que mi tamaño de comp es mucho más grande de lo que necesita ser. Voy a bloquear mi relación de aspecto es de 16:9, que es lo que quiero, y cambiar el ancho de 2,560 de ancho a 1,920. ancho Porque ya es una relación de 16:9, mi altura automáticamente fue a 1,080. Tengo una comp full HD ahora. Mi velocidad de fotogramas está establecida en 23.976. Eso está bien por lo que quiero. Siéntete libre de cambiar eso a 30 fotogramas si prefieres tener una animación más suave, eso depende totalmente de ti. Entonces le pegaré a “Ok”. Notarás que ahora mi obra de arte está recortada. Para solucionar esto, voy a empezar por la crianza mi capa de exploración a la capa de fondo seleccionándola, asegurándome de que tengo mis interruptores de capa activados, que es este pequeño ícono en la esquina inferior izquierda, y luego agarra el látigo de pick para esa capa haciendo clic y arrastrando, y luego colocando el puntero sobre la capa de fondo y soltando ir. Ahora, dondequiera que vaya la capa de fondo, la capa de exploración va con ella. Si cambio la escala, también escala con ella. Ahora, haré clic derecho en la capa de fondo, vaya a “Transformar”, y diga “Ajustar a Comp”. Eso escala automáticamente la capa de fondo para que se ajuste a la comp y mantiene la capa de exploración proporcional a lo que debería ser. Ahora, voy a seleccionar mi capa de exploración, y la voy a descomponer presionando Comando, Shift, C o Control, Shift, C en una PC. Eso abrirá la ventana de precomposición. Voy a nombrar esto Explore WriteOn. En este caso, dejaré todos los atributos en explorer, y presionaré “Ok”. Si hago clic en el nombre de mi capa, lo cambiará para que sea el nombre de la fuente. Expande esto, verás que Explore WriteOn es el nuevo nombre para ese pre-comp. Si hago doble clic en esto, abre esa comp y me muestra la ilustración a la que se dimensiona el comp. Ahora, lo que tenemos que hacer es trazar esta letra usando la herramienta de bolígrafo. Voy a cambiar a la herramienta de lápiz presionando G en el teclado, y voy a rastrear esto en el orden en que se escribiría, igual que nuestro primer ejemplo. Empezaré en la parte superior con esta E, y en realidad voy a ir sólo un poco más allá donde empieza la E y haga clic ahí. Entonces solo empezaré a trazar con la herramienta de bolígrafo. De inmediato, noto que este camino tiene un relleno ajustado a él. No voy a querer rellenar este camino, así que voy a dar click aquí arriba en las opciones de relleno y desactivarlo. Presiono “Ok”. Voy a hacer que el ancho de mi trazo sea mucho más grueso por lo que cubre más o menos el ancho de las letras. Entonces seguiré rastreando donde lo dejé. Ahora, el objetivo es conseguir que este camino se alinee lo más perfectamente posible con el lettering, pero puedo volver atrás y editarlo después de haber rastreado todo. Por lo que sólo voy a continuar con este camino. Encontré que agregar puntos donde están las curvas en el camino funciona bastante bien para este tipo de cosas. Ese es el final de mi primer camino. Ahora voy a panear sosteniendo la barra espaciadora y haciendo clic y arrastrando en el visor de comp. Entonces acercaré usando la rueda del ratón o la tecla de punto en el teclado. Después cambiaré a mi herramienta de selección y ajustaré el camino según sea necesario. Ahora puedes ver aquí mismo que mi ancho de trazo no es lo suficientemente ancho como para cubrir todo el grosor de esta letra. Entonces sólo voy a aumentar el ancho hasta que todo ese blanco ya no sea visible. Entonces pasaré y me aseguraré de que todo esté escondido por este camino. Eso se ve bastante bien. Seguiré haciendo este rastreo en el resto del texto, recordando que cualquiera que sea el orden que haga mi rastreo es cómo se ordenará el write-on por defecto. Ahora, todas mis letras están rastreadas y, obviamente, no tiene el mismo efecto porque ninguna de mis pinceladas está apareciendo. Eso está bien, sin embargo, porque lo que vamos a hacer es usar este trazado de capas de forma como mate para revelar la ilustración original. Debido a que es una capa de forma, podemos usar los trazados de recorte para crear el write-on, lo que revela la ilustración de la misma manera que lo hizo nuestro ejemplo original. Así que me acabo de asegurar que todas mis letras estén cubiertas con este rastreo, y lo que haré ahora es habilitar mi panel de control de transferencia haciendo clic en este segundo botón aquí abajo. Ahora tenemos la columna mate de pista que aparece. Si cambio el mate de pista de ninguno a Alpha Matte-Shape Layer 1, eso es decirle a After Effects que queremos que esta capa use la capa directamente encima de ella como mate para esa capa. Lo que eso significa es, lo que sea opaco en esta capa de forma es lo que será opaco en la capa explore. Entonces si fuera a cambiar la opacidad de la capa de forma de 100-50, está afectando la opacidad de la capa explore, pesar de que no hemos cambiado la opacidad porque el mate Alpha está tomando la opacidad de la capa directamente encima en cuenta. Te darás cuenta de que, cuando seleccioné ese mate Alpha, desactivó automáticamente la capa directamente encima de ella, y conseguimos estos dos pequeños iconos. Eso se debe a que ya no queremos poder ver esa capa, solo queremos usar su opacidad para determinar qué es visible de la capa debajo de ella. Porque nuestro Alpha mate es una capa de forma, si la abro y entro en los contenidos, se pueden ver todos los diferentes caminos que trazé para encubrir la ilustración. Entonces déjame empezar organizando un poco mi capa de forma. Voy a dar clic en el primer grupo de formas, Shift click en el último grupo de formas, y luego agruparlos todos presionando Comando, G o Control, G en la PC. Voy a renombrar esto, Paths. Después entraré en mi contenido y añadiré un recorte, abriré esos recorridos de recorte, lo cambiaré de forma simultánea a individualmente, y luego ajustaré el valor final para ver qué sucede. Bueno, eso no es lo que yo quería, va de atrás al frente. ¿ Por qué es eso? Es porque After Effects realmente ordena cosas de forma opuesta a lo que Illustrator hace cuando las estás rastreando. Es realmente molesto, pero es algo con lo que tienes que lidiar. Entonces si abro mis caminos, me doy un poco más de espacio, ya ves que en realidad uno está al fondo. Cada vez que añadía otro camino, lo ponía encima del anterior. La otra cosa que hizo fue hacer un grupo de formas separado con su propio trazo de ruta y relleno para cada uno de los caminos. Ahora bien, eso está bien para la mayoría de los casos, y probablemente esté bien para este, pero me gusta trabajar extremadamente simplificado. Entonces, en lugar de tener un trazo y el relleno para cada uno de estos grupos de formas, quiero poner todos mis caminos en un solo grupo y luego tener un solo trazo que peile todos esos caminos. Para hacer eso, voy a colapsar esto, volveré a darme un poco más de espacio, en realidad alejarme una vez. Después cambiaré a la herramienta de plumilla para poder seleccionar una ruta, luego mantendré pulsada la tecla Comando o Control para cambiar temporalmente a la herramienta de selección. Arrastraré una caja por todos mis caminos. Ahora, todos están seleccionados. Voy a cortarlas presionando Comando, X o Control, X en un PC. Ahora todas mis almohadillas se han ido. Si amplio un poco esto y abro mi grupo de formas, puedes ver que ninguno de estos grupos ya tiene caminos en ellos. Eso está bien, sin embargo. Voy a deshacerme de las formas del 2 al 13, así que me quedo con solo una, que tiene un trazo y un relleno. Ya que sé que no necesito un relleno, voy a seguir adelante y borrar eso también. Después con la forma 1 seleccionada, pegaré presionando Comando, V o Control, V y una PC, y ahora tenemos todos nuestros caminos ordenados uno a 13 dentro de nuestro grupo de formas. Cambiaré el nombre de este grupo de formas presionando Enter en el teclado y nombrándolo, Rutas. Entonces en realidad voy a mover mi grupo de caminos hacia fuera a mi contenido principal, y puedo deshacerme del grupo 1. Después entraré a mi grupo paths y me voy a mover con el trazo fuera del grupo paths a mis contenidos también. Ahora tenemos un grupo lleno de nuestros caminos, nuestro trazo fuera de él, que controla el ancho del trazo para todos los caminos al mismo tiempo. Ahora puedo agregar un operador de recorte paths, al igual que lo hicimos antes. Si lo cambio de simultáneamente a individualmente y luego solo mi extremo, desafortunadamente, estas almohadillas siguen en el orden opuesto en el que necesitan estar. Entonces voy a expandir esto un poco más para que tenga más espacio para trabajar, y sólo voy a empezar a reordenarlos haciendo click y arrastrando los caminos para que reviertan su orden. Por lo que yo sé, no hay forma más rápida de hacer esto. Desafortunadamente, es sólo algo con lo que tienes que lidiar. Ahora que mis caminos están reordenados, nuestros caminos de recorte deberían comportarse de la manera que esperaba, y parece que lo es. Eso es genial. Ahora, si vuelvo a habilitar esta capa, se puede ver que nuestros recorridos de recorte en nuestra capa de formas se están comportando de la misma manera que estaba en nuestro primer ejemplo. La diferencia es que ahora estamos usando eso como mapa Alfa para nuestra obra de arte. Por lo que nuestras pinceladas y toda la textura de las ilustraciones originales se conservan y se revelan por esa capa de forma. Ahora mismo, el final de nuestra línea es plano. Si quería redondear eso, todo lo que tengo que hacer es meterme en mi trazo y cambiar la tapa de línea de culo a redondo, y, de esa manera, simplemente no es un borde tan duro. Vamos a seguir adelante y enmarcar clave los recorridos de recorte. Lo arrancaré a cero, avanzaré dos o tres segundos, y luego pondré el final a 100. Después configuraré mi área de trabajo presionando N en el teclado, y luego ejecutaré la vista previa presionando cero en el teclado numérico. Ahora tengo un escrito-on funcional usando ilustraciones que se creó dentro de Photoshop. Al igual que antes, puedo seleccionar estos dos fotogramas clave y facilitarlos fácilmente, y tal vez viniendo en mi editor de gráficos y exagerar un poco más esa curva, ejecutar vista previa, y ahora tenemos un poco más dinámica de una animación. Ahora algo que acabo de notar fue, al final, el signo de exclamación está escrito un poco diferente de lo que quería. Esta parte superior de aquí escribe de abajo hacia arriba, y prefiero que vaya de arriba hacia abajo. Entonces vamos a entrar en nuestros caminos, y estoy bastante seguro de que es el camino número 2. Si enciendo y apagando eso, se puede ver que ese segmento desaparece. Lo que necesito hacer es revertir la dirección del camino para ese camino. Voy a hacer clic en ese interruptor, y ahora ves que fluye de arriba hacia abajo en lugar de de abajo hacia arriba. Si ejecuto previsualizar eso, se ve bastante bien. Si quisiera, incluso podría habilitar el desenfoque de movimiento para el comp y para esa capa de forma. Ahora, a medida que esto se anima, verás que se está produciendo un desenfoque de movimiento para esa capa de forma. Debido a que lo estamos usando como un mate alfa para la obra de arte, también aparece encima de la obra original. 6. Más opciones y limpieza: Eso es genial. Voy a seguir adelante y apagar poco el movimiento, y echemos un vistazo a algunas opciones más. Voy a abrir los Contenidos, y cambiar el Recortar formas múltiples de forma individual de nuevo a Simultáneamente. Voy a acelerar un poco nuestra animación, cambiar mi área de trabajo, y RAM Preview. Ahora cada personaje está siendo escrito al mismo tiempo. Pero ¿y si quisiera probar algo un poco diferente? Digamos que no quería que las letras comenzaran por el inicio y terminaran por el final. Bueno, porque tengo un valor inicial y final, podría cambiar el primer fotograma clave para el valor final de cero por ciento a 50 por ciento para que el final de recorte comience en medio de cada personaje. Podría cambiar el valor inicial al 50 por ciento también, y establecer un fotograma clave. Ahora, debido a que ambos valores se establecen en 50 por ciento, nada es visible. Si animo el valor final al 100 por ciento, empieza en 50, va a 100, y muestra la segunda mitad de cada letra. Si animo el inicio de 50 - 0, entonces empieza a mitad de camino y termina al principio. Si alijo todos estos fotogramas clave, y RAM Preview, ahora mis cartas escriben un poco diferente. Nuevamente, entraré a mi editor de gráficos, solo dale a esto un poco más de personalidad al aumentar las asas de influencia de la curva, y ahora mi escritura en se ve un poco diferente. Si cambio esto de Simultáneamente de nuevo a Personalmente, se inicia en el punto central de toda la obra de arte y trabaja su camino hacia la parte delantera y trasera. Vamos a RAM Preview eso. Se puede ver lo que eso hace. Tienes un montón de opciones para jugar con el uso del operador Recortar Paths desde una capa de forma. Creo que voy a volver a poner esto a escribir de la manera que normalmente lo haría. Pondré el inicio de nuevo a cero, el final a cero, y lo animaré al 100 por ciento. Entonces voy a añadir un poco más de tiempo a esa animación para que no suceda tan rápido. Estoy bastante contento con la forma en que se ve. Volvamos a salir a nuestra composición principal que tiene nuestra ilustración de fondo. Pero esto podría ser un poco difícil de ver para ti. Sólo voy a añadir un poco de sombra de gota detrás de ella. Ahora establece mi área de trabajo, y previsualiza eso. Ahora tengo esta escritura de letras a mano encima de nuestra obra original. Si vuelvo a mi comp de animación y vuelvo a activar ese desenfoque de movimiento, y luego volveré a RAM Preview en mi comp principal, puedes ver cómo se ve eso. Ahora hay un poco de un tema que está pasando al inicio de esta animación. Si hago zoom en la E, te darás cuenta aquí mismo, entre este marco y ese marco, parte de la letra se está revelando que no queremos verla. Si vuelvo a escribir en comp y acerco, la razón por la que esto está sucediendo es porque el trazo de nuestra capa alfa mate es más ancho de lo que necesita ser en ese punto. Pero debido al grosor del trazo tiene que ser consistente, necesitamos que sea tan grueso para cubrir las partes más gruesas de nuestra obra de arte. Para resolver este problema, voy a tener que enmascarar esas zonas a mano en el momento en que estén visibles. Para ello, voy a hacer clic en la capa “Explorar” y luego cambiar a la herramienta de lápiz pulsando “G” en el teclado, y luego voy a dibujar una máscara que sigue el contorno de esta línea. Tan solo lo suficientemente grande para que pueda cubrir ese tramo, y luego cerrar el camino. Después presionaré “M” para que aparezca la máscara, y la cambiaré de agregar a restar. Entonces haré lo mismo para este segmento inferior. Otra vez cambiando la máscara de agregar a restar, y luego acercando un poco y ajustándola hasta que encaje justo. Eso se ve bastante bien. Voy a establecer un fotograma clave en el Camino de Máscara para ambas máscaras. Después presionaré “U” para colapsar la capa y “U” una vez más para que aparezcan sólo los fotogramas clave. Después con ambos seleccionados, voy a mantener “Opción” más “Comando” y hacer clic en uno de los fotogramas clave, o “Alt” más “Control” y hacer clic en uno de los fotogramas clave de un PC, que convertirá mis fotogramas clave para contener fotogramas clave. Ahora si no sabes lo que es un fotograma clave de retención, es un fotograma clave que no cambia entre otros fotogramas clave. Si fuera a seguir adelante en el tiempo y mover mis caminos de máscara, verás que se genera otro fotograma clave de retención. Entre esos dos, nada cambia. La única vez que cambia la máscara es una vez que golpea ese siguiente fotograma clave de retención, y eso es lo que quiero para esta situación. El siguiente cuadro es donde quiero que estos dos caminos ya no sean visibles. Voy a acercar presionando la tecla más del teclado, luego agarrar los dos segundos fotogramas clave para ambas máscaras y arrastrarlo hasta donde está mi cabeza de juego. Ahora si paso por esta animación un fotograma a la vez presionando las teclas “Pág arriba” y Pág abajo”, verás que hasta ese segundo fotograma clave, esas dos máscaras están ocultando la parte de la obra que se reveló antes. Entonces en cuanto ese camino pasa por ese tramo, las máscaras se sacan del camino. Si previsualizo esto, notarás que ya no vemos ese segmento de la E antes de que se supone que lo hagamos. Está apareciendo un poco en esta X, un poco en esta R, pero sucede tan rápido en esas letras que no sé si realmente necesita tanto trabajo. Depende completamente de ti tomar esas decisiones. En este caso, creo que va demasiado rápido para preocuparme. Solucionar ese primero probablemente fue una buena idea, pero el resto, estoy bastante seguro de que estamos de acuerdo con. Ahora si vuelvo a salir a mi comp principal y previsualizar la animación, tengo un efecto de escritura sobre trabajo encima de la obra original creada dentro de Photoshop, con textura y trazos de pincel. 7. Sé creativo: Entonces con este siguiente ejemplo, lo voy a dar unos pasos más allá para que podamos hacer un poco más de un derecho avanzado. Esta obra tiene más palabras y tiene una mezcla de diferentes tipos de letras, también tiene textura añadida y algunas marcas de acento aquí en la parte inferior. Para este caso, decidí descomponer cada palabra en su propia capa para poder enfocarme en una palabra a la vez en lugar de después de efectos. También he enmascarado esta parte del fondo para que pueda tenerla como capa separada y jugar con algún trabajo de cámara 3D dentro de After Effects. Eso es completamente bono, no tienes que hacerlo, pero te voy a mostrar cómo lo hice. Por lo que tengo mi PSD todo listo. Vamos a traerlo a After Effects. Entonces de nuevo, iré a mi carpeta de imágenes y presionaré “Command” o “Control I” para importar, y luego haré clic en “mi aventura PSD” y me aseguraré de que la composición retener tamaños de capa estén seleccionados y presione “Okay”, y luego arrastraré ese comp en mi carpeta de comps, ábrala, y luego vuelve a ir a la configuración de mi composición presionando “Command” o “Control K” en el teclado. Esta vez la relación de aspecto no está ya establecida en 16 por 9. Ahora no hay nada malo en trabajar en una relación de aspecto diferente a la película. Entonces si quieres que tu obra de arte de resultado final sea un retrato en lugar de un paisaje, eso está totalmente bien. After Effects puede funcionar en cualquier resolución que se le diga, y se puede crear o darle cualquier resolución. Ahora bien, esta composición sigue siendo demasiado grande aunque me iba a quedar en una proporción de 2-3. Desearía bajar esto a probablemente máximo de 800 píxeles de altura solo va a terminar siendo un GIF, o siempre podrías trabajar al doble de esa resolución por si alguna vez lo quieres más grande, y luego escalarlo hacia abajo una vez que vayas a exporta tu GIF. Para mis propósitos, todavía voy a querer trabajar a 1,920 por 1,080. Entonces voy a cambiar mi configuración de composición para que sea que la velocidad de fotogramas 23.976 esté bien para este también. Entonces voy a dejar eso ahí. Presiona “Ok”, y luego ampliaré el panel Línea de tiempo hasta un poquito así que tengo más espacio para ver todas mis capas, y voy a limpiar un poco este comp. Entonces de inmediato tenemos esta capa que está desactivada, que es toda nuestra obra de arte en una capa. No voy a necesitar eso, así que voy a seguir adelante y borrarlo. Esta capa cero copia es la máscara off layer que voy a estar usando para crear algún paralaje. Entonces voy a renombrar esto, en primer plano. Entonces seleccionaré todo, pero el fondo y lo padres al fondo. Entonces haré clic en la capa de fondo, haga clic derecho, transforme, ajuste al ancho de comp. Ahora bien, si fuera a decir fit to comp, esto es lo que pasa. Estira mi imagen. Esto se debe a que la obra original no está configurada para ser como 16 por 9 relación de aspecto, y ajustándose a escalas de comp estás capa a la comp independientemente de qué relación de aspecto sea. Entonces si abro mi báscula, ves que tenemos 80 por ciento en la X y 30 por ciento en la Y, por eso está apretada. Entonces en su lugar, voy a hacer clic derecho, voy a transformar, y decir, encajar al ancho de comp, y de esa manera cabe en el ancho de mi comp. Si fuera a hacer ajuste a altura de comp, entonces vamos a conseguir estas barras negras a los lados. Voy a deshacer pulsando “Comando Z” o “Control Z” y una PC, y ahora veo que mi texto es en realidad un poco demasiado grande. Entonces voy a seleccionar todas mis capas de texto y cambiar la paternidad de fondo a la palabra aventura. Después seleccionaré mi capa de aventura, y escalaré esto hacia abajo mientras mantienes presionado shift en el teclado para constreñir las proporciones, y voy a traer mis guías presionando la tecla apóstrofe del teclado para ayudarme a posicionar esto en el centro de la comp. Creo que puedo hacer esto un poco más grande, eso es bastante bueno. Desconectaré mis guías pulsando de nuevo el apóstrofo una tecla, y ahora quiero seleccionar todas mis capas de texto y descomponerlas presionando “Comando shift C” o “Control shift C” en un PC, y renombraré esta aventura enseguida, y luego pulsa “Ok”. Ahora, puedo entrar en esa comp y ver todas mis capas de textos por su cuenta. Aquí es donde vamos a generar están justo en. Entonces de nuevo, voy a trazar cada palabra una a la vez usando la herramienta de lápiz, creando capas de forma para cubrir toda la obra de arte. Nuevamente, ten en cuenta que estoy haciendo esto en el orden en que se va a escribir. Ahora, debido a que tengo palabras diferentes en diferentes capas, necesito hacer una capa de forma separada para cada palabra. Por lo que esta primera forma capas para la palabra amor. Entonces renombraré este amor, Matte, y lo pondré directamente encima de la capa de amor, y luego pasaré a la siguiente palabra. Está bien, eso fue un poco de proceso, pero ahora todo mi texto está rastreado, y yo quería simplemente mencionarlo rápidamente. Voy a separar estas tres marcas de acento en sus propias capas porque las voy a animar un poco diferente al texto. Entonces voy a renombrar este primero, acento marca uno, y voy a enmascararlo y cambiar la máscara para revelar una marca de acento central, luego duplicado de nuevo, cambiar la máscara, y luego voy a poner el ancla apunte al centro de cada una de estas capas seleccionando las tres, y luego sosteniendo “Opción” “Comando” y pulsando “Inicio” o “Alt” “Control” “Inicio” en una PC. Ves que eso partió mi punto de anclaje al centro de cada una de esas capas. Ahora los tengo separados a los tres, y los rastrearé muy rápido para que podamos hacer el artefacto correcto para ellos también. Ahora, tengo toda mi obra trazada, y podemos empezar a animar usando recorridos de recorte. Entonces lo primero que necesito hacer es hacer todos los trazados Alpha mate para la obra de arte. Por lo que rápidamente voy a seleccionar todas mis capas de ilustraciones haciendo clic en el color de la etiqueta para una de las capas de ilustraciones y diciendo seleccionar grupo de etiquetas, que seleccionará automáticamente cada capa con ese mismo color. Entonces vendré a la opción track man por una de las capas de ilustraciones y la cambiaré de ninguna a Alfa mate, y porque ya había apilado todas mis mattes directamente encima de la obra de arte de la que formaban parte, todas las esteras alfa se están comportando de la manera que deberían y podemos empezar a revelar la obra de arte utilizando los recorridos de recorte. Entonces voy a apagar mis dolores de control de transferencia sólo para darme un poco más de espacio, y vamos a empezar con la primera palabra. Entonces abre ese Matte y mira los contenidos. Ya verás que tengo tres grupos para esa palabra. Al igual que antes, quiero poner todos mis caminos en un solo grupo. Entonces otra forma en que podría hacer esto es abriendo todos los grupos de formas, y luego haciendo clic en la ruta del tercer grupo, manteniendo “Comando” o “Control” en una PC y haciendo clic en la ruta del segundo grupo, y luego haciendo clic en y arrastrándolos a la forma uno y asegurándose de que vayan por encima del trazo. Entonces puedo eliminar los otros dos grupos, y deshacerme del relleno para el grupo que queda. Ahora, tengo los tres caminos más un trazo dentro de mi capa Shape. Puedo colapsar ese grupo, hacer clic en mi contenido y agregar unas rutas de recorte, y luego abriré esas rutas de recorte hacia arriba, estableceré un marco clave para el valor final y lo moveré hacia adelante tal vez un segundo, y luego cambiaré ese valor hacia abajo a cero. También cámbialo de forma simultánea a individualmente, y luego simplemente agrega una facilidad fácil. Establezca mi área de trabajo presionando “N” en el teclado y luego la vista previa de ram presionando “0" en el teclado numérico. De acuerdo, tenemos algunos caminos fuera de orden. Abramos nuestro grupo de formas, y parece que el camino 2 es en realidad el E y el camino 3 es el propio V. No estoy seguro de cómo sucedió eso, pero todo lo que tenemos que hacer para arreglarlo es reorganizar eso, y corrimos la vista previa y ahora lo escribe en el orden correcto. Ahora algo más que quiero hacer es cambiar el tipo de gorra a redonda. Entonces entraré en mis propiedades de trazo y cambiaré el tope de línea a tapa redonda, y cambiaré mi inglete unirse a round join, y presionaré una “U” para sacar mis fotogramas clave, volver a ejecutar vista previa, y creo que eso podría ir solo un poquito demasiado rápido. Entonces voy a sacar eso solo un poquito más y ejecutar vista previa. A mí me gusta esa velocidad, pero si te das cuenta aquí mismo, tenemos un poco de la L apareciendo que realmente no debería ser. Ahora, puedo intentar corregir esto ajustando un poco mi camino, y luego tal vez bajando el tamaño del trazo solo un pelo. Ahora, el problema al hacer esto es que te darás cuenta ya que me estoy deshaciendo de esos dos bordes que están apareciendo, también está adelgazando el ancho de línea en el resto de mis letras. Entonces te toca a ti si este es el método que quieres hacer para resolver el problema de tener rutas que se superponen, pero la mayoría de las veces, la cantidad que pierdes es un poco suficiente que muchas veces vale la pena acelerar tu flujo de trabajo para perder un poco poco de tu obra de arte, pero esa es completamente tu llamada. Si corrí la vista previa de esto ahora, estoy contento con la forma en que se ve, y podemos pasar a la siguiente palabra. Entonces abriré el es Matte, entraré en los contenidos, abriré esos dos grupos, y trasladaré este segundo camino de grupos al primer grupo. Entonces eliminaré el segundo grupo, eliminaré el relleno del primer grupo, y parece que el camino 1 es el S. Así que voy a mover eso a la segunda ranura, y ahora hay que ordenar el camino correcto, y ahora nosotros en realidad puede simplemente copiar y pegar las rutas de recorte de la letra anterior. Por lo que no tengo que hacer un trabajo extra. Recuerda que dondequiera que esté tu cabeza de juego en la línea de tiempo es donde van a aparecer los fotogramas clave que pegas. Entonces voy a volver al principio y pegar ahí. Ahora, tengo unos recorridos de recorte con dos fotogramas clave, y si corrí vista previa, parece que estaba al revés en el orden de esos caminos. Entonces voy a volver atrás y revertir ese orden, ejecutar vista previa. Ahora, la escritura en el orden correcto, pero se está poniendo un poco demasiado lento. Entonces voy a presionar U para que traiga los fotogramas clave, y voy a traer este segundo fotograma clave en bastante. Corremos a repasar eso, y estoy contento con esa velocidad. Todavía no me voy a preocupar por el tiempo de todas estas capas. Eso lo haremos un poco más tarde. Por ahora, pasemos a la siguiente palabra. Viniendo de nuevo, ahora ésta tiene cinco formas. Por lo que para acelerar el proceso, voy a seleccionar uno de mis puntos de anclaje, mantener pulsado el comando o el control en una PC. Haga clic y arrastre para seleccionar todas mis rutas, comando X o control X en PC para cortar, eliminar grupos del dos al cinco, y luego pegarlo en el primer grupo de formas, abra eso. Arrastre todos esos caminos por encima del trazo, elimine el relleno y, a continuación, invierta el orden de estos trazados. Ahora, puedo copiar y pegar esos recortes otra vez, y de nuevo volveré al primer fotograma para pegar, y luego correré vista previa, y eso se ve bastante bien, pero creo que lo voy a hacer un poco más largo y ajustamos mi área de trabajo para que solo tengamos una vista previa de esa parte. A lo mejor eso fue un poco demasiado. Básicamente estoy tratando de igualar la velocidad de la palabra es. Creo que eso está bastante cerca, y podemos pasar a la siguiente palabra, y ésta tiene todo un montón de grupos. Entonces de nuevo, voy a hacer el método más rápido de sólo seleccionar un punto, arrastrar un cuadro para seleccionarlos todos y trayectos, cortar, eliminar todos menos el primer grupo, pegar en ese primer grupo, mover todas esas rutas arriba el trazo. Deshazte del relleno, y luego invierte el orden de mis caminos, y luego copiaré los recortes de la primera palabra y lo pegaré en el mate aventura, mostraré los fotogramas clave y solo mi área de trabajo, para luego previsualizar. Eso es bastante rápido en la zona centro. Entonces voy a arrastrar un poco esto, y luego tal vez ajustar mi curva de velocidad. Entonces en realidad es menos de lo fácil que me dio la facilidad. Vamos a previsualizar de nuevo. A lo mejor aumentó esa curva sólo un poco, y luego también voy a ajustar el trazo para que tenga alrededor de la tapa. Yo también lo voy a hacer por las otras dos palabras. Entonces solo abriré el trazo, lo cambiaré de tapa trasera alrededor de gorra, y ahora todos mis trazos tienen gorras redondas. Entonces solo agregaré los recorridos de recorte a estas tres marcas de acento, y como cada una de ellas solo tiene un camino, no tengo que hacer ninguna limpieza dentro de la Capa de formas. Entonces solo copiaré las rutas de recorte de una palabra diferente, y luego la pegaré en la parte superior del mapa para cada una de estas marcas de acento todas al mismo tiempo. Presione “U” para que aparezcan los fotogramas clave y, a continuación, ejecute la vista previa. Voy a hacer que eso suceda un poco más rápido y tal vez aumente la velocidad entrante del segundo fotograma clave, y vamos a ejecutar la vista previa. Sí, me gusta la forma en que se ve. Ahora, vamos a asegurarnos de que nuestro trazo esté ajustado a gorra redonda, y correr la vista previa de todo el asunto, y eso se ve bastante bien. 8. Dale un tiempo de descanso: Ahora podemos trabajar en el tiempo. Comience moviendo todas las capas excepto la primera palabra hacia adelante en el tiempo. Voy a hacer clic en la primera capa, desplazar, hacer clic todo el camino hacia abajo en la capa es, y luego moverlos hacia adelante una buena cantidad de tiempo. Puedo enfocarme en sólo la primera palabra. Estableceré mi área de trabajo y ejecutaré la vista previa. Creo que quiero que la siguiente palabra entre justo aquí para que no tome demasiado tiempo para que toda esta frase se anime. Seleccionaré la siguiente palabra y traeré eso de vuelta a tiempo para justo ahí, y luego agarraré la siguiente palabra que aparece justo después ella y que se superponga solo un poquito también. Analicemos cómo se ve eso. A mí me gusta ese tiempo hasta ahora, así que pasemos a la siguiente palabra. Probablemente voy a tener que empezar justo por aquí. Agarré la siguiente palabra, la arrastraré hacia atrás y apuesto a que incluso podría empezar eso antes. A ver cómo se ve eso. En este punto, la mayor parte del paseo en efecto está sucediendo en la palabra Aventura y eso es más o menos lo que yo esperaría porque es la palabra más larga de toda la frase. Lo que realmente quiero hacer es solapar la animación de diferentes personajes dentro de esa palabra para que no se tome tanto tiempo en escribir. Para ello, necesito entrar en la capa mate Adventure y en realidad voy a agrupar algunos de estos caminos con sus propios recorridos de recorte. Primero voy a arrastrar esta capa de recorte paths justo debajo del camino 8 y los caminos 8, 9, y 10 son los A en Aventura. Voy a seleccionar todos esos más los recorridos de recorte y agruparlos presionando Comando G o Control G en una PC, y luego voy a cambiar el nombre de este grupo, A. Ahora, la trayectoria de recorte sólo está afectando a esa capa. Ahora lo que me gustaría hacer es que tanto este camino como ese camino se animen simultáneamente y creo que podemos hacerlo con un solo recorridos de recorte. Si entro en mis recorridos de recorte y cambio el primer fotograma clave para el valor final a 50 por ciento y el primer valor de fotograma clave para el inicio a 50 por ciento y luego voy al segundo fotograma clave, y animo el inicio a cero y mantengo el final animando a 100, entonces facilare todos los fotogramas clave. Si me frego, casi está haciendo lo que quiero. Lo que creo que necesito hacer es revertir la dirección del primer camino. Haré clic en eso y luego previsualizaré. Eso es exactamente lo que quería. Hagamos que esta animación sea un poco más rápida y luego configuremos mis áreas de trabajo, empecemos presionando B en el teclado y luego establecemos las áreas de trabajo finales presionando N en el teclado y luego ejecutemos la vista previa. De nuevo, sólo me estoy centrando en la letra A. Eso es más o menos exactamente lo que quería. Déjame ajustar un poco la curva de velocidad para ambos valores de fotogramas clave y ejecutar vista previa de nuevo y creo que eso es genial. Ahora voy a colapsar ese grupo de forma y pasar al D. Ahora realmente puedo agrupar ese camino por sí mismo. Volveré a presionar Comando G o Control G, y renombrar esto a D y luego añadiré unas rutas de recorte a ese grupo. Creo que voy a querer que empiece a escribir sobre aquí mismo. Entonces abriré los recorridos de recorte, estableceré el final a cero, estableceré un fotograma clave, avanzaré en el tiempo, y probablemente querré que la D deje de animar alrededor del mismo tiempo que la A lo hace. Iré al mismo punto en el tiempo que la A deja animar y cambiar el valor del final al 100 por ciento. Entonces los aligeraré fácilmente, entraré en mi editor de gráficos, y ajustaré la velocidad entrante para el segundo fotograma clave para que sea un poco más exagerado, luego ejecute la vista previa y eso es bastante bueno. Creo que quizá la animación debería durar un poco más. Vamos a previsualizar eso. Sí, me gusta esa velocidad. Para el siguiente grupo de letras, voy a querer que empiece a animarse aquí mismo, justo cuando esta parte de la D se anime en donde se une con la V. En realidad voy a copiar este recorte paths. Ve a la siguiente ruta, agrupéala pulsando Comando G, renombrando este ven, y luego pegando las trayectorias de recorte. Parece que en realidad podrías empezar un par de fotogramas antes. Lo abriré y me meteré en los recorridos de recorte y traeré los fotogramas clave probablemente solo un fotograma y ejecutemos una vista previa de eso. Sí, me gusta eso hasta ahora y se puede ver que esto solo está creando un poco más de un efecto superpuesto. Voy a traer ese segundo fotograma clave en sólo un par de fotogramas para que termine un poco más rápido. Ahora pasemos a la T. Ahora la T es en realidad dos caminos diferentes. Voy a agruparlos a ambos juntos, y luego voy a ir al punto en el tiempo donde quiero que la T empiece a animar, que probablemente está aquí mismo y debería tener ese recorte todavía copia a mi portapapeles. Si intento pegar de nuevo, lo suficientemente seguro, pegó los recorridos de recorte. Si ejecuto la vista previa, veamos qué hace eso. Eso no está mal, en realidad me gusta el movimiento que tiene somos ambas líneas se dibujan en él al mismo tiempo. Pero creo que podría pasar un poco más rápido y un poco antes. Abramos los recorridos de recorte, tiremos de los fotogramas clave hacia atrás un par de fotogramas, y llevemos el segundo fotograma clave y algunos fotogramas. Vista previa de eso. A mí me gusta ese momento. Pasemos a las últimas tres letras. Ahora estas tres letras están separadas. En realidad voy a hacer cada una de ellas individualmente para que pueda superponerse a cada una de ellas. Agruparé el primero lo nombra u, agruparé el segundo, lo nombraré r, y agruparé el tercero y lo nombraré e Entonces iré al punto en el tiempo que quiero que la u empiece a animar. Probablemente justo ahí y luego pegar de nuevo, ve a donde quiero que comience la r, pega de nuevo y luego vaya a donde quiero que empiece la e, pegue de nuevo. Ahora todos estos incrementos se estiman por completo y probablemente voy a querer cambiar el tiempo de todos ellos. No te preocupes por el número exacto de cuadros que estoy compensando cada uno de estos, todo necesita finalizando. Las últimas tres letras necesitan animarse un poco más rápido y quizá quiera ajustar un poco la velocidad del editor de gráficos. Presionaré u para que aparezcan todos los fotogramas clave para esa capa y sé que los últimos tres conjuntos de fotogramas clave son para esas últimas tres letras. Voy a hacer que todos se animen un poco más rápido y veamos cómo se ve eso. Creo que puedo superponerlos incluso un poquito más. Vista previa de eso. A lo mejor eso fue un poco demasiado. Voy a mover eso de nuevo a la forma en que lo teníamos y entonces tal vez sólo que animen un poco más rápido y veamos cómo se ve eso. Eso es bueno. Ahora creo que quiero extender un poco más la T para que siga animando, mientras que las últimas tres letras no están animando. También voy a tirar hacia atrás el primer fotograma clave y el e solo un par de fotogramas por lo que se tarda un poco más en animar y luego este fotograma clave aquí debería ser para la t, así que voy a sacar eso para alinear con el final de la e y veamos cómo se ve eso. Retrocedamos esta área de trabajo arriba y veamos cómo se ve todo hasta ahora. Eso me gusta. Pasemos a las marcas de acento. Probablemente puedan estallar justo por ahí. Agarré todas esas capas para las marcas de acento y desplazaré el punto final de todas esas capas hacia donde está mi cabeza de juego presionando el soporte izquierdo. Ahora todos empiezan justo en ese punto en el tiempo. Vamos a previsualizar eso. Creo que eso es bastante bueno, pero quiero agregar un poco más de movimiento a esto en lugar de solo tenerlo aquí arriba, también voy a escalar cada marca de acento. Encontremos el segundo fotograma clave para cada una de estas marcas de acento. Entonces quiero padre el mate a la capa de ilustración original para cada marca de acento. Ahora donde vaya la obra de arte, el mate irá con él. Entonces quiero volver a posicionar el punto de anclaje para estar justo aquí para cada una de estas marcas de acento. Voy a acercar, cambiar al panorama detrás de las herramientas o herramienta de punto de anclaje presionando Y en el teclado, luego voy a hacer clic y arrastrar en mi punto de anclaje para reposicionarlo justo por ahí. Haré lo mismo por las otras dos marcas de acento. Todos tienen aproximadamente el mismo punto de anclaje y luego seleccionaré las tres capas de ilustraciones y estableceré un fotograma clave de escala manteniendo pulsada Opción o Alt en un PC y presionando S. Entonces volveré al primer fotograma de cada capa y escalarlos hacia abajo mientras mantiene presionado Shift para constreñir las proporciones. Probablemente vayamos justo ahí. Después agarraré el segundo fotograma clave de cada capa fácil facilidad presionando F9 en el teclado, entraré en el editor de gráficos y luego tiraré del valor de influencia entrante de los segundos fotogramas clave todo el camino hacia la izquierda. Entonces pondré mi área de trabajo en sólo esa porción y previsualización. Eso podría ser un poco demasiado rápido. Voy a sacarlos solo unos fotogramas y luego tal vez traiga los fotogramas clave para el alfa mate real, saca esos así tal vez no tan lejos y entonces realmente me voy a deshacer de la flexibilización en el primer fotograma clave para cada una de esas animaciones recortadas de ruta. Para ello, sostendré Comando o Control en un PC y pincho en uno de los fotogramas clave y que los convierte de nuevo a lineales. Creo que los fotogramas clave de las rutas de recorte realmente necesitan durar más que los fotogramas clave de escala. Voy a sacarlos aún más. Eso se ve mejor. Ahora, voy a entrar al editor de gráficos y sólo tirar de este mango todo el camino hacia la izquierda. Prevista cómo se ve eso y luego tal vez sólo traerlos de vuelta en un poco. Sí, creo que eso es todo. Ahora ajustemos un poco el tiempo de estas animaciones. Voy a tambalearlos para que vayan en orden de izquierda a derecha. Seleccionaré todas las capas para la segunda herramienta, desplazaré quizá por dos o tres fotogramas, selección de estas dos capas por comando o control, haciendo clic en ellas y luego desplazar dos o tres fotogramas más y luego previsualizar. Ahora nuestra animación es poco offset. Creo que tres fotogramas probablemente son demasiados, así que voy a traer estos cada extremo por un fotograma y luego alejar para poder ver toda mi obra de arte y luego ejecutar la vista previa de todo el asunto. Creo que eso es genial. Probablemente pueda simplemente traer esas marcas de acento en un poco tiempo y luego acelerar todo lo que está por delante. Seleccionaré el segundo conjunto de fotogramas clave para cada propiedad animada y los arrastraré hacia atrás en el tiempo solo un par de fotogramas y ejecutar vista previa. Creo que el tiempo es bastante puntual en. Ahora de nuevo, depende completamente de ti determinar qué tipo de cronometraje, animaciones, todo para tu propia obra de arte. Así es justo como terminé animando la mía, pero las posibilidades de lo que podrías hacer con tus letras son prácticamente infinitas. 9. Trabaja en capas: Entonces ahora que tenemos esta animada, volvamos a nuestra comp principal. Voy a desprevisualizar esto para que podamos verlo sobre nuestra imagen de fondo. Entonces este es un efecto de escritura perfectamente decente, y es ligeramente diferente al que ya hicimos. Pero, ¿cómo podemos llevarlo un paso más allá? Bueno, una cosa que podríamos hacer es agregar un segundo trazo que sea de un color diferente, que aparece antes de este trazo. Para ello, voy a duplicar este precomp. Por lo que ahora tengo dos copias de nuestra obra de arte animando. Si compenso este por tal vez uno o dos fotogramas, y luego vengo al primero, voy a añadir un efecto de relleno. Eso me permite cambiar el color de esa capa. Si llego al efecto, puedo cambiar el color a lo que quiera, y digamos que quiero que sea el color amarillo de lo que hay en el mapa. Bueno, puedo escoger el cuentagotas, y luego probar el color, y luego probablemente querré aumentar la saturación, hacerlo un poco más brillante, y me parece un poco verde, así que voy a hacer un poco más amarillo. Presiona “Ok”, y ahora vamos a previsualizar la animación. Ahora ya ves que tenemos un rastro que conduce frente a esta animación que es de un color diferente al de la obra final, y estas capas apiladas de animación simplemente agrega otra capa de profundidad a tu efecto de escritura en. Pero, ¿y si quisiéramos llevarlo un paso más allá? Bueno, voy a entrar en mi proyecto, y encontrar esa composición, Adventure WriteOn, y voy a duplicarla presionando Command D o Control D en una PC, y luego le renombraré, Adventure WriteOn Dashed. Entonces entraré en esa comp, me daré un poco más de espacio, colapsaré todas las capas presionando U en el teclado, y luego abriré las primeras palabras Matte. Después entraré en el contenido, en la forma, en el trazo, y luego añadiré un guión y un hueco. Voy a acercar esto para que podamos ver qué está pasando y apagar la visibilidad de mi trayectoria de máscara. Si aumento el tamaño del hueco, y tal vez bajo el ancho del trazo, ahora tenemos una línea discontinua que es un poco más delgada que nuestra obra original. Esto todavía anima exactamente de la misma manera que lo hizo nuestra escritura original. Ahora podemos copiar este trazo. Entra en las siguientes palabras, Mate, ve al Contenido, encuentra el trazo, selecciónalo , y luego pega, y ahora todas las propiedades de ese trazo también se aplican a éste, y seguiré haciendo esto por el resto de las palabras. Entonces ahora tengo una versión punteada de toda la animación de escrito-on que ya tenía. Se puede ver que tenemos algo raro pasando con la A, pero no te preocupes por eso por ahora, volveré a cómo podemos arreglarlo en tan solo un minuto. Por ahora, volvamos a salir a nuestra comp principal, duplicamos la segunda capa, que es la que tiene aplicado el relleno amarillo, y ahora la vamos a reemplazar por nuestra comp discontinua. Para ello, voy a tener seleccionada la capa que quiero reemplazar, luego subiré al proyecto, pincharé y arrastraré sobre la comp que quiero, mantenga pulsada Opción o Alt en un PC, mientras arrastra esa capa encima del seleccionado. Entonces soltaré el ratón, y esas comps se intercambian. Después seleccionaré la primera y la tercera capas, y las desplazaré por dos fotogramas manteniendo pulsada Opción o Alt en un PC y presionando la página Tecla abajo dos veces. Ahora si ejecuto la vista previa, ves que ahora tengo una línea amarilla discontinua seguida de una línea amarilla sólida, y luego finalmente una línea sólida blanca. Si quisiera ver aún más esa línea discontinua, podría compensar estas dos capas un par de fotogramas más, y ahora esa línea de sendero discontinua lleva mucho más allá. Ahora si estás usando una animación de ruta discontinua y no estás teniendo ningún problema, entonces realmente no necesitas hacer este siguiente paso. Pero digamos que sí tienes un problema como yo, o la línea discontinua se está moviendo en lugar de simplemente ser revelada. Esto está sucediendo porque animamos tanto los valores de inicio como final para el interior A de las palabras de aventura mate, y el valor de inicio determina dónde comienzan los guiones en una capa de forma After Effects. Entonces si estás teniendo este tema, me pareció que lo más simple que hacer es deshacerme primero de toda tu animación. Así que solo presiona “U” para que aparezcan todos tus fotogramas clave, y luego voy a expandir este panel teniendo mi ratón sobre él, y luego presionando la tecla Tilde, que está directamente debajo de la tecla Escape en el teclado, esa pequeña línea garabateada. Después voy a hacer clic y arrastrar una selección alrededor de todos mis fotogramas clave, y presionar “Eliminar”. Después presionaré “U” para colapsar todas las capas, ir al primer fotograma, seleccionar todo, y presionar el corchete izquierdo para ajustar los extremos de todas mis capas al cabezal de reproducción. Después presionaré la tecla Tilde una vez más, para volver a la vista de panel normal, y ahora tengo una comp con todas mis letras como un trazo de escritorio, sin animación. Entonces volveré a salir a mi comp principal, me daré un poco más de espacio para ver. Ahora tenemos toda la ilustración de línea discontinua apareciendo todo el tiempo. la misma forma en que usamos una capa de forma como un mate Alfa, dentro de estos precomps, en realidad podríamos usar este precomp como un mate alfa para la ilustración discontinua. Entonces haré otro duplicado de nuestra ilustración original, lo arrastraré hacia abajo, lo cambiaré para comenzar en el mismo punto que la comp de líneas discontinuas, seleccionaré la comp de líneas discontinuas y cambiaré el mate de pista a mate alfa. Ahora, si solo esta capa, se puede ver que esa línea discontinua ahora se está escribiendo igual que antes, y la razón por la que esto está sucediendo, es porque la capa que estamos usando como un mate alfa, es nuestra original obras de arte precomp, que tiene la animación incorporada ya. Por lo que la línea discontinua nunca se mueve, sólo se está revelando exactamente de la misma manera que lo son las otras letras. Usar este método en realidad es un poco mejor, porque sin embargo cambies tu animación dentro de tu comp animado principal, va a afectar la forma en que se está animando la línea discontinua, porque el precomp de línea discontinua está usando el precomp animado como su mate alfa. Ahora de nuevo, si estás usando líneas discontinuas y no te encuentras ningún problema o no te importa que se mueva la línea discontinua, entonces de ninguna manera tienes que hacer este método. Pero ahora ya sabes cómo hacerlo, si alguna vez te encuentras con ese tema. 10. Agrega un paralaje con una cámara 3D: Estoy realmente contento con la forma en que luce la animación. Ahora juguemos con el poco de paralaje. Ya que tengo esta separación de capas de fondo en primer plano, voy a empezar por la crianza de todas las capas de letras a la capa final de ilustraciones. Después voy a hacer de todo una capa 3D haciendo clic y arrastrando hacia abajo en el interruptor de capa 3D para todo, luego voy a añadir una nueva cámara yendo a Capa, Nueva Cámara. Voy a configurar esta cámara para que sea preestablecida 50 milímetros. Asegúrese de que la profundidad de campo esté desactivada. Presionar Ok. Aquí es donde me gustaría que terminara la obra de arte. Voy a seguir adelante a tal vez cuatro segundos. En lugar de posicionar fotograma clave pulsando la Opción P, mientras se tiene seleccionada la capa de cámara. Después volveré al primer fotograma, cambiaré a mi herramienta de cámara presionando C en el teclado, y seguiré presionando C para recorrer todas las opciones de herramientas hasta llegar a la herramienta de cámara de pista Z. Si hago clic y arrastre sobre la composición, puedo tirar de la cámara hacia atrás hasta que se trate de dónde la quiero para esta animación. No estoy seguro si eso fue lo suficientemente lejos o demasiado lejos. Entonces, solo previsualicemos y veamos cómo se ve eso. Ahora tengo un bonito dolly lento en mi obra de arte, y eso es genial. Pero, el problema es que podemos ver más allá la capa de fondo en ambos lados y estamos consiguiendo estas barras negras. Entonces lo que necesito hacer es desplazar la capa de fondo en espacio Z así como la capa de primer plano sólo un poco, y luego, aumentar la escala para que no veamos los bordes de nuestra comp. Empecemos en el primer marco de nuestra composición. Agarra nuestra capa de fondo, cambia a la herramienta de selección presionando V en el teclado, y luego pasa el mouse sobre el mango azul donde dice Z, luego, haz clic y arrastra para moverlo hacia atrás. Algo que olvidé fue que, el primer plano estaba ligado al fondo. Entonces en realidad voy a deshacer eso, desemparejar el primer plano del fondo, y luego empujar la capa de fondo de nuevo en el espacio Z. Ahora ves que la capa de primer plano se está quedando donde estaba. Una vez que llegue eso lo suficientemente lejos, haré clic en uno de los manejadores de transformación y mantendré pulsada la tecla shift to constraint proporciones hasta que cubra todo el fondo. Ahora mi capa de primer plano es demasiado pequeña y puedes ver un duplicado de la capa de fondo detrás de ella. Entonces necesito escalar eso también. Pero primero, quiero empujarlo de nuevo en el espacio Z un poco. Ahora voy a hacer clic en el mango de transformación y mantener el turno hasta que se escale lo suficiente para cubrir toda la imagen de fondo y luego tirarla hacia abajo, para que no puedas ver nada detrás de ella. Ahora si ejecuto Preview, es extremadamente sutil, probablemente demasiado sutil, pero ahora hay un poco de paralaje entre el primer plano, el fondo y el texto. Yo quiero que esto sea mucho más dramático. Entonces voy a empujar la capa de fondo mucho más atrás en el espacio Z. Voy a abrir la propiedad de posición, y luego hacer clic y arrastrar sobre el valor Z hasta que esté alrededor de 2,000 píxeles. De hecho, sólo voy a teclear en 2,000. Entonces, lo escalaré de nuevo. Entonces, agarraré la capa de primer plano, presionaré P para abrir esa posición, y empujaré eso de nuevo a unos 800 píxeles. Entonces, escalaré eso hacia arriba, lo reposicionaré, y luego, ejecutaré Preview. Ahora, es sólo un poco más notable. Definitivamente quiero que sea sutil porque es un efecto sutil. Pero ahora se puede decir que hay tres capas diferentes a mi composición. El texto se desplaza desde el mapa, y el mapa se desplaza desde el fondo. Sólo para que puedas tener una idea mucho más clara de lo que está pasando, voy a aumentar aún más esto. Ahora realmente se puede decir ese paralaje entre las tres capas diferentes. El texto está mucho más lejos del mapa de lo que estaba antes, y el mapa está extremadamente lejos de ese fondo. Ahora, como dije antes, iba por un efecto sutil. Por lo que nunca querría empujarlo tan lejos. Pero ahora se puede tener una idea de lo que realmente hice. 11. Agregar textura: Este ejemplo ya he animado similar a la forma en que animé el último ejemplo. Cada letra tiene sus propias trayectorias de marco y cada carácter es compensado por sólo un marco o dos. También tengo estos pequeños puntos rebotando arriba y abajo para su animación. Ya he agregado una cámara 3D y desplazado el texto del fondo. Ahora, lo que quiero hacer es agregar un segundo color que acaba de aparecer en la punta de estas letras, y también darle un poco de textura para que parezca que es pintura húmeda siendo cepillada. Para ello, quiero precomponer este precomp escrito. Ahora, sabía que iba a hacer múltiples precomps, así que seguí adelante y nombré a éste Michigan-Writeon-01. Ahora, cuando lo precomp, lo voy a cambiar a Michigan-Writeon-02 y presionar bien. Entonces entraré en ese precomp y ahí veremos que tenemos nuestro precomp original por sí solo. ¿ Cómo puedo aislar sólo la punta de este escrito? Bueno, déjame empezar por duplicar la capa, renombrar este pincel, y luego agregar un relleno. Voy a hacer que sea un poco menos difícil mirar rojo. Entonces voy a duplicar esa capa otra vez, y nombrar a este pincel mate. Yo quiero deshacerme del efecto de relleno, y hay un atajo de teclado rápido para eso. Al mantener el cambio de comando E o el cambio de control E en un PC se eliminarán todos los efectos. Ahora, estoy de vuelta a mi texto original solo blanco y voy a apagar mi obra original solo para poder enfocarme en el pincel. Me acercaré al inicio de la animación y luego presionaré la tecla más para acercar mi línea de tiempo. Quiero desplazar mi capa mate pincel por solo un fotograma hacia adelante, así que voy a dar clic y arrastrarlo, y ahora vemos que tenemos esta punta roja seguida del camino blanco. Este es el método exacto que utilizamos en el último ejemplo con el camino amarillo seguido por el camino blanco. La diferencia es que quiero aislar menos de este camino que lo que se está mostrando aquí. Pero realmente no puedo hacer eso porque sólo puedo compensar esta capa por un fotograma a la vez, y un fotograma es demasiado. Lo que necesito hacer es meterme con la reasignación de tiempo de la capa, y debido a que After Effects está generando la animación, puede re-interpolar mis fotogramas clave para ajustarse a la reasignación de tiempo. Ahora, sé que acabo de lanzar un montón de grandes palabras ahí fuera sobre ti. Está bien si no sabes lo que significan, solo síguelo y lo haremos. El primero que quiero hacer es encontrar dónde está el último fotograma clave para la animación de capas blancas. Parece que este cuadro de aquí es el último fotograma de la animación. Voy a seguir adelante y marcar esta capa subiendo a capa y bajando para agregar marcador. Ahora tengo una marca, así que siempre sabré dónde debe terminar esa animación. A continuación, quiero cambiar el color de esta capa solo para que no la mezcle con las otras. Voy a dar clic en el color de la capa y cambiarlo a tal vez amarillo. A continuación, quiero hacer clic derecho en la capa, desplazarme hacia abajo hasta el tiempo y hacer clic en habilitar la reasignación de tiempo. Ahora, eso abre la propiedad de remapeo de tiempo y se puede ver que ahora tenemos un fotograma clave. Si me alejo, verás que tenemos un segundo fotograma clave aquí abajo. Ahora sólo realmente rápido para entender qué es la reasignación de tiempo, es ahora mismo, este fotograma clave representa el comienzo de ese tiempo comps y este fotograma clave representa el último punto en ese tiempo comps. Si me desplazara hacia adelante hasta que esto esté en un segundo y establezca un fotograma clave, ahora tengo un valor de fotograma clave de un segundo en el punto apropiado de ese precomp. Si la vista previa de RAM, nada ha cambiado. Pero si fuera a agarrar ese fotograma clave y tirarlo hacia atrás para estar en digamos fotograma 12 y luego previsualizar, se puede ver que esa animación está sucediendo el doble de rápido. La propiedad de remapeo de tiempo te da la capacidad de volver a cronometrar tus capas animación o reproducción de video si estás usando videos para lo que quieras. Debido a que After Effects está generando la animación para esta comp, es capaz de echar un vistazo a lo que estás cambiando el tiempo e interpolar apropiadamente la animación a tu tiempo definido sin perder ninguna calidad. Voy a deshacer hasta que me deshaga de ese fotograma clave. Entonces vamos a ir a ese marcador que había puesto para donde termina la animación. Aquí es donde quiero un conjunto de fotogramas clave. Ahora bien, en realidad no quiero acelerar esto para nada, pero sí quiero compensarlo un poquito. Si vuelvo a alrededor de aquí y selecciono estos dos fotogramas clave, teniendo en cuenta que estos son los dos fotogramas clave que contienen la cantidad de tiempo que dura la animación, aún puedo arrastrar estos un fotograma a la vez en esta vista. No obstante, si entro a mi editor de gráficos y tengo esos dos fotogramas clave seleccionados, y bajé a esta pequeña caja justo aquí donde dice elegir tipo de gráfico y opciones, hay una pequeña opción que dice permitir fotogramas clave entre fotogramas. El mío está revisado. Si el tuyo no lo es, adelante y compruébalo. Lo que esto te permite hacer es cambiar tus fotogramas clave entre fotogramas. Al estar haciendo esto, se puede ver que tengo mucho más control cuanto a hasta qué punto se están desplazando esos recorridos de recorte. Déjame deshacer eso y acercar un poco más. Volveré al frente de mi línea de tiempo. Ya verás que este es el primer fotograma de ese comp en el fotograma uno en el comp. Si voy hacia adelante un fotograma y tengo ambos fotogramas clave seleccionados para que el tiempo entre los dos no cambie, puedo hacer clic, mantener pulsada la tecla Mayús y arrastrar este fotograma clave entre el fotograma en el que estaba y el fotograma después de él en cualquier punto en- entre. Esto nos da un mayor control en cuanto a qué distancia está esta línea roja de la línea blanca. Nuevamente, voy a hacer clic, mantener el turno y arrastrar hasta que apenas esté saliendo de la punta de esa línea roja. Ahora, mucho menos de esa línea roja se está mostrando, que es exactamente lo que quería. Ahora, en realidad no quiero que este mate de pincel sea visible, así que lo que voy a hacer es tomar la capa de pincel y cambiar el mate de pista a mate invertido alfa. Ahora la diferencia entre alfa mate y alfa invertido mate es que alfa mate te mostrará lo que sea que se muestre dentro de la capa mate. mate invertido alfa te mostrará lo que no se esté mostrando dentro de la capa mate. Es literalmente solo invertir tu mate. Ahora bien, si acerco aquí, se puede ver que parte de la textura y un contorno sigue apareciendo para la capa roja, y eso no quiero. Para arreglar esto, voy a volver a mi cepillo mate y voy a añadir lo que se llama la gargantilla simple. Si enciendo esta capa y ajusto el valor mate de estrangulamiento, puedes ver lo que está haciendo. Si lo incrementas, ahogará los límites hacia abajo de tu capa y si la ajustamos en dirección negativa, expandirá los bordes. Quiero ampliar esto solo un poquito para que se superponga todos los bordes de la capa roja. Ahora, si apagamos eso, ves que nos queda sólo con la punta de ese rojo. Vamos a la RAM previsualizar esto. Ahora tenemos estos trazos de punta de pincel que se están aplicando para cada una de nuestras letras y todo se está basando en nuestro precomp original. Volvamos a encender esa obra original. Ahora, de nuevo, esto no es muy diferente a lo que ya teníamos. Tenemos que llevarlo unos pasos más allá. El primer tema es que nuestra capa roja está superpuesta al mismo tiempo que nuestra capa blanca. Voy a seleccionar mi obra original y desplazarla hacia adelante un fotograma manteniendo la opción o alt en un PC y presionando la tecla página abajo. Ahora, necesito habilitar el remapeo de tiempo para la capa de pincel para poder desplazar tanto el pincel como el pincel mate hacia atrás para que el rojo se superponga en la parte superior del blanco solo un poco. Voy a hacer clic derecho en la capa, desplazarme hacia abajo, ir al tiempo, habilitar el remapeo de tiempo y luego llegaré al punto en el tiempo donde termina la animación y luego ir un fotograma hacia atrás ya que esta capa se desplaza un fotograma de esa capa. De nuevo, pondré un marcador de capa para éste también. Pondré un fotograma clave para ese punto. Después seleccionaré los fotogramas clave para ambas capas remapeadas de tiempo. Volver arriba en el tiempo sólo un poco para poder ver tanto la capa blanca como la capa roja, entrar en mi editor de gráficos, acercar, hacer clic y arrastrar en uno de los fotogramas clave mientras mantiene presionado shift hasta que se superpone a mitad de camino encima de la capa original. Se puede ver que esa punta se está superponiendo a la capa blanca. Ahora podemos agregar textura a la punta roja para simular una pincelada. Con mi capa de pincel seleccionada, añadiré otro efecto llamado bordes rugosos. En su configuración por defecto, realmente no se ve de la manera en que lo necesitamos. Lo primero que voy a hacer es darle la vuelta bastante arriba a la frontera, algo alrededor de 20. Entonces bajaré la báscula. Probablemente algo así. Entonces subiré un poco la nitidez del filo. Si acerco aquí, puedes ver que ahora hay una textura al mapa rojo. Ahora la forma en que debería verse esto es completamente subjetiva. Deberías jugar con los ajustes hasta conseguir algo con lo que estés contento. Hay todo un montón de valores diferentes con los que puedes jugar que te darán diferentes texturas. Estoy bastante contento con la forma en que se ve eso. Vamos a la RAM previsualizar esto. Lo primero que noté es que realmente no se puede ver la marca del pincel. Es demasiado corto, sobre todo en las letras distintas a la M. Déjame alejarme un poco. Agarra estos dos fotogramas clave, entra en mi editor de gráficos, y luego llévalos un poco hacia adelante. De esa manera, el pincel se superpone un poco más al blanco. Pero en realidad no quiero que se superponga tanto. En realidad voy a agarrar la capa blanca y arrastrarla hacia adelante un fotograma. Entonces tendré que volver a cronometrar estas dos capas un poco hasta que se superpongan de nuevo. Entonces probablemente traiga este conjunto de fotogramas clave hacia adelante un poco. Entonces tal vez agarrar todos ellos una vez más para que pueda cambiar un poco la línea entera hacia adelante y luego vamos a la vista previa de RAM. Creo que eso se ve un poco mejor. Ahora, no tienes que hacer de esto un segundo color. Si desactiva el relleno, ahora solo parece que tenemos una pincelada blanca siendo aplicada. Pero me gusta el efecto añadido de tener un segundo color. Voy a cambiar eso de nuevo a ser rojo. Otra cosa de la que realmente no soy fan es que se pueden ver estos bordes blancos en el exterior del rojo. También estamos consiguiendo algunas marcas rojas donde no debería haber ninguna. En primer lugar, vamos a expandir la pincelada roja. Para hacer eso, agreguemos una gargantilla a la capa del pincel y expandimos hacia afuera. Además, es importante tener en cuenta que debes tener la gargantilla antes de los bordes rugosos, para que los bordes rugosos sean el último efecto aplicado. Entonces vendré a mi pincel mate y luego realmente ampliaré esto para que no estemos recibiendo ninguno de estos agujeros rellenos o bordes que no debieran estar mostrando el rojo. Entonces finalmente, no me gusta este borde limpio en la pincelada. En realidad voy a agregar los mismos bordes rugosos que agregamos aquí al mate del pincel. Ahora, ese filo es igual de áspero. Si previsualizo esto, se puede ver que tenemos esta bonita pincelada llevando a cabo la animación de nuestra escritura en efecto. De nuevo, no tiene que ser de un color diferente. A lo mejor un look más realista estaría usando el mismo color para que la textura coincida con las letras. Pero si habilito ese color rojo y volvemos a salir a mi comp principal, creo que eso va junto con las cerezas de fondo un poco mejor. Voy a RAM previsualizar esta comp y ahí está mi animación final. Es así como añades un poco de textura para simular una pincelada. 12. Crea un trazo cónico: Uno que he intentado hacer muchas veces antes es reducir un derrame cerebral dentro de After Effects. Desafortunadamente, no hay nada dentro de After Effects por defecto que te permita lograr fácilmente un trazo cónico. La solución más fácil, con mucho, es comprar códigos de trampa trazo 3D que plug-in tiene muchos controles que te permiten reducir tu trazo y controlar muchos otros aspectos. Pero ¿y si no tienes el dinero para gastar en el plugin? Bueno, creo que se me ocurrió una forma que te permite crear un trazo cónico usando el efecto de recorte paths para que puedas animarlo dentro de After Effects sin plug-ins adicionales. Ahora tengo que decirte de antemano que mi método no es sencillo, no es el más fácil de entender, e implica un montón de expresiones. Ahora yo, de ninguna manera pretendo ser un experto en expresiones. Este es probablemente el conjunto de expresiones más complicado que jamás he inventado por mi cuenta. Pero se hace el trabajo es personalizable, y una vez que lo tengas construido, puedes enchufar las almohadillas que quieras y el efecto seguirá funcionando. Si estás a la altura del reto, sígueme en este video, voy a tratar de explicar esto paso a paso lo más claramente que pueda. Si seguir en el video es demasiado difícil para ti o te gustaría hacer referencia a una versión escrita de las instrucciones. Consulta la página de discusiones después de ver este video, y escribiré paso a paso exactamente cómo lograr este efecto. En primer lugar, déjame mostrarte lo que tengo. Tengo mi capa de forma única con las rutas de texto de título, un solo trazo de ancho aplicado, y un operador de rutas recortadas con el valor final animado para escribir el texto, igual que nuestro primer ejemplo. Dentro de mi carpeta paths, tengo cuatro rutas separadas. Déjame seguir adelante y despegar la animación y luego recortar esto hacia abajo. Es solo una pequeña porción del camino y deshabilitaré la visibilidad de mi máscara. Lo que vamos a hacer esencialmente es hacer todo un montón de duplicados de este camino, cada uno compensado un poco en el espacio, así como en el ancho del trazo. Déjame mostrarte a lo que me refiero. Si esto fuera desplazado un poco hacia adelante y luego hice un duplicado, entonces lo compensé un poco más y aumenté el tamaño del trazo de 10-12. Entonces lo dupliqué otra vez, compensé un poco más, aumenté el tamaño a 14. Podría seguir haciendo esto a mano uno a la vez, cambiando incrementalmente el desplazamiento y el ancho del trazo en cada duplicado para crear la ilusión de un trazo cónico. Ahora esto sí crea el trazo cónico, pero no es muy práctico duplicar y compensar cada uno de estos a mano cada vez. Se me ocurrió una forma que automatiza un poco este proceso y nos permite personalizarlo después del hecho. Voy a eliminar todas mis capas duplicadas y volver a bajar mis valores a cero y añadir un par de efectos a esta capa. Si llegas a efecto y bajas a controles de expresión, tenemos algunas opciones. Los dos que necesitamos son el control de deslizador y el control de casilla de verificación. Ahora los controles de expresión no hacen nada por su cuenta, pero permiten controlar valores vinculados con expresiones dentro de cualquier propiedad dentro de After Effects. Sigamos adelante y agreguemos un control de deslizador y un control de casilla de verificación. Voy a cambiar el nombre de este control de deslizador haciendo clic en él y presionando “Enter” y luego nombrándolo tamaño de cónico. Entonces quiero duplicar este efecto pulsando Comando D o Control D en una PC. Voy a renombrar este tamaño de trazo de capa. Entonces lo duplicaré una vez más y le renombraré la longitud del segmento. Después marcaré mi control de casilla de verificación y le renombraré el contraper inverso. Estos son los controles que estamos configurados que nos permiten personalizar cómo se ve nuestro cono. Voy a entrar en mis recorridos de recorte y alargar el final para que podamos ver parte del camino. También voy a cambiar el tamaño a uno. Entonces quiero cambiar el nombre de esta capa justo en - master. Duplicaré esta capa y la renombraré cónico 1. Entonces voy a cambiar el color de la capa maestra a naranja solo para poder elegirla fácilmente. En realidad no necesito estos controles de expresión en la capa cónica duplicada. Voy a eliminar de nuevo todos los efectos manteniendo pulsado Comando Shift E o Control Shift E en un PC. A continuación, me voy a dar un poco más de espacio, colapsar mis recorridos de recorte, abrir los caminos, y expandir cada uno de los caminos dentro la capa de forma y luego hacer lo mismo para la capa cónica. En realidad voy a maximizar este panel teniendo mi ratón sobre el panel y presionando nuevamente la tecla tilde directamente debajo de la tecla de escape. Ahora quiero vincular estos cuatro caminos a las capas maestras cuatro caminos usando expresiones. Para ello, voy a Option o Alt click en los primeros caminos cronómetro. Esto trae a la luz el diálogo de control de expresión. Ahora en realidad no tengo que escribir nada aquí porque cada control de expresión tiene su propio látigo de pico. Si hago clic y arrastre este látigo de púa desde el primer camino de la capa cónica hasta el primer camino de la capa maestra y lo suelto. After Effects escribe automáticamente en ese código que necesita hacer referencia a esa ruta, entonces puedo hacer clic fuera. Ahora estos dos caminos están vinculados. Haré lo mismo por los otros tres caminos. Presione Option o Alt en un PC, haga clic en ese cronómetro, agarra el látigo de pick y arrástrelo desde el segundo camino hasta el segundo camino de la capa maestra. Haz lo mismo para el tercer camino y otra vez para el cuarto camino. Ahora si vuelvo a mi vista de panel normal pulsando nuevamente la tecla tilde, presione “U” para colapsar esas dos capas. Me voy a dar un poco más de espacio. Ahora tengo capas duplicadas con rutas enlazadas. Si tuviera que habilitar la visibilidad de mi trayectoria y ajustar mi trayectoria maestra, ve que la ruta duplicada también se actualizó. Ahora en realidad no quería ajustar este camino, así que voy a deshacer. Pero ese es nuestro primer conjunto de expresiones. De esta forma, las capas duplicadas siempre tendrán exactamente las mismas rutas que la capa maestra. A continuación, voy a establecer estos valores de deslizador en un valor predeterminado de uno. Nuevamente, estos efectos no están haciendo nada aún porque no les hemos atado ninguna expresión. Empecemos con el tamaño del trazo. Abriré mi capa maestra, entraré en el contenido, entraré en el trazo, luego Opción o Alt haga clic en el ancho del trazo. Entonces arrastraré este látigo de pick hasta el deslizador de tamaño de trazo. Cuando suelto, After Effects rellena el código que necesita para hacer referencia a ese deslizador. Ahora se puede ver que tenemos un número rojo en lugar de un número azul. Esto nos está diciendo que After Effects está usando una expresión para generar este valor. Acabamos de decir que el ancho del trazo sea el valor del deslizador de tamaño de trazo, que ahora se establece en uno. El valor resultante es un ancho de uno. Si cambio esto a dos, nuestro ancho de trazo es ahora dos. Puedo cambiar esto a lo que quiera y se puede ver que el ancho del trazo está siendo afectado. Es así como podemos usar un deslizador para afectar un valor dentro de After Effects. Voy a cambiar esto de nuevo a uno. Pasaremos al siguiente paso. Voy a colapsar mi trazo, entraré en las trayectorias de recorte, y queremos vincular el valor inicial con el valor final, pero offset solo un poco. Voy a desactivar de nuevo la visibilidad de mi trayectoria de máscara solo para que podamos ver el trazo, y esto va a ser un poco más complicado. Voy a tratar de ir despacio para que puedas seguir adelante. Empezaré sosteniendo Option o Alt en un PC y haciendo clic en el cronómetro de inicio. Entonces quiero escoger látigo el valor final. Esto es decir que el valor inicial sea el mismo que el valor final. Si fuera a hacer clic fuera de mi expresión, eso es exactamente lo que está pasando. Pero queremos sumar un poco más a esta línea. Daré click en este texto y me aseguraré de dar click al final de la línea y voy a añadir menos. A continuación, recoger látigo, el deslizador de longitud del segmento dividido por 5, entrar. Ahora lo que esta expresión está diciendo es para el valor inicial, tome el valor final restado por el valor de longitud del segmento, dividido por 5. El valor va a ser 27 menos 1 dividido por 5, lo que nos da 26.8. Si apago mi capa duplicada, puedes ver que ahora solo tenemos este pequeño trazo para capa maestra. Si fuera a ajustar mi valor final, ve que el valor inicial viaja junto con él, justo detrás de él por el valor que agregamos usando expresiones. Ahora porque esto está siendo restado por el deslizador de longitud del segmento. Si aumento el deslizador, la longitud de nuestro segmento se hace más larga. Si lo disminuyo, va en la dirección opuesta. Por ahora, voy a dejar esto a la una. Voy a volver a encender mi duplicado y voy a alejar el zoom. Ahora quiero escribir una expresión similar para la capa cónica. Abriremos los contenidos y entraremos en los recorridos de recorte para esa capa. Lo que notarás es que debido a que cambié de capas, ya no tengo acceso a mi expresión y controladores que estaban en la capa maestra. Lo que voy a hacer es seleccionar la capa maestra. Después arriba en el control de efectos, verás este pequeño icono de candado. Si hago clic en eso, este panel siempre permanecerá visible independientemente de lo que haya seleccionado. Si vuelvo a subir a mis recorridos de recorte de la capa cónica duplicada, sostendré Option o Alt en un PC y pincho en el cronómetro de inicio y luego escogeré látigo el valor final. Escribiré menos, y luego escogeré látigo este deslizador de enlace segmento dividido por 5, y luego presionaré “Enter”. Ahora tenemos la misma relación entre los valores inicial y final de la ruta de recorte para la capa duplicada, como lo hacemos para la capa maestra. A continuación, quiero vincular el valor final de la capa duplicada con el valor final de la capa maestra. Voy a expandir esa capa hacia fuera, para que pueda ver ambos valores finales. Entonces voy a mantener Option y hacer clic en el cronómetro para el valor final y recoger látigo el valor final para el maestro más adelante. Entonces voy a escribir menos tiempos de índice, luego recoger látigo, la longitud del segmento dividida por 5, entrar. Ahora déjame repasar lo que acabo de hacer. Si muevo el ratón aquí mismo, se puede ver que obtenemos esta flecha doble y en realidad puedo expandirme para ver toda la expresión. Lo que esta expresión está diciendo es para el valor final, mira el valor final de las rutas de recorte de la capa maestra, restar el índice. Ahora el índice es el valor numérica de la capa en su composición, por lo que en este caso está tomando el valor final de la capa maestra menos 1 veces el deslizador de enlace de segmento dividido por 5. Ahora bien, no es realmente importante que entiendas por qué hice todas estas fracciones, esta es solo la forma en que descubrí cómo configurarlo para que funcione de la manera que yo quiero. Si llegaste tan lejos, felicidades, aguanta ahí. Nos estamos acercando. A continuación, sólo por buena medida, voy a vincular el desplazamiento de la capa cónica al desplazamiento de la capa maestra. Voy a “Option” o “Alt Click” en el cronómetro Offset y recoger batir el valor de offset para la capa maestra, y no necesito hacer nada más, solo quiero que este valor de offset siempre sea el mismo que el valor de offset de la capa maestra. Entonces puedo contraer los recorridos de recorte para ambas capas, y luego abriré el trazo para la capa cónica, y quiero establecer una expresión en el ancho del trazo. Voy a “Option” o “Alt Click” en el cronómetro para el ancho de trazo, y voy a recoger látigo el deslizador tamaño de trazo más tiempos de índice, y luego recoger látigo el deslizador de tamaño cónico. Lo que esta expresión está diciendo es tomar el valor del deslizador de tamaño de trazo, agregar el valor de índice o el número de capa, que en este caso es 1, y luego multiplicarlo por el deslizador de tamaño cónico. Si acerco aquí, ya se puede ver lo que está pasando. Mi capa duplicada, que es esta línea más gruesa, ahora tiene un valor de 2 en lugar de 1 porque está tomando el valor del tamaño del trazo, que es 1, agregando el índice que es un valor de 1, y luego multiplicándolo por el tamaño cónico, que también es 1. Entonces 1 más 1 es 2 veces 1 es 2. Ahora bien, si colapso todo menos presionando “U” en el teclado y expando esto para poder ver más de mi composición, abriré los recorridos de recorte para la capa maestra. Ahora cuando cambio el valor final, ve que el duplicado cónico también lo está siguiendo, offset justo detrás de él y siendo un poco más grande, y ahora la forma en que escribimos estas expresiones, está basando el compensación y la diferencia de tamaño en el valor del índice de la capa, que es el número de capa. Si fuera a agarrar esta capa cónica y duplicarla un puñado de veces, ver que cada vez que la duplique, se crea una nueva capa, se desplaza un poco más y aumenta de grosor. Si sigo duplicando esto, ves que de repente tenemos algo que se parece bastante a un trazo cónico. Ahora bien, no es perfecto, definitivamente se puede ver dónde están los segmentos entre todas estas líneas, pero por eso construimos controles en él. Ahora mismo si voy entre cada una de estas capas y miras aquí arriba el valor de trazo, puedes ver que aumenta en un píxel por cada duplicado. Si llegara a mi tamaño cónico y cambiara esto de un valor de 1 a un valor de 2, ahora el ancho de trazo de cada capa está compensado por dos píxeles. Si lo cambiara a 0.5, ahora cada uno es por medio píxel, y se nota el cónico mucho menos. Si cambio el valor del deslizador de enlace de segmento, se puede ver que la longitud entre cada uno de estos segmentos se incrementa o disminuye. Si alejo aquí y bajo a los recorridos de recorte para la capa maestra, ahora puedo animar el valor final y hacer que un trazo cónico crezca detrás de él. Si empiezo a 0, voy hacia adelante dos segundos y termino a 100, y tal vez Fácil Facilidad estos fotogramas clave, vista previa de RAM, ahora tengo un trazo cónico funcionando siendo animado a través de mi camino. Ahora, hay algunos temas, pero todavía hay algunos pasos más que podemos dar. En primer lugar, ¿dónde está el resto del camino? Podemos arreglarlo con bastante facilidad. Voy a duplicar mi primera capa cónica y cambiarle el nombre Final, y voy a cambiar el color de la misma, sólo para que podamos elegirla fácilmente. Voy a moverlo por debajo de todas las capas cónicas, pero por encima de la capa maestra. Recuerda, porque escribimos expresiones que se basan en el valor de la capa, es importante que estén en cierto orden. Tu capa maestra siempre debe estar en la parte inferior y tu capa cónica siempre debe estar en la parte superior. Ahora en este momento no hay diferencia entre la capa final y las capas cónicas. Lo que necesito hacer es entrar en las rutas de recorte para la capa final y desactivar la expresión para el valor de inicio. Si giro esto hacia abajo y doy clic en este pequeño signo igual azul, eso desactivará la expresión. Ahora el valor de inicio nunca cambia. medida que se anima el valor final de nuestra capa maestra, el valor final de la capa final se anima y se desplaza en función del valor del índice, así como se incrementa en el tamaño del ancho del trazo basado en el valor del índice, y aparece como un derecho en, al igual que todas nuestras otras animaciones. Vamos a previsualizar eso, y ahí lo tienes. Una escritura animada con un trazo cónico. Ahora aquí hay otro tema con el que nos estamos topando. Cuando la animación termina, todavía tenemos un extremo cónico. Tengo que ser honesto contigo, no pude encontrar una manera muy sencilla de arreglar este problema. Como dije antes, no soy del todo mala experiencia en la escritura de expresiones así que muy bien podría haber una forma sencilla de arreglar esto que simplemente no estoy al tanto. La solución que imaginé es extendiendo el camino de la capa maestra. Déjame habilitar de nuevo la visibilidad de la ruta, y vamos a ir a nuestra capa maestra, cambiaré a la herramienta de lápiz pulsando “G” en el teclado, pinchando en este último punto de anclaje, y luego pinchando aquí arriba para extender el camino fuera. Ahora, te darás cuenta cuanto más arrastre esto, más cerca se acerca el cónico a ser cortado donde necesitamos que esté. Voy a sacar esto lo suficientemente lejos hasta donde el grosor de la línea es uniforme y pararé ahí. Ve que el grosor de la línea es consistente a través de todas las letras al final de la animación. Pero, ¿qué hacemos con esta línea extendida? Bueno, tenemos que poner esta comp dentro de otra. En realidad ya tengo este set de pre-comp dentro de mi comp principal. Lo que necesito hacer es precomponer esta una vez, lo nombraré Write On Capered 2. Entonces entraré dentro de esa comp, y vamos a enmascarar la parte de este camino que ya no queremos ver. Si vuelvo a mi comp original, aquí es donde queremos que se corte la línea. Para que sea más fácil ver este punto en lugar de mi pre-comp, en realidad voy a angular esto un poco para poder ver dónde debería terminar. Entonces volveré a la segunda comp y dibujaré un camino alrededor este punto para enmascarar esa parte extra de la línea. Presionaré M para subir la máscara y cambiarla de agregar a restar, y ahora mi camino se redondea de la manera que debería. Se puede ver como entra mi cónico, golpea ese punto y se detiene ahí, y crece hasta su ancho final. Si corrí la vista previa de esto, ahora tenemos un buen trazo cónico que llena el ancho al final de la animación. Si ese es el cónico que vas tras, ya terminaste. Pero, ¿y si quisiera que el cónico vaya en la dirección opuesta, empezando más grueso y luego disminuyendo? Si bien estaba a punto de grabar el siguiente segmento, en realidad pensé en algo que hará que todo sea mucho más fácil para todos, así que no tenemos que escribir más expresiones. Originalmente, te dije que hicieras esta casilla de verificación de cónica inversa. Ya no vamos a necesitar eso. En realidad puedes eliminarlo. Si quieres que tu cónico empiece grueso y se adelgaza, todo lo que tienes que hacer es ajustar las longitudes de tus segmentos para que sean un valor negativo. En primer lugar, voy a apagar mi capa final, luego mostrarte a lo que me refiero. Si ajusto este deslizador y voy a un valor negativo, ves que ahora el cónico se está extendiendo frente a la capa maestra, pero aún animando de la misma manera. Ahora si volvemos al primer fotograma, donde hemos establecido nuestro primer fotograma clave, pesar de que el valor es cero, el cónico se está mostrando. Eso se debe a que tenemos este conjunto en un valor negativo, por lo que es decirle a todos los duplicados que salgan delante de la capa maestra en lugar de detrás de ella. Todo lo que tenemos que hacer para arreglar esto es abrir el control de trayectorias de recorte para la capa maestra, y ajustar el desplazamiento, al que vinculamos todas las capas duplicadas. Lo empujaré hacia atrás lo suficiente hasta donde no lo podemos ver en el primer fotograma. Ahora si me alejo el zoom, eso sí empuja nuestro trazo hacia fuera sólo un poco en el lado derecho porque así es como funciona el valor de desplazamiento. Si recuerdas, una vez que llega al final, simplemente da vueltas al principio. Eso está bien, sin embargo, porque nos masificaríamos esto dentro de la otra comp. Si corrí previsualizar esto, ahora tenemos un cónico que va en la dirección opuesta, de grueso a delgado, y todo nuestro control sigue aplicándose. Si quiero hacer el tamaño cónico más grande, puedo aumentar o disminuir eso, puedo aumentar o disminuir la longitud de mi segmento. El otro control que tenemos que aún no he pasado es nuestro tamaño de trazo. Este es un control general para el ancho de tu trazo. Diga que esta línea era demasiado delgada para usted. Podrías aumentar este tamaño de trazo solo para darle un poco más de grosor. En este caso, en realidad quiero que el espesor termine a las 10. El espesor inicial necesita ser mucho más grande. Gire mi tamaño de trazo hasta 10, que se traduce directamente al espesor de mis capas maestras, y luego aumente el tamaño de la cónica sólo un poco, y luego puede ser bajar la longitud del segmento, por lo que tenemos un mucho taquilla más obstinada. Ahora volveré a encender mi capa final, y verás que el trazo es demasiado grueso ahora. Lo que necesito hacer es entrar en mis contenidos, entrar en el trazo, abrir la expresión de ancho de trazo y desactivarla. Ahora se remonta al valor predeterminado en el que lo teníamos establecido, que es uno. Pero si cambio eso hasta 10, ahora el cónico de línea está bajando al espesor de reposo de 10 píxeles, que es exactamente lo que queremos. Ahora si obtengo una vista previa de mi animación, tenemos un trazo grueso que va disminuyendo hasta el trazo de ancho único de 10 píxeles. Parece que nuestro offset necesita ser retrocedido solo un poco más para una capa maestra. Simplemente dejaré eso de vuelta a aquí. Ahora si entro en nuestra otra comp y previsualizo esta animación, se corta justo donde debería, pero hay un pequeño problema que es la máscara ya no se ajusta a ese trazo de camino. Voy a hacer una copia de seguridad a donde es el más grueso, y solo modificar mi camino de máscara para que se ajuste a ese trazo, luego previsualizar eso. Ahora parece que necesito compensar este camino un poco más. De hecho, parece que incluso tendría que animar esto. Permítanme simplemente hacer una copia de seguridad de unos fotogramas donde es el más grueso, colocarlo justo donde necesita estar, establecer un fotograma clave para la trayectoria de la máscara, y luego ir hacia adelante unos fotogramas hasta que esté en el punto de tener 10 píxeles de ancho. Entonces reajustaré esta ruta de máscara, que establece automáticamente un fotograma clave, y eso debería ser mejor. Sí, eso funciona. Ahora si miramos esto de cerca, notarás que hay algunos cambios bastante visibles entre segmentos de este cónico. Ahora una cosa que podríamos hacer para arreglar esto es volver a nuestro cónico principal, y cambiar el tamaño del papel a tal vez 0.5. Agregue un montón entero de duplicados, y luego cambie la longitud del segmento hacia abajo. Ahora es mucho menos perceptible porque tenemos muchos más duplicados siendo compensados por un valor mucho menor. Si previsuo eso, tenemos un cónico de aspecto más bonito. Si salimos a mi comp principal, con todo el estilo, se puede ver cómo se ve eso. Al igual que con todos nuestros otros ejemplos, podría duplicar esto, compensarlo en el tiempo, tal vez uno o dos fotogramas, autocompletar, cambiar el color, y ahora tengo dos trazos cónicos persiguiendo tras cada otro. El grandioso de esta configuración es que siempre puedo volver a mi comp. Ahora esto completamente amañado con expresiones y reemplaza los contenidos de la ruta por cualquier cosa que quiera. Si volviera a uno de nuestros otros ejemplos, como este de aventura, y entrara en esa comp, y agarrara los caminos para la A de esa palabra aventura, podría copiarlos, volver a mi comp cónico, y reemplaza estos tres primeros caminos, y se actualiza automáticamente. Ahora si necesitas más de cuatro caminos, todo lo que tienes que hacer es eliminar todas tus capas cónicas, maximizar este panel de línea de tiempo para darte un poco más de espacio, y luego expandir las rutas y duplicar todas las que necesites. Digamos que necesitábamos ocho, entonces solo tendrías que hacer lo mismo por el duplicado cónico. Duplicar para que sean ocho, luego vincular estas rutas con expresiones a las rutas apropiadas en la capa maestra. Una vez hecho todo ese enlace, solo puedes duplicar tu capa cónica tantas veces como necesites para recrear el efecto. Ese es mi método para llegar a una solución de trazo cónico dentro de After Effects. Esperemos que no fuera demasiado difícil de entender y pudiste seguir adelante. Si tiene algún problema o alguna sugerencia, por favor hágamelo saber en la página de discusiones, en el hilo con las instrucciones para este efecto. 13. Exportación de un video: Por lo que ahora que tienes terminadas las letras de la mano, tienes que decidir cuál va a ser la mejor manera de presentar esto en línea. Si hiciste algo un poco más complicado, como lo hice yo, con una foto de fondo, y algo de movimiento de cámara, y en y algo de movimiento de cámara, general sólo un montón de colores, probablemente vas a querer exportar un video. Pero si hiciste algo más sencillo, como el título de la clase con un fondo sólido y no demasiados colores, entonces podrías ser capaz de salirte con la tuya con un GIF simplemente bien. Te puedo decir ahora que si no lo necesitas para ser un GIF, exportar un video es mucho más sencillo y luego puedes compartirlo online con sitios web como Vimeo o YouTube. Entonces, empecemos con exportar un video. Ten en cuenta que sea cual sea tu área de trabajo establecida en, es cuánto tiempo durará tu video al exportarlo. He configurado mi área de trabajo para que sea la longitud entre los dos fotogramas clave de posición en la cámara. Después ven a Composición, Agregar a Cola de Render. Esto abrirá automáticamente el panel de cola de renderizado. De forma predeterminada, su módulo de salida probablemente esté configurado en sin pérdidas, esa configuración para exportar un video sin comprimir desde After Effects. El video estará completamente limpio, pero también será un archivo ginormoso. Añadamos algunos ajustes de compresión. Haga clic en este texto azul para abrir los Ajustes del módulo de salida, asegúrese de que el formato esté establecido en QuickTime. Después, en Salida de vídeo, vaya a Opciones de formato. Cambia el Códec de vídeo de animación o lo que sea que esté configurado, y desplázate hacia abajo hasta H.264. Eso es sólo un compresor realmente agradable para videos. Dejaremos el set Calidad en 100, estableceremos el Marco Clave Every a cualquiera que sea tu velocidad de fotogramas para la composición. Entonces en mi caso son 23.976, pero tenemos que hacer marco completo. Entonces sólo voy a decir 24 cuadros. Si tu composición está establecida en 30 fotogramas por segundo, configura eso en 30 fotogramas. Dejar reordenamiento de marcos sin marcar. Entonces tu Configuración de velocidad de bits depende de la resolución en la que estés trabajando. Si estás trabajando en Full HD, te recomendaría que establezcas esto en algo así como 10,000. Si estás trabajando en 720P, probablemente podrías bajar eso a algo así como 6 a 8 mil. Pero básicamente, si exportas tu video y no estás contento con la calidad, aumenta tu velocidad de datos a algo más alto. Una vez que todo eso esté configurado, presione “OK”. Si tienes audio, asegúrate de que esta opción esté configurada en audio encendido. No tengo audio, así que voy a asegurarme de que esté apagado y luego presionaré “OK”. Entonces solo necesitas decirle a After Effects dónde quieres que se exporte el video,. Entonces ven a Output To, y haz click en ese texto azul. Voy a poner el mío justo en el escritorio y llamarlo Michigan. Entonces presionaré “Guardar”. Entonces podemos darle a “Render”. After Effects renderizará cada fotograma y te mostrará la barra de progreso. Una vez hecho, te dará un timbre para que sepas que está terminado. Genial. Ahora iré a mi escritorio y abriré ese archivo. Puedo volver a jugar esto. Yo estoy contento con la forma en que se ve. Por lo que ahora puedo publicarlo en línea. He ido adelante y subido esto a Vimeo, y me gusta mucho la configuración de incrustación de Vimeo. Te voy a mostrar cómo personalizaría esto para publicar en Skillshare. Hice clic en el pequeño botón Compartir, aquí mismo. Después hago clic en “Mostrar opciones”, luego me desplazaré hacia abajo, cambiaré el Tamaño a 580 de ancho, y automáticamente actualizará la Altura para mí. Entonces puedes elegir qué información se muestra en la parte superior del marco del póster. Pero obtienes este control agregado que me permitiría reproducir automáticamente el video así como bucle el video. No necesito los enlaces de texto debajo del video, así que voy a desmarcar eso. Ahora si vuelvo a desplazarme hacia arriba y copio este código incrustado, luego vuelvo a mi página de proyecto y hago clic en este pequeño botón Embebido Media, entonces puedo pegar ese código incrustar en esta caja y presionar “Submit”. Ahora mi video aparece en mi página de proyecto y reproducciones automáticas y bucles. Entonces esa es de lejos mi forma favorita de publicar un video a Skillshare. 14. Exporta un GIF: Al exportar un GIF, nuevamente querrás ajustar tu área de trabajo a lo que quieras que sea la longitud de tu GIF. Después ven a Composición, ve a Agregar a Cola de Render, luego en Módulo de Salida, haz click en estas palabras azules. Eso trae arriba los Ajustes del Módulo de Salida, y queremos cambiar el formato de QuickTime o lo que sea que esté configurado, a JPEG Sequence. Si lo desea, puede cambiar el tamaño de su obra en este punto. Voy a seguir adelante y hacer eso. Entonces marcaré esta casilla que está al lado de Redimensionar y escalar esto a 580 de ancho porque ese es un buen ancho para tu página de proyecto en Skillshare. Después presionaré “Ok” luego debajo de la línea Output Tool, haré clic en ese texto azul, pondré mi obra de arte al azar en Escritorio y me aseguraré de que Save in Subfolder esté marcada y Write On Title esté bien para el nombre de esa carpeta. Después haré clic en “Guardar” y renderizar. Una vez hecho, te dará un timbre para que sepas que está terminado. Ahora, entraremos a Photoshop y yo iré a File Open, iré al Escritorio donde exporté mi imagen, seleccioné la primera imagen de la secuencia, y luego bajaré aquí y aseguraré que Sequence de Imagen esté comprobada. Entonces presionaré “Abrir”. Me preguntará cuál debe ser la velocidad de fotogramas del GIF. Asegúrate de que esté configurado en cualquiera que sea tu configuración de comp estuviera dentro de After Effects y luego pulsa “Ok”. Ahora, si no ves esta línea de tiempo hacia abajo en la parte inferior, solo sube a Ventana, desplázate hacia abajo hasta Línea de tiempo. Entonces podrás jugar a través de tu GIF de la misma manera que estabas en After Effects. No es de calidad completa, pero te permite saber que tu secuencia de imagen funcionó. Ahora, subiré a File, y si estás usando una versión anterior a CC-2015, irías a Guardar para Web justo aquí. Pero en CC-2015, ahora se traslada a Exportar, Guardado para Web. Eso abrirá el cuadro de diálogo Guardar para Web, y voy a venir al Preset aquí arriba y desplazarme hasta GIF 128 Dithered. Dejaré que esa carga. Aquí es donde tienes que usar tu propio juicio en cuanto a lo feliz que estás con la calidad de tu imagen general. Si no se ve tan bien como te gustaría, podrías intentar aumentar el Dither al 100 por ciento, ver si eso ayuda. También podrías aumentar los Colores de 128-256. Creo que eso se ve bastante bien. Si miras aquí abajo en la esquina inferior izquierda, te dice lo grande que será el archivo resultante con estos ajustes de compresión, 461 kilobytes es un gran tamaño de archivo para un GIF, pero realmente cualquier cosa menor de cinco megabytes está bien. Si quieres publicarlo directamente en la página web de Skillshare, tiene que estar bajo dos megabytes. Si es más de dos megabytes, tendrás que hospedarlo en algo como Imager o en algún otro lugar en línea y enlazar a la imagen cuando la publiques en la página de tu proyecto. Lo último que tengo que hacer antes de presionar “Guardar” se cambia mis opciones de bucle de Once a Forever para que el GIF se haga un bucle constante, y luego haré clic en “Guardar”, le diré que lo publique en el Escritorio y lo nombre Write On. Entonces puedo venir a mi proyecto, click en “Subir foto”. Acude a esa imagen, haz doble clic en ella, y se sube a mi página de proyecto bucle igual que lo había esperado. Eso es todo lo que hay a ello. 15. ¡Gracias!: Está bien, eso es todo. Muchas gracias por tomar esta clase. Espero que te hayas divertido mucho aprendiendo este derecho sobre técnica y que puedas usarlo en tus futuros proyectos. Me encantaría que me dejaras opinión, diciéndome qué pensabas de mi clase, y si publicas tu proyecto en redes sociales, asegúrate de etiquetarme en @jakeinmotion. Siempre puedes hacerme preguntas si estás teniendo algún problema o si solo quieres hablar a través de lo que quieres hacer con tu proyecto. Simplemente deja un comentario en el hilo Pregúntame algo, o en la página de tu proyecto de clase. Tengo que decir un enorme agradecimiento a mi encantadora esposa que tuvo amabilidad de darme todas las letras de mano que usé en esta clase. En serio no podría hacer ninguna de estas clases sin su ayuda o apoyo, sobre todo con letras de mano porque eso es algo que no tengo talento en hacer. Ve a ver más de su trabajo y su tienda en apairofpears.com. De nuevo, muchas gracias por tomar esta clase y nos vemos la próxima vez.