Transcripciones
1. Introduccion: Oye, ¿qué pasa? Yo soy Valerie He sido diseñador de
movimiento profesional desde 2018. Y en 2020, comencé a enseñar el mejor software
para motion graphics, Adobe After Effects. En el camino, compartí innumerables tutoriales
en redes sociales. Y en 2023, lancé la
Guía definitiva para principiantes de After Effects. Absolutamente gratis, para que aprendas después de
los efectos desde cero. Después de eso, creé
el segundo curso, Animación
After Effects Micro. Para que puedas aprender a crear animaciones
súper geniales
usando capas de formas básicas. Sólo ahora, estoy encantada de
presentarles mi nueva
creación, el texto en Movimiento En este curso,
profundizarás en el arte de
animar capas de texto y
tipografía en Al final de este curso, tendrás nueve animaciones de
texto alucinantes listas para
elevar tu próximo proyecto o
impresionar a elevar tu próximo proyecto o los visitantes del
sitio web de tu portafolio. Con cada lección, estaremos el nivel de
dificultad, potenciando tu confianza
y habilidades en el camino. Además, aprenderá
a manejar los cambios y ajustar el texto para que se ajuste a lo que
usted o su cliente necesite En este curso, no
solo dominarás la animación de texto, sino que también obtendrás una sólida comprensión después de
los fundamentos de los efectos Incluso instalaremos
algunas útiles herramientas gratuitas que acelerarán la eficiencia de su
flujo de trabajo. Al igual que mis otros cursos, me refiero a garantizar que tengas la mejor experiencia de
aprendizaje. Por lo tanto, obtendrá una notificación
clara sobre cuándo
trabajar conmigo y cuándo
simplemente escuchar sin
tocar la computadora. También recibirás preguntas a mitad de
lecciones para ayudarte a memorizar mejor
las lecciones E incluso te diré cuándo
tomarte un descanso de 10 minutos, igual que en un salón de clases de verdad. Ah, y no te preocupes, no
tendrás que escuchar mi acento
funky a lo largo de
las clases Este curso es expresado por voz en off
profesional. Así que prepárate para
inspirarte, motivarte y poner
algo de texto en movimiento.
2. Sección 1: Lección de calentamiento: Hola y bienvenidos a la primera
lección sobre animación de texto. En esta lección, vamos
a explorar el apasionante mundo de la animación de texto y los efectos posteriores juntos y crear algunas animaciones
increíbles. Nuestro foco estará en crear
dos escenas distintas con los dos primeros títulos
en la primera escena y los 23 títulos en
la segunda escena. Al crear estas escenas, estaremos dominando los
tres métodos principales de animación de texto
y efectos posteriores En las próximas lecciones, profundizaremos en cada técnica y crearemos animaciones
más avanzadas Esta lección se
divide en cuatro partes. En la primera parte,
te mostraré cómo instalar
after effects. Luego crearemos
la carpeta
principal del curso y aprenderemos a trabajar de manera organizada para proyectos de motion design. Después, instalaremos
las fuentes necesarias. Una vez completado, ingresaremos
after effects para crear nuestra primera composición
y configurar los ajustes del software
para un mejor flujo de trabajo. Pasando a la segunda parte, profundizaremos en los
parámetros fundamentales de una capa en after effects antes de
diseñar la primera escena En la tercera parte,
nos centraremos en animar la primera escena mientras aprendemos los dos
primeros métodos Después aprenderemos a mejorar
la animación que creamos. En la cuarta y última parte, crearemos la
segunda escena y
convertiremos una capa regular
en una capa de tres D. Entonces aprenderemos a
conectar las dos escenas. A continuación, aprenderemos a
renderizar la animación como un
archivo MP four de alta calidad que puedes compartir en las redes sociales o en el sitio web de
tu portafolio. Por último, te muestro
cómo organizar el proyecto
antes de cerrarlo. Va a ser increíble.
Empecemos.
3. Sección 1, parte 1: Hola, ahí. Antes de sumergirnos en la animación de
capas de texto y después de los efectos, no
olvides descargar
la carpeta principal
del curso con todos los materiales
necesarios De esa manera podrás seguirme
a lo largo de las lecciones. A continuación, hablemos de configurar Adobe After
Effects. Se trata de un programa hecho por Adobe, la compañía que crea algunas de las plataformas más geniales
para creadores que existen Si aún no tienes una
suscripción a Adobe, no te preocupes. Consulte el archivo PDF y la carpeta principal para obtener un
enlace a una prueba gratuita. Regístrese para la prueba
y diríjase a la sección de aplicaciones para
instalar After Effects. Si ya tienes una suscripción a
Adobe, simplemente inicia sesión en tu cuenta en el sitio web o en la versión de
escritorio, dirígete a la sección de aplicaciones e instala After
Effects desde allí. Al instalar el software, asegúrate de incluir
el cine para enchufar porque lo vamos
a usar en el curso. Una vez que esté instalado,
estamos listos para
comenzar para asegurarnos de que
no nos encontramos con ningún
problema en el final de la línea. Es una buena idea mantener las cosas organizadas cuando estamos trabajando
en un proyecto después de efectos. Una forma de hacerlo es
creando algunas carpetas
en nuestra computadora. Busquemos un spot donde podamos hacer la carpeta principal
para el curso. Vamos a crear una nueva carpeta. Genial. Y ahora vamos a llamarlo D M subrayado animación de texto
dentro de esa carpeta, necesitamos hacer
tres carpetas más El primero es para nuestros archivos after effects, así que lo llamaremos, el segundo es para todos
los gráficos que vamos a usar, y a eso lo llamaremos assets. El último es para
cualquier video de prueba o renders que hagamos mientras
trabajamos en el proyecto, que llamaremos
renders o samples. Ahora abramos la carpeta
que descargaste de mí y naveguemos hasta la
carpeta Activos que se encuentra aquí. Copia todos los activos
de esta carpeta a la carpeta Activos
que acabas de crear. A continuación, instalemos las
fuentes que usaremos. En este curso, te
mostraré cómo instalar fuentes para usuarios de
Windows y Mac. Empecemos con esta fuente. Ingrese la carpeta OTF
para usuarios de Windows. Seleccione todos los archivos, haga clic
derecho y elija instalar
para todos los usuarios o instalar. Esta fuente ya está
instalada en mi computadora, por lo que no volveré a
instalarla para usuarios de Mac. Abra una nueva carpeta y con el
buscador seleccionado, haga clic en. Ahora haga clic en Ir a Carpeta y escriba esta línea.
Luego presiona Enter. Esto te llevará
a la carpeta de fuentes instalada en tu sistema. Ahora copie los archivos OTF de la carpeta del curso y
péguelos en la carpeta de fuentes Excelente. Ahora vamos a
instalar la segunda fuente. Vaya a la carpeta de fuentes, ingrese a la carpeta OTF, seleccione todos los archivos, haga clic
derecho y elija instalar
para todos los usuarios o instalar Genial, volvamos a la carpeta
assets e
instalemos la última fuente. Excelente, sigamos adelante. Después de instalar las fuentes, es hora de lanzar juntos
después de los efectos. Genial, ahora podemos cerrar esta ventana para
asegurarnos de que todos veamos la
misma disposición de paneles. Vamos a hacer clic en Default. Ahora, como en cualquier software de
edición, necesitamos abrir un
nuevo archivo para hacerlo. Y después de los efectos,
necesitamos crear nuestra
primera composición. Vamos a hacer clic en Nueva composición. Ahora definiremos los ajustes
para nuestra primera composición. Vamos a llamarlo Text
Animation One. Aquí definiremos
el tamaño del formato, lo que significa el tamaño de
nuestra primera composición. Estas son las dimensiones
del ancho y alto de la
composición que creamos, que será el tamaño
del video final al final, diferentes casos requieren
diferentes resoluciones. Como se muestra en los ejemplos. Un feed regular de Instagram
requería que las publicaciones tuvieran 1080 píxeles de ancho por
1080 píxeles de alto. La nueva alimentación requiere una
altura de 1,350 píxeles. Para historias, carretes
y videos de Tiktok, el tamaño debe ser de 1080 píxeles de ancho y
1920 píxeles de alto Para los videos de Youtube, lo
mejor es usar una resolución de 1080 píxeles de alto y
1920 píxeles de ancho, que es un formato full HD. Si quieres hacer
un video de cuatro K, necesitarás usar
resolución Full HD multiplicada por dos. Esta vez se trabajará
con un tamaño de formato de 1080 píxeles de ancho y 13, 50 píxeles de alto. Este es un tamaño perfecto para
compartir publicaciones en redes sociales. Bien, continuando aquí, elegiremos la velocidad de
fotogramas para nuestra animación. ¿Cuál es la velocidad de fotogramas en el mundo del
video y la animación? velocidad de fotogramas se refiere al
número de fotogramas individuales o imágenes que se muestran por segundo para crear la
ilusión de movimiento. La velocidad de fotogramas se mide en
fotogramas por segundo, FPS. Cuanto mayor sea la velocidad de fotogramas, más suave aparecerá el movimiento. videos y películas más comunes
utilizan una velocidad de fotogramas de 24, 25, 30 fotogramas por segundo. Pero si quieres
crear una animación para una app o un sitio web, es mejor trabajar en
60 fotogramas por segundo. Cuando trabajas con software de
edición de video como after effects, tienes la flexibilidad de
elegir la velocidad de fotogramas
para tu proyecto. Es importante tener en cuenta
que la velocidad de fotogramas puede afectar el
tamaño del archivo final. Además, las velocidades de fotogramas más altas requieren más espacio de almacenamiento
y potencia informática, lo que puede ralentizar
su flujo de trabajo. En nuestro caso, pongámoslo
en 30 cuadros por segundo. A continuación, fijemos la duración
de nuestra primera composición. Vamos a establecerlo a 10 segundos. Por último, seleccionemos el color de fondo
para la composición. Ten en cuenta que podemos cambiar
fácilmente todos
estos ajustes en cualquier etapa de la animación más
adelante . Y ahí lo tienes. Creaste tu
primera composición. Antes de sumergirnos,
quiero mencionar algunas cosas importantes al
trabajar con efectos posteriores. Primero, si ves la pantalla de
vista previa así, no te
preocupes, probablemente sea porque tu tecla de
bloqueo de mayúsculas está encendida. Simplemente apágalo y todo
debería volver a la normalidad. A continuación, cuando estés trabajando en
un proyecto en after effects, asegúrate de cambiar el idioma de tu
computadora al inglés. De esta manera, todos los atajos
que usemos funcionarán correctamente. Y si no ves
el color de fondo, entonces simplemente haz clic aquí. Ahora bien, si ves los números
aquí de manera diferente a la mía, asegúrate de alejar el panel de
la línea de tiempo. Ahora puedes pasar
el ratón aquí, mantener pulsada la tecla de control
o una tecla de comando, y hacer clic en los números aquí Estos números
representan la duración de nuestra línea de tiempo de composición. Lo podemos ver en
fotogramas o en segundos. Entonces, si ves
la pantalla de vista previa más pequeña o más grande que la mía, simplemente haz clic aquí
y selecciona Ajustar. Por último, da clic aquí y cambia la calidad de vista previa
aquí a Full Al. Derecha. Ahora, para un
mejor flujo de trabajo, ajustemos las preferencias del
software. Ve a Editar Preferencias, usuarios de
Mac, puedes acceder a
las preferencias de esta manera. Ahora ve a General y establece las preferencias de software
exactamente como lo hice yo. Puedes pausar el video y continuarlo cuando
estés listo para seguir adelante. Mientras tanto,
seguiré al siguiente. Ahora aprovechemos esta oportunidad para hablar sobre la función
de ahorro automático. Esta función guarda su
trabajo automáticamente. A ciertos intervalos,
no pierdes ningún progreso. Si el programa falla o sucede
algo loco, normalmente lo
tengo configurado para
ahorrar cada 5 minutos, pero puedes elegir cualquier marco de
tiempo que funcione para ti. Bien, pasando ahora, dirígete a la sección de script
y expresión y marca todas las casillas. Como lo hice una vez, estás listo para ir, golpea bien
y podemos comenzar la lección. Tenga en cuenta que no
necesita meterse con estos ajustes cada vez
que inicia un nuevo proyecto. Lo dijiste de inmediato y
estás listo para ir. Bien, después de haber creado la primera composición y ajustado las
preferencias del software, necesitamos guardar el proyecto
y darle un nombre. Para ello, vamos a
Archivo y damos clic en Guardar. Ahora encontremos la carpeta
que creamos para la lección. Ingrese a la carpeta AE y dé
el archivo after effects. Actualmente estamos
trabajando en un nombre. Puede ser el mismo nombre que nuestra primera composición o
cualquier otro nombre que prefieras. Básicamente,
le estamos dando nombre
al proyecto after effects en el
que estamos trabajando. Como puede ver, el archivo after effects no
tiene nombre en este momento. El nombre que dimos antes. Era el nombre de
la composición. La composición en la
que nos encontramos actualmente. Ahora, le estamos dando un nombre
al archivo after effects. Bien, así que hagamos
clic en Guardar. Y ahora nuestro proyecto tiene nombre. Puede localizar el archivo after effects que guardamos
en la carpeta AE. Cuando inicialmente
guardamos el proyecto, le
dimos un nombre y lo más importante activamos
la función de guardado automático Ahora estamos listos para comenzar. Lo primero que haremos es importar la paleta de colores
al proyecto. Para
importar activos al proyecto, puedes
arrastrarlos manualmente desde la
computadora así, o bien puedes hacer doble clic en el área gris en
el panel del proyecto. Ahora localicemos la
carpeta que creamos para la lección e ingresemos a
la carpeta Activos. Seleccione la paleta de colores
y haga clic en Importar. Ahora la paleta de colores
está en el proyecto, pero no la vemos
en la pantalla
de vista previa de la composición que creamos. Para ver la paleta de colores
y la composición, necesitamos traerla al panel de
capas que se encuentra aquí. Para ello, simplemente podemos arrastrar la paleta de colores a la
composición así. Ahora vemos la paleta de colores
en la pantalla de vista previa. Ahora podemos cambiar el tamaño de esta
capa manualmente
agarrando su borde aquí mientras
mantiene pulsada la tecla Mayús Podemos redimensionar la
capa simétricamente. Ahora suelte el clic en el mouse y luego
suelte la tecla mayúsculas. Además, podemos
reducir la escala de la capa desde el panel de capas usando las propiedades básicas de
transformación de capa. Da click en la flecha pequeña
de la capa para verla. Si abrimos estas propiedades, podemos ver los parámetros básicos para cada capa
y después de los efectos. Aquí tenemos el parámetro
position, que nos permite mover
la capa hacia la izquierda y hacia la
derecha, hacia arriba o hacia abajo. Aquí vemos el parámetro scale. Podemos cambiar el valor de
este parámetro manualmente, o bien podemos hacer clic en el valor
e ingresar un número específico. Escribamos 30 y presionemos Enter. También hay un parámetro llamado rotación que
nos permite rotar la capa. Lo volveré a poner a cero. Finalmente, también está el parámetro de opacidad que controla la transparencia
de la capa Bien, ahora después de que terminemos de
reducir el tamaño de la capa, podemos cerrar las propiedades
y mover la capa aquí. Bloqueemos esta capa desde aquí para asegurarnos de que no
podamos moverla. Adicionalmente, podemos
ocultar esta capa en el panel de capas usando la función
shy que se encuentra aquí. Si no ve el
icono, puede hacer clic aquí. Bien, marquemos esta capa
como una capa invisible. Para activar la función, también
necesitamos hacer clic aquí en
el ícono tímido. Ahora podemos verlo en
nuestra pantalla anterior, pero no
nos molesta en el panel de capas. Con esto, terminamos la
primera parte y estamos listos para pasar a la
siguiente. Nos vemos ahí.
4. Sección 1, parte 2: Bienvenida de nuevo. Ahora necesitamos crear el
primer título para hacerlo, necesitamos crear una línea de texto. Seleccionemos la herramienta de texto. Quiero que no lo hagas
conmigo por ahora porque quiero
explicarte algunas cosas
antes de empezar. No te preocupes, lo haremos
juntos en unos momentos. Una vez que elegimos la herramienta de texto, hay dos formas de crear
un cuadro de texto y una línea de texto. Si selecciono un
área específica como esta, crearé un cuadro de texto. Y si escribo algo aquí, el texto caerá
automáticamente a la siguiente línea cuando llegue a los límites de
las casillas. Ahora puedo ajustar el tamaño
de la caja como se desee. La segunda forma es crear
una línea de texto para eso. Voy a hacer clic aquí en
la pantalla anterior y escribir algún texto. Así es como
creamos una línea de texto. A diferencia de un cuadro de texto, una línea de texto no tiene
bordes que podamos ajustar. Bien, entonces voy a borrar las
dos capas que he creado. Regresemos a la herramienta de selección
y hagámoslo juntos. Ahora vamos a seleccionar la herramienta de texto. Ahora da clic aquí,
quiere crear una línea de texto, y vamos a escribir la palabra texto. Para comenzar a escribir una mayúscula, puede mantener presionada la
tecla Mayús y escribir la letra. Ahora escribamos el resto de
la palabra sin
mantener pulsada la tecla mayúsculas. A continuación, seleccionemos todo el
texto haciendo doble clic sobre él. Ahora vamos a ajustarlo
usando la pestaña Carácter. Si no lo ves, lo
puedes encontrar debajo de la ventana. Bien, primero vamos a
elegir el estilo de fuente. Voy a la derecha L aquí, desplazaré un poco hacia abajo y
seleccionaré Negrita en estilo. Como sé voy a usar mucho esta
fuente en este curso, puedo guardarla como
favorita para esto, hagamos clic en el icono de la
estrella aquí. Ahora puedo dar click aquí para
ver todas mis fuentes favoritas. De esta manera no necesito
buscarlo cada vez. Y para volver a
ver todas las fuentes, da clic aquí una vez más. Bien, ahora
cambiemos el tamaño de la fuente. Podemos hacerlo
arrastrando este valor a los lados o ingresando
un número específico Vamos a establecerlo en 300. Si quieres cambiar
el estilo de fuente, puedes abrir todas las
diferentes opciones aquí o hacer clic aquí una vez y usar
las flechas arriba y abajo. Configura para que se muestre pesado. Ahora centremos la capa en la composición usando
la herramienta Alinear. Haga clic aquí. Aquí.
Una última cosa. Vamos a Párrafo y
asegurémonos de que el texto esté alineado al centro y que la
dirección de escritura sea de izquierda a derecha. Si tu capa se mueve hacia
un lado después de hacer esto, simplemente vuelve a centrar la
capa usando una línea. Ahora quiero platicar con ustedes sobre un tema muy importante
llamado Anchor Point. Estoy hablando de este icono rojo. Veamos qué hace y
por qué es tan importante. Abriré el parámetro de rotación
y rotaré esta capa. Presta atención a cómo gira. Gira en relación a la posición
del punto de anclaje. Si quiero que la capa
de texto gire desde su centro, necesito colocar el punto de anclaje en el centro de la capa. Puedo hacer esto usando la herramienta de
punto de anclaje que se encuentra aquí. Vamos a seleccionarlo juntos y
mover el punto de anclaje al centro de la capa
manteniendo pulsada la tecla de control
o comando. De esta manera, el punto de anclaje se
encajará al centro. Ahora vamos a soltar el
clic del ratón y luego la tecla de control. Después de usar la herramienta de punto de
anclaje, no olvide volver
a la herramienta de selección. Bien, ahora sigamos adelante y
creamos el segundo texto. Para eso, podemos
simplemente duplicar esta capa y cambiar el
texto y el diseño más adelante. Para duplicar la capa, usaremos el control de atajo. Ahora arrastremos la nueva capa hacia abajo mientras mantenemos
presionada la tecla Mayús. De esta manera podemos
arrastrarlo en un eje recto. Hagamos doble clic en esta capa y cambiemos la animación de texto. Mantenga presionada la tecla Mayús y escriba la letra A para
hacerla mayúscula. Ahora suelta la tecla mayúsculas y sigue escribiendo el
resto de la palabra. Ahora haga doble clic en
el texto para
seleccionarlo todo y cambiar
la fuente a Ezra Escojamos este estilo porque
usaremos este lote de Fanta Vamos a marcarlo con la estrella. De esta manera podremos acceder a él más rápidamente en
futuras sesiones. A continuación, cambiemos
el tamaño de fuente a 100 o 120. Y presiona Enter. Asegurémonos de que el texto
esté alineado con el centro. Vamos a Párrafo y
asegurémonos de que el texto esté alineado al centro y que la
dirección de escritura sea de izquierda a derecha. Y usando la herramienta alineada, centremos el texto
en la composición. Como puede ver, el punto de
anclaje de esta capa no está
centrado esta vez. En lugar de centrarlo manualmente usando la herramienta Punto de
anclaje, lo
haremos con el
útil control de acceso directo Alt, Los usuarios de Home Mac
necesitarán trabajar un poco más duro
para usar este atajo. Además, no olvides que
todos los atajos
funcionarán solo cuando el idioma de
tu computadora esté configurado en inglés. Si es así, presionemos Control
Alt home. Ahí vas. El punto de anclaje. Salta
al centro de la capa. Ahora volvamos a la herramienta de selección y
movemos el texto aquí. Ahora quiero que ambos textos
ocupen exactamente la misma área. Deben ser redimensionados para que
coincidan con el tamaño del otro. Para ello, podemos utilizar
guías para crear guías. Tenemos que mostrar los gobernantes. Podemos mostrar las reglas
abriendo la lista de guías
y cuadrículas aquí, y luego seleccionando las reglas,
o usando el control de acceso Ahora para crear una guía, hagamos clic aquí en la regla y arrastremos la primera
guía de ella. Puedes colocarlo
aquí. Vamos a crear otra guía y colocarla aquí. A continuación, seleccionemos
esta capa y cambiemos su tamaño usando
el perímetro de la escala. Pero en lugar de abrir
este parámetro manualmente, simplemente
podemos seleccionar la
capa y presionar la tecla. Ahora da click aquí sobre el
valor una vez y usa las teclas de flecha para
aumentar el tamaño a 105. Después haga clic aquí para
finalizar la operación. Genial, y ahora
podemos esconder a los gobernantes. Para ello, presione
controlador una vez más. Para deshacerse de las guías, vaya a ver y
seleccione guías claras. Ahora centremos estas dos
capas en la composición. Para hacerlo con precisión, podemos usar la guía útil
llamada Title Safe Action. El atajo para esta guía
es la clave del apóstrofo. Acostúmbrate a este atajo
porque lo usaremos mucho. Muy bien, entonces ahora puedo ver dónde está el centro
de la composición. Ahora vamos a seleccionar ambas
capas así y moverlas hacia arriba
usando las teclas de flecha. Si presionamos la
tecla Mayús mientras hacemos esto, el texto se moverá en incrementos
mayores Con esto, hemos terminado de
diseñar la primera escena, y estamos listos para animarla.
5. Sección 1, parte 3: Aprendamos a
animar esta escena. Para crear
esta animación, necesitamos convertir esta
capa de texto en una capa conformada. Similar a como
convertimos una capa de texto una capa perfilada
usando crear contornos, un ilustrador
después de esta acción, obtenemos una forma con un trazado
que podemos mover y modificar. Después de eso
usaremos un efecto llamado ruta de
recorte y animaremos
uno de sus parámetros Si te estás preguntando por qué no
podemos simplemente usar el efecto de ruta de recorte ahora es porque si no
convertimos
el texto en una ruta, no podremos
lograrlo. Incluso si activamos
el trazo para esta capa de texto e
intentamos agregar la ruta de recorte, veremos que este
efecto no aparece aquí. Bien, voy a traer todo de
vuelta a la normalidad para convertir
esta capa de texto en una capa de forma con un
camino clic derecho sobre ella. Ve a Crear y elige
Crear Formas a partir de Texto. La capa de texto se desactivará
automáticamente. No lo necesitamos por ahora, así podemos habilitarle la función
tímida. Ahora vayamos al relleno de
esta forma y la apagemos. Después ve a Trazo, y elige el color oscuro
de la paleta. Ahora cambia el grosor a uno. Hagamos clic aquí para ver
cómo se ve genial. Ahora vamos a acercarnos un poco. Ya sea usando la rueda de desplazamiento o presionando estas teclas, veo que es demasiado delgada. Ajustemos el trazo a
dos y presionemos Enter. Ahora vamos a duplicar esta
capa usando el control D. Luego coloque esta capa
debajo de la primera. Esta será la
capa que se
colocará una vez finalizada la
animación de trazo. Porque después de dibujar el
trazo, queremos revelar toda
la palabra. Activemos el
relleno en esta capa. Elige el color oscuro y esta
vez apaga el trazo. Ahora tenemos una capa
con el texto relleno color y una
capa adicional con solo el trazo. Por ahora, apaguemos la
capa con el relleno y enfoquemos la animación de la capa de
texto con el trazo. Para ello, vamos a
abrir esta capa, seleccionar el contenido, ir a Agregar, y elegir el efecto de trazados de
recorte. Ahora abramos el Efecto y expandamos este panel
para mayor comodidad. Ahora bien, si muevo el
parámetro llamado end, verás que el trazo
desaparece y vuelve a aparecer Este es el parámetro que
vamos a animar. Lo haremos
creando marcos clave. ¿Qué son los marcos clave?
Los fotogramas clave son un concepto fundamental en animación y motion
graphics, en after effects. Los fotogramas clave se utilizan para definir los puntos inicial y
final de una animación o transición. Son puntos en el tiempo que
marcan la posición, tamaño, rotación, opacidad y otras propiedades de
un elemento o capa Los fotogramas clave también se utilizan para controlar la velocidad y el
tiempo de una animación. Ajustando la distancia
entre fotogramas clave. Puede controlar la velocidad de la animación ajustando
el tiempo de los fotogramas clave. Se puede controlar el espaciado
y el ritmo de la animación. Bien, entonces lo primero es lo primero, antes de animar el parámetro, asegurémonos que el
indicador de tiempo esté al
comienzo de la línea de tiempo Ahora decidamos para que en este momento en
el segundo cero, el valor de este
parámetro sea cero. Para dar el
comando a after effects, necesitamos crear un fotograma clave. Para crear fotogramas clave, haga clic en el
icono del cronómetro para este parámetro Ahí creaste
tu primer fotograma clave. Ahora pasemos
al segundo número dos y decidamos para que
en este momento, el valor de este
parámetro sea 100. Una vez que creamos el
primer fotograma clave para un parámetro específico y luego cambiamos su valor
a lo largo de la línea de tiempo, fotogramas clave
adicionales con crearán
automáticamente fotogramas clave
adicionales con
el nuevo valor para nosotros. Por lo tanto, vemos
el segundo marco clave creado sin hacer clic en
el icono del cronómetro Para ver lo que
hemos logrado, coloquemos el indicador de
tiempo
al inicio de nuestra
línea de tiempo y presionemos la barra espaciadora Gran trabajo. Has creado
tu primera animación. Ahora coloquemos aquí el
indicador de tiempo y veamos cómo podemos hacer que esta animación sea
un poco más interesante. Podemos hacer esto creando fotogramas
clave para un
parámetro adicional llamado offset. Como pueden ver, en
cuanto lo muevo, la línea empieza a moverse. Lo volveré a poner a cero. Y vamos a animarlo juntos. Primero, vayamos al
inicio de la animación. Y configurarlo para que en este momento el valor de este
parámetro sea cero. En el segundo número dos, lo
configuraremos para que este parámetro
haga una rotación completa. Veamos cómo se ve ahora. Mientras se
dibuja la línea, también se mueve. A continuación haremos que nuestra animación sea
un poco más interesante al transformar nuestros
fotogramas clave regulares en como fotogramas clave. ¿Qué son los marcos clave? *** es un tipo de interpolación de
fotogramas clave que te ayuda a lograr un movimiento suave
y natural Cuando aplicas ASe's
a un fotograma clave, agrega aceleración
y aceleración graduales a la animación, haciéndola parecer más natural. Para convertir estos fotogramas
clave como fotogramas clave. Los seleccionaremos y
presionaremos la tecla nueve. Usuarios de Mac, mantenga presionada la tecla F
y presione nueve. Hagámoslo y
veamos cómo se ve. Ahora se ve bien. Cerremos todos los
parámetros de capa y sigamos adelante. Ahora encontremos el momento
adecuado en la línea de tiempo donde la capa de texto relleno
debería ingresar a la escena. Digamos que queremos que empiece
a entrar en escena un poco antes de que se dibujen
todos los trazos. Para ver dónde termina la animación
del trazo, podemos seleccionar esta
capa y presionar el Reino Unido. De esta manera podemos ver todos los fotogramas clave que
existen en esta capa. Ahora coloquemos aquí el indicador de
tiempo y decidamos que esta capa
entrará al fotograma a partir de
este punto en adelante. Volvamos a esta
capa y al parámetro. Vamos a crear fotogramas clave para este tiempo será el parámetro de
opacidad Para acceder rápidamente a
este parámetro, simplemente
podemos seleccionar la
capa y presionar la tecla. En este momento, el valor de este
parámetro debe ser cero. Para dar el comando after
effects, haremos clic en el icono del
cronómetro para este parámetro y crearemos los fotogramas
clave con este valor En el segundo
número 2.15 fotogramas, que es exactamente 1 segundo
después de los primeros fotogramas clave, cambiaremos el valor a 100 Y también convertiremos estos fotogramas clave
en como fotogramas clave. Pregunta ¿cuál es el
atajo para convertir un fotograma clave lineal
en un fotograma clave ***? Lo haremos seleccionando el marco clave y
presionando la tecla F nueve. Veamos cómo se
ve. Gran trabajo. Bien, entonces hemos
animado las capas. Ahora quiero enseñarte
algo muy importante. Digamos que más adelante en el video, tendremos que mover esta
animación a un lado. Si muevo esta capa, la capa de relleno
no se moverá con ella, entonces tendré que
moverla también. Presionaré el control Z
para deshacer la acción. Para hacer que ambas capas
se muevan juntas, podemos vincular la capa inferior a la capa superior usando la
función padre y enlace que se encuentra aquí. La crianza y la vinculación son herramientas
poderosas y
efectos posteriores que permiten
controlar el movimiento
de una capa o propiedad en función del
movimiento de otra. La crianza de los hijos es una relación entre dos capas
en
la que una capa a la que se une el hijo y sigue el movimiento
de otra capa, la padre padre una
capa a otra capa. Cualquier movimiento o
transformación aplicada a la capa padre también se
aplica a la capa secundaria. Esto es útil para crear animaciones
complejas como
personajes o vehículos, donde el movimiento de una parte afecta el movimiento de otra. Vinculación por otro lado, es una relación más flexible
que permite
controlar una propiedad o parámetro de una capa en
base a otra. En nuestro caso, necesitamos
padre de una capa a otra. Para ello, arrastraremos el látigo pick de esta
capa a esta capa Ahora cada vez que
muevo la capa superior, la capa inferior
se moverá con ella. Bien, presionaré el control Z. Ahora es el momento de seguir
adelante y comenzar a animar
esta capa de texto Pero antes de eso, apaguemos estas dos capas
para que no se interpongan en nuestro camino y procedan. Ahora hablemos de los
dos métodos principales para animar esta capa de texto para lograr el resultado que vemos
en el ejemplo El primero consiste en separar cada letra y
animarlas individualmente, lo cual es un proceso manual El segundo y más
eficiente método es utilizar animadores de texto
y efectos posteriores Déjame mostrarte primero el
método manual, muy rápido. En primer lugar,
necesito duplicar esta capa tantas veces como el número de
letras en esta palabra. Entonces necesito dejar una letra de la palabra en cada capa. A continuación, tengo que arreglar su
posición y animarlos uno por uno y crear el
timing entre ellos manualmente. Como pueden ver, es una forma muy
larga y engorrosa. Espero que hayas entendido mi punto. Yo hice muchas acciones para una animación
tan simple. Por lo tanto, no
lo haremos de esta manera. Lo haremos de una manera mucho
más inteligente y rápida usando los animadores de texto Primero, abramos la capa. Podemos cerrar eso y
agrandar un poco este panel. Ahora sólo tenemos que seleccionar el texto y abrir
la lista animada A partir de aquí, tenemos
que elegir qué propiedad estará
en nuestro primer animador En nuestro, ya que queremos que el texto se mueva de
un lugar a otro, elegiremos la propiedad de
posición para nuestro primer animador Aquí podemos ver que se ha creado un
animador. Lo primero que tenemos que hacer es establecer el selector
de rango de este animador Esto quiere decir que ahora
decidiremos dónde queremos que esté
el texto al final o al principio
de este animador Vamos a estar aquí abajo. Por ahora, podemos
cambiarlo más tarde en cualquier momento. Por ahora, solo estamos tratando de
ver qué funciona mejor para nosotros. Vamos a bajarlo un poco. Vamos a bajar
aún más el texto. Escribamos 120. Ahora hemos establecido una cierta
posición para el texto. Rebajemos
la pantalla de vista previa y agrandemos este panel. Ahora necesitamos abrir
el selector de rango y también abrir las propiedades
avanzadas. Ahora vamos a controlar
el texto
en base al valor que establecemos en
el selector de rango. Lo haremos cambiando
el parámetro offset. Esto significa que cuando el
desplazamiento se establece en cero, significa que el
texto se ubicará en el valor que establecemos en
el selector de rango. Y si establecemos el desplazamiento a 100, el texto se ubicará
en su posición original, que es donde estaba antes establecer el valor en
el selector de rango. Pero si muevo este valor
hasta -100 el texto terminará
en su posición original Y eso no es lo
que vamos a buscar. Para solucionarlo, necesitamos cambiar
cómo funciona este animador. Y eso lo podemos hacer cambiando la forma de este
animador para que se incremente. Ahora cuando el desplazamiento
se establece en -100 la posición del texto se basa en el valor que establecemos en
el selector de rango Cuando el desplazamiento se establece en 100, el texto vuelve a
su posición original. Ahora podemos establecer fotogramas clave a la propiedad offset para crear
la animación que queramos. Vamos a asegurarnos de que estamos
al principio de
la línea de tiempo y creamos un fotograma
clave con el valor de -100 Ahora pasemos al segundo número uno y
cambiemos el desplazamiento a 100 Mientras trabajamos con animadores de
texto, podemos cambiar la flexibilización
de los marcos clave aquí En lugar de usar
el atajo nueve, ponlo en 85, 85, y
mira cómo se ve eso. No te preocupes si te
sientes un poco confundido. Esto lo haremos muchas
veces en el curso. Eventualmente lo
entenderás mucho mejor. Bien, ahora sigamos
adelante y aprendamos a hacer invisible
el texto. Cuando está en la
parte inferior, quiero que sea visible sólo cuando llegue a su posición original aquí arriba. Para ello, necesitamos
encontrar un punto en el tiempo donde el texto ya haya terminado su animación y esté
en su posición final. Ahora haz click derecho sobre él, ve a Máscara y
crea una nueva máscara. Ahora cuando el texto esté en la
parte inferior, no lo veremos. Si después de crear la máscara aún
ves el texto. Puede cambiar su ubicación
sin estropear la animación simplemente
cambiando el valor para
el selector de rango Ajusta el
selector de rango y comprueba tu animación se vea bien. Bien, avanzando ahora vamos a
traer de vuelta las dos capas. Ahora quiero que esta animación comience sólo después de que este texto
haya terminado su animación. Digamos en este punto temporal en el segundo número 1.15 fotogramas Vamos a moverlo manteniendo pulsada
la tecla Mayús para que la capa se alinee con la posición de los indicadores de
tiempo Veamos cómo se
ve. Se ve bien. Una vez que terminemos la
animación para esta sección, podremos aplicar nuestro color rosa
elegido de la
paleta de colores al texto. Selecciona esta capa, ve
a la pestaña de caracteres y usa el cuentagotas para elegir el color rosa
de la paleta También
apaguemos el fondo de la
pantalla anterior y sigamos adelante. Ahora vamos a animar el
resto de las capas. Este texto subirá
y este texto bajará. Primero, encontremos
el momento en que queremos comenzar a
animar las capas Veamos dónde termina la
animación. Ahí es donde
están los
últimos fotogramas clave para mostrar todos los
fotogramas clave que tenemos en la escena. Asegúrate de no
seleccionar ninguna capa y presiona la tecla U aquí. Veo que los
fotogramas clave se encuentran aquí, es
decir, la animación de estas
capas está terminada aquí. Ahora seleccionaremos esta
capa y esa capa, pero no esta.
¿Por qué no esta? Porque conectamos esta
capa a esa capa, lo que significa que cuando
movemos esta capa, la segunda capa se
moverá junto con ella. Debido a eso,
seleccionemos
ambas capas y abramos el parámetro de posición
para ambas. Para eso, presionamos la tecla. Ahora vamos a crear fotogramas clave
con el valor actual, porque en este
momento queremos que el
texto permanezca aquí. Pero en un segundo. Número cuatro, esta capa irá aquí. Arriba. Lo moveremos mientras mantenemos
pulsada la tecla Mayús. Vamos a mover esta capa hacia abajo también mientras
mantenemos pulsada la tecla Mayús. Ahora seleccionemos los
fotogramas clave que creamos y presionemos F nine para convertirlos
a *** fotogramas clave. Se ve un poco aburrido. Para que el movimiento sea
más interesante, podemos cambiar el comportamiento
de esta animación. Haremos esto usando
el editor de gráficos, haga clic
derecho y nos aseguraremos de que está usando el editor de
gráficos de velocidad. Ahora vamos a seleccionar ambos fotogramas clave y
arrastrar el mango aquí. También seleccionemos ambos marcos clave y
movamos el mango aquí. Veamos cómo se ve. Ahora el texto empieza a
moverse lentamente al principio, luego gana mucha velocidad. Por último, se
ralentiza hacia el final. Tenga en cuenta que la duración de la
animación no ha cambiado. Simplemente cambiamos la velocidad de los fotogramas clave y no la
duración de la animación. Ahora volvamos a nuestra
línea de tiempo y aprendamos a cambiar la velocidad sin entrar en el editor de grafos y ajustar
los mangos manualmente. Para ello, sí necesitamos
seleccionar todos los fotogramas clave, mantener presionada la tecla alt y hacer
doble clic en uno
de los fotogramas clave. Esto abrirá el panel de velocidad del
fotograma clave. Ingresemos 85 para
ambos y presionemos bien, veamos cómo se ve. Se ve bien. Bien, entonces la primera escena está lista y ahora podemos pasar
a la siguiente, donde creamos una animación de
tres textos.
6. Sección 1, parte 4: Bien, entonces antes que nada, vamos a crear el texto. Escogeremos la herramienta de
texto y escribiremos. Ahora seleccionemos todo el texto y cambiemos el color a azul. Asegúrese de que el texto
esté centrado y que la dirección de escritura
sea de izquierda a derecha. A continuación, alineemos el texto con el centro de la
composición usando una línea. Presiona aquí y aquí. Y si nos acercamos un poco, podemos ver que el punto de
anclaje de esta capa no está
centrado en la capa. Usemos el atajo. Aprendemos a hacer eso y
presionar controlar todo en casa. Ahora, porque sabemos que actualmente
estamos preparando la segunda escena
para mantener organizado el
proyecto, anidemos esta capa
en una nueva precomp ¿Qué es precomps?
La precomposición es la técnica utilizada para agrupar capas y tratarlas como
una sola Es una herramienta muy útil
en after effects que puede simplificar tu línea de tiempo y ayudarte a organizar tu proyecto. Una de las principales ventajas de precomponer capas es que te
permite mantener
tu línea de tiempo organizada y fácil de administrar Al agrupar
las capas relacionadas, puede reducir el
desorden y
facilitar la navegación y
edición de su proyecto Vamos a precomponer esta capa de
texto juntos. Podemos hacerlo de varias maneras. Podemos escribir, dar clic en la
capa y elegir Precomponer. O podemos usar el atajo
y presionar control shift C. Ahora vamos a darle un nombre a la
nueva pre comp. Vamos a llamarlo, vamos a componer, asegurarnos de que ambos estén
seleccionados y haga clic en OK. Ahí lo tienes. Se crea una nueva
composición, que también podemos ver
en el panel del proyecto. Si lo ingresamos, podemos ver
la capa de texto que creamos. Esto hará que sea mucho más conveniente para nosotros
crear la segunda escena. Ahora volvamos a
la herramienta de selección, configuremos la pantalla de vista previa para que encaje. Ahora vamos a convertir esta capa de
texto en una capa de tres D haciendo clic
en este icono aquí. Para quienes no
lo vean, pueden dar click aquí. Vamos a hacer clic en el icono de las tres
D. Ahí vas. La capa se ha convertido en
una capa de tres D. Pero si cambiamos el ángulo de
vista previa de
cámara activa a vista personalizada uno, veremos que el texto no
tiene el volumen tres D. Para ello, necesitamos
cambiar el motor de
renderizado del software del renderer clásico
de tres D
al renderer Cinema Four D. Para quienes no
lo vean en el panel de vista previa, pueden
presionar el control K para
acceder a los
ajustes de composición en los que nos encontramos actualmente. Ahora ve a Three D Renderer y cambie el
renderizador desde aquí Hagamos clic en Bien y continuemos. Como pueden ver, por ahora,
nada ha cambiado. Pero si abrimos
las propiedades Capas, veremos que se
ha agregado una nueva propiedad llamada Opciones de geometría. Vamos a abrir eso. Ahora quiero mostrarles cómo se vería si no
hubiéramos cambiado el renderizador Lo vuelvo a cambiar al
clásico tres D y como
pueden ver el
parámetro de opciones de geometría no está activo, por
eso cambiamos al renderer Four D de
cine Bien, entonces ahora con el
fin de crear el volumen
tridimensional, necesitamos aumentar el valor
para la propiedad de
profundidad de extrusión. Vamos a establecerlo en 35. Eso debería ser suficiente.
Cuanto más grande lo hagamos, más difícil
será renderizar la escena, lo que ralentizará la
computadora y el software. Bien, ahora vamos a agregar
color a los lados. Para eso, necesitamos
seleccionar el texto de aquí, ir a Animar, luego a lado
del color, y elegir RGB Ahora vamos a seleccionar la paleta de
colores a través del panel de proyectos para que
podamos ver los colores. Y cambiaremos el color usando el cuentagotas a
gris hermoso Ahora podemos cerrar la
capa y seguir adelante. Si cambiamos nuestro ángulo de
vista previa de vista de
disfraz uno a vista superior, podemos ver que el punto
de anclaje de esta capa no está centrado. Seleccionemos la herramienta de
punto de anclaje y movamos el punto de anclaje
desde el Zaxisow Volvamos a cambiar
a la cámara activa para ver la escena desde
un ángulo regular. Además, no olvide
volver a la herramienta de selección. Bien, ahora estamos listos
para animar esta escena. Pero antes de eso podemos
ampliar este panel, establecer la vista previa para que encaje, y vamos a animar esta capa Nuestro objetivo es animar la capa moviéndose
hacia la cámara, lo que requiere animar
la propiedad de posición Presionemos la tecla. Como puedes ver, debido a que convertimos esta capa en una capa
tridimensional, agregamos un nuevo eje de movimiento además
de izquierda y derecha. Abajo y arriba,
podemos
acercar o
alejar el texto de la cámara. Voy a presionar controles un par de veces. Vamos a animarlo juntos. Vamos a establecer que en
este momento, la posición del
texto estará aquí. Después de 2 segundos, el texto se
acercará a la cámara. Para mover esta capa
en incrementos mayores, podemos mantener presionada la tecla Mayús mientras cambiamos el valor
del eje Z para que el texto pase
exactamente por el medio También podemos moverlo
a lo largo del eje x, eso significa desplazarlo de lado Dado que estamos tratando
con tres capas D, el proyecto puede funcionar muy lentamente para ayudar después de
los efectos a previsualizar la escena, podemos disminuir la
calidad de la vista previa. Aquí, escojamos trimestre. Ahora veremos la escena un poco más pixelada y
con menor calidad Pero después de los efectos
funcionarán más rápido. Y continúe moviendo la
capa hacia adelante y organice el movimiento para que el texto pase exactamente por el centro. Veamos cómo se ve. Deje que el software renderice la
escena durante unos segundos. Ahora, para que el
movimiento sea más suave, cambiemos los
marcos clave para facilitar la facilidad. Volvamos a verlo una vez
más. Se ve bien. Después de que terminemos con esta palabra, vamos a crear la animación
para la segunda palabra. Para ello, podemos duplicar esta
capa de texto usando el control D. Entonces podemos
apagar temporalmente esta capa. Ahora vamos a presionar aquí dos veces. Y cambia la palabra para ir mantén presionada la tecla mayúsculas para
escribirla en mayúsculas. Cambiemos el color
de este texto a amarillo. Ahora vuelve a la herramienta de
selección y ve cómo se ve el movimiento que
creamos con este texto. Ahora hagamos que el texto
pase por la letra O. Para ello, necesitamos ajustar un poco
la animación de
esta capa. Para cambiar esta animación, necesitamos ver sus fotogramas clave. Vamos a presionarte para que hagas eso. Ahora vamos al
último fotograma clave. Mantenga presionada la
tecla Mayús mientras mueve el indicador de tiempo para que encaje exactamente al fotograma clave Para lograr el resultado deseado, es crucial cambiar
el valor solo cuando
el indicador de tiempo se coloca
en el fotograma clave específico. Queremos cambiar
el valor por ahora, podemos cambiar el valor
de este fotograma clave Movamos la capa
hacia atrás y ajustemos su posición para hacer que la capa salga del marco
a través de la letra O. También
puede hacer clic en el
valor que desea cambiar y ajustarlo usando las flechas arriba y
abajo del teclado. Una vez hecho esto,
revisemos el resultado. Ahora vamos a encender
ambas capas y traer aquí el indicador de tiempo
para que podamos ver las capas. Podemos colocar esta capa aquí. Ahora vamos a crear una animación de
entrada genial para estas capas usando
una animación de escalado. Asegurémonos de que estamos al
inicio de la línea de tiempo. Seleccione ambas capas
y presione la tecla S. Ahora decidamos que en este momento el tamaño de
las capas será cero. Cambiemos el valor y creemos un marco clave
con este valor. En el fotograma número 15, estableceremos el tamaño
de las capas en
100% Vamos a convertir
estos fotogramas clave a as, apaguemos una de las capas
y veamos cómo se ve bien la animación que creamos Se ve bien. Ahora vamos a tiempo las dos capas para que entren en escena
una tras otra. Para esto, movamos
el indicador de tiempo hacia adelante en el tiempo para que podamos
ver ambas capas. Ahora vamos a mover la
capa de texto Ir hacia adelante en el tiempo. Veamos cómo se ve. Creo que tenemos que
moverlo un poco más. Vamos a verlo ahora. Quizá
hasta un poco más. Bien, vamos a mover esta capa
al segundo número, 1.15 fotogramas Sí, eso es mejor.
Las dos capas ya
han salido de escena. Ya no necesitamos esta parte
de la línea de tiempo. Vamos a acortarlo hasta el final
de estas capas de animación. Para ello, necesitamos ver los fotogramas clave de
todas las capas. Vamos a asegurarnos de que
no estamos seleccionando nada. Pregunta, ¿qué tecla debemos presionar para ver los
fotogramas clave en las capas? Presiona la tecla U ahí. Podemos ver que el
último fotograma clave está aquí, lo que significa que la
animación termina aquí Coloquemos
aquí el indicador de tiempo para acortar la línea de tiempo Se llama el área de trabajo. Lo moveremos manualmente o usaremos
el atajo la llave final. Ahora vamos a hacer clic derecho aquí y elegir recortar comp al área de trabajo. Cuando volvemos a
la composición principal, podemos ver que esta pre comp efectivamente se
ha acortado. Ahora lo que queda por
hacer es simplemente
cronometrar la animación en esta pre comp con la animación
de la primera escena. Podemos traer el pre
comp aquí abajo y
moverlo relativo a la animación
de la primera escena. Vamos a colocarlo más o menos aquí. Dale unos segundos
para renderizar la vista previa. Se ve bien. Ahora vamos a crear
el fondo para esto. Usaremos una capa llamada sólida. Hay dos formas de
crear una nueva capa sólida. Puede hacer clic con el botón derecho aquí, ir a Nuevo y seleccionar Sólido. O podemos hacerlo con
el control de atajos. Cambiemos el
color del sólido al color brillante de
la
paleta usando el cuentagotas Ahora coloca el sólido debajo todas las capas antes de
renderizar la escena. Eliminemos las capas
innecesarias que contiene. Hagamos clic aquí para
ver las capas ocultas. Podemos desbloquear la paleta
de colores y borrarla usando la tecla de
retroceso o borrar También eliminemos
esta capa de texto. Ahora acortemos aquí el área de trabajo porque
aquí
no pasa nada Por lo tanto, no necesitamos toda
esta sección para
acortar el área de trabajo Coloquemos el
indicador de tiempo aquí y presionemos. En este caso, no necesitamos recortar y ajustar el área de trabajo porque después de
los efectos renderizarán solo los límites del área de
trabajo seleccionada. Bien, ahora veamos toda
la animación
de principio a fin. Vamos a configurar la vista previa para que encaje. Apagaremos la cuadrícula, presionaremos la tecla apóstrofo y luego presionaremos la Sea paciente y dé tiempo a
los efectos posteriores para
renderizar la vista previa. Se ve bien y está
listo para renderizar. Para renderizar esta escena, vaya a Composición y
elija Agregar para renderizar, o podemos usar el control de
acceso directo M. Este es el panel Q de render de after
effects. Primero tenemos
que decidir qué formato queremos
renderizar esta animación. Podemos hacerlo cambiando
el modo de salida. Vamos a dar click aquí y
ahora elegir el formato H 0.264 40
megabits por segundo, lo que nos da un archivo MP four de alta
calidad Después en la salida dos, podemos elegir dónde
guardar el archivo. Vamos a guardarlo en la
carpeta renders que creamos anteriormente. Ahora puedes cambiar el nombre
del archivo o dejarlo como está. Y luego pulsa Guardar. Y finalmente, vamos a presionar el botón de renderizar para
renderizar la animación. Esperemos
ahora unos momentos para ver el render. Podemos abrir el modo de salida
y hacer clic en el enlace aquí. Veamos cómo se
ve. Se ve bien. Ahora puedes
compartirlo en redes sociales o agregarlo a tu portafolio de
sitios web. Bien. Ahora volvamos al proyecto y organicémoslo. Antes de cerrarlo, podemos, también
podemos cerrar esta pre comp. Ahora vayamos al panel
de proyecto y organicémoslo usando carpetas. Hagamos click aquí para crear una carpeta y llamarla pre comps Ahora vamos a asegurarnos
de no seleccionar nada y crear otra
carpeta llamada assets. Coloquemos aquí la
paleta de colores y la carpeta del sólido que se
creó automáticamente cuando creamos
el fondo. Ahora movamos la
precomp que creamos, que por supuesto está en
nuestra composición principal, la
carpeta precomps Recomiendo dejar
afuera
la composición principal para diferenciarla de otras composiciones
del proyecto. Podemos etiquetarlo con un color azul. Ahora vamos a presionar el control
como para salvar el proyecto. Ahora puedes cerrar el proyecto. Espero que hayas disfrutado de
la lección y espero
verte en la siguiente. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. Levantate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro
antes de la siguiente lección. Nos vemos ahí.
7. Sección 2: Animación de texto ondulado: Hola a todos. En esta lección, crearemos una animación
súper genial usando animadores de capa de
texto after effects Tomaremos un enfoque paso a paso y
lo desglosaremos en cuatro partes. Aquí está el plan. Primero haremos la animación de texto
y aprenderemos a bucle. A continuación, profundizaremos en
las expresiones y aprenderemos algunos trucos geniales para convertir una animación simple
en una elegante Después descubriremos algunas técnicas avanzadas
que nos ahorrarán tiempo. Crearemos un fondo
dinámico, renderizaremos la escena y
organizaremos el proyecto. Después de eso, aprenderemos a modificar la animación que creamos y a utilizar técnicas más avanzadas para facilitar los cambios futuros. Finalmente,
mejoraremos
aún más la animación y renderizaremos
el producto final. Va a ser increíble.
Empecemos.
8. Sección 2, parte 1: Vamos a almorzar después de los efectos. Puede cerrar esta ventana para que todos veamos los
mismos arreglos de panel. Vamos a hacer clic en Default. Ahora vamos a crear nuestra
primera composición. Lo llamaremos
Animación de texto dos. Ahora vamos al Renderer, ya que en la lección anterior cambiamos el renderer
a Cinema four D. Volvamos
a cambiarlo al clásico tres D. Ahora volvamos a Básico, y esta vez
trabajaremos en formato full HD, lo que significa 1,920 píxeles de
ancho y 1080 píxeles ancho y 1080 píxeles Trabajaremos con 30
cuadros por segundo. La duración de la composición
será de 10 segundos. Cambiaremos el
fondo a negro. Vamos a hacer clic bien,
aquí y allá. Bien, ahora vamos a importar la paleta de colores
al proyecto. Demos clic aquí para
ver el panel del proyecto. Para mayor comodidad, vamos a configurar
la pantalla de vista previa para que se ajuste. Ahora llevemos la
paleta de colores a este proyecto. Para ello haga doble clic en el área gris en
el panel del proyecto. Localice la carpeta que creamos para la lección e ingrese a
la carpeta Activos. Seleccione la paleta de colores
y haga clic en Importar. Ahora podemos guardar el proyecto
y darle un nombre. Para ello, usemos
el control de acceso directo. Entonces encontremos la carpeta
que creamos para la lección. A continuación, vaya a la carpeta AE
que creamos para la lección. Ahora podemos dar click en el archivo
after effects
de la primera lección. De esa manera vamos a
probar este nombre. Ahora todo lo que tenemos que hacer es
cambiarlo al número dos. Genial, ahora podemos golpear Guardar. Bien, ahora vamos a crear
la capa de texto para eso, elegiremos la herramienta de texto
y escribiremos la palabra swag Seleccionemos el texto. Ve a la pestaña de caracteres y cambia el
color del texto a blanco. A continuación, cambia la
fuente a Montserrat. Elige el estilo extra audaz. Y guarda esta fuente
para un acceso rápido, porque la usaremos en futuras
lecciones pensándolo bien , cambiemos el estilo a
negro y fijemos el tamaño a 150. Presionemos aquí para que todas
las letras estén en mayúsculas. Ahora vamos al párrafo y asegurémonos de que nuestro texto esté alineado al centro y que la
dirección de escritura sea de izquierda a derecha. Ahora vamos a ir a una
línea y dar clic aquí y aquí para centrar la
capa en la composición. Ahora centremos el
punto de anclaje de la capa de texto. Lo haremos usando un
útil control de atajo, los usuarios de
Alt Home Mac prestan atención a cómo lo
haces en tu teclado. Presionemos control Alt Inicio. Y ahí tienes,
el punto de anclaje. Salta al centro. Genial.
Ahora volvamos a la herramienta de selección usando el atajo V y comencemos
a animar el texto Como aprendimos en la lección
anterior, anímela usando los
animadores que after
effects nos ofrece al
trabajar con capas de texto Para usar el texto, los animadores
primero abren la capa de texto, seleccionan el texto y luego eligen el animador de posición porque eso es lo que queremos que haga
el texto Muévase de arriba a abajo. Ahora lo primero que tenemos que
hacer es establecer el valor del
selector de rango, es
decir cuando el texto inicia
o termina la animación. Vamos a establecer la posición
del texto en la parte inferior. Podemos cambiarlo en cualquier
etapa posterior en el proyecto. Por ahora, solo estamos tratando de
ver qué funciona mejor para nosotros. Escribamos 120. Genial, ahora vamos a abrir selector de
rango uno y
las propiedades avanzadas. Vamos a agrandar un poco este panel. Ahora podemos cambiar
la forma
de animación de este animador de
cuadrado a rampa arriba De esta manera el
movimiento del texto comenzará desde la primera
letra hasta la última. Ahora para animar el texto, cambiaremos el
parámetro offset en este momento En el segundo cero,
pongamos el desplazamiento a -100 Después de 2 segundos, cambiaremos el desplazamiento a 100 Veamos cómo se ve. Como aprendimos al trabajar
con animadores de texto, podemos hacer estos
fotogramas clave s presionando nueve O podemos establecer la velocidad de
los fotogramas clave ingresando los números en estos
parámetros Se alto. Escribamos 20, Se
bajo, escribamos 80. Ahora hagamos que las letras vuelvan a bajar
en forma de onda. Si simplemente pongo el
offset a -100 las letras volverán de la última letra y no
de la primera letra Bien, voy a borrar este fotograma clave, y veamos cómo
podemos hacerlo Para lograr el aspecto ondulado, podemos duplicar el animador
y ajustar los parámetros Así que selecciónala y presiona
control D. Ahora vamos a abrirla. Sólo algunos parámetros. Lo primero que
necesitamos es cambiar el selector de rango de 120 a -120 De esta manera el texto se moverá en sentido
contrario A continuación necesitamos ver los
fotogramas clave de ambos animadores. Selecciona la capa y presiona. Ahora necesitamos mover los fotogramas
clave del animador dos para comenzar 1 segundo
después del animador Es decir, la animación
del segundo animador
comenzará 1 segundo después de la
animación del primer animador Ahora cerremos la
capa y la volvamos a abrir para acceder a todos los parámetros
de los animadores Iremos al segundo animador y también invertiremos la velocidad Estableceremos el como alto en
80 y el s bajo en 20. Ahora aprendamos cómo hacer que esta animación de olas
se repita y haga otra ola. Para ello, necesitamos
duplicar el primer animador. Porque en este animador, el texto realiza la animación
ascendente Pero primero, cambiemos
el nombre de este animador. Selecciónala, presiona enter
y nombra Animator arriba. Llamemos al animador
que hace ir el texto, el animador, porque este es el animador
responsable del
movimiento descendente del Ahora vamos a duplicar
el animador hacia arriba, seleccionarlo, presionar el control D, y moverlo hacia abajo Esta animación debería comenzar
después de la anterior. Vamos a seleccionar la
capa y presionarte. Ahora vamos a seleccionar estos
fotogramas clave y moverlos a la posición del indicador de
tiempo mientras se mantiene presionada la tecla Mayús. Veamos cómo se ve. Genial. Ahora hagamos otra ola y hagamos que
el texto baje. Una vez más pregunta. ¿Qué animador debemos
duplicar para lograr esto? Para lograrlo,
duplicaremos control de pulsación
del animador hacia abajo y lo moveremos hacia abajo Presionarlo para ver
los fotogramas clave. Seleccione los fotogramas clave
del nuevo animador y
colóquelos exactamente en medio de la
animación anterior de los animadores Veamos qué tenemos. Bien, ahora hagamos que esta animación se
reproduzca en un bucle perfecto. ¿Qué es una animación en bucle? Una animación en bucle es un
tipo de animación donde el principio y el
final de la animación se mezclan a la perfección, creando un bucle infinito. En otras palabras, la
animación se reproduce continuamente sin ningún punto inicial o final
discernible Como puedes ver, el
texto inicia actualmente. Su animación lo completa, y se detiene si queremos
que siga jugando. Primero necesitamos encontrar dos fotogramas idénticos
al principio y al final
de la animación. Esto. Pasemos al segundo, número uno, cuando el texto ya
está en movimiento. Ahora coloquemos el área de trabajo en el mismo lugar que
el indicador de tiempo. Podemos arrastrar manualmente el área de trabajo o usar el
atajo presionando la tecla B. Ahora encontremos el punto en el tiempo donde el texto vuelve
a esta posición. Otra vez, creo que está
en algún lugar por aquí. Para ser lo más precisos posible, podemos usar la función take
snapshot para esto. Lleguemos a nuestro primer fotograma
y presionemos tomar instantánea. Ahora intentemos encontrar un marco similar al
que capturamos. Para comparar este marco con el primer cuadro,
necesitamos dar clic aquí. No se ve similar. Sigamos buscando.
Nos estamos acercando. Pasemos al
segundo número tres. Ahí encontramos el marco adecuado. Ahora lo que queda es
terminar el área de trabajo. En este momento, podemos arrastrarlo manualmente o
usar el atajo. Ahora cuando toquemos la animación, solo
veremos lo que existe dentro de los límites
del área de trabajo. Presta atención cuando el
indicador de tiempo llegue aquí. Inmediatamente comenzará a reproducir la animación
desde el principio. Porque encontramos dos marcos
completamente idénticos. Al inicio y al final
de la animación, creamos un bucle perfecto. No notaremos cuándo
termina el video y cuándo vuelve a comenzar. Ahora quiero mostrarles lo
que
pasaría si establecemos el área de trabajo en un momento en el que el primer y el último fotogramas no
son idénticos. Digamos que aquí terminamos
el área de trabajo. Como se puede ver, se produce un salto
desagradable. Por lo tanto, es muy importante hora de
crear bucles usar take snapshot. Bien, voy a devolver
todo a la normalidad y ahora
aprenderemos a cortar la capa. Podemos
cortar manualmente la capa
así o usar el
alt de corte corto y el corchete izquierdo. Ahora coloquemos
el indicador de tiempo al final
del área de trabajo
mientras mantenemos pulsada la tecla Mayús, cortemos la capa desde el final. Presionaremos Alt y
el corchete derecho. Y para que la animación
se vea más interesante, podemos seleccionar el texto y agregar algunos puntos a los
lados del texto. Haga doble clic en el texto. Ahora da click aquí y agrega tres puntos al final de la
palabra y al principio. Veamos cómo se ve. Creo que se ve genial, pero no tienes que hacerlo. Bien, ahora
aprendamos a hacer que esta animación se reproduzca durante
más de 2 segundos. Nos vemos en la siguiente parte.
9. Sección 2, parte 2: Para que esta animación se reproduzca
durante más de 2 segundos. En primer lugar, movamos segmento
del área de trabajo al
inicio de la línea de tiempo. También tendremos que mover
la propia capa aquí. Hazlo mientras mantiene presionada
la tecla Mayús. Ahora podemos expandir el área de trabajo, cerrar la capa y seguir adelante. Ahora necesitamos anidar esta
capa en un pre comp. Podemos usar el turno de
control de atajo para hacerlo. Ahora, cambia el
nombre a Swag comp. Después de eso, asegúrate de que ambos
estén seleccionados y presiona bien. Y no olvides
volver a cambiar a la herramienta de selección. Ahora, como puedes ver, los bordes de esta
capa son realmente grandes. Aquí hay mucho espacio
vacío. Para reducir el tamaño de esta pre comp,
necesitamos ingresarla. Ahora presiona control K para
acceder a la
configuración de composición de esta pre comp. Asegúrese de verificar la vista previa y disminuir las
dimensiones de esta comp. Creo que 1,000 de ancho debería
estar bien para la altura. Creo que 500 es buena prensa. Bien, y coloquemos esta capa en el centro
de la composición. Para ver el centro
de la composición, podemos presionar la tecla apóstrofe y usar el
título de la acción, Guía segura Ahora arrastra la capa aquí. Puedes moverte con el indicador de
tiempo para ver que el texto permanece dentro de los
límites de la composición. Y no movemos demasiado
esta capa. Creo que podemos moverlo un poco hacia arriba. Vamos a comprobarlo una vez más. Muy bien, genial.
Ya podemos seguir adelante. Ahora volvamos a
la composición principal y aprendamos a hacer
esta pre play sin fin Porque ahora la animación
termina después de 2 segundos. Debido a que hemos creado una pre comp que comienza y
termina en el mismo fotograma, podemos hacer que esta precomp se reproduzca en un bucle sin fin usando una
expresión. ¿Qué es la expresión? Expression es una pieza de
código que puedes usar para automatizar y controlar diversas propiedades
de tu animación. Se trata de una poderosa herramienta que te
permite crear animaciones
complejas
sin tener que enmarcar manualmente cada
elemento
clave. Vamos a acercarnos un poco. En nuestro caso, usaremos una expresión de
bucle para crear
una expresión de bucle
para una pre comp que comience y termine con
el mismo marco que el nuestro. Lo primero que debemos hacer para colocar el indicador de tiempo
al final de esta capa. Ahora haga clic derecho, vaya a tiempo
y habilite la redistribución de tiempo. Es posible que veas que la capa
aún está cortada de esta manera. Está bien, lo
arreglaremos en un momento. Lo que es más importante es que después de hacer clic en Habilitar recorrespondencia de
tiempo, necesitamos mover un
fotograma hacia atrás y crear un fotograma clave adicional
antes que el existente Para ello, haz clic aquí. Ahora necesitamos eliminar
el último fotograma clave, seleccionarlo y presionar Retroceso Ahora vamos a crear una expresión
para estos fotogramas clave. Para ello, necesitamos mantener pulsada la
tecla Alt y
hacer clic en el cronómetro Esto abrirá el editor
de expresiones. No necesitamos escribir nada, Usaremos una
expresión incorporada para esto. Vamos a hacer clic en la flecha
pequeña aquí, Ir a Propiedad, y
seleccionar esta expresión. Para finalizar la operación, hagamos clic aquí en el costado. Podemos dar un paso atrás. Y ahora vamos a extender esta capa hasta el final
de la composición. Ahora todo lo que suceda
entre estos fotogramas clave, que es toda la animación, seguirá repitiéndose hasta
el final de la composición, haciendo que toda la animación se
reproduzca sin cesar a continuación Porque sabemos que pronto
vamos a duplicar esta composición
varias veces, y cada una estará
en un color diferente. Necesitamos aplicar un efecto llamado relleno a esta composición. Vamos al
panel de efectos y escribamos relleno. Ahora vamos a arrastrar el efecto
a la composición. Ahora, para colorearlo con los
colores de la paleta, volvamos al panel
del proyecto y lo portemos a la escena, y bájelo mientras
mantienes pulsada la tecla Mayús. Vamos a colocarlo aquí. Ahora seleccionemos de nuevo la precomp
y vayamos a Controles de efectos Si no ves este panel, puedes
activarlo a través de ventana. Bien, así que selecciona
el cuentagotas. Y selecciona el
color brillante de la paleta. Ahora agreguemos un trazo genial
a la precomp de texto. Para ello, podemos hacer
clic derecho sobre la Capa, ir a Estilos de Capa,
y seleccionar Trazo. Ahí lo tienes.
Ahí está el trazo. Ahora vamos a desplazarnos un poco hacia abajo hasta que veamos el parámetro de
estilos de capa. Vamos a abrir el trazo
aquí y cambiarlo un poco. Ocultar el fondo para que
podamos ver lo que estamos haciendo. Cambiemos el color
al color oscuro, de la paleta y el
grosor del trazo a cinco. Ahora vamos a cerrar todas las propiedades de la
capa y seguir adelante. Pero antes, presionemos el
control S para salvar el proyecto. Bien, ahora vamos a duplicar
esta composición usando un control de atajo D. Ahora vamos a crear un pequeño desplazamiento
entre estas dos capas. Y mover esta pre compa, un
poco adelante en el tiempo. Acerque un poco y mueva la capa inferior
tres fotogramas hacia adelante. Tres cuadros son demasiado. Vamos a acercarlo un poco más. Eso se ve mejor. A continuación, cambiemos el color de
esta capa inferior. Ampliemos el panel de vista previa. Mantenga presionada la barra espaciadora y arrastre la pantalla de vista previa aquí hasta que veamos
la paleta de colores Alternativamente, podemos
simplemente seleccionarlo. A partir de aquí, presione P para que aparezca el parámetro de posición y mueva esta capa aquí hasta que la
veamos junto al texto. Ahora vamos a seleccionar
la capa inferior y cambiar el color
del efecto de relleno a azul. Ahora volvamos a duplicarlo. Presione el control D. Mueva la capa inferior,
dos fotogramas hacia adelante. Ahora cambiemos el
color a amarillo. Duplicarlo de nuevo.
Muévelo dos fotogramas hacia adelante, y cambie el color a rosa. Hagámoslo por última
vez. Duplicarlo. Muévalo dos fotogramas hacia adelante, y esta vez muestrea el color
oscuro de la paleta. Ahora vamos a configurar la
vista previa para que encaje. Crea un bucle para
esta animación. Podrías notar
que la animación al principio se ve un poco extraña. Eso se debe a que las capas inferiores se
movieron
en la línea de tiempo. Veamos cómo podemos arreglar esto. Primero, vayamos a un
punto en el tiempo donde
veamos todas las capas juntas.
Por ejemplo, aquí. Ahora vamos a seleccionar todas las capas. Haga clic derecho, Ir a Marcadores
y seleccione Agregar Marcador. De esta manera podemos saber que este es el punto de partida
para cada una de las capas. Con el fin de crear un bucle
perfecto como lo hicimos antes cuando creamos
la animación de texto. Busquemos un punto en el tiempo en el que
el texto llegue a la
misma posición que al principio. Pregunta, ¿qué herramienta
nos puede ayudar a crear un bucle perfecto? Usaremos la herramienta de
toma de instantáneas. Tomemos una instantánea
de este marco. Ahora vamos al
segundo número ocho, no al tercer segundo porque el video será
muy corto de esa manera. Bien, parémonos aquí con el indicador de tiempo y comparemos este fotograma con
el primer fotograma que tuvimos. Eso no es bueno.
Comprobemos este marco. Seguiremos haciendo esto hasta que lleguemos al momento
perfecto. Aquí está, a la octava, segunda y cuatro fotogramas. Vamos a crear un
marcador aquí también. Ahora vamos a acortar el
área de trabajo aquí usando la tecla final. Ahora volvamos
al punto que
marcamos al principio y acortemos el área de trabajo desde
aquí también, usando la tecla B. Ahora hemos creado
un bucle perfecto. decir, que cuando la
animación llegue a este punto, Es decir, que cuando la
animación llegue a este punto, comenzará a reproducirse desde el principio sin que nos
demos cuenta de cuándo sucedió Presionemos la barra espaciadora
y veamos cómo se ve. Se ve genial. Ahora vamos a
eliminar la paleta de colores. Ya no lo necesitamos para
prepararnos para el siguiente paso. Limpiemos nuestra escena. Primero, moveremos el indicador de
tiempo al inicio
del área de trabajo mientras mantenemos presionada la tecla Mayús. Ahora bien seleccionamos todas las capas, luego usaremos el
atajo alt y corchete
izquierdo para cortar esta
sección de las capas. A continuación colocaremos el área de trabajo y todas las capas
al inicio de
la línea de tiempo. Gran trabajo. Ahora pasemos al
siguiente paso donde
descubriremos métodos que ahorran tiempo para editar capas de texto
y efectos posteriores. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos, levantarse de su
silla, estirarse un poco y prepararse un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
10. Sección 2, parte 3: Bienvenido de nuevo. Tenga en cuenta que, en caso de que queramos
escalar esta comp, podría volverse pixelada
y perder calidad Para evitar esto, podemos activar la
función collapse para esta capa. La función de
transformaciones de colapso es una característica poderosa
en los efectos posteriores que le permite mantener
la calidad y escalabilidad del vector
o tres capas D. Cuando se anida dentro de
una pre composición. Te da más flexibilidad trabajar con
composiciones complejas Y ayuda a garantizar que tus diseños sigan siendo nítidos y
visualmente atractivos. Si enciendo esta función
para nuestro pre comp, notarás una mejora
importante en la calidad de inmediato. Bien, lo
traeré de vuelta al 100. Si no ve este
icono, puede hacer clic aquí. Apliquemos la
función collapse a todas las capas. Ahora digamos que queremos
mover el texto a
otra ubicación. Si movemos esta capa, las otras capas
permanecerán en su lugar. Veamos qué
tenemos que hacer para que todos ellos se muevan junto
con la primera capa. Necesitamos seleccionar todas
las capas excepto la primera y usar parent y
link para vincularlas a la primera capa. Arrastremos el látigo de selección de todas las capas a la
primera capa así Ahora cuando movemos
la primera capa, el resto de las capas
se moverán con ella. Bien, fijemos
la vista previa para que encaje. Ahora seleccionemos la
primera prensa pre comp y aumentemos el tamaño
de las capas a 150. Como puede ver, después de
escalar las capas,
el trazo no
escaló proporcionalmente, que hizo que pareciera más delgado Si queremos hacerlo más grueso, en lugar de abrir cada
capa manualmente y ajustar la propiedad size que controla el grosor del
trazo, podemos encontrar esta propiedad usando la barra de búsqueda para
mostrarla para todas las capas. Seleccionemos todos ellos. Escriba size en la
barra de búsqueda y presione Enter. Ahora verá la propiedad
size que está asociada con el parámetro de
trazo se encuentra en los estilos de capa. Ampliemos este panel. En lugar de cambiar el
grosor uno por uno, podemos vincular estas propiedades mismo modo que vinculamos
las capas antes. Como puedes ver al lado
del tamaño hay un látigo de púa. Esto significa que podemos vincular esta propiedad a
cualquier otra propiedad. Vinculemos el tamaño de esta capa al tamaño
de la primera capa. Ahora hagamos lo mismo para
el resto de las capas. Ahora controlamos el
grosor de línea de todas las
capas a una capa. Esto hará que sea mucho más fácil para nosotros manejar
los cambios en el futuro. Cambiémoslo a seis. Podemos hacer lo mismo por la propiedad que controla
el color del trazo. Para ello, eliminemos el tamaño de la
palabra de la barra de búsqueda. Selecciona todas las capas, escribe color aquí
y presiona Enter. Bien, solo tenemos que
averiguar de qué color exacto
estamos hablando. De todas las opciones aquí, podemos ver que este color
pertenece al efecto de relleno, que no es lo que necesitamos. Aquí tenemos un color
que pertenece al trazo, que es el que
estamos buscando. Vinculemos todas las propiedades de
color de esta capa al color de
la primera capa así. Hagamos lo mismo para
el resto de las capas. Ahora bien, si necesitamos hacer
cambios en el futuro, no
tenemos que hacerlo para
cada capa por separado. Controlamos esta propiedad
a través de una capa. Bien, cerremos
la barra de búsqueda, guardemos el proyecto y sigamos adelante. Ahora vamos a crear este
genial fondo animado que vemos en el ejemplo. Primero necesitamos crear un sólido. Haga clic aquí, vaya a Nuevo
y seleccione Sólido. Escojamos el color
azul Entra aquí y oscurelo un poco Ahora haz clic en Bien. Aquí y aquí. Ahora vamos a traer el sólido que creamos a continuación,
todas las capas. A continuación para crear la cuadrícula, vaya a Efectos y
busque el efecto llamado grid. Arrastre el efecto sobre nuestro sólido. Y cambiemos
primero sus parámetros para ver tanto la
cuadrícula como el sólido. Cambiemos el
modo de fusión para multiplicar. Ahora cambiemos el
color de la cuadrícula al color oscuro de
la paleta de colores. Para que esta rejilla sea simétrica, tenemos dos opciones. Podemos cambiarlo usando punto de
esquina o
controlarlo con deslizador. Ahora con el deslizador, podemos hacer que la rejilla sea
más grande o más pequeña, por lo que permanece simétrica. Vamos a establecerlo en 140. Entonces podemos controlar el
grosor de las líneas de la rejilla. Cambiémoslo a cinco. Ahora para animar la cuadrícula, necesitamos cambiar el valor
de un parámetro llamado anchor También podemos movernos
usando el pequeño mango se encuentra aquí. Vamos a
arrastrarlo aquí. Mientras mantiene presionada
la tecla Mayús, establecemos fotogramas clave
para este parámetro. Asegúrate de estar al
principio de la línea de tiempo. Y crea un marco clave. Para ver el fotograma clave que creamos, vamos a seleccionar la
capa y presionarte. Ahora vamos al final de
la animación y movemos
la cuadrícula hacia un lado. Arrastremos este pequeño mango aquí mientras mantenemos
presionada la tecla Mayús. Veamos qué tenemos. Dejar después de los efectos unos
segundos para renderizar la vista previa. Bien, ¿notaste un ligero salto en
el fondo cuando
la animación comenzó a
reproducirse de nuevo? Voy a acercar un poco para que
podamos verlo mejor. Preste atención a lo
que sucede en esta área. Ocurrió porque la
grilla no circuló correctamente. Para crear un bucle para la cuadrícula, necesitamos moverlo
de manera que llegue al mismo punto que apareció al inicio
de la animación. Ya sabemos cómo hacerlo. Capturemos una instantánea
del fotograma
al comienzo de la animación
usando take snapshot. Ahora vamos al final de
la animación y veamos si la posición de la
cuadrícula es correcta. Como puedes ver, la
cuadrícula al final de la animación no se ve igual que al principio. Para que se vea
igual que al principio, necesitamos ajustar
el último fotograma clave y mover la cuadrícula
ligeramente hacia un lado Vamos a compararlo. Ahora
estamos muy cerca. Es muy importante pasar el
cursor sobre el marco clave que queremos cambiar cuando
cambiamos el valor Vamos a moverlo un poco más allá. Llegamos al punto a la perfección. Volvamos a verlo. Con eso, hemos terminado de animar la escena y estamos listos
para renderizar la animación Cerremos esta capa. Ahora para renderizar esta escena, podemos usar el control de atajo M. Ahora estamos en el panel de renderizado de after
effects. Aquí vemos qué composición
estamos renderizando. Optemos por
renderizarlo en formato H 0.264, que es un archivo MP four Ahora optemos por guardar el archivo y la
carpeta renders que creamos. Podemos dejar el nombre
como está ahora mismo, que es el nombre
de la composición. No tengo ningún problema con eso. Vamos a hacer clic en Guardar y luego
hacer clic en el botón Render. Esperemos hasta que se complete el
render. Ahora para ver el render, solo
necesitamos dirigirnos al modo
de salida y
hacer clic en el enlace aquí. Nos llevará directamente a la
carpeta con el archivo de video. Entonces podemos verlo y
asegurarnos de que todo quede bien. Genial, Ahora quiero que
volvamos al proyecto
y aprendamos a hacer cambios en caso de
que queramos cambiar algo en el diseño o
la animación del texto. Pero antes de
aprender a hacer cambios, organicemos primero nuestro
proyecto. Para eso, volvamos
al panel del proyecto. Si no lo ve aquí, puede hacer clic en las flechas
aquí y seleccionar Proyecto. Bien, entonces primero vamos a crear una nueva carpeta
llamada Assets. Ahora da click aquí para
asegurar que no estás seleccionando nada y
crear otra carpeta, llamamos pre comps Ahora a la carpeta Activos, arrastraremos la paleta de colores
y la carpeta de sólidos. Arrastremos esta precomp
a la carpeta precomps. Por último, etiquetemos la composición
principal en azul. Genial, ahora cerremos la pestaña de efectos y presets y presionemos el control S para
guardar el proyecto Ahora estamos listos para pasar a la parte final de esta
lección. Nos vemos ahí.
11. Sección 2, parte 4: Si queremos cambiar la
forma en que nuestro texto se mueve, tenemos que entrar en la pre
comp de la animación de texto. Ahora necesitamos abrir
la capa y cambiar el selector de rango del
animador llamado position Pero en lugar de abrir todos los animadores y encontrar
esta propiedad manualmente, podemos seleccionar la capa y escribir el nombre de la propiedad que
estamos buscando en
la barra de búsqueda Ahora vemos todas las propiedades
con la posición del nombre. Por supuesto, nos estamos refiriendo
a las posiciones de los animadores y
no a la posición de la capa se transforma Ahora podemos cambiar a
todos los animadores. En los animadores up,
escribamos 150. Y en los
animadores abajo escribiremos -150 Si queremos exagerar aún más
la animación, podemos cambiar las
posiciones Veamos cómo se ve. Creo que se ve genial. Ahora volvamos a
la composición principal y veamos cómo se ve junto
con las otras pre comps Deja que los efectos after
renderizen la vista previa por un minuto. Se ve genial. Bien,
ahora veamos qué tenemos que hacer si queremos
cambiar el desplazamiento
de todas las capas. Digamos que queremos que el
offset sea un poco más grande. Para ello, vayamos a un punto en el tiempo donde
podamos ver todas las capas. Ahora selecciona todas las capas
excepto la primera. Seleccionaremos esa capa,
mantendremos presionada la tecla Mayús, seleccionaremos la última capa y moveremos todo
dos fotogramas hacia adelante. Ahora mantengamos pulsada
la tecla de control y hagamos clic en
esa capa para deseleccionarla. Entonces moveremos esas capas, dos fotogramas hacia adelante también. Repitamos esta
acción algunas veces. Ahora, como puede ver, hemos creado un
desplazamiento más extremo entre las capas. Ahora para mantener
el loop perfecto, vamos a crear nuevos marcadores de
acuerdo con la nueva animación. Pasemos el cursor por aquí
con el indicador de tiempo. Selecciona todas las capas. Haga clic derecho. Ve a Marcadores y elimina todos los marcadores
que tenemos actualmente. Después haz clic derecho de nuevo
y crea nuevos marcadores. Ahora vamos a capturar este fotograma. A continuación, intentaremos encontrar ese mismo
marco que al principio. Ahí encontré el
punto en el tiempo donde el marco se ve exactamente
igual que al principio. Ahora vamos a crear
marcadores aquí también. Ahora cortemos esta
capa desde aquí usando el alt y el atajo de corchete
izquierdo. Regresemos todas
estas capas al inicio de la línea de tiempo
y veamos qué tenemos. Ahí.
Lo tienes. Hemos creado un nuevo bucle que funciona
perfectamente bien. Ahora veamos qué
debemos hacer para
cambiar el comportamiento de
la animación de texto. Para ello, necesitamos
volver al texto pre comp y cambiar algunas
propiedades en los animadores Por ahora, cerremos
todos los animadores. Ahora vamos a abrir el selector de
rango de este animador y también abrir
la configuración avanzada Estas son las dos propiedades
que necesitamos cambiar para que nuestra animación se comporte de manera diferente
en este caso también, lugar de encontrar manualmente estas propiedades
para cada animador, podemos escribir facilidad en la barra de
búsqueda y presionar enter Ahora podemos ver estas propiedades
para todos los animadores. Ya que tenemos dos animadores
del mismo tipo,
animador arriba, animador arriba Podemos vincular
las propiedades del animador hasta dos a las propiedades
del animador Arrastremos el látigo pick
de s high of animator hasta dos y vinculémoslo para facilitar el
alto del animador Hagamos lo mismo con baja. Ahora conectemos animador
abajo dos con animador abajo. Conectaremos estas
dos propiedades con las que tenemos aquí. Ahora tenemos control
sobre el comportamiento de
la animación textual
a través de estos animadores Y el resto cambiará
automáticamente. Entonces pongámoslo a 90
aquí y diez aquí aquí. Pongámoslo a diez,
y aquí a 90. Ahora el texto se mueve de
una manera más extrema. Podemos volver a
la composición principal y ver cómo se
ve todo junto. Si no nos gusta, podemos
volver al texto y
cambiar los valores. Ambos se pueden cerrar.
Veamos cómo se ve. Si cambiamos las
E a 85 para ambos. Hagamos lo mismo aquí. Veamos cómo se ve
en la composición principal. Para ver el resultado más rápido, podemos reducir la
calidad de la vista previa a trimestre. Bien, ahora voy a traer la calidad de la
vista previa de nuevo al máximo. Volvamos al texto y llevemos de vuelta la facilidad a
su configuración original. Una última cosa que
haremos antes de seguir
adelante es como
vinculamos esas propiedades, también
vinculemos
las propiedades de posición de los animadores Volvamos a escribir position en la barra de búsqueda
y presionemos enter. Ahora vamos a vincularlos
entre los animadores. Tomemos la posición
de animador hasta dos a la posición
de animador Ahora vinculemos la
posición de animador abajo dos a la posición
de animador Cada vez que cambiemos
esto, cambiará en consecuencia. Cada vez que cambiemos este
, también cambiará en
consecuencia. Al igual que hicimos
con la S. Bien, vamos a cerrar ambos
animadores y la barra de búsqueda Ahora cambiemos la
fuente del texto. Lo cambiaré a la fuente Ezra. En lugar de
buscarlo manualmente, podemos ir a las fuentes guardadas
y seleccionarla desde allí. Ahora, haz clic aquí, y con las flechas arriba y abajo
en el teclado, elige un estilo diferente. Me quedaré con negrita. Ahora volvamos a la herramienta de selección y veamos cómo se ve en la composición
principal. No me gusta el offset actual. Creo que es demasiado extremo. Vamos a practicarlo de nuevo y cambiar el offset una vez más. Es importante para mí
repetir las mismas acciones, porque así es como aprenderás este tema de la
mejor manera posible. Bien, vamos a seleccionar
todas estas capas y moverlas dos fotogramas hacia atrás. Ahora mantengamos la tecla de control
y hagamos clic en esta capa para deseleccionarla y mover estas
capas dos fotogramas hacia atrás Repitamos esta acción
hasta la última capa. Asegúrate de que no
afectaste el bucle de esta animación. Vamos a
verlo desde aquí. Y trata de encontrar algunos saltos
innecesarios cuando la animación
termine y empiece de nuevo. Genial, se ve bien.
Ahora vamos a mejorar la visibilidad de esta animación moviendo la última
capa hacia un lado. Seleccionemos estas
capas y presionemos la flecha derecha en el teclado mientras mantenemos presionada
la tecla Mayús. Mantenga presionada la tecla de control y haga clic en esta
capa para deseleccionarla. Ahora vamos a mover estas
capas hacia la derecha. Hagamos lo mismo para
el resto de las capas. Se ve un poco más interesante. Ahora vamos a agrandar un poco
el texto. Para ello, selecciona solo
la primera capa, presiona y establece en 150 o 160. Las otras capas escalarán en
consecuencia porque las
vinculamos usando la entidad padre y enlace a
la primera capa. Si quieres cambiar algo en el trazo del texto, simplemente escribe trazo
en la barra de búsqueda. Presiona Intro y
verás los parámetros de trazo. Vamos a abrirlo, y
aquí puedes cambiar el grosor del
trazo o su color. Esto cambiará también en las
otras capas, porque vinculamos estas propiedades
a las propiedades
de la primera capa. Ahora hablemos de la grilla. Si desea realizar
cambios en la cuadrícula, debe seleccionar
la capa sólida donde se aplica el
efecto de cuadrícula. Después ve a los controles de efectos y realiza los cambios deseados. Si quieres cambiar
el color de fondo, necesitas seleccionar
la capa sólida y usar los
controles de acceso directo, Mayús Y. Esto te llevará a la
configuración de esa capa sólida, y desde aquí podrás cambiar
fácilmente el color. Entonces haz clic bien aquí y aquí. Ahora estamos listos para
renderizarlo de nuevo. Presione el control M,
elija
renderizarlo en el formato H 0.264, que es un
archivo MP four en salida Para ir a la carpeta
llamada renders, seleccionemos nuestro último render para que el nuevo
render lo reemplace. A continuación, haga clic en el
botón renderizar y luego presione Bien. Ahora solo tenemos que esperar
hasta que se
complete el renderizado para ver la salida
renderizada. Abra el modo de salida y
haga clic en el enlace aquí. Abramos el video
y veamos cómo se ve. Se ve bien. Ahora puedes usar esta animación
en tus futuros proyectos. Puedes reemplazar fácilmente
el texto y cambiar el diseño o la animación de
una manera más cómoda
y rápida. Si disfrutas del curso. Le
agradecería mucho que lo calificara y
proporcionara comentarios. Sé si te pareció interesante el
coro o no. Bien, ahora
volvamos al proyecto. Salvemos el proyecto
presionando control. Ahora vuelve al panel del
proyecto. Para quienes no lo vean, haga clic en las flechas aquí
y seleccione Proyecto. Y eso es todo para esta lección. Espero que lo hayas disfrutado, y no puedo esperar a
verte en la siguiente lección. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. Levántate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro
antes de la siguiente lección. Nos vemos ahí.
12. Sección 3: Animación de texto vertical: Hola ahí. En esta lección, crearemos una animación de texto
vertical súper genial. Seguiremos aprendiendo sobre los animadores de texto de
las capas de texto y después de los efectos, pero de una manera más avanzada Hasta el momento, hemos creado un animador con propiedad de una
posición En esta lección,
aprenderemos a agregar y combinar
más de una propiedad. Romperemos esta lección en tres partes y cubriremos
algunas cosas importantes. En la primera parte,
crearemos una compleja animación de
texto vertical utilizando un único animador con
cinco parámetros diferentes Después de eso,
aprenderemos a convertir la animación que creamos
en una línea de texto horizontal. Por último, aprenderemos a manejar los cambios
en el texto y su tamaño para luego renderizar la animación y
organizar el proyecto. Antes de cerrarlo,
comencemos. Va a ser increíble.
13. Sección 3, parte 1: Bienvenido de nuevo. Vamos a almorzar. Después de los efectos juntos,
puedes cerrar esta ventana. Y para ver los mismos arreglos de
panel, hagamos clic en Default. Ahora vamos a crear nuestra
primera composición. Lo llamaremos
Animación de texto tres. Trabajaremos en el formato
Full HD, lo que significa 1,920 píxeles de ancho y 1080
píxeles de alto Establezca la velocidad de fotogramas en 30, 10 segundos durante la duración. Y cambiaremos el
fondo a negro. Entonces haz clic bien, aquí y allá. Bien, ahora vamos a importar la paleta de colores
al proyecto. Haga doble clic en el
área gris en el panel del proyecto, seleccione la paleta de colores
y haga clic en Importar. Ahora podemos guardar el proyecto
y darle un nombre. Encontremos la carpeta que
creamos para la lección. Ingresa a la carpeta AE
y dale un nombre
al archivo after effects en el que
estamos trabajando actualmente. Se puede seleccionar este proyecto, para que el nombre cambie y cambie el número a tres. Después haga clic en Guardar. Ahora vamos a crear nuestra primera capa de texto. Escojamos la herramienta de texto, cambiemos el color a blanco. Y para que esta lección sea
más interesante, vamos a crear texto vertical. Para eso, haga clic y mantenga presionada la Herramienta Texto y seleccione
la herramienta de tipo vertical. Ahora hagamos clic
aquí una vez para abrir la línea de texto y
escribir tipografía Ahora vamos a hacer clic dos veces en
el texto para seleccionarlo. Antes de continuar,
no olvide
ingresar al panel de párrafo
para asegurarse de que el texto esté alineado al centro y su dirección de escritura sea de
izquierda a derecha. Todo bien. Ahora cambiemos la
fuente a bell story. A continuación, cambie el
estilo de fuente para que se muestre pesado, establezca el tamaño en 80
y presione Entrar. Ahora vamos a seleccionar
la herramienta de selección. Presiona la tecla de apóstrofo para abrir la cuadrícula y
mover el texto aquí A continuación, hagamos clic aquí para convertir todas las
letras a mayúsculas. Ahora usando la herramienta alineada, asegurémonos de que esta capa esté posicionada en el centro
de la composición. Movamos el texto
ligeramente hacia la izquierda. Bien, ahora vamos a
abrir la capa. Seleccione el texto y elija
el animador de posición. Ahora quiero establecer eso, este texto
llegará a este
punto específico en la composición. Para hacerlo, necesitamos establecer un valor cambiante
para este animador que significa que necesitamos cambiar el valor de la propiedad de posición en el selector
de rango de este animador Arrástralo hasta que el texto llegue a la primera
línea de la cuadrícula. Podemos escribir en 1085. Ahora vamos a abrir el
selector de rango y la configuración avanzada. Podemos ampliar este panel
para ver todas las propiedades. Por ahora, fijemos la forma de
la animación
para que se incremente de esta manera. Cuando el desplazamiento está en -100 el texto estará
en la posición que establecemos Y cuando el desplazamiento esté en 100, el texto volverá a
su posición original. Bien, ahora pongamos eso en
este punto de la línea de tiempo. En el segundo número cero, el desplazamiento será de 100. Vamos a crear el
primer fotograma clave. Ahora coloquemos
el indicador de tiempo en el segundo número dos y pongamos el desplazamiento a -100
Veamos qué tenemos Como puede ver, el texto comienza a moverse desde
su última letra. En este caso no me
molesta porque esta vez vamos a dar click aquí para
hacer esta animación aleatoria. De esta manera las letras
comenzarán a moverse aleatoriamente. Ahora agreguemos
parámetros adicionales a los fotogramas clave que
creamos con el desplazamiento. Actualmente tenemos un parámetro de
posición. Digamos que ahora queremos
agregar una animación de desenfoque
al texto. Puedo seleccionar el texto, luego ir a Animar y crear otro animador
con la propiedad blur Pero de esta manera tendré que
hacer todos los cambios
al nuevo animador Como hice con el primero, hay una mejor manera de agregar animación
adicional
al texto. Voy a borrar a este animador, y hagámoslo juntos En lugar de crear
un nuevo animador, podemos agregar propiedades adicionales a nuestro animador existente Seleccionemos el animador. Haga clic en Anuncio, vaya a la
propiedad y elija desenfoque. Ahora fijemos el
valor de cambio para el desenfoque en 30. Ahora bien, estos fotogramas clave hacen referencia a ambas propiedades
en este animador Este animador se refiere a la
posición y los valores de desenfoque. Ahora agreguemos otra propiedad. Escojamos la opacidad, porque quiero que el texto desaparezca cuando llegue hasta aquí Vamos a establecer el valor cambiante
a este parámetro, ¿verdad? Cero aquí. Ahora nuestro animador también se referirá a los datos que le dimos
al parámetro position, los datos que le dimos
al parámetro de desenfoque, y los datos del parámetro de
opacidad Vamos a volvernos locos y agregemos
otro parámetro a la animación llamado offset de
caracteres. Escribamos diez aquí. Lo que hace es revolver las
letras en nuestra capa de texto. Veamos cómo se ve
todo junto. Bien, ahora hagamos que el
movimiento sea un poco más interesante. Al cambiar la facilidad
de este animador, podemos ampliar este panel para
ver más de las propiedades Ahora abre el selector de rango y los ajustes avanzados y
escribe 85 para ambos valores. Veamos cómo se ve. Creo que se ve genial. Ahora podemos pasar a crear
la segunda capa de texto, que se supone que está
al otro lado de la escena. Después la animaremos y mezclaremos con la
animación que hemos creado Para ello, podemos duplicar esta capa usando el atajo
de control. Ahora vamos a mover la
nueva capa aquí. Lo arrastraremos mientras mantenemos
pulsada la tecla Mayús. A continuación, hagamos clic en esta capa dos veces y cambiemos
la palabra a animación. Ahora presiona control Enter
para salir de la línea de texto. Vuelve a la herramienta de selección y ajusta los parámetros
del animador Y esta capa,
debido a que esta capa tiene el mismo animador
exactamente que esta capa, este texto también
se mueve hacia un lado Cambiemos algunas cosas en nuestro animador para invertir la
dirección de esta animación Abre el animador para
ver todos sus parámetros. Primero, cambiaremos la dirección de la animación en
el parámetro position. En lugar de 1085, lo
cambiaremos a menos 1085. Ahora abramos la sección
avanzada y también cambiemos la forma
de la animación de rampa arriba a rampa descendente. Ahora veamos cómo se ve. Puedes apagar esta
capa para verla mejor. Bien, se ve bien. Podemos volver a encender esta capa. Ahora hagamos que estas capas
entren una tras otra. Para ello, necesitamos ver todos los fotogramas clave
de ambas capas. Vamos a seleccionar ambas
capas y presionarte. Ahora vamos al
final de la animación
con el indicador de tiempo
y cortemos las capas. Presione la sal y la tecla del corchete
derecho. Ahora arrastra la capa de la palabra animación un
poco más lejos en el tiempo. Digamos al fotograma número 15.
Veamos qué tenemos. Ahora vamos a mejorar el aspecto de esta escena y prepararla
para jugar en un bucle sin fin. Para ello, necesitamos colocar ambas capas
en una pre comp. Vamos a seleccionarlos
y presionar Control Shift C. Llamaremos a
este texto comp one. Y golpear Bien. Ahora
vamos a crear un nuevo sólido como
capa de fondo. Haga clic derecho aquí. Vaya a Nuevo y seleccione Sólido. Cambia el color a
color brillante de la paleta. Prensa. Bien, y bájala. Ahora vamos a ingresar
el texto pre comp, Seleccionamos la paleta desde aquí para que podamos volver a ver
los colores. Seleccionemos ambas capas y cambiemos el color a color oscuro. Puedes apagar
el fondo de
la pantalla de previsualización aquí
para que la veas mejor. Volvamos a la
composición principal y
veamos cómo se ve. Bien, ahora hagamos el texto, hagamos el movimiento inverso. Para eso, podemos duplicar
la pre comp desde aquí. Presiona el control D. A continuación, arrastra el nuevo pre comp hasta el final del
primero para que juegue en reversa. Haga clic derecho sobre él, vaya a tiempo y elija
tiempo, capa inversa. Lo que va a pasar ahora es que esta pre comp
jugará de fin a principio en conjunto,
se ve así. Al usar este truco, es muy importante acercar el zoom
y asegurarse de que las capas no
se superpongan entre sí y que no estén muy
separadas entre sí. Bien, ahora alejemos el
zoom y veamos esta
animación jugar en bucle. Ir al final de
esta animación y acortar el
área de trabajo. Vamos a presionar. Veamos cómo se ve. Ahora vemos la animación
jugando en un loop perfecto. Se ve genial. Ahora aprendamos cómo podemos mantener
la misma animación, pero esta vez en un texto escrito
horizontalmente. Y lo haremos en la
siguiente parte. Entonces nos vemos ahí.
14. Sección 3, parte 2: Bienvenido de nuevo. Primero, para crear esta animación en texto escrito
horizontalmente, dupliquemos esta pre comp
a través del panel del proyecto. De esta manera crearemos
la misma pre comp, pero si le hacemos cambios, no
afectaremos a la pre comp
existente. Si quieres aprender
más sobre pre comps, no dudes en ver
el curso gratuito que mencioné al
inicio de este curso Puedes encontrar el enlace
en el archivo PDF que se encuentra en la carpeta principal del
curso que descargaste de mí. Bien, seleccionemos el pre comp y presionemos el control
D para duplicarlo. Ahora vamos a entrar en esta pre comp y crear un texto horizontal. Presionemos prolongadamente la herramienta de texto y seleccionemos el
texto normal esta vez. Ahora escribe tipografía, luego presiona control
y luego la tecla V. Pongamos la palabra aquí arriba. Podemos ir a una línea
y asegurarnos de que el texto esté alineado con el
centro de la composición. Ahora vamos a duplicar
esta capa, seleccionarla y presionar el control D. Ahora arrástrala aquí abajo y cambia
el texto a animación. Ahora cambiemos rápidamente
los nombres de nuestras capas. Sólo quiero que los nombres
comiencen con mayúsculas. A continuación, seleccionemos
ambas capas y etiquetemos con un color diferente para que
podamos distinguir entre los textos verticales
y regulares. Ahora volvamos a cambiar
a la herramienta de selección. Y para ahorrar algo de tiempo, podemos copiar el animador
existente en esta capa y pegarlo
en una de nuestras nuevas capas Abramos esta capa. Seleccione el animador y
presione el control C para copiarlo. Ahora vamos a seleccionar
este ajuste de capa. Acabo de darme cuenta de que
no cambié el
nombre de esta capa. Déjame arreglar esto muy rápido. Bien, ahora seleccionemos esta capa y pulsemos el control
V para pegar el animador Ahora bien, si pulsamos la tecla U, veremos que los
fotogramas clave se encuentran aquí. Esto sucedió porque cuando
pasamos los fotogramas clave, estábamos parados en
este momento con el indicador de tiempo.
Eso no es un problema. Vamos a seleccionarlos y
moverlos al inicio
de la animación. Ahora apaguemos estas dos
capas y veamos qué tenemos. Estas letras se mueven de lado
y no hacia abajo. Eso es porque
aún no hemos cambiado nada en el animador. Abramos el
animador y cambiemos el valor cambiante en
el parámetro position Ahí está el
selector de rango de este animador. Como no queremos que el
texto se mueva de lado, aquí
escribiremos cero e iremos al final
de esta animación Para establecer un nuevo
punto de cambio para este animador, queremos que la posición final
del texto esté por aquí Escribamos 800. Ahora el texto se moverá a
la nueva posición que establecemos. Ahora hagamos lo
mismo para el segundo texto. Cerremos esta,
abramos esta capa y copiemos este animador
de esta capa con el control
C. Péguelo en esta capa Esta vez lleguemos al
inicio de la animación. Y luego presione control V. Ahora cambiemos aquí también el valor del parámetro de posición. Volvamos a abrir esta capa para
ver las propiedades del animador. Y escribamos cero aquí. Ahora necesitamos hacer que
este texto se mueva hacia arriba. Vamos a ponerlo en -800
Veamos cómo se ve. Apaguemos esta
capa para verla mejor. Ahora vemos que el texto se mueve
de arriba a abajo. Genial. Ahora vamos a mover esta capa aquí para crear el
mismo desplazamiento que antes. Ahora podemos eliminar
estas dos capas. A partir de aquí, podemos
encender esta capa. Y ahí creamos la misma animación
sobre texto horizontal. Ahora cambiemos el
tamaño del texto a 150. Agrandar también el segundo texto. Veamos cómo se ve. Se ve genial. Ahora hagamos que esta animación se
reproduzca en bucle, como hicimos antes para la animación de texto
vertical. Ahora volvamos a
la composición principal y arrastremos aquí el nuevo pre comp. Podemos apagar estas
capas por ahora. Ahora vamos a duplicar este
pre comp, muévalo aquí. zoom para asegurar que la capa se coloca exactamente
después de la primera. Clic derecho, Ir a tiempo y
seleccionar capa inversa de tiempo. Veamos cómo se ve. Se ve genial. Ahora apaguemos estas dos
capas y traemos de vuelta el texto vertical para aprender qué debemos
hacer si queremos cambiar algunas cosas
en la animación o el diseño del texto. Eso lo haremos en la
siguiente parte. Nos vemos ahí.
15. Sección 3, parte 3: Digamos que no queremos el
desenfoque en esta animación. Para entrar, esta pre comp, vamos a apagar el fondo
para ver qué estamos haciendo. Ahora simplemente selecciona ambas capas y busca desenfoque
en la barra de búsqueda. Presiona Enter y cambia el valor en este
animador a cero Hagamos lo mismo en el
animador para esta capa. Como se puede ver, el
desenfoque desaparece. Ahora podemos cerrar la barra de búsqueda y comprobar cómo
se ve eso sin desenfoque. Volvamos a la
composición principal y
veamos cómo se ve. Creo que se ve genial. Ahora vamos a apagar estas
capas y traer de vuelta la animación horizontal
para aprender a lidiar con los cambios en el
diseño o la animación. Digamos que la posición
del texto superior es demasiado alta y la posición
del texto inferior es demasiado baja. Para cambiar eso, necesitamos
entrar en esta pre comp. Apaguemos el
fondo aquí también. Digamos que queremos que este texto inicie su
animación desde aquí. Apaguemos esta capa por
ahora para que no interfiera. Veamos cómo se ve
después de que movemos la capa. Como pueden ver, el texto
baja demasiado. Para cambiar eso,
necesitamos modificar la propiedad position en
el animador de esta capa Seleccione la capa
y escriba position en la barra de búsqueda
y presione Enter. Como puedes ver, aquí hay dos propiedades de
posición, una para las transformaciones de capas
y otra para el animador Nos referiremos a la propiedad de posición de
animadores. El texto baja al final de
la animación porque el
valor ahora se sitúa en 800. Quedémonos aquí con
el indicador de tiempo y cambiemos el valor
según los marcadores rojos. Podemos ver dónde se posiciona el
texto. Podemos fijarlo en 250. Ahora veamos cómo se ve. Bien, se ve bien. Ahora cambiemos también
la posición de la segunda capa y ajustemos el parámetro de posición
del animador para esta capa Primero necesitamos mover la capa aquí donde llega el
primer texto. Apaguemos esta
capa por ahora y modifiquemos el
parámetro de posición del animador Actualmente, el texto se
posiciona en la parte superior. Seleccionemos la capa, vayamos a la barra de búsqueda y eliminemos una letra. Entonces, después de los efectos, encontraremos la
propiedad de posición una vez más. Ahora vamos a cambiarlo a -250 Cerremos la capa
y la barra de búsqueda, luego encienda la segunda capa y veamos que
todo funciona bien Podemos configurar la vista previa para que encaje. Para verlo de cerca, parece
que todo está bien. Ahora volvamos a la composición
principal y veamos cómo se ve con el
fondo. Se ve excelente. Y ahora vamos a renderizar
la animación. Y apague la animación
vertical porque esta es la
que quiero renderizar. Bien, se ve bien. Ahora presione control M. Elija renderizarlo en
el formato H 0.264, que es un archivo MP four de alta
calidad Ahora optemos por guardar el archivo en la
carpeta render que creamos. El nombre es bueno. Presione guardar y haga clic en el botón de renderizar. Ahora esperemos
hasta que
termine el render para ver el render. Podemos abrir el modo de salida
y hacer clic en el enlace aquí. Abramos el video
y veamos cómo se ve. Si además obtienes un archivo extraño
adicional
junto al archivo P four
, simplemente elimínalo. Bien, abramos el
archivo correcto y veamos qué hemos creado. Se ve excelente. Ahora puedes publicar este video en redes
sociales y mostrarlo
en la página web de tu portafolio. Si te ha gustado el curso, agradecería muchísimo que califiques este curso en
función de cómo te sientes y dejes comentarios para que sepa si te gustó
el curso o no. Bien, volvamos
a nuestro proyecto ahora. Vamos al panel del proyecto
y organicemos el proyecto. Vamos a crear una nueva
carpeta llamada pre comps. Asegúrate de que no
seleccionamos nada, y crea otra
carpeta llamada Assets. Ahora pon la paleta de colores y la carpeta de sólidos dentro de ella. Y en la carpeta precomps, poner todos los pre comps que
creamos en este proyecto, excepto la composición principal, que podemos etiquetar Ahora podemos cerrar todas
estas pre comps. A continuación, vamos a guardar el proyecto. Presiona el control, y
ahora puedes cerrarlo. También puedes usar este proyecto para tus proyectos futuros. Solo recuerda
cuando realices cambios, actualiza los parámetros del animador
como hicimos hace un momento Bien, espero que lo
hayas disfrutado, y te veo en
la siguiente lección. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
16. Sección 4: animación de párrafos: En esta lección, crearemos una
animación de texto súper genial a medida que
continuemos aprendiendo sobre los animadores de
texto y los efectos
posteriores de una manera
más profesional Pero esta vez
lo haremos con un párrafo de texto en lugar de una sola
línea de texto como lo hemos hecho hasta ahora, esta lección se
divide en cuatro partes las
cuales aprenderemos. Primero, comenzaremos por crear
el primer párrafo de texto. Después de eso, entraremos en animar el texto con
un animador complejo Usaremos algunos parámetros nuevos para hacer que el texto se mueva de una
manera realmente única. No sólo eso, también
aprenderemos a trabajar con
más de un animador Entonces crearemos un
segundo párrafo. A continuación, organizaremos nuestros paneles para que podamos trabajar de manera más eficiente. Después animaremos el
segundo párrafo y crearemos una transición fría
entre el primero Terminaremos esta parte
animando el tercer
párrafo y combinándolo con una transición
suave entre el resto
de los párrafos En la parte final, haremos que nuestra animación se vea aún mejor agregando algunos efectos simples. Y aprenderemos
a crear una pausa en la animación para que el espectador tenga tiempo suficiente para
leer lo que está escrito. Finalmente,
renderizaremos la animación y organizaremos el proyecto
antes de cerrarlo. Va a ser increíble.
Empecemos.
17. Sección 4, parte 1: Entonces primero, abramos
después de los efectos juntos. Como siempre, podemos
cerrar esta ventana. Y para asegurarnos de que todos veamos
los mismos diseños de panel, hagamos clic en Default. Ahora hagamos clic en
Nueva composición y fijemos los ajustes para
nuestra primera composición. Vamos a llamarlo
Animación de texto cuatro. Trabajaremos en formato full HD. Establezca la velocidad de fotogramas en 30 y
la duración en 20 segundos. Por último, cambiemos
el fondo a negro. Haga clic bien, Aquí y aquí. Ahora vamos a importar la
paleta de colores al proyecto. Haga doble clic en el
área gris en el panel del proyecto. Encuentra la carpeta que creamos para esta lección e ingresa a
la carpeta Activos. Seleccione la paleta de colores
y haga clic en Importar. Bien, ahora podemos guardar el
proyecto y darle un nombre. Encontremos la carpeta que
creamos para la lección. Luego ingresa a la carpeta AE y nombra el archivo after effects en el que
estamos trabajando actualmente. Podemos seleccionar este
proyecto para que el nombre cambie y reemplazar
la extensión por cuatro. Ahora haga clic en Guardar. Ahora vamos a escribir nuestro
texto Para ello, usemos el texto que
preparé para esta lección. Navega a nuestra
carpeta Activos y abre este archivo. Este es el texto que
usaremos en esta lección. Genial, copiemos
el primer párrafo. Lo seleccionaremos
y presionaremos control C. Ahora volvamos
a nuestro proyecto. Selecciona la herramienta de texto y
crea un cuadro de texto como este. Ahora presiona el control V
para pegar el texto. Haga clic una vez aquí, luego presione control para seleccionar todo
el texto en este cuadro. Cambiemos el tamaño de fuente
a 30 y presionemos Enter. Vamos a Párrafo, Alinee el texto a la izquierda. Ahora volvamos al carácter y cambiemos el
color del texto a blanco. Entonces vamos a ajustar el
tamaño de la caja para que el texto se ajuste muy bien dentro de
algo como esto. Para separar el
título del texto, haga clic una vez aquí,
luego presione Entrar. Ahora vamos a seleccionar todo el texto. Acepta el título y cambia
la fuente a Ezra regular. A continuación, haga clic aquí para cancelar
la función de letras mayúsculas. Ahora vamos a seleccionar el título, establecer el tamaño en 40, y cambiar el
estilo de fuente a Bell Story. Muestra la luz aquí también. Desmarquemos las
mayúsculas. Bien, ahora podemos volver a la herramienta de selección y seguir
adelante. Segundo pensamiento. Cambiemos el estilo
del título para mostrar negrita. Genial. Ajusta la
caja un poco así. Ahora vamos a presionar aquí y presionar Enter para separar esta
parte de la línea. Asegúrate de que no hay texto
oculto a continuación. Creo que el
tamaño del texto debería ser menor. Vamos a seleccionarlo y
cambiar el tamaño a 28. Ahora ajusta la caja
según el nuevo tamaño. Una última cosa, vamos a
seleccionar el título y colorearlo. Todo bien. Ahora hagamos un
ajuste final al texto, porque no me gusta cómo se ve
esta parte del
párrafo. Da clic aquí para ver el
cuadro de texto y arrástralo hacia la derecha. Estoy haciendo todos estos ajustes para que puedas practicar trabajar más con el cuadro de texto.
Esto es mejor. Ahora seleccionemos la herramienta de
selección y continuemos. Después de que hayamos diseñado
el párrafo y estemos satisfechos
con su estructura,
centremos el punto
de anclaje de esta capa usando
el atajo. Aprendimos el control. Ahora vamos a presionar la tecla
apóstrofe para mostrar la cuadrícula y
colocar aquí la capa, porque más adelante agregaremos dos párrafos adicionales
aquí y aquí Y para tener algo de espacio para los dos
párrafos adicionales, vamos a reducir un poco esta capa. Presiona S para abrir el
parámetro de escala y establecerlo en 80. Es demasiado pequeña. Intentemos 90. Sí, eso es mejor. Vamos a cerrar la capa y moverla aquí. Bien, podemos presionar nuevo
la tecla del apóstrofo
para cerrar la Ahora asegurémonos de que
el párrafo esté centrado en la composición
usando la herramienta alineada. Haga clic aquí antes de pasar
a la siguiente parte. Ampliemos este
panel para que podamos ver todas las propiedades que
vamos a agregar pronto. Ahora estamos listos para pasar a la siguiente parte. Nos vemos ahí.
18. Sección 4, parte 2: Bienvenida de nuevo. Entonces primero
vamos a abrir la capa. Podemos cerrar eso, y ahora vamos a seleccionar el texto y crear
el primer animador Nosotros elegiremos posición
porque este es uno de los cambios que hará
el párrafo. Ahora acerquemos y coloquemos la pantalla de vista previa para que
podamos ver el texto de cerca. Genial. Ahora decidamos el punto de cambio
para este texto. En nuestro caso queremos el texto, entraremos a la escena
desde abajo. Escribamos 100. Después de eso, vamos a abrir el
selector de rango y avanzamos. Ampliemos este
panel y
alejemos un poco para ver el
movimiento que vamos a crear. Bien, entonces primero
ya podemos establecer la
forma del animador para que aumente, porque queremos que el texto entre de la primera
letra a la última Si cambiamos el offset, podemos ver que de
hecho está sucediendo. Ahora quiero que el texto ingrese palabra por palabra, no
letra por letra. Cambiamos el offset. Podemos ver que el texto
se mueve palabra por palabra. También podemos cambiar
la entrada de texto a línea por línea. Se
ve así. En este caso,
prefiero palabra por palabra. Bien, ahora
cambiemos el desplazamiento a -100 Ahora vamos a
asegurarnos de que estamos al principio de
la línea de tiempo y creamos el primer
fotograma clave con un valor de -100 Ahora vamos al segundo número dos y
cambiemos el desplazamiento a A continuación, ajustemos el comportamiento de la animación
para que sea más suave. Vamos a establecer la E es alta a
20 y la es baja a 80. Veamos cómo se ve. Ahora agreguemos una agradable animación de
disolución. Para ello, seleccione el animador, vaya a Agregar propiedad
y elija Opacidad Ahora cambiemos el valor
de esta propiedad a cero, ya que optamos por subir de rampa. El animador sabe que
cuando el desplazamiento está en -100 el texto debe
tener una opacidad cero Cuando el desplazamiento llega a 100, entonces la opacidad
del texto debería volver a la
opacidad original de esta capa, que es 100% Bien, creo que el texto empieza a venir de un punto muy bajo Para cambiar eso, necesitamos
ajustar el parámetro de posición. Escribamos 80, tal vez 50. Veamos cómo se
ve mucho mejor, pero creo que el
título es demasiado pequeño. Vamos a seleccionarlo,
aumentarlo a 45, y asegurarnos de que no ocultamos el resto del texto
debido a esta acción. Hago todos estos cambios
para mostrarte que el proceso de animación no
está escrito en piedra. Siempre cambiamos y
actualizamos las cosas a medida que
trabajamos hasta lograr
algo con lo que estamos contentos. Bien, hemos terminado de crear el animador
responsable de la entrada de texto Ahora quiero que el
párrafo se mueva a la derecha después de que haya terminado
con la animación de entrada. Esto significa que necesitamos hacer otro cambio en la propiedad de la
posición. En casos como este, necesitamos
crear un nuevo animador
porque ya tenemos un parámetro de posición
en nuestro primer animador que se encarga mover el texto de
abajo hacia arriba Ya que necesitamos crear un
nuevo movimiento a la derecha, que es completamente
diferente de la animación de posición
que tenemos actualmente. Necesitamos crear un nuevo animador con un valor de posición diferente Volvamos a seleccionar el texto
desde aquí y vamos a Animar para crear
una nueva propiedad de posición Antes de ajustar
el nuevo animador, presionemos la tecla apóstrofo
para mostrar la cuadrícula De esta manera podemos ver
dónde mover el texto. Ahora simplemente
cambiemos el valor
del parámetro position
para el nuevo animador Digamos que queremos que el
texto llegue a este punto. Escribamos 600. Ahora vamos a abrir el
selector de rango y avanzado. Cambiemos la
forma de los animadores para aumentar. Si cambiamos el offset, parece que el texto va pasando de la última
palabra a la primera. Eso no es lo que
queremos esta vez. Cambiemos la
forma de los animadores para que bajen. De esta manera el texto
pasará de la primera
letra a la última. Cambiemos el desplazamiento a -100 y animemos a este animador Queremos que el movimiento
comience sólo después de que aparezca todo el texto. Es decir, sólo después de que
la animación del primer animador termine
en el segundo número dos, vamos a crear aquí el primer
fotograma clave con un desplazamiento de -100 Y en el
segundo número cuatro, cambiemos el desplazamiento a Ahora hagamos que la
animación sea más suave. Conservemos los mismos datos
que en el primer animador. Establezca estos altos en 20
y el bajo en 80. Veamos cómo se
ve. Buen trabajo. Ahora estamos listos para agregar
un parámetro adicional. Esta vez agregaremos una rotación
al segundo animador. Para eso, presionemos Agregar, vaya a Propiedad y
seleccione Rotación. Ahora vamos a establecer un valor
para este parámetro. Por ahora, escribamos 90
grados y veamos cómo se ve. Si acercamos un poco el texto, podemos ver que actualmente cada letra gira
individualmente. Y gira desde
su parte inferior. Eso es porque el punto de
anclaje de cada letra se posiciona
en la parte inferior. Para las capas de texto, hay un punto de anclaje de
la propia capa. Y también hay
un punto de anclaje para que
el texto cambie esto, abramos más opciones. Primero, cambiemos el comportamiento del punto de
anclaje de esta capa de texto a word. Ahora hay un punto de anclaje para cada palabra y no para
cada letra Como antes, también
podemos cambiarla a línea. De esta manera habrá un punto de anclaje para cada
línea y no para cada palabra. Ahora cambiemos la ubicación
del punto de anclaje. Si nos acercamos un poco, podemos ver que aquí hay un
pequeño icono rojo de la X, simboliza el punto de anclaje Podemos cambiar su
ubicación desde aquí. Vamos a cambiarlo a -36 De esta manera, el punto de anclaje se
posicionará en el
medio de cada fila Es importante no alejar demasiado el punto de
anclaje del texto porque eso
complicará la
animación más adelante Escribamos -35 aquí. Ahora volvamos
al segundo animador y agreguemos una agradable animación de
disolución Podemos hacerlo
agregando opacidad a este animador, ¿verdad? Cero aquí. Ahora, cuando lleguemos
al último fotograma, el texto comenzará a desaparecer mientras se mueve a un lado y gira. Ahora hagamos que este
animador sea un poco más interesante y
agreguemos un
parámetro adicional llamado tracking Para ver qué hace,
vayamos al punto en el
tiempo en el que el texto ya
empieza a apartarse. Ahora cambiemos el
valor de este parámetro. Como puede ver, hace que
las letras del texto se
separen unas de otras. Escribamos diez aquí y veamos
cómo se ve. Se ve bien. Ahora vamos a volver a configurar la
vista previa para que encaje y veamos toda la animación que
hemos creado hasta ahora. Como puede ver, el texto se mueve demasiado hacia
la pregunta correcta. Qué propiedad en nuestro animador ¿Qué propiedad en nuestro animador necesitamos cambiar
para poder arreglar esto Para solucionar esto, todo lo
que necesitamos hacer es reducir los datos en el parámetro
de
posición del segundo animador Escribamos 300 y
veamos cómo se ve. Vamos a probar 200. Aún demasiado. Tal vez 100. Vamos a
verlo una vez más. Creo que 100 es mejor. Si quieres que todo este movimiento se eleve un poco más alto, puedes hacerlo ya sea moviendo el punto de anclaje de este
párrafo de texto o ajustándolo. Puedes jugar con él
y cambiar los valores aquí. Luego mueva el
indicador de tiempo para verificar la
dirección del movimiento. Todo bien. Lo volveré a poner
a -35 como estaba. Bien, sigamos adelante. Cerremos todos
los parámetros y sigamos creando el
segundo párrafo de texto. Para crear otro párrafo, podemos duplicar el párrafo que ya tenemos en la escena. Porque ya tiene
todos los animadores establecidos. Solo necesitamos
cambiar el texto y hacer algunas modificaciones
a los animadores Seleccionemos la capa
y presionemos el control D. Ahora coloquemos
el indicador de tiempo aquí para que podamos ver el texto. Entonces vayamos a
una línea y centremos la nueva capa al centro de
composición. A continuación, volvamos a abrir el archivo de
texto. Pero por ahora, no hagas
nada porque quiero
mostrarte el tema que podrías encontrar al cambiar
entre textos. Bien, digamos que ahora estoy copiando el texto y
pegándolo en el nuevo cuadro de texto Observe que después
de pegar el texto, el texto aparecerá en el
mismo diseño que el título Esto no es lo que quiero, veamos cómo
hacerlo correctamente. Ahora, hazlo junto conmigo. Primero, solo copiemos el título y lo peguemos
en los títulos Place On. Sólo copiemos el texto y lo peguemos en los
textos Place On. Ahora todo lo que tenemos que hacer es ajustar el cuadro de texto y el
espaciado entre las líneas. Mueve una línea aquí,
bájala ligeramente. Vamos a agrandar la
caja desde abajo. Eso es mejor. Ahora vamos a seleccionar la paleta de colores y cambiar el color del
título a naranja. Adicionalmente, podemos
cambiar el color de la capa para diferenciar
entre los textos. Después de terminar de diseñar
el nuevo párrafo, pasemos a la
siguiente parte y aprendamos a combinarlo con la animación
del primer párrafo. Mientras tanto,
apaguemos esta capa. Te veré en la siguiente parte. Pero antes de eso, es
posible que desee tomar un descanso rápido durante
unos 10 minutos. levántate de tu silla, estírate un poco y
hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
19. Sección 4, parte 3: Bienvenida de nuevo. Antes de sumergirnos en animar
el segundo párrafo, quiero compartir un consejo útil sobre cómo organizar el panel de
software Como ahora estamos trabajando con múltiples animadores
y parámetros, es esencial mantener
las cosas organizadas Primero, podemos mover
esta sección aquí, luego podemos colocar la pantalla de
vista previa aquí. Ahora vamos a agarrar nuestro panel
de
composición desde aquí y
arrastrarlo a esta zona. Como no necesitamos
usar el panel de proyecto, podemos moverlo hacia un lado. De esta manera podemos ver tanto el
primer texto, el segundo texto. Vamos a configurar la vista previa para que encaje. Ahora podemos abrir todos los animadores aquí y
ver todos los parámetros De una manera más conveniente, si queremos ver los
fotogramas clave en esta capa, podemos minimizar esta
área así Podemos posicionar así la pantalla de
previsualización. También podemos acercar
la línea de tiempo para ver los fotogramas
clave de cerca. Bien. Ahora bien, debido a que
este párrafo no necesita hacer
la animación de entrada como el primer párrafo, podemos desactivar
al primer animador responsable de la animación de
entrada Podemos cerrarlo por ahora. Ahora arrastremos los fotogramas clave
del segundo animador al
principio y cambiemos sus datos Los primeros datos que cambiaremos
son la dirección de rotación. Escribiremos -90
aquí en vez de 90. Ahora el texto gira
en sentido contrario. En el siguiente paso, necesitamos
cambiar los datos para el parámetro
position. Lo cambiaremos a
-100 en vez de 100. Ahora para que el texto aparezca y no desaparezca
como lo hace ahora, necesitamos cambiar el modo de
animación para que se incremente. Lo último que tenemos que hacer
es simplemente cambiar los datos en
el parámetro de seguimiento a
menos diez en lugar de diez. Así creamos la animación
inversa
para este párrafo. Ahora podemos eliminar por completo al primer animador porque
no lo necesitamos en absoluto Bien, ahora hagamos que
el párrafo se mueva hacia un lado para crear la transición para
el tercer párrafo. Para ello, podemos simplemente
copiar el segundo animador del primer párrafo porque es
el animador
el que se
encarga de la animación que necesitamos,
seleccionemos el
segundo animador, pulsemos el control C para Ya podemos cerrar esta capa. Ahora vamos a seleccionar el texto
aquí y presionar el control V, asegurándonos de que estamos en
el segundo número dos, para que cuando peguemos
los fotogramas clave, el primer fotograma clave
se posicione aquí. Ahora vamos a abrir este animador. Esta vez no necesitamos
cambiar nada para este animador,
todo se ve genial Ahora vamos a encender
la primera capa y el tiempo entre
estos dos párrafos. Pero antes de eso, podemos ajustar los paneles para un
mejor flujo de trabajo. Primero, agrandemos un poco
este panel. Ahora
apaguemos temporalmente la primera capa. También apague la cuadrícula y vea dónde termina
la animación del primer párrafo. Para ver los fotogramas clave, seleccionaremos esta
capa y le presionaremos. También seleccionemos esta capa y presionemos para mostrar
sus fotogramas clave. Ahora coloquemos aquí
el indicador de tiempo. Enciende esta capa
e intenta encontrar un buen punto en el tiempo para que esta
capa entre en escena. Bien, creo que deberíamos comenzar el segundo
párrafo un poco más tarde. Pasemos al segundo número tres y movamos esta capa aquí. Vamos a verlo una vez más. Sí, creo que es excelente. Ahora vamos a mover nuestra pantalla de
vista previa aquí, mostrar la cuadrícula y crear el
tercer y último párrafo. Podemos cerrar y
apagar esta capa por ahora. Ahora vamos a duplicar esta capa
porque su animación es muy similar a la animación que debería estar en
el tercer párrafo. Vamos a seleccionarlo
y presionar control D. Y como
agregamos una nueva capa, necesitaremos ver un poco
más de nuestra línea de tiempo. Para ello, podemos ocultar parte
de los datos que aquí se muestran, por ejemplo, la función
stretch. Para ocultarlo, necesitamos
hacer clic derecho aquí, ir a columnas, y dar
clic en estirar. Ahora no vemos esta parte, y gracias a eso, podemos ver un poco más de la línea de tiempo. Ocultemos también esta sección. Haga clic con el botón derecho aquí, vaya a las columnas y haga clic en Padre y Enlace. No te preocupes, podemos traer de vuelta
todas estas funciones más tarde. Bien, entonces ahora tenemos más espacio aquí y estamos listos para
continuar con el proyecto. Volvamos a
la herramienta de selección y movemos el nuevo
párrafo hacia un lado. Vamos a moverlo
manteniendo pulsada la tecla Mayús para que la capa se mueva
en un eje recto. Ahora vamos a copiar el título
del tercer texto y
pegarlo en lugar del título aquí podemos eliminar el
espacio extra que se creó aquí. Ahora vamos a copiar el nuevo texto y pegarlo en lugar del
texto en el nuevo párrafo. Ajustemos el cuadro de texto
para obtener un bonito párrafo. Excelente. Bien,
ahora vamos a seleccionar la paleta de colores
a través del
panel del proyecto para ver los colores. Vamos a agrandar un poco este panel. Ahora vamos a seleccionar el título
y cambiar el color a azul. Podemos encoger este panel hacia atrás. Volvamos a
la herramienta de selección temporalmente,
apaguemos esta capa, apaguemos la cuadrícula y enfoquemos la animación
del nuevo párrafo. Podemos ver que
no necesitamos cambiar la animación de entrada
para este párrafo. Si abrimos la capa,
podemos ver que el animador responsable de
esta animación es éste Y no tenemos ningún
problema con ello. Tenemos un problema con
la animación outro, que es controlada
por este animador Podemos
apagar temporalmente este animador porque no
queremos que el párrafo
salga del marco así Queremos que este párrafo salga de arriba y desaparezca
en el proceso. Similar a lo que sucede en la animación de entrada del primer párrafo
justo a la inversa. Por lo tanto, podemos
copiar el animador responsable de esta
animación desde esta capa, que es este animador Selecciónelo y presione control. Ahora volvamos párrafo final y coloquemos la pantalla de vista previa
para que podamos verla. Ahora vamos a pegarlo
en esta capa. Vamos a abrirlo, seleccionar
el texto aquí y pulsar el control V aquí. Vemos aquí al animador. Podemos eliminar esta. Ahora vamos a abrir este
animador para cronometrar sus fotogramas clave y ajustar algunos datos para crear
la animación deseada Como sabemos que
necesitamos crear la animación inversa de
lo que está sucediendo ahora, ya
podemos cambiar la forma de los
animadores para que desciendan. Ahora después de que entra el texto, desaparece del marco, pero desaparece
y se mueve hacia abajo. Para cambiar su dirección de salida, necesitamos ajustar la pregunta del parámetro de
posición. ¿Qué debemos escribir
aquí para cambiar la dirección
del movimiento de este párrafo? Aquí escribiremos -50. Ahora después de que entra el texto, inmediatamente
se mueve hacia
arriba y desaparece. Bien, ahora cambiemos el color de esta capa a azul para diferenciar
entre las capas. Ahora vamos a
presionarte sobre esta capa y sobre esta capa para
ver sus fotogramas clave. Mostremos también los
fotogramas clave del primer párrafo. Ahora vamos a cronometrar la animación entre el segundo y
el tercer párrafo. Movamos esta capa
al lugar correcto en el tiempo. Podemos encender ambas
capas ahora, moverlas al segundo número seis y mover aquí el párrafo
final. Una vez que hayamos terminado
con la animación y estemos satisfechos con ella, podemos devolver los paneles
a la disposición inicial. Bajemos este panel hasta que veamos esta
zona en gris brillante. Y luego suelta el click. Podemos ampliar la
pantalla de vista previa y volver a configurarla para que se ajuste. Ahora llevemos
el indicador de tiempo al comienzo
de la línea de tiempo, cerremos todas las capas y verifiquemos la animación
antes de continuar. Todo se ve genial. Ahora estamos listos para pasar a
la parte final, donde diseñaremos nuestra escena de una
manera más interesante. Nos vemos en la siguiente parte.
20. Sección 4, parte 4: Bienvenida de nuevo. Primero,
apaguemos la grilla. Ahora seleccionemos
solo el texto y cambiemos el color a un
color brillante de la paleta. Hagamos esto para todos los
textos en todos los párrafos. Ahora pulsemos control para guardar el proyecto antes de continuar A continuación,
vamos a crear un sólido
que
nos servirá como nuestro control de prensa de
fondo Y. Vamos a colorearlo en negro. Vamos a llevar el sólido
debajo de todas las capas. Ahora vamos a crear un
degradado fresco para el fondo. Ve a Efectos y presets. Si no puedes verlo,
puedes encontrar este panel
debajo de la ventana. Bien, escribamos gradiente aquí, y seleccionemos rampa de gradiente. Arrastremos este efecto
sobre el sólido. Ahora vuelve al panel del proyecto y arrastra la paleta a la composición para que podamos ver los colores mientras
trabajamos con el efecto. Volvamos a los controles de
efecto. Seleccione el sólido para
ver el efecto sobre él. Vamos a probar este color para
crear un degradado fino. Entonces podemos eliminar esta capa. Ahora selecciona el efecto. Ahora podemos agarrar este
pequeño mango
del degradado y arrastrarlo
a una posición adecuada. Por cierto, lo voy a volver a poner donde
estaba. También podemos mover estos
mangos desde aquí. Coloquemos
aquí la
parte más oscura del degradado y la parte más brillante aquí. Si nos acercamos un poco, podemos ver que el
gradiente no es suave. Podemos ver algunas
bandas para arreglar esto. Podemos escribir 30
y dispersión de rampa. Eso lo suavizará un poco. Bien, vamos a volver a ajustar la
vista previa. Y agreguemos un efecto genial llamado resplandor a nuestros párrafos. Escribamos resplandor aquí y arrastremos el efecto a esta capa. Establezca el umbral de resplandor en 60. Ahora copia el efecto y pégalo en el
segundo párrafo. Vamos a pegarlo también en el
tercer párrafo. Ahora volvamos al panel
del proyecto y aprendamos
cómo podemos hacer que los
párrafos de texto permanezcan
unos segundos en el marco antes de pasar
al siguiente párrafo. Porque al final
necesitarás crear una animación de texto de manera que la gente pueda leer
lo que está escrito. Es por eso que el
texto necesita permanecer en la escena
unos segundos antes de que la
transición al siguiente texto desaparezca la
transición al siguiente texto. A
ver cómo se hace eso. En primer lugar, dupliquemos
esta composición a través del panel del proyecto para que
podamos realizar cambios en ella sin afectar
la composición actual. Seleccionemos la composición
y presionemos control D. Ahora presione Enter y cambie el nombre a
texto. Animación. Cuatro, subrayado largo, entremos
en la composición. Como puedes ver, el texto está cambiando muy rápido y no
podemos leer nada. Primero, para extender la duración de esta composición para que
tengamos suficiente tiempo
en la línea de tiempo, presionemos control K Ahora
pongámosla en 40 segundos. Y presiona Enter. Ahora
alejemos la línea de tiempo y extendamos todas las
capas que tenemos aquí hasta el final de la
composición así. Ahora vamos a bloquear el fondo para que no
interfiera con nosotros. Apaguemos estas
dos capas para que podamos enfocarnos en el
primer párrafo. Selecciónala, y
aprendamos cómo
hacer que permanezca un poco
más en la escena. Bien, entonces primero vamos a
seleccionarlo y presionarlo para
ver sus fotogramas clave. Lo siguiente que tenemos que hacer es decidir desde qué
punto en el tiempo queremos que comience el segundo animador
responsable de la
animación outro Pasemos al segundo
número ocho y movamos aquí los fotogramas clave
del segundo animador Ahora, durante todo este tiempo, no
habrá cambios
en la animación. Eso significa que el texto
permanecerá en su lugar. Veamos cómo se ve ahí. El texto aparece en pie
por unos segundos y sólo en el segundo número ocho comienza la animación outro Básicamente, creamos un
párrafo de exactamente 6 segundos. Ahora hagamos lo mismo para
el segundo párrafo. Lo seleccionaremos, le presionaremos si la animación de introducción para este párrafo termina en el
segundo número cinco Pasemos al segundo número 11 para crear la pausa de
seis segundos. Ahora vamos a mover aquí los fotogramas clave del segundo animador Hagamos lo mismo para
el último párrafo. Lo seleccionaremos, le presionaremos ahora. Pasar al segundo número 14. Ahora vamos a mover aquí los fotogramas clave del segundo animador Bien, ahora enciéndala, cierra todas las capas
y mira qué tenemos. Como pueden ver,
hay partes donde vemos todos los párrafos
juntos, ¿verdad? Porque los hicimos
cada parada durante 6 segundos. Por eso tenemos que
cronometrarlos de nuevo entre
sí según
su nueva animación. Seleccionemos todas estas capas. Presione agrandar este
panel y cronometrarlos. Seleccionemos la segunda y
tercera capas de texto e intentemos encontrar un buen punto en el tiempo para que
entren en escena. Podemos mover las dos
capas superiores a este punto en el tiempo, segundo número nueve
porque está exactamente en medio de la animación outro
del primer párrafo Se ve genial. Ahora vamos a seleccionar el tercer párrafo y moverlo al segundo número 18. Veamos cómo se ve
todo junto. Entra el primer párrafo. La escena es de 6 segundos. Ahora desaparece. E inmediatamente después de eso, entra en escena
el segundo párrafo. También permanece en pie por 6 segundos. Después pasa
al tercer párrafo. Bien, Y guarda el proyecto. Y cerremos todas las capas. Volver a la composición corta
y renderizarla primero. Cerremos la pestaña de efectos
y salgamos de esta pre comp. Y ahora estamos listos
para renderizar esta escena. Tenemos
que asegurarnos de que el área de trabajo de esta composición termine
donde queremos que termine. Para que no rendericemos
solo una pantalla negra. Si la animación en esta
escena ya termina aquí, no
necesitamos toda esta área porque ya no vemos
nada aquí. Veamos dónde termina la animación
de esta capa. Termina en este marco clave. Nos quedaremos aquí y presionaremos para acortar el área de trabajo
hasta este punto en el tiempo Ahora vamos a presionar control para
ir al panel de renderizado. Vamos a optar por
renderizarlo en alta calidad, su formato 0.2 64, que es un archivo MP four. Y elegiremos
renderizarlo en nuestra carpeta de renderizado. Asegurémonos de que
el nombre sea bueno, luego haga clic en Guardar. Y después de eso, da clic en Render. Y espera unos momentos. Bien, el
render está terminado. Veamos qué tenemos. Se ve bien. Ahora puedes subir este video
en redes sociales, mostrarlo en el sitio web de tu
portafolio, y por supuesto, usar esta
animación para tu próximo proyecto. Si estás disfrutando del curso, agradecería mucho que
pudieras calificar este curso en
función de cómo te sientes y dejar comentarios para que sepa si aprendes
algo nuevo o no. Bien, ahora volvamos al proyecto y
organicémoslo antes de cerrarlo. Bien, así que
lo primero que tenemos que hacer es crear una nueva carpeta
en el panel del proyecto. Lo llamaremos Activos y arrastraremos la
paleta de colores dentro de él, así
como la carpeta de sólidos. Luego crea otra
carpeta llamada pre comps y arrastra la pre comp
larga dentro de ella. Por último, etiquetemos la composición
principal en azul. Ahora presionemos control para guardar el proyecto
antes de cerrarlo. Con eso, hemos
terminado la lección. Espero que lo disfrutes, y no
puedo esperar a
verte en la siguiente. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
21. Sección 5: Animación avanzada de tipografía knética: Hola ahí. En esta lección
nos tomamos un descanso de los animadores de
texto y aprendemos algunos trucos nuevos para hacer animaciones de texto
increíbles Además, estaremos descargando
un complemento dulce para
los efectos posteriores que
facilitarán el trabajo con
múltiples capas. Esta lección se
divide en tres partes, que aprenderemos
en la primera parte, hablaremos sobre la
función de purga que ayuda después de que los efectos se ejecuten más suaves y evitar posibles
problemas más adelante. Después crearemos el texto y lo
agregaremos a la composición. Pasando a la segunda parte, entraremos en animar
ese texto e incluso agregaremos algunas expresiones geniales para que
sea aún más llamativo Luego instalaremos
ese enchufe gratuito para los efectos
posteriores lleven
las cosas al siguiente nivel. Finalmente, haremos un
bucle para la animación, refinaremos el aspecto y
prepararemos todo para compartirlo con un MP para archivo de alta
calidad. Y claro, vamos a ordenar el proyecto
antes de que terminemos. Va a ser increíble. No puedo esperar para empezar solo.
22. Sección 5, parte 1: Vamos a almorzar después de los efectos. Juntos, podemos cerrar esta ventana para que todos
veamos los mismos arreglos de
panel. Vamos a hacer clic en Default. Ahora, adelante y crea
nuestra primera composición. Vamos a llamarlo
Animación de texto cinco. Trabajaremos en formato full HD. Trabajemos con 24
fotogramas por segundo. La duración de la composición
será de 40 segundos. Ahora, cambia el
fondo a negro. Haga clic en Bien, aquí y allá. Ahora vamos a importar nuestra
paleta de colores al proyecto. Haga doble clic en el
área gris en el panel del proyecto, seleccione la paleta de colores
y haga clic en Importar. Ahora antes de seguir adelante, quiero enseñarles
sobre una acción llamada purga. ¿Qué es la purga? Cuando trabajas en un
proyecto, en after effects, almacena un montón de datos e
información en su caché de memoria. A veces ese caché puede quedar todo obstruido con cosas viejas
o innecesarias, lo que puede ralentizar el programa e incluso causar
errores o bloqueos Cuando eso sucede, puedes usar la función Purgar para borrar la caché y
liberar algo de memoria. Es muy útil
cuando tienes problemas de
rendimiento o
te encuentras con errores, solo borra esa
caché y
verás una gran mejora en la
forma en que se ejecuta el programa. Entonces purguemos el
proyecto juntos. Ahora haga clic en Editar, vaya a Purgar, y haga clic en
Toda la memoria y caché de disco. Genial, así que ahora podemos ver
cuánto pedazo tenemos. Puede ser un
número diferente para ti de todos modos. Vamos a golpear bien, y
esperar unos segundos Al. Ahora mismo podemos guardar el
proyecto y darle un nombre. Localicemos la carpeta que
creamos para la lección. Ingresa a la carpeta AE y nombra el archivo en el que estamos trabajando
actualmente. Puede seleccionar este
proyecto para obtener este nombre y cambiar
la extensión a cinco. Por último, pulsa Guardar. Ahora comencemos a
diseñar la escena. Primero, escribamos el texto. Para ello, seleccionaremos la herramienta de texto y
escribiremos la palabra Aprender. Ahora selecciona todo el texto y
cambia la Fanta Montserrat. Establece el estilo en negro y
ajusta el tamaño a 150. Ahora haga clic en la opción
de letras mayúsculas. Ahora cambiemos el color
del texto a negro. A continuación, da clic en la opción de
color de trazo y
configúrela en blanco. Aquí podemos ajustar
el grosor de la línea. Vamos a establecerlo en uno. Ahora no olvides ir a la pestaña de párrafo y alinear el texto
al centro. Además, volvamos al carácter y aseguremos que el trazo
esté configurado para sobrellenarse Bien, ahora volvamos a cambiar
a la herramienta de selección. Presiona la tecla de apóstrofo
para mostrar la cuadrícula. Ahora centremos el
punto de anclaje de esta capa, presionemos control en casa
para lograrlo. Ahora para centrar la capa en la composición sin
usar la herramienta alineada, usemos un nuevo atajo de
prensa control home. Duplicemos esta capa. Presiona el control D, luego
muévelo hacia abajo y cambia la palabra a movimiento para salir
del modo de edición de texto. Presione el control Enter. Ahora volvamos a duplicar
esta capa. Seleccione la herramienta de selección, muévala hacia abajo y
cambie la palabra para diseñar. Ahora para mantener el mismo orden de
palabras que en la escena, movamos la capa de movimiento aquí y la capa de diseño aquí. Ahora volvamos a cambiar a la herramienta de
selección y llevemos todas las capas hacia arriba para que la palabra media esté en el
centro de la composición. Usemos la
Herramienta Alinear para crear espacios
iguales entre
todas las capas. Asegúrate de que tenemos
selección elegida aquí. Vamos a hacer clic aquí. Por último, usaré
la flecha hacia abajo en el teclado para mover un poco todas
las capas hacia abajo. Genial, ahora estamos listos para
pasar a la siguiente parte y comenzar a animar la
escena. Nos vemos ahí.
23. Sección 5, parte 2: Bienvenida de nuevo. Lo primero que tenemos que hacer es mover estas
capas a izquierda y derecha. Pregunta, ¿qué propiedad
debemos animar para hacer eso? Para lograrlo,
usaremos la propiedad position, presionaremos P para
mostrarla en todas las capas. Ahora en segundo número cero, decidamos que las
capas se quedarán aquí. Vamos a moverlos un poco
más hacia la izquierda. Usando la flecha izquierda
en el teclado, crearemos un marco clave. Ahora pasemos al segundo
número dos y movemos las capas hacia el otro lado mientras mantenemos presionada
la tecla Mayús. Ahora pasemos al segundo número tres y devolvamos las capas
a su posición inicial. Para ello, podemos duplicar
los primeros fotogramas clave. Pero si seleccionamos todos ellos, presione el control C para copiarlos, y luego presione el control
V para pegarlos. Tenga en cuenta que pegamos todas las capas en lugar
de solo los fotogramas clave Esto sucede cuando seleccionamos fotogramas
clave de
diferentes capas. Para evitar que esto suceda, necesitamos duplicar
cada fotograma clave para cada capa individualmente. Seleccionemos este
fotograma clave, presione el control C, y ahora presione el control V. Hagamos lo mismo para
las siguientes dos capas Veamos cómo se ve. Bien, continuando, seleccionemos todos los fotogramas clave
y los convertiremos a ASe's usando la clave nueve. Ahora el movimiento será más suave. Ahora necesitamos que este movimiento
continúe hasta el final
de la composición. Para ello, podemos usar la
expresión que usamos en la segunda lección cuando
creamos el bucle
para la pre comp. Debido a que los primeros fotogramas clave y los últimos fotogramas clave en
estas capas son los mismos, podemos hacer lo mismo aquí. Para ello, pasaremos el cursor sobre el icono del cronómetro
de este parámetro Mantenga pulsada la tecla alt
y haga clic en el cronómetro una vez Ahora vamos a dar clic en
la flecha pequeña, ir a Propiedad, y
seleccionar esta expresión. Haga clic aquí para finalizar
la operación. Y hagamos lo mismo
para las siguientes dos capas. Pero en lugar de repetir
todos estos pasos, simplemente
podemos hacer clic derecho sobre este parámetro y elegir
copiar expresión solamente. Ahora vamos a seleccionar ambas
capas y presionar el control V para pegar la
expresión copiada. Ahí lo tienes. Todas las capas continúan
repitiendo el mismo movimiento incluso después de que el último
fotograma clave golpeó la barra espaciadora Para ver que todo funciona
bien, se ve bien. Ahora vamos a crear
un bonito desplazamiento en la animación para este lugar, el indicador de tiempo
en el fotograma número seis. Ahora acerquemos más en
la línea de tiempo y cambiemos los fotogramas clave de estas dos
capas al fotograma número seis. Ahora lleguemos al fotograma número 12. Selecciona los fotogramas clave de esta
capa y muévalos aquí. Así es como hemos creado un desplazamiento
genial para la animación. De esa manera conseguimos un
movimiento mucho más interesante en la escena. Se ve genial. Ahora vamos a seleccionar todas las capas y
anidarlas en una pre comp. Usemos el
atajo esta vez. Presione control shift C. Ahora cambiemos el nombre
a texto comp uno, asegúrese de que ambos estén
seleccionados y presione. Bien, genial. Entonces ahora si ingresamos a
esta pre comp, veremos las tres capas de
texto en el futuro. Una vez que creamos el efecto, podemos entrar aquí y cambiar
las palabras si queremos. Bien, ahora volvamos a la composición principal y
comencemos a crear el efecto. Primero, vamos a duplicar
esta pre comp usando control D. Ahora vamos a
seleccionar la capa inferior, presionar S y crear una
expresión para esta capa. Para ello, pasaremos
el mouse sobre el cronómetro
de este parámetro Mantenga presionada la tecla alt y
haga clic en el cronómetro una vez. Ahora, localiza la carpeta principal
para el curso que creaste. Ingrese la carpeta Activos y abra el archivo llamado expresión
por menos de cinco. Ahora vamos a seleccionar y copiar
todo lo escrito aquí. A continuación, volvamos
a nuestro proyecto. Haga clic aquí y pegue
la expresión copiada. Haga clic aquí para finalizar la acción. Tenga en cuenta que ahora esta
capa se ha escalado. Apaguemos la
grilla. Bien, así que con la ayuda de
esta expresión, hicimos para que cada
vez que copiemos esta capa, automáticamente vaya detrás la última y obtenga un 20% más grande. Bastante genial. No se necesita trabajo
extra. Seleccionemos esta pre comp y press control D. Ahora hemos creado un nuevo pre comp que es 20% más grande que el pre comp
anterior. Esta capa se posiciona
detrás de la capa anterior a ella. Duplicemos esta pre comp hasta llegar a un
total de 20 capas. Ampliemos este panel para ver todas las capas y continuar duplicando la segunda pre comp Ahora vamos a configurar la
vista previa para que encaje. Continuar trabajando en la escena. Ahora vamos a seleccionar
la primera capa, ir a efectos y presets, y buscar un
efecto llamado invertir Arrastre este efecto a
la primera precomp. Ahora vamos a presionar para que
aparezca el parámetro de escala de esta capa y agrandarlo un poco para que coincida con el tamaño de
los precomps detrás Creo que 120 debería estar bien. Cerremos la
capa y sigamos adelante. Ahora bien, si te acercas a
ver de cerca los precomps, notarás que
no son de tan buena calidad, sobre todo los
que están detrás Esto se debe a que se escalan mucho más grandes que
los anteriores. Para mejorar la calidad
de los precomps, podemos activar la
función de colapso que se encuentra aquí Si no ve este
icono, puede hacer clic aquí. Seleccionemos todas las capas y apliquemos la
función de colapso a cada una de ellas. Ahí está, la calidad
ha mejorado significativamente. Ahora vamos a configurar la pantalla de
vista previa para que encaje y veamos cómo se ve
toda la escena. Genial. Ahora necesitamos crear un
movimiento de look ondulado fresco a esta animación. Para lograrlo,
necesitamos crear un offset para todas nuestras pre
composiciones en la composición Podemos hacerlo manualmente, claro, pero
llevaría mucho tiempo. Adicionalmente, si nos damos cuenta de
que el offset no es bueno, sería muy
difícil cambiarlo. Es por eso que necesitamos
usar el tapón de jugo, lo que nos permite disponer las
capas de forma rápida y sencilla. Primero, voy a demostrar
cómo funciona, y luego descargaremos
e instalaremos el
enchufe juntos. Bien, abriré el
enchufe y lo arrastraré aquí. Voy a encoger un poco este panel. Ahora todo lo que necesito hacer es seleccionar todas las capas que
quiero mover, elegir la dirección
del desplazamiento y establecer la distancia
entre cada capa. Todo lo que tengo que hacer ahora es hacer clic
en Escalonar Y eso es todo. Obtuve un offset de la
primera capa a la última. Presiono control Z y te
muestro qué
pasaría si elijo organizar
las capas de esta manera. Serían ordenados
de último a primero. Bien, voy a traer
todo de vuelta a la normalidad. Vamos a instalar el
enchufe juntos. Te voy a mostrar cómo hacerlo
tanto en Mac como en Windows, aunque es más o menos
el mismo proceso para ambos. Pero antes de eso, presiona
control para guardar el proyecto, en caso de que no
coincidieras las preferencias de software como
hicimos en la primera lección, ve a Preferencias, Scripts y Expresiones, y
asegúrate de marcar esta casilla. De lo contrario, es
posible que el enchufe no funcione correctamente. Bien, ahora lo mejor es
salir del proyecto antes de
instalar el enchufe. No verá el script después de la instalación
en after effects. Mientras que after effects está abierto después de la instalación del
script, tendrá que volver a abrir
el proyecto de todos modos Sugiero cerrar el proyecto ahora y después de la instalación, lo
volveremos a abrir. Pero antes de cerrar el proyecto, no olvides guardarlo. Bien, primero lo
muestro para usuarios de Mac. Primero, ve a la página web de Ags. Encuentra el enlace en el archivo
PDF ubicado en la carpeta principal del curso
que descargaste de mí. Ahora necesitas registrarte
o iniciar sesión en el sitio web. A continuación, vaya a Complementos gratuitos y
haga clic en Descargar desde Mac. Ingrese su correo electrónico aquí,
marque la casilla y descargue. Ahora puedes consultar tu
buzón o simplemente dar click aquí. Luego elige dónde quieres guardar el archivo y haz clic en Guardar. Ahora abre la carpeta y
extrae el archivo zip. Después de eso, puede
eliminar el archivo zip. Genial. Ahora abre el instalador, haz clic en Continuar,
ingresa tu contraseña si es necesario y haz clic en Instalado. Después de la instalación,
puede eliminar el instalador. Genial, ahora podemos minimizar todas las carpetas abiertas
y el almuerzo después de los efectos. Ve a Ventana y abre
el gestor de pack de edad. Ahora da clic aquí en el
lateral para salir de las guías. Lo más importante es iniciar sesión en tu cuenta Desde aquí, genial. Puedes volver a
After Effects y cerrar este panel y abrir
la palanca de cambios Ages Ahora quiero mostrar el proceso de instalación
para usuarios de Windows. Es más o menos lo mismo, así que no voy a hablar y solo mostraré los usuarios
del proceso que puedes
cerrar después de los efectos por ahora. Pronto abriremos nuestro
proyecto juntos. Mientras tanto, usuarios de Windows, pueden
seguirme conmigo
y descargar el plug in. Bien, después de haber
instalado el plug in, naveguemos hasta la
carpeta AE y abramos nuestro proyecto. Ahora vamos a abrir el enchufe. Así que ve a Ventana y
haz clic en la palanca de cambios AEG. Puede adjuntar este panel
al panel de vista previa. Simplemente arrástrelo desde esta área y adjúntelo a la sección
azul aquí. Puedes escalarlo un poco. Ahora vamos a seleccionar todas las capas. Elija esta disposición, establezca el desfase en un marco
y haga clic en Escalonar Pero antes de seguir
adelante, coloquemos aquí
este panel y lo
cerremos por ahora. Debido a que hemos creado
un desplazamiento para las capas, la animación ahora
se ve mucho más interesante. Se ve excelente. Ahora pasemos a
la parte final y creemos
un bucle para esta animación. Entonces nos vemos ahí.
24. Sección 5, parte 3: Para crear un bucle perfecto, necesitamos encontrar un
fotograma idéntico a lo largo de la animación. Uno al principio
y otro al final. Digamos que el fotograma
inicial de la animación estará
en el segundo número dos. Ahora podemos capturar este fotograma para poder
compararlo con el segundo fotograma. Vamos a optar por
terminar la animación. También podemos seleccionar todas las
capas y en un marcador, podemos saber que este será el punto donde comienza la
animación. Ahora vamos a avanzar unos
segundos e intentemos encontrar el punto en el
tiempo donde el texto regrese al mismo
punto que capturamos. Para ver mejor lo que estamos haciendo, podemos ampliar el panel de vista previa y configurar la vista previa para que encaje. Bien, vamos a comprobar
si podemos cerrar el bucle todavía. No, todavía no. Vamos a darle otra
oportunidad. Todavía no es bueno. Estamos llegando, pero aún
no del todo. Intentemos verificarlo
en el segundo número seis. Sí, ese es el momento
adecuado. Genial. Ahora
agrandemos este panel, volvamos a
seleccionar todas las capas y crear un marcador en
este punto también. Ahora ajustemos el
área de trabajo a los marcadores que
configuramos para acortar el
área de trabajo desde su prensa final Ahora vamos a movernos hacia los primeros marcadores mientras
mantenemos presionada la tecla Mayús. Ahora acortemos el área
de trabajo desde su inicio
usando la tecla B. Como ya no necesitamos
toda esta sección, presionemos el control K para acceder a los
ajustes de composición y acortar su longitud de 40
segundos a 10 segundos. Antes de seguir avanzando, es un buen momento para presionar
control y guardar el proyecto. Ok. Ahora agrandemos la pantalla de vista previa y golpeemos la barra espaciadora para
ver la animación Puedes renderizar esta
animación tal como está ahora, o puedes cambiar un poco la
animación conmigo. Si este es el
caso, puedes ingresar la pre comp del texto
junto conmigo y cambiar el movimiento de este texto
cambiando algunos parámetros en
los fotogramas clave para mostrar todos los fotogramas clave
de todas las capas Vamos a asegurarnos de que no
seleccionamos ninguna capa
y presionemos el Ukey Ahora vamos a seleccionar todos
los fotogramas clave aquí. Coloca el cursor sobre uno de
ellos. Mantenga pulsada la tecla de salida y haga clic en ella dos veces. De esta manera llegaremos al panel de velocidad del
fotograma clave. Hace tiempo que no
hablamos de ello. De todos modos, aquí podemos cambiar el comportamiento de animación de los textos ingresando
diferentes valores. Vamos a ponerla a 85 x 85 pulsamos, bien, y veamos cómo se ve. Si vamos al editor de grafos, podemos ver que la curva de estos fotogramas clave
se ve así ahora. Es decir, el texto
comenzará a moverse lentamente, ganará una alta aceleración y luego volverá a disminuir la velocidad
hacia el final. Bien, salgamos del
editor de grafos y volvamos a la composición principal para ver cómo afecta el
efecto que creamos. Deja que el software renderice un poco
la escena. A mí me gusta de esta manera. Me quedaré con
esta animación y seguiré adelante. Ahora bien, si alejamos un poco, podemos ver algunas capas más
detrás de las cuales no vemos en la escena porque son grandes y se extienden más allá de los
límites de la escena. Veamos cómo podemos
reducir el tamaño de toda
esta escena sin
tocar las capas. Para esto haga clic derecho aquí, vaya a Nuevo y seleccione capa
de ajuste. ¿Cuál es la capa de ajuste? La capa de ajuste es una capa especial en
efectos posteriores que permite
aplicar efectos y ajustes a varias capas
simultáneamente. En lugar de aplicar
el mismo efecto a cada capa individual, puede agregar una capa de ajuste y aplicarle un efecto. El efecto se aplicará
entonces a todas las capas debajo de él
en la pila de capas. El beneficio de usar una capa de
ajuste es
que te permite
realizar cambios globales en tu composición de
forma rápida y sencilla. Creamos una capa
vacía, invisible que no
tiene nada sobre ella. Utilizaremos esta capa para crear un filtro que
afectará a la escena. Para ello,
vayamos a efectos y
presets y busquemos un
efecto llamado transform Arrastremos el efecto a la capa de ajuste y cambiemos el nombre de esta
capa para transformar, que sepamos qué
efecto se le aplica. Bien, ahora vamos a configurar
la pantalla de vista previa para que se ajuste y cambie algunos
parámetros en este efecto. Como puedes ver, aquí
hay un parámetro llamado scale porque
todas estas capas están por debajo de la capa de ajuste. Todos ellos se verán afectados por
los cambios que le hagamos. Bien, pongámoslo en 90 y
veamos cómo se ve la escena. Creo que podemos
reducirlo un poco más. Probemos 80. Tal vez
60, quizás 50. No, 50 es demasiado. Presta atención aquí.
No me gusta, así que lo volveré a cambiar a 60. Veamos cómo se ve eso. Permitamos que los efectos posteriores renderizen la escena
durante unos segundos. Bien, creo que
se ve genial. Ahora vamos a colorear el texto en los colores de
nuestra paleta de colores. Vaya al
panel de proyecto y seleccione la paleta de colores desde
aquí para ver los colores. Ahora volvamos a
la composición del texto. Después abre la pestaña de caracteres. Y ahora selecciona todas las capas. Y cambiar el color del texto al color oscuro
de la paleta. Por alguna razón, no es capturar el
color correcto para mí. Me ocuparé de ello en un momento. Mientras tanto, hagamos
clic aquí para cambiar el color de la línea
al color brillante
de la paleta. Bien, una vez más, por alguna razón no puedo
capturar los colores. Simplemente arrastraré la paleta aquí y escogeré los
colores de ahí. Eso es mejor. Ahora, eliminaré la paleta y volveré
a la composición principal. Como saben,
en realidad no tenemos antecedentes en la escena. El color negro que vemos
aquí en el fondo es el
color de fondo predeterminado de la pantalla anterior, y no es un fondo real. Para crear un fondo real, necesitamos crear un nuevo sólido. Seleccionemos este panel
y pulsemos control. Ahora cambiemos el color. Veo que todavía me está causando, sólo
voy a elegir el
color de aquí. Déjame entrar aquí para comprobar
si es el color correcto. Ahora presionemos bien, movamos esta capa por debajo de
todas las demás capas. Ahora presta atención a que
el sólido es muy pequeño. Esto sucede porque
el sólido también está influenciado por el
efecto de transformación en la capa de ajuste. No es un problema en absoluto. Seleccionemos la prensa sólida y agrandemos esta
capa hasta que se ajuste a la Escena 180 es genial. También podemos activar la función de
colapso para el sólido. Bien, vamos a cerrar la capa. Vaya al panel del proyecto, presione el control S para guardar el proyecto y continúe
para renderizar la animación. Quiero recordarles que
after effects
solo renderizará lo que está dentro de los
límites del área de trabajo. Debido a que hemos acortado perfectamente
el área de trabajo
para crear un bucle, no
tenemos ningún problema con ello. Pero si aún no quieres ver toda esa área innecesaria, simplemente
puedes escribir, Haga clic en el área de trabajo y elija
Trim Comp al área de trabajo. Ahora vamos a presionar el control. Y para acceder al panel de renderizado, elegiremos
renderizarlo en el formato H 0.264 de alta calidad, que es un MP four de alta calidad Vamos a elegir
renderizarlo en nuestra carpeta de renderizado. Vamos a asegurarnos de que
el nombre es bueno. Haga clic en Guardar y
luego haga clic en Render. Esperemos unos momentos. Bien, ahora veamos qué
tenemos. Se ve genial. Como siempre, puedes
subir este video a tus
canales de redes sociales o
mostrarlo en tu
sitio web de portafolio y por supuesto, usar esta animación para
tus próximos proyectos. Si estás disfrutando del curso, agradecería mucho que pudieras calificar este
curso en función tu experiencia y dejar comentarios para que sepa
si aprendes algo
interesante o no. Bien, ahora volvamos al
proyecto y organicémoslo. Antes de cerrarlo, vamos a crear una carpeta
llamada Pre comps Asegúrese de que no
seleccionamos nada y cree otra
carpeta llamada Assets. Arrastre la paleta de colores
y la carpeta de sólidos a ella y a la carpeta
precomps Arrastremos la
precomp que creamos, etiquetemos la composición principal en azul y presionemos el control
S para guardar el proyecto Antes de cerrarlo, genial,
espero que lo hayan disfrutado. Nos volveremos a encontrar en
la siguiente lección. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. Levántate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
25. Sección 6: Animación de texto isométrica con cámara: Bienvenido de nuevo. En esta lección, vamos a sumergirnos en hacer algunas animaciones geniales de
texto en tres D Para facilitar aún más las cosas, Estaremos instalando un
script gratuito para efectos posteriores. Eso es súper práctico para
trabajar con puntos de anclaje. Esta lección se
divide en tres partes. primero es lo primero,
diseñaremos y animaremos el primer
objeto de la escena Después convertiremos
todo en tres D y aprenderemos a navegar en
el espacio tridimensional. A continuación, instalaremos
un script gratuito para ayudarnos a organizar
todo a la perfección. Una vez que tengamos eso
bajo control, completaremos
el diseño de la escena usando el guión. Después de eso,
aprenderemos a crear una cámara isométrica y animar la escena
usando una sola capa Finalmente, agregaremos
algunos diseños más a la escena y mejoraremos el aspecto
general y la animación. Luego
exportaremos todo como un elegante archivo NP four listo para compartir en las redes sociales
y tu portafolio. Y luego
arreglaremos el proyecto. Antes de que terminemos,
va a ser increíble. Entonces comencemos.
26. Sección 6, parte 1: Vamos a abrir el software after
effects. Podemos cerrar esta ventana y para que todos veamos los mismos arreglos de
panel. Vamos a hacer clic en Default. Ahora vamos a crear nuestra
primera composición. Le nombraremos animación de
texto seis. Ahora vamos a Three D Renderer y
asegurarnos de seleccionar tres D Classic Bien, ahora volvamos a lo básico y establecemos el
tamaño en Full HD. La velocidad de fotogramas a 24, la duración a 10 segundos y el fondo a negro. Ahora vamos a importar la
paleta de colores al proyecto. Haga doble clic en el
área gris en el panel del proyecto. Encuentra la carpeta que creaste para la lección e ingresa a
la carpeta Activos. Seleccione la paleta de colores
y haga clic en Importar. Bien, ahora podemos guardar el
proyecto y darle un nombre. Encontremos la carpeta que
creamos para la lección. Ingresa a la carpeta. Seleccione este proyecto
para copiar el nombre, cámbielo a seis
y haga clic en Guardar. Vamos a configurar la pantalla de vista previa para que encaje y comencemos a
crear la escena. Primero, vamos a crear el texto. Seleccione la herramienta de texto
y escriba paso a paso. Ahora haga doble clic en el
texto para seleccionarlo todo. Ahora ve a Párrafo y alinea
el texto al centro. Asegúrese de que la dirección de escritura
sea de izquierda a derecha. Ahora ve a Carácter
y cambia la fuente a una de las fuentes de inicio
llamada Bells Story. Ahora cambia el estilo
para mostrar negrita. Cambiemos el tamaño de
fuente a 160. Ahora vamos a Alinear. Y alinear el texto al
centro de la composición. Haga clic aquí y aquí. Ahora para centrar el punto de
anclaje de la capa, presione control Alt Inicio. Ahora para crear la primera
parte de las escaleras, necesitamos anidar este texto
en un pre comp para que
podamos ajustar su tamaño y
diseñarlo como queramos. Selecciona la capa y
presiona control shift C, el nombre ya es bueno. Simplemente haga clic en. Bien,
entremos a la pre comp. Ahora cambiemos el tamaño de
esta composición al tamaño del texto Para ello, necesitamos acceder a
los ajustes de composición. Presiona control K. Ahora cambiemos el ancho hasta que
obtengamos el tamaño que queremos. Creo que mil 200 es lo suficientemente bueno. Ahora ajustemos la
altura para ver los cambios. No olvides seleccionar Vista previa. Creo que 200 van a ser buenos. Una vez que hayamos terminado con
eso, hagamos clic en Bien. Ahora necesitamos
crear un fondo. Seleccionemos la paleta de colores para que podamos ver los colores. Hagamos clic aquí y presionemos
control para crear el sólido. Coloreemos la prensa sólida
y rosa. Bien, y baja esta capa. Seleccione el texto y cambie su color a un
color brillante de la paleta. Ahora hagamos que el texto se mueva
constantemente hacia arriba. Podemos hacer esto con un
efecto llamado mosaico de movimiento. Vamos a efectos y presets. Si no ves este panel, lo puedes encontrar en ventana. Bien, vamos a hacer un movimiento apretado aquí. Entonces podemos arrastrar este
efecto a nuestro texto. Ahora podemos ver el efecto en controles de
efecto para
aquellos que no pueden ver este panel. La puedes encontrar debajo de la ventana. Bien, para que el texto se mueva, tenemos que animar
este parámetro primero es lo primero,
asegurémonos de que estamos comenzando por
el inicio de la composición y consigamos configurar
ese primer fotograma clave con el texto en su spot original Ahora para ver el marco clave que
creamos, acaba de llegar al Reino Unido. Después pasar al final
de la composición y deslizar ese parámetro en la dirección que
queríamos ir. 900 se ve bien. Lo importante aquí es
encontrar un punto donde el texto se posicione en el
mismo lugar que en el primer fotograma clave De esta manera crearemos un bucle perfecto Para estar
seguros podemos presionar la tecla de apóstrofo
para abrir la cuadrícula y ver cómo se
posiciona el texto relativo a ella Por ejemplo, veo que esta parte de la carta
se encuentra aquí. Ahora vamos al
último fotograma clave y confirmemos que la misma parte está
exactamente en el mismo lugar. Excelente, ahora
veamos cómo se ve. Nuestro enfoque principal tiene que estar en la parte cuando la animación
termina y comienza de nuevo. Esta parte necesita
estar limpia sin cortes ni saltos en algunos marcos. Perfecto la animación comienza de
nuevo sin problemas, lo que significa que
creamos un loop perfecto. Con eso, hemos terminado crear la primera
parte de las escaleras. Tendremos
eventualmente. Ahora vamos a crear las
partes del resto de las escaleras. Podemos cerrar la capa y volver a la composición principal. Aquí podemos ver el pre comp que es la primera
parte de las escaleras. Antes de pasar a la siguiente parte, volvamos al panel
del proyecto, cerremos los efectos y
pasemos a la siguiente parte, donde comenzamos a construir el resto de las
partes de las escaleras.
27. Sección 6, parte 2: Bien, entonces primero
etiquetemos esta capa en rojo. Nos ayudará en un
futuro próximo a navegar y organizar las otras partes de las escaleras que
vamos a crear pronto. Bien, ahora necesitamos
duplicar esta capa. Así que vamos a presionar control
D. Ahora necesitamos
colocarlo exactamente encima de la primera capa para hacer esto con mayor precisión. No es suficiente simplemente
sostener la tecla porque necesitamos que se
acurruquen muy juntos Para ello, podemos
activar el chasquido. Si no lo ve, asegúrese que está trabajando con
la herramienta de selección. Ahora hagamos clic aquí y
habilitemos también estas dos funciones. Tan pronto como arrastremos
esta capa, se acoplará fácilmente a
la capa debajo de ella. Tenemos que agarrar la capa
de su parte inferior. De esa manera ayudamos a que los efectos posteriores comprendan qué parte
queremos acercar y conectar. Bien, ahora volvamos a duplicar esta pre comp y arrastremos
el duplicado hacia abajo. Lo arrastraremos hasta que ambas capas estén conectadas entre
sí así. Ahora vamos a seleccionar
nuestros dos duplicados y
etiquetarlos con un color
diferente al de la
parte media de las escaleras Vamos a traer
esta capa aquí abajo para que tengamos el mismo
orden que en la escena. decir, la
parte media está en el centro, la parte superior está arriba, y la parte inferior está aquí abajo. Bien, ahora vamos a duplicar
la parte superior y moverla hacia arriba hasta que se alinee con
precisión con
la parte debajo de ella Ahora dupliquemos
la parte inferior y bajemos hasta que se alinee
con la parte de arriba. Ahora para convertir todas
estas partes en las escaleras, necesitamos convertir estas
capas en tres capas D. Podemos hacer esto haciendo clic
en el icono que se encuentra aquí. Si no ve este
icono, puede hacer clic aquí. Vamos a convertir todas las
capas en tres capas D. Ahora cambiemos la vista para ver la escena desde un ángulo ligeramente
diferente. Un ángulo que es
más conveniente para
nosotros para ver la escena
en el espacio tres D. Para ello, cambiemos
la vista desde aquí. Para los que no
vean esta área, intente arrastrar el panel
aquí hasta que lo vea. Bien, cambiemos nuestra
vista a una vista personalizada. Ahora podemos ver la escena desde
un ángulo ligeramente diferente. Ahora vamos a acercar un poco
y seleccionar esta capa. Y presiona la tecla R para mostrar
el parámetro de rotación. Como puede ver, después de convertir la capa
en una capa de tres D, tenemos eje de
rotación adicional. Rotación en el eje Z, que teníamos antes cuando
la capa era dos D, tenemos rotación en el eje
Y y el eje X. Para crear las escaleras,
cambiaremos la
rotación de este eje. Para mayor comodidad, seleccionemos
esta parte de las escaleras, presionemos y bajemos
la opacidad a 50 De esta manera hemos marcado la parte
central de las escaleras. De esta manera es más fácil
entender lo que estamos haciendo. Ahora cerremos la capa y sigamos
creando las escaleras. Pero como pueden ver,
cuando giro esta parte, en
realidad no crea
la forma de las escaleras. Esto sucede porque esta capa está girando desde su centro. Esto significa que necesitamos mover el punto de anclaje de esta
capa a su parte superior. Podemos hacerlo manualmente
usando la herramienta Punto de Anclaje, o podemos usar un script gratuito y
súper práctico llamado Reposicionar Punto de Ancla Primero
te mostraré cómo funciona y luego lo descargaremos
e instalaremos juntos. Aquí puedo elegir en qué esquina
colocar el punto de anclaje. Esto representa esta esquina, esa representa esa
esquina, y así sucesivamente. En mi caso, necesito este rincón. Por lo tanto me aseguro de
seleccionar la capa correcta. Después selecciono la posición donde quiero mover el punto de anclaje. Y luego presiono reposicionar
para realizar la acción. Ahí vas, el punto de anclaje, salta a la ubicación elegida. Ahora cuando gire esta parte, girará correctamente. Bien, entonces ahora vamos a instalar
el script juntos. Te voy a mostrar cómo hacerlo
tanto en Mac como en Windows. Lo cerraré por ahora. Presionemos el control como
para salvar el proyecto. Y vamos a cerrarlo. No verá el script después de la
instalación y después de los efectos. Mientras que after effects está abierto, después de la instalación del script, tendrá que volver a abrir
el proyecto de todos modos Por lo que sugiero cerrar
el proyecto ahora y después de la instalación, lo
volveremos a abrir. Pero antes de cerrar el proyecto, no olvides guardarlo. Bien, vamos a
instalar el script. Primero, vaya al sitio web de AE Scripts. Encuentra el enlace en el archivo
PDF ubicado en la carpeta principal del curso
que descargaste de mí. O simplemente escriba scripts en Google
e ingrese a este sitio web. Ahora necesitas
registrarte en el sitio. Ya tengo un
usuario, así que iniciaré sesión, luego buscaré el script, haré clic en él e ingresaré tu precio. Puedes escribir cero o dejar una propina a los creadores
del guión. Después de eso, haz
clic en Agregar al carrito, luego ve a la
cesta de compras aquí arriba. En la cesta de la compra, se
puede ver el producto. Haga clic en Proceder a Checkpoint. Puedes presionar Continuar hasta
llegar a la tercera parte, donde haces clic en Realizar pedido. Ahora ve a mi Descarga y licencia y descarga el script. Elija una carpeta conveniente para usted y extraiga el archivo
ganador o zip. Después de descargar
después de la extracción, puede eliminar el
ganador o el archivo zip. Ahora entra en la carpeta
hasta que veas el archivo JX. Es necesario copiar el archivo JX y pegarlo en la carpeta
after effects En primer lugar,
necesitas saber dónde está instalado
tu software
para los usuarios de Windows. Lo puedes encontrar en los archivos del programa
C Drive. Adobe After Effects
para usuarios de Mac. Abre Finder, ve a Aplicaciones,
Adobe After Effects. En mi caso, instalé todos mis programas de Adobe
en mi controlador D. Por eso no voy
a ir al chofer de C. Bien, y ahora ingresa
los archivos de soporte, Luego desplácese un poco hacia abajo
e ingrese scripts. Ir a scripts I paneles
y pegar el archivo JSX Aquí, podemos cerrar eso Ahora después de instalar el script, volvamos a la
carpeta que creamos para el curso y a la
carpeta AE y abramos nuestro proyecto. Ahora vamos a Ventana, desplácese hacia abajo y seleccione
Reposicionar Punto de Anclaje Podemos arrastrar el panel de script
al área de flujo de trabajo. Ahora vamos a seleccionar esta
parte de las escaleras y seleccionar la posición donde
quieres que se mueva el
punto de anclaje. Después haga clic en Reposicionar
para realizar la acción. Ahora vamos a seleccionar esta capa y elegir posicionar el punto de
anclaje en esta esquina. Vamos a comprobar si funcionó. Abre el parámetro de rotación para esta capa y
gírela sobre el eje x -90
grados en que funcionó, pero como puedes ver, la capa arriba no se mueve con ella Habría sido de mucha ayuda que
se mudaran juntos. Para ello, podemos
vincular esta capa a esta capa usando la entidad
padre y enlace. Ahora cuando rotemos esta capa, la capa de arriba se
moverá junto con ella. Hagamos lo mismo aquí. Vincular esta capa a esta capa. Ahora cuando rotemos esta parte, la parte de abajo se
moverá junto con ella. Bien, vamos a rotar
esta parte -90 grados. También vamos a rotar esta
parte -90 grados. Ahora bien, para que esta
parte gire correctamente,
coloquemos su
punto de anclaje en la esquina correcta. Porque actualmente,
si lo rotamos, rotará desde
su pregunta central. ¿A qué esquina necesitamos mover el punto de anclaje de
esta capa específica? Posicionaremos
el punto
de anclaje de esta capa en
la esquina inferior. Ahora cuando rotemos esta
capa sobre el eje X, ésta girará como lo necesitemos. Esta vez
escribiremos 90 grados. Ahora vamos a seleccionar esta capa. Presione son para abrir el perímetro de
rotación. Y también está rotando
desde su centro, que no es lo que queremos. Lo que significa que necesitamos mover su punto de anclaje
a la esquina superior. Hagámoslo ahora. Cambie la rotación en
el eje x a 90 grados. Ahora vamos a cerrar todos los paneles. A continuación, debemos asegurarnos de que todas las partes de las escaleras
roten juntas. Cuando giramos la parte media, esto nos facilitará mover las
escaleras más adelante. Para lograrlo, necesitamos vincular todas las partes de las escaleras
a la parte media. No obstante, dado que esta parte
ya está vinculada a ésta, necesitamos vincular justamente esta parte. Ahora hemos creado
un eslabón de cadena. decir, esta parte
está vinculada a
esa y esa parte está
vinculada a la parte principal. Esto significa que si ahora
giro la parte principal, todas las partes por encima de ella
girarán junto con ella. Ahora hagamos lo mismo para la parte
inferior de las escaleras. Podemos ver que esta capa ya
está vinculada a esta capa. Por lo tanto solo vincularemos
esta capa a la parte principal. Ahora bien, si giramos esta parte, todas las partes de las
escaleras se moverán con ella. Genial. Ahora presionemos el control
S para guardar el proyecto, configuremos la pantalla de vista previa para que encaje y sigamos creando
las partes restantes de las escaleras desde
arriba y abajo. Para ello, seleccionemos estas dos partes y las
dupliquemos usando el control D. Para que los nuevos duplicados queden uno
al lado del otro
aquí en el panel de capas, los
arrastraremos
hacia arriba así Excelente, ahora necesitamos trasladar estas dos
partes a esta zona. Es importante recordar que
debido a que esta parte está
vinculada a esta parte, solo
podemos mover esta parte y la parte de arriba
se moverá con ella. Movamos esta parte a lo largo de
su eje y así. Ahora bien, para posicionar estos
dos componentes con precisión, podemos usar la vista izquierda. Así se
ve nuestra escena desde un lado. Aquí vemos todas nuestras
capas desde un lado, y aquí están las nuevas capas. Vamos a moverlo un poco hacia adelante e intentar colocarlo en la
parte superior de las escaleras. Puedes acercarte un poco más. Presiono aquí para
deseleccionar la capa, Podemos ver que no está
alineada con las escaleras Vamos a moverlo un poco más hacia arriba. Vamos a acercarnos un poco y alinear esta parte correctamente. Eso es mejor. Ahora permanezcamos en esta vista y dupliquemos estas
dos capas inferiores. Vamos a seleccionarlos,
Pulsar Control D, y bajarlos
en el panel de capas. Ahora podemos ver que esta capa
está vinculada a esta capa. Sólo moveremos esta capa y la segunda capa se moverá con ella. Mueva estas partes aquí. Ahora vamos a bajarlos, vamos a acercarnos un poco y colocarlos al lado del
resto de las escaleras. Eso es lo suficientemente bueno. Ahora volvamos a la vista personalizada
y veamos cómo se ve. Giremos esta capa para
ver que todas las partes están enlazadas correctamente. Bien hecho. Ahora volvamos a la vista izquierda y agreguemos
más escaleras a la escena. Para ello, seleccionemos
estas dos capas, Presiona el control D, y
moverlas hacia arriba en el panel de capas. Ahora pasemos sobre esta capa, y la segunda capa
se moverá con ella. Vamos a mover estas partes aquí, vamos a acercarnos un poco, y colocarlas al lado
del resto de las escaleras. Eso es lo suficientemente bueno. Hagamos esto una vez más
para la parte inferior, seleccionemos estas dos capas, presione el control D y
bájelas en el panel de capas. Ahora vamos a acercarnos un poco
y avancemos sobre esta capa. Y la segunda capa
se moverá con ella. Mueve estas partes aquí,
acércate un poco y colócalas
al lado del resto de las escaleras. Se ve bien. Ahora vamos a volver a configurar la
vista previa para que encaje. Pulsa el control S para guardar
el proyecto y
volver a la vista personalizada uno para ver que todo
se ve correcto. Bien, todo se ve genial. Y ahora podemos volver
a la cámara activa, que es el
ángulo original de nuestra escena. Y antes de pasar
a la siguiente parte, seleccionemos esta capa, presionemos T y fijemos la opacidad al 100% Ahora aprendamos a
crear la cámara isométrica Veamos cómo hacerlo.
Nos vemos en la siguiente parte. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu silla, estírate un poco y
hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro
antes de la siguiente lección. Nos vemos ahí.
28. Sección 6, parte 3: Para crear una cámara isométrica, primero necesitamos agregar una
nueva cámara a la escena Para ello, haz clic derecho aquí. Ve a Nuevo y selecciona
Cámara En el tipo de cámara. Elija la
cámara de dos nodos y seleccione 50 milímetros. Entonces pegó bien. En el siguiente paso,
crearemos un nuevo objeto nulo. Haga clic derecho una vez más, vaya a Nuevo y elija
el objeto nulo. Ahora conviértelo en
un Dlayer de tres para que pueda interactuar
con la cámara Después vincula la
cámara al nulo. Ahora abramos la
cámara y
accedamos las opciones de cámara desde
aquí en la sección de zoom. Ingresa 10,000 Ahora
cierra las opciones de cámara y abre las propiedades de
transformación. Ahora cambia la posición a
-10,000 Vamos a cerrar la capa. Ahora vamos a seleccionar el nulo y presionar R para abrir el parámetro de
rotación. Cambia la orientación
a 45 aquí, 35.30 Actualmente, las escaleras no
son visibles según lo previsto Aparecen por detrás para
verlas desde el frente. Cambiemos el valor a
-45 Y ahí lo tienes. Cerremos el nulo, y podremos ver nuestra escena desde un ángulo de cámara isométrica genial A continuación, vamos a crear una ilusión
de sombra para las escaleras. Podemos lograr esto usando el
efecto llamado niveles. Arrastre el efecto a
la capa principal, Cambie el
parámetro blanco de salida a 180. Ahora vamos a copiar el efecto
de esta capa y pegarlo en todas las partes
verticales de las escaleras. Selecciona el efecto
y presiona el control C. Luego selecciona la
parte vertical de las escaleras, y pega el efecto
sobre ellas usando el control V. Vamos a pegarlo en el
resto de las partes verticales. Excelente, Ahora presiona el control
S para guardar el proyecto. Pasemos al siguiente
paso para animar la escena. Para animar esta escena, podemos establecer fotogramas clave
para el objeto nulo Selecciónelo y presione
R. Al girarlo, podemos observar cambios
en el ángulo de la cámara. Esto se debe a que la cámara
está vinculada a este nulo. Es decir, cada
vez que giramos el nulo, esencialmente
estamos
rotando la cámara, creando nuevos ángulos
dentro de la escena. En nuestro caso, crearemos fotogramas
clave tanto para
el eje X como para el eje Y. Decidamos que en el
segundo número dos, el ángulo actual de la cámara
será como está ahora mismo. Vamos a crear fotogramas clave tanto
para el eje X como para el eje Y. Ahora pasemos al inicio de
la línea de tiempo y creemos un ángulo interesante
para la escena. -45 en el eje y se ve bien. A continuación, pongamos el eje x en 35. Perfecto, Eso se ve muy bien. Pasando a la fuerza en segundo lugar, queremos devolver
el ángulo de la cámara a su posición inicial. Para lograrlo, copiemos los dos primeros fotogramas clave usando control C y péguelos en el
lugar del indicador de tiempo actual usando el control V. Por último, acortemos
el área de trabajo a la posición
del indicador de tiempo Cuál es el atajo para acortar el área de flujo de trabajo desde
el final de la línea de tiempo, la posición del indicador de
tiempo Para ello,
presionemos la tecla N. Bien, ahora
veamos cómo
se ve todo . Se ve bien. Por ahora, volveremos a visitar el movimiento de la cámara más tarde para crear un movimiento más
interesante Por ahora, sigamos
diseñando la escena. Por ejemplo, veamos
qué hay que hacer. Si queremos agregar capas de
texto adicionales a esta área, podemos cerrar la capa nula. Ahora vamos a agarrar la
herramienta de texto y escribir algo de texto. Ahora vamos a seleccionar el texto y cambiar la fuente a era Bolt. A continuación iremos a la configuración del
párrafo y alinearemos el texto
en el centro. Ahora volvamos a cambiar a la herramienta de selección y centrar el
punto de anclaje de esta capa. Utilice el control de acceso directo
Alt home para hacer esto. Entonces volvamos a
la configuración del personaje. Si quieres, puedes dar click aquí para hacer todas las
letras mayúsculas No obstante, prefiero
no hacer eso. Bien, ahora coloquemos
este texto aquí al costado. Primero, necesitamos
convertir esta capa en
una capa de tres D para que la cámara pueda referirse
a ella en la escena. Luego presione para abrir
el parámetro de posición. Y mueve esta capa
dentro de la escena. Tráelo aquí abajo y
muévalo más cerca de esta zona. También puedes moverlo desde
los manejadores de la capa. Ahora presione para que aparezca el parámetro de
rotación y gire esta capa alrededor
del eje y 90 grados. Vamos a moverlo un poco aquí y ver cómo se ve con la animación de la
cámara. Para asegurarnos de que hemos colocado el texto justo
al lado de las escaleras, podemos ver la escena
desde la vista frontal. Seleccionemos el texto, acercamos un poco y
lo movemos justo cerca de la
línea de las escaleras. Eso se ve
bastante bien. Ahora volvamos a la cámara activa, que es la cámara que tenemos en la escena y continuemos
diseñando la escena. Podemos mover esta capa de texto hacia arriba para que podamos agregar
más texto a la escena. Mover las capas en
el espacio de tres D puede ayudarle a memorizar las
diferentes direcciones de los ejes Ahora vamos a duplicar esta capa, bajarla y
colocarla junto a esta esquina. Cambiemos la palabra a movimiento. Presiona el control Enter para salir
del modo de edición de texto. Y para poder
mover la capa, presiona V para volver a cambiar
a la herramienta de selección, colocemos la capa al
lado de esta esquina. Vamos a mover esta capa
un poco hacia la izquierda. A continuación, dupliquemos
esta capa y bajemos y cambiemos
la palabra a diseño. Ahora vuelve a la herramienta de
selección y coloca la capa
junto a esta esquina. Ahora vamos a seleccionar
todas estas capas, presionar S para abrir
el parámetro de escala. Ahora escalarlos un poco. Digamos 115% Eso
debería ser suficiente. Ahora movamos estas capas ligeramente hacia un lado así. Ajuste la pantalla de vista previa para que encaje y vea cómo se ve con
el movimiento de la cámara. Como puede ver, no podemos
ver una parte de esta palabra. Cerremos todas las
capas y ajustemos un poco
el movimiento de la cámara para que podamos ver toda la palabra. Para ello,
seleccionaremos el nulo y agregaremos una animación de posición a
su rotación existente. Animación presione para ver
el parámetro de posición. En este punto en el tiempo, quiero que la cámara
esté como está ahora mismo. Por lo tanto, voy a crear un fotograma clave con
el valor actual. Ahora pasemos al
segundo número dos, que es cuando la
cámara gira. Y cambiemos el valor del parámetro
de posición hasta que
lleguemos a un ángulo agradable. Asegúrate de no
llegar al final de las escaleras cuando
cambies el valor. Bien, eso se ve bien. Ahora pasemos a
la por un segundo, que es el final
de nuestra animación. Y llevar la
posición de la cámara a su estado inicial. Para ello, copiemos el primer fotograma clave
y péguelo aquí. Ahora vamos a mejorar
la animación de
los movimientos de la cámara convirtiendo todos los fotogramas
clave a as. Para ver todos los
fotogramas clave de esta capa, presione una vez y
luego una vez más. De esta manera podemos ver
todos los fotogramas clave. Ahora para convertir todos los fotogramas
clave a Z's, seleccione todos los
fotogramas clave y presione nueve. Veamos cómo se ve ahora. Bien, eso se ve un poco mejor. Ahora vamos a mejorarlo aún más. Seleccione solo los fotogramas clave
para el parámetro de posición. Ahora mantenga presionada la tecla Alt y haga clic en uno de
los fotogramas clave dos veces. Cambie la
velocidad del fotograma clave a 90 por 90. Pulsa Enter, y vamos a
verlo una vez más. Se está volviendo más interesante. Bien, ahora vamos a seleccionar fotogramas clave para
el eje de rotación X. Mantenga presionada la tecla Alt
y haga clic en uno de los fotogramas clave
dos veces aquí también. Cambiemos la
velocidad del fotograma clave a 90 por 90. Veamos cómo se ve. Creo que la moción se ve
más interesante de esa manera. A continuación, seleccionemos los
fotogramas clave para el eje de rotación Y. Mantenga presionada la tecla alt y haga clic en uno de los fotogramas
clave dos veces. Pero aquí cambiemos la velocidad del
fotograma clave a 70 por 70. Y veamos cómo se ve. Creo que se ve genial. Ahora vamos a crear el
muro para nuestras escaleras. Sin embargo, no necesitamos usar tres
capas D
adicionales para esto. Simplemente podemos crear
la ilusión de un muro. Veamos cómo hacerlo primero. Vamos a crear un nuevo sólido
usando el control de acceso directo. ¿Por qué
cambiar el color al rosa oscuro
que tenemos aquí? Vamos a oscurecerlo un poco
más, algo así. Ahora vamos a presionar
bien, aquí y aquí. A continuación, coloquemos
esta capa debajo todas las capas y movamos el sólido al
lugar correcto para esto. Detengámonos en este punto en tiempo donde vemos
las escaleras de enfrente. Ahora mueve el sólido al
centro de la composición. Podemos presionar la tecla de
apóstrofo para mostrar la cuadrícula para ver el
centro de la composición Ahora vamos a mover el sólido aquí, mientras se mantiene pulsada
la tecla Mayús. Veamos cómo se ve eso. Avanzar en el
tiempo hasta el punto donde podamos ver las
escaleras desde una vista lateral. Tenemos que verificar si hemos trasladado el sólido
al lugar correcto. Parece que lo hemos
movido demasiado. Vamos a mover el sólido
ligeramente hacia la derecha. Se ve genial. Ahora vamos a mejorar el aspecto general
creando una ilusión de que la pared desaparece cuando
vemos las escaleras de
enfrente y reaparece cuando
vemos las escaleras desde un lado Vamos al punto en el tiempo donde podamos ver las
escaleras desde un costado. Ahora seleccione el sólido
que representa el muro y presione para acceder
al parámetro de opacidad Vamos a establecer un fotograma clave
para la opacidad en este
momento con un valor de 100% Ahora vamos al inicio de
la animación y
cambiemos
el valor de opacidad a cero Al final de la animación, volveremos a establecer el
valor de opacidad en cero Entonces convertiremos
estos fotogramas clave a ZE's usando el atajo F nine Ahora manteniendo pulsada la tecla alt y haciendo doble clic
en uno de los fotogramas clave, podemos ajustar la velocidad. En este caso, estableceremos
la velocidad en 90 por 90, coincidiendo con la
velocidad de rotación del eje x del objeto nulo. Presiona Enter y veamos
la animación para
asegurarnos de que se vea bien. A mí me encanta. Ahora vamos a crear
un fondo para la escena. Vaya al panel de proyecto
y seleccione la paleta. Ahora presione control,
por qué crear un nuevo sólido y elegir este color. Después coloca esta capa
debajo de todas las capas. Veo que por alguna razón
no elegí el color correcto. Traigo la paleta de colores
a la composición. Ahora para cambiar el color, seleccionaré el sólido
y presionaré control shift Y. Voy a elegir el color una vez más y quitaré la
paleta de la estafa. Ahora quiero asegurar que
los colores que elegí antes
para el fondo, para las partes de las
escaleras, fueran correctos. Seleccionaré el control de prensa
sólida, desplazaré Y y cambiaré rápidamente
el color al correcto. No tienes que hacer eso si
obtienes los colores que deseas. Bien, ahora seleccionemos las tres capas de texto y
cambiemos su color a amarillo. Una vez hecho esto, la animación
está lista para renderizar. Pero antes de renderizar
la animación, vamos a golpear la
clave del apóstrofo para ocultar la cuadrícula Ahora vamos a revisarlo una
vez más para asegurarnos de que
todo esté bien. Genial, todo se ve bien. Y estamos listos para
renderizar la escena. Presiona control para
acceder al render que. Elija el formato H 0.264 y seleccione nuestra carpeta de renderizado
como destino de salida Verifica que el nombre sea bueno. Luego haga clic en Guardar y Renderizar. Esperemos unos momentos complete
el
proceso de renderizado. Bien, ahora veamos
el resultado final. La animación se ve excelente. Como siempre, puedes
compartir esta animación en tus plataformas de
redes sociales favoritas. Publícalo en el sitio web de tu
portafolio o úsalo en tus próximos proyectos. Ahora volvamos al
proyecto y organicémoslo. Antes de cerrarlo, vamos a crear una nueva carpeta
para los precomps en
la escena y arrastremos
esta precomp A continuación, cree una carpeta para
los activos del proyecto y arrastre la paleta de colores y
la carpeta de sólidos dentro de ella. Podemos etiquetar la comp principal en azul y presionar el control
S para guardar el proyecto. Con esto,
terminamos la lección. Espero que
lo hayas disfrutado y hayas aprendido valiosas técnicas para
animar en después de los efectos Nos vemos en la siguiente lección. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. Levántate de tu
silla, estírate un poco y hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
29. Sección 7: texto sobre objetos 3D: Hola ahí. En esta lección, nos sumergimos más
en el mundo de la tipografía en el espacio
tridimensional Crearemos una animación
súper genial que es perfecta para la resolución de
la pantalla del teléfono. La lección se
divide en tres partes. Primero, comenzaremos
diseñando la escena y revisando el renderer Four D de
cine A continuación,
animaremos la escena, haremos una nueva cámara con un ángulo
más interesante, renderizaremos la animación y
organizaremos todo Finalmente, aprenderemos
a intercambiar el texto
y el diseño en la escena sin
estropear la animación Va a ser increíble.
Empecemos.
30. Sección 7, parte 1: Como siempre, vamos a
almorzar
juntos después de los efectos , cerrar esta ventana. Y para ver los
mismos arreglos de panel, hagamos clic en Default. Ahora vamos a crear una
nueva composición. Lo llamaremos
animación de texto siete. Para este proyecto, estaremos utilizando un formato de pantalla móvil de 1,920 píxeles de alto
y 1080 píxeles de ancho, con 24 fotogramas por segundo La composición durará
10 segundos y
cambiaremos el fondo a
negro después de hacer clic. Bien, vaya al Renderer
Three D y seleccione Cinema Four D
Renderer para este proyecto El motivo de esto se
explicará más adelante. Ahora vamos a configurar la pantalla de
previsualización para que
quepa para que podamos
ver toda la escena. A continuación, importemos la
paleta de colores al proyecto. Haga doble clic en el
área gris en el panel del proyecto, seleccione la paleta de colores
y haga clic en Importar. Bien, lo primero es lo primero, escojamos la herramienta de texto
y escribamos animados. Ahora selecciona el texto, y vamos a cambiar
el color a blanco. Después establece el tamaño en 100. Y cambiar el Fanta Ezra Bold. Queremos asegurarnos de que esté perfectamente centrado
y alineado a la izquierda. Pasemos a la configuración del
párrafo. Para centrar la capa
en la composición, usaremos la herramienta alineada
y haremos clic aquí y aquí. Y por último, para conseguir que el
punto de anclaje esté perfectamente centrado, basta con pulsar Control Alt Inicio. Ahora vamos a seleccionar la herramienta
rectángulo y crear el rectángulo que
debería estar detrás del texto. Antes de hacer eso,
necesitamos
asegurarnos de que no tenemos seleccionada la capa de
texto. Porque si creamos
el rectángulo, mientras se selecciona la
capa de texto, se creará
una máscara, y eso no es lo que queremos. Asegurémonos de que no haya ninguna capa seleccionada y creemos
el rectángulo. Vamos a crearlo con un tamaño
aproximado como este. Ahora abre el rectángulo y
su trayectoria desbloquea el tamaño. Ingrese mediciones precisas. Aquí, no hay una
razón real para esto. Solo quería mostrarte cómo
cambiar el tamaño del
rectángulo correctamente. Bien, ahora volvamos a bloquear
el tamaño, cerrarlo y colorear el rectángulo con el
color naranja de la paleta. Ahora coloquemos esta
capa debajo del texto y cambiemos el color del texto al color
oscuro de la paleta. Ahora volvamos a
la herramienta de selección. Vuelva a ajustar la pantalla para que se ajuste
y precomponga estas capas. Seleccione las capas y
presione el control Shift C. Llamemos a esto pre
comp, text comp one. Asegúrese de que ambas casillas estén seleccionadas y haga clic en Bien. Ahora aprendamos a convertir esta forma en un objeto
real de tres D. Vamos a entrar en esta pre
comp y convertir estas dos capas
en tres capas. Pero antes,
agrandemos este panel y acerquemos un poco para que podamos
ver mejor lo que estamos haciendo. Ahora da click aquí para convertir estas capas en
tres capas. Asegúrese de que su renderer
esté configurado en cine cuatro D. Ahora para ver lo que estamos haciendo, cambiemos la vista
a vista personalizada uno Si nos acercamos un poco más
para ver el texto de cerca, podemos ver algo
raro en el texto. Sucede porque
la capa de texto y la capa rectangular
se superponen entre sí. Para evitar esto, seleccione el texto. Presione P para mostrar el parámetro de posición y mover la capa de texto sobre su eje. Para separarlo
del rectángulo, no
necesitamos
moverlo demasiado lejos. Simplemente ingrese menos uno aquí. Gran problema resuelto. Ahora vamos a convertir esta forma
en un objeto real de tres D. Para ello, necesitamos
abrir esta capa y acceder a la propiedad
llamada Opciones de geometría. Aquí encontraremos una propiedad
llamada Profundidad de Extrusión. Configúrelo a 100. Y
ahí lo tienes. Pero como puedes ver, sus lados tienen el mismo color
que el rectángulo. Aprendamos a cambiar
el color de los lados. Primero, seleccionemos la paleta
de colores para que podamos ver los colores.
Esto se puede cerrar. Ahora a continuación necesitamos abrir los contenidos y
seleccionar Rectángulo Uno. Ahora vamos a hacer clic en la
flecha pequeña junto a la palabra anuncio. Navegaremos a un lado
y elegiremos el color. Ahora podemos probar el
color brillante de la paleta. También coloquemos la
parte trasera de este rectángulo. Para ver la parte trasera, podemos cambiar la vista hacia atrás. De esta manera veremos nuestra
escena por detrás. Bien, como antes,
seleccionemos Rectángulo. Uno, haga clic en la flecha pequeña, y esta vez elija de nuevo. A continuación, seleccione el color. Escojamos el
color rosa esta vez. Ahora vamos a cerrar esta capa
y crear el texto que se
colocará aquí en la parte posterior de
esta forma de tres D. Para lograrlo,
dupliquemos el
texto existente en la composición. Ahora presiona P y mueve
esta capa sobre su eje. Me di cuenta de que estaba
moviendo la capa en la dirección equivocada porque
todavía no podía verla. Vamos a moverlo en sentido
contrario. Y ahora vemos la capa. Ahora cambiemos la vista a arriba para averiguar dónde
colocar esta capa. Lo podemos ver aquí.
Desde este ángulo, podemos ver exactamente hasta
qué punto moverlo. Ahora debemos apuntar a posicionarlo muy cerca de la parte posterior
del rectángulo a un valor de 100 porque
el grosor
del rectángulo se estableció en
100 en la propiedad de
profundidad de extrusión. Pero no queremos que el texto se asiente directamente sobre el rectángulo. En su lugar escribiremos 101. Ahora que hemos ajustado
el posicionamiento, podemos ver que el texto encaja perfectamente cuando se
ve desde atrás. Para completar el proceso, solo
necesitamos voltear la capa horizontalmente haciendo clic derecho, seleccionando transformar y
eligiendo voltear horizontal. Genial, cerremos la capa
y volvamos al V uno personalizado. Ahora presta atención cuando
rotemos el rectángulo, el texto que tenemos en esta
escena se mantendrá en su lugar. Pregunta, ¿sabes
cómo asegurarte el texto permanezca sincronizado con el objeto tres D
cuando se mueve Para ello necesitamos usar la función
parent y link. Seleccionemos estas dos capas
y las vinculemos a la capa
rectangular. Ahora selecciona el rectángulo y presiona R y comprueba que
todo esté funcionando correctamente. Ahora todo lo que tenemos que hacer es
centrar el punto
de anclaje del rectángulo para que gire desde su centro de masa. Actualmente, el punto de anclaje está efectivamente centrado en
el centro de la capa. Pero debido a que nuestro rectángulo es ahora una capa de tres D que tiene volumen, necesitamos centrar
el punto de anclaje acuerdo a su volumen. Déjame mostrarte a lo que me refiero. Volvamos a ponerla a cero. Pongamos la vista a arriba para
ver la escena desde arriba. Desde aquí podemos ver que el punto de anclaje no está centrado en el centro
del rectángulo. Seleccionemos la herramienta de
punto de anclaje porque el tamaño
de profundidad de extrusión del rectángulo es 100. Vamos a mover el punto de anclaje
hasta que lo veamos a las 50 aquí, es
decir, exactamente la mitad de 100. Después golpearemos la clave del
apóstrofo para sacar a
colación la grilla y encontrar el
centro de la composición Después de eso, volveremos a la herramienta de selección y moveremos el rectángulo al
centro de la composición. Como pueden ver, ahí está
el centro de esta comp. Muévelo aquí, excelente. Ahora estamos listos para volver
a la cámara activa
y continuar. Ahora vamos a reducir el
tamaño de esta preparación. Como puedes ver, el tamaño de esta pre comp es muy
grande en este momento, lo que significa que hay mucho
espacio innecesario. Presionemos el control K para llegar a los ajustes de composición y reducir el tamaño para que
coincida con el rectángulo. Entonces vamos a reducirlo hasta que
obtengamos el tamaño correcto. Aquí en ancho, escribiremos 900. Y aquí en altura,
probemos 200. A lo mejor 300, creo que 250
es la mejor opción. Eso es mejor. Presionemos bien. Ahora presionemos
la tecla del apóstrofo para ocultar la grilla y continuar Cambiemos la vista
a atrás para poder
ver aquí la parte posterior del
rectángulo. Cambiaremos el
texto a tipografía. Ahora volvamos a la herramienta de selección y levantemos
ligeramente esta capa. Excelente, ahora volvamos a
cambiar a cámara
activa y elevar
esta capa de texto también. Selecciónelo y arrástrelo
hacia arriba desde el eje y. Bien, ya terminamos
con el diseño. Volvamos a la composición
principal. Apaga el fondo. Ahora vamos a duplicar
esta pre comp. Antes de eso, fijemos
la vista previa para que encaje. Ahora bajemos la capa. Puedes presionar la tecla
apóstrofo para ver la posición de la cuadrícula,
esta capa aquí Ahora vamos a seleccionarlo y presionar el
control D para duplicarlo. A continuación, movamos
esta capa aquí. Debido a que la
función de ajuste está habilitada, no
puedo colocar esta
capa exactamente donde quiero. Voy a apagarlo. Ahora coloquemos esta capa directamente encima de la anterior. Se puede mover con las
flechas en el teclado. Ahora, presiona la
tecla apóstrofo para ocultar la cuadrícula. Realmente no nos está
ayudando, por ahora. Duplicemos esta capa y moverla por encima
de la anterior. Hagamos esto algunas veces
hasta llegar a la cima. Bien, entonces ahora podemos
mostrar la grilla. Ahora vamos a seleccionar
todas las capas y moverlas hacia abajo mientras
mantenemos presionada la tecla Mayús. Coloquemos las capas en el centro de
la composición. Genial, ahora estamos listos para pasar a la siguiente parte
y animar la escena Pero antes de seguir adelante,
quería avisarles
sobre algo importante. Olvidamos guardar el proyecto cuando empezamos a
trabajar en él por primera vez. Eso podría ser un problema
si el software falla, lo que sucede mucho
con los efectos posteriores. Y entonces tenemos que
empezar de cero. Para evitar esto, te
recomiendo que guardes tu proyecto justo después de
crear la primera composición, porque de esa manera activamos
la función de guardado automático Bien,
pulsemos control ahora, encuentre la carpeta para esta lección. Ingresemos a la carpeta AE, seleccionemos este proyecto y reemplacemos la extensión
por siete. Una vez que hayas hecho
esto, presiona
guardar y sigue trabajando en tu escena
sin ninguna preocupación. Ahora podemos pasar
a la siguiente parte para animar la escena.
Nos vemos ahí.
31. Sección 7, parte 2: Bien, así que comencemos
a animar esta escena. Vamos a entrar en la pre
comp que creamos. Seleccione el rectángulo y presione R para ver el parámetro de
rotación. Ahora vamos a animar la rotación del rectángulo sobre el eje y Al inicio
de la animación, crearemos un fotograma clave
con un valor de cero. Ahora pasemos
al segundo número dos y cambiemos el valor a -180 grados para que en este punto podamos ver la
palabra detrás del rectángulo Ahora pasemos al
segundo número cuatro y cambiemos el valor hasta
completar una rotación completa. Aquí debería ser cero y
aquí deberías ver menos uno. Veamos cómo resultó. Ahora hagamos esta animación
un poco más interesante. Convierta los fotogramas clave
como E, mantenga presionada la
tecla Alt y haga
doble clic en uno
de los fotogramas clave Cambiar la influencia a 85%
en 85% y ver cómo se ve. Ahora se ve genial. Ahora hagamos que esta animación se
reproduzca en un bucle infinito. Lo haremos usando una
expresión para esto. Pasaremos el cursor sobre el
icono del cronómetro de este parámetro. Mantenga pulsada la tecla alt
y haga clic en el cronómetro Una vez. Ahora vamos a dar
clic en la flecha pequeña, ir a Propiedad, y
seleccionar esta expresión. Ahora da clic aquí para
finalizar la acción. Ahora incluso después de que terminen los fotogramas
clave, la animación que creamos se
repetirá sin cesar Bien, ahora volvamos a nuestra composición principal y veamos
cómo se ve la animación. Como pueden ver,
sí podemos ver la rotación, pero algo extraño está
sucediendo en esta parte. Para solucionar esto, necesitamos aplicar la función collapse
a todas las capas. Para aquellos que no vean el
icono, pueden hacer clic aquí. Ahora activemos la función
para todas las capas que hay ahí. Hemos solucionado el problema. Como puedes ver, la
reproducción de vista previa es muy lenta. Para acelerar esto,
cambiemos la calidad de la vista previa a trimestre. Genial, Ahora necesitamos
crear un desplazamiento para las capas para que cada capa gire
una tras otra. Para ello, podemos utilizar el
plug in que instalamos en las lecciones anteriores llamado
Juice Tools Shifter Si cierras este panel
y no lo ves, lo puedes encontrar en ventana. Voy a liberar este panel
del área de flujo de trabajo para que sea más conveniente
para nosotros trabajar. Ahora con todas nuestras
capas seleccionadas. Veamos cómo se verá la
animación si elegimos aplicar el
desplazamiento a esta forma. Esta vez
lo pondremos en dos fotogramas. Es decir, la distancia entre cada capa será de dos fotogramas. Ahora vamos a presionar tambalearse. Como puedes ver, debido
al desplazamiento de las capas, no
vemos estas capas en los primeros segundos
de la animación. Aprendamos a solucionar esto. Pero primero, llevemos este panel de vuelta al área
de flujo de trabajo. No la cierres por ahora, porque
volveremos a ella en breve. Ahora vamos a pararnos en un punto donde ya
vemos todas las capas. Acortemos el área de trabajo
hasta aquí usando la llave, encendamos el fondo para ver un poco mejor la escena Ahora hagamos que la escena se vea más interesante con
la ayuda de una cámara. Para esto, hagamos clic
derecho aquí, vaya a Nuevo y
seleccione Cámara Aquí. Esta vez elegiremos una
cámara de nodo, seleccionemos 15
milímetros y golpeemos Bien. Ahora coloquemos la cámara donde podamos ver
la escena correctamente. Para eso, trabajemos
con dos puntos de vista. En esta vista,
vemos nuestra escena desde un ángulo superior, es decir, desde arriba. Si no ve la escena
desde arriba en esta vista, haga clic aquí para
seleccionar esta vista. Puedes asegurarte de haber seleccionado esta vista con este marco azul. Bien, y ahora establece
esta vista en la cima. En esta vista, vemos lo que ve la
cámara desde esta vista. Vemos la
escena de todo desde arriba. Bien, ahora vamos a
seleccionar la cámara, presionar P y moverla hacia atrás cambiando el
valor del eje Z. Vamos a moverlo hasta que veamos que todas las capas están dentro de
los límites de la escena. Movamos el
indicador de tiempo para ver qué sucede al
inicio de la animación. Veo que en este punto el objeto
sale del marco. Vamos a mover la cámara
un poco más atrás. Esto es mucho mejor. Bien, ahora que hemos
posicionado la cámara, volvamos a trabajar con una vista y crear un
fondo para la escena. Para este control de prensa y, cambie el color de fondo a un color oscuro de
la prensa de paleta. Bien, y coloca la capa sólida debajo de todas las demás capas. Ahora veamos la
animación que creamos. Sea paciente y dé tiempo después de los efectos para
renderizar la vista previa. Como puede ver, las capas comienzan a rotar desde
la capa inferior Eso es lo que indicamos cuando creamos el offset
usando el plug in. Ahora quiero invertir el
orden de la animación. Es decir, el desplazamiento debe
comenzar desde la capa superior. Esto es algo
que te puede
pasar frecuentemente
durante el proceso. Creamos un desplazamiento específico
y luego queremos revertirlo. Es importante
saber cómo hacerlo. Para ello, vamos a seleccionar todas las capas y alinearlas nuevo al inicio
de la línea de tiempo. Asegúrese de que el indicador de tiempo esté al comienzo
de la animación. Y ahora presiona la tecla del soporte
izquierdo. Esto alinea todas las capas con la posición del indicador de
tiempo Bien, ahora antes de
usar el plug in, una vez más, vamos a configurar la pantalla de vista previa para que se ajuste
a ver todas las capas. Genial. Ahora selecciona todas
las capas una vez más. Y volvamos a abrir el
enchufe. Vamos a adjuntarlo aquí,
podemos redimensionarlo un poco. Ahora vamos a elegir
este arreglo. Dos marcos es bueno. Ahora vamos a hacer clic en Stagger. Veamos la animación. Ahora eso es mejor. Bien, y ahora podemos
cerrar el enchufe. También vamos a reducir esta área. Ahora vamos a guardar el proyecto. Antes de seguir adelante, presione control S. Ahora hagamos algunos
ajustes al diseño. Creo que el texto
aquí es demasiado grande. Volvamos a la composición del
texto. Seleccione esta capa de texto, presione S y reduzca un poco
su tamaño. Escribamos -80 menos, porque volteamos esta capa
horizontalmente en el pasado También redujamos el
tamaño del texto frontal. Seleccione esta capa, presione y
reduzca también a 80. Por cierto, no tienes que
usar las palabras que escribí. Puedes cambiar la palabra, fuente y los colores a tu gusto. Bien, volvamos a la composición principal
y veamos cómo se ve. Creo que así se ve
mejor. Ahora vamos a crear un bucle para nuestra animación antes de
renderizarla. Primero, vamos a capturar el primer
fotograma en esta animación. Nos pararemos al inicio del área
de trabajo y pincharemos aquí. Ahora vamos a avanzar unos segundos en el tiempo e
intentar comparar los fotogramas. Estoy completamente fuera de pista.
Vamos a probar este marco. Nos estamos acercando.
Vamos a intentarlo aquí. Casi ahí. Vamos a
probar este marco. Bien, el punto de tiempo exacto
es de 8 segundos y 22 fotogramas. Acortar el
área de trabajo a este punto. Pulsa N Ahora vamos a
comprobar el final de esta animación e
intentar asegurarnos que cuando empiece de nuevo no
haya saltos. Volvamos a verlo. En mi
opinión, se ve excelente. Estamos listos para
renderizar el proyecto. Para eso, presionemos el control. Elija renderizarlo en el formato H
0.264 de alta calidad. Y seleccione la
carpeta de renderizado para la salida. Asegúrate de que el nombre sea bueno. Haga clic en Guardar y
luego presione Render. Esperemos unos momentos
ahora. Veamos qué tenemos. Se ve genial. Como es habitual, puedes subir este video
en redes sociales, mostrarlo en la web de tu
portafolio, y por supuesto, usar esta
animación para tu próximo proyecto. Bien, ahora
volvamos a nuestro proyecto
y organicémoslo. Antes de aprender
a agregar nuevos pre comps con diferentes diseños y
textos a esta animación, puedes cerrar este panel
y cerrar esta pre comp Vamos al panel del proyecto. Crea una carpeta
llamada pre comps. Arrastre el pre comp
que creamos en él. A continuación, cree otra
carpeta llamada Activos. Y arrastre la paleta de colores y
la carpeta de sólidos dentro de ella. Ahora etiquetemos la
composición principal en azul. Hit Control como para guardar el proyecto y devolver la
calidad al máximo. Ahora estamos listos para pasar a
la siguiente parte para aprender
a lidiar con los cambios
en este proyecto. Te veré en la siguiente.
32. Sección 7, parte 3: Bienvenido de nuevo. Como puedes ver, todos nuestros pre comps están compuestos por el mismo
diseño y texto Veamos qué tenemos que
hacer para crear pre comps con exactamente
la misma animación pero con diferentes
diseños y texto Actualmente, si
ingresamos a esta pre comp y queremos cambiar solo el
color del rectángulo, cambiará en todas las
demás pre comps de la escena Bien, entonces
presionaré el control Z, y veamos cómo
hacerlo de la manera correcta. Primero, necesitamos duplicar esta pre comp a través
del panel del proyecto. Podemos encontrar este pre comp en la carpeta pre comp
que creamos anteriormente, Presione el control D para duplicarlo. Ahora tenemos una nueva precomp con un sufijo dos al
final de su nombre Vamos a entrar en esta precomp. Podemos seleccionar la paleta de colores desde aquí para ver los colores. Ahora cambiemos el color posterior
del rectángulo a azul. A continuación, cerremos la capa y cambiemos este texto
a otra cosa. Haga doble clic en esta capa
y escriba el diseño de la palabra. Ahora pasemos al
inicio de la animación. Para que podamos ver la parte
frontal aquí. Cambiemos el texto
a la palabra movimiento. A continuación, seleccionemos
el rectángulo. Elige la
herramienta rectángulo para ver su color. Cambiarlo de aquí, o
podríamos cambiarlo a través de
la propia capa. Para eso, presionaremos
la tecla U dos veces. De esta manera podemos ver todos los parámetros
que afectan a esta capa, incluido el color
del rectángulo. Bien, cambiemos
el color a blanco, que actualmente es el
color de los lados. Cambiemos también el color
de esta palabra a azul. Coloreemos los lados de naranja. Por último,
cambiemos el color de esta capa de texto a
blanco. Cierra esta capa. Como puedes ver, hicimos varios cambios a la
nueva pre comp que creamos. Ahora volvamos a la composición
principal y veamos cómo podemos integrar la nueva pre comp
en nuestra animación. Pero antes de eso,
volvamos a la herramienta de selección. Hay dos formas de insertar
la nueva comp en nuestra escena. El primero es que podemos
arrastrar el nuevo pre comp
así y luego tratar encontrar un buen lugar para
ello en la escena. De esta manera,
tendremos que realizar todos los cambios que hicimos para el resto de las pre
comps en la escena Puede llevar algún tiempo, o
en lugar de hacer todo eso, simplemente
podemos seleccionar la pre comp que queremos
reemplazar en nuestra escena. Y luego arrastre el nuevo pre comp
sobre él mientras mantiene presionada la tecla Alt. Ahí lo tienes. Hemos
intercambiado rápida y fácilmente entre los pre comps. Bien, también reemplacemos esta pre comp con
la nueva pre comp. Para practicarlo. Una vez más, selecciona la pre comp que
queremos reemplazar en nuestra escena. Ahora vamos a arrastrar el nuevo pre comp sobre él mientras se
mantiene presionada la tecla Alt. Hagámoslo una vez más para la primera pre comp. Eso es. Con esto, hemos
completado la lección. Si estás disfrutando del curso, agradecería mucho que pudieras calificar este
curso en función tu experiencia y dejar comentarios para que sepa si te
pareció interesante o no. Recomiendo ver la
última parte de esta lección, una vez más para entender mejor el tema del intercambio de
precomps Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu silla, estírate un poco y
hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
33. Sección 8: animación de texto 3D: Hola ahí. En esta lección
vamos a aprender a crear una increíble animación de
tres D usando el renderer Cinema four D. Nos centraremos en hacer una animación de texto genial en un camino. Y repasaremos algunas
técnicas esenciales para lidiar con proyectos
complejos para facilitar el seguimiento de
las cosas. Estaremos dividiendo la lección
en tres partes. En la primera parte,
comenzaremos creando el texto inicial y aprenderemos a posicionarlo en un camino cerrado. Luego animaremos el
primer texto y pasaremos a crear el segundo texto mientras lo
posicionamos en un camino abierto En la segunda parte,
crearemos una nueva cámara y ajustaremos las posiciones de la capa para lograr un ángulo más intrigante Después animaremos
el segundo texto. En la tercera parte, crearemos un fondo llamativo
usando algunos efectos simples. Después de eso, renderizaremos nuestra
escena y aprenderemos a hacer cambios en el texto mientras
mantenemos el proyecto organizado. Empecemos y
hagamos algo increíble.
34. Sección 8, parte 1: Vamos a abrir después de los efectos, cerrar esta ventana, Y para asegurarnos de que todos veamos
los mismos diseños de panel, vamos a hacer clic en Predeterminado. Ahora vamos a crear nuestra
primera composición. Le llamaremos
animación de texto ocho. Trabajaremos en formato Full HD, lo que significa 1,920 píxeles de ancho y 1080 píxeles de alto Luego establezca la velocidad de fotogramas
en 24 fotogramas por segundo. La duración de la
composición será 10 segundos y dejaremos
el fondo negro. Ahora ve al
Renderer Three D y cambie el renderer a Cinema
Four D, y haga clic en Bien Bien, ahora vamos a importar la
paleta de colores al proyecto. Haga doble clic en el
área gris en el panel del proyecto, seleccione la paleta de colores
y haga clic en Importar. Ahora vamos a guardar el proyecto
y darle un nombre. Encuentra la carpeta que
creamos para la lección. Ingrese a la carpeta AE. Seleccione este proyecto para copiar su nombre y cambiar
el número a ocho. Después haga clic en Guardar. Vamos a crear el primer texto. Seleccione la herramienta de texto
y escriba tipografía. Ahora haga doble clic en el texto para seleccionarlo y elegir
la fuente Sra Cambiemos el estilo a negro,
el tamaño a 100, el tamaño a 100, coloquemos el texto en blanco
y habilitemos mayúsculas También, vayamos al Párrafo y aseguremos que
el texto esté centrado. Ahora alineemos la capa
al centro de la
composición usando una línea. Haga clic una vez, aquí y aquí. Lo último que haremos es
centrar el punto de anclaje de esta capa usando el control de
acceso directo. Genial, hagamos circular
este texto. Para eso, presionemos mucho la herramienta rectángulo y
escojamos la herramienta elipse Ahora selecciona la capa de texto y
crea una máscara elíptica. Mantenga presionada la tecla Mayús mientras crea la elipse para
hacerla simétrica Ahora presiona la tecla
apóstrofo para mostrar la cuadrícula y vuelve a cambiar
a la herramienta de selección Haga doble clic en la máscara y muévala al centro
de la composición. Necesitamos que el pequeño punto de
anclaje de esta máscara esté ubicado en
el centro de la escena. Excelente,
agrandemos ligeramente este panel, cerremos la máscara
y abramos el texto. Ahora abre las opciones de ruta
del texto y selecciona eso. Su trayectoria sigue
la máscara actual. Ahora para extraer el texto del círculo,
haremos clic aquí. De esta manera el texto se
colocará encima de la máscara. Ahora hagamos que el texto se extienda
por el trazado circular. Podemos hacerlo aumentando
el tamaño de la fuente. Vamos a establecerlo en 200. Ahora establece el
seguimiento de caracteres en 120. Después podemos seleccionar la máscara haciendo doble clic sobre ella y
escalarla simétricamente Para ello, mantendremos las teclas shift y control
y la arrastraremos así. A continuación, centremos
el punto
de anclaje de las letras al centro. Para ello, cerraremos las opciones de ruta y
abriremos más opciones. Como recordarás
en esta sección, podemos ajustar los
puntos de anclaje de las letras. Vamos a moverlos al
centro de las letras. Al ingresar -45 acercaré el
zoom para mostrarle los puntos de anclaje específicos que están representados por estas
pequeñas cruces rojas Bien, ahora que
lo hemos hecho, pasemos a
aprender a rotar las letras como se demuestra
en el ejemplo. Primero, podemos seleccionar
el texto y crear un nuevo animador con un parámetro de
rotación Pero presta atención cuando
cambie los valores aquí, las letras girarán hacia un
lado en lugar de hacia adentro. Presionaré el control
Z para deshacer mis acciones. Por lo tanto,
para que las letras giren hacia adentro en un espacio
tridimensional, primero
necesitamos
transformarlas en tres letras D
a través del animador Seleccionemos eso. Aquí puedes ver que todas las
letras están actualmente en tres D. Ahora podemos crear un nuevo animador con el parámetro de
rotación Ahora tenemos varios ejes
de rotación. Este es el eje para la rotación
lateral, el eje Y para la rotación lateral en un espacio tridimensional Y el eje X para rotación hacia adentro y hacia afuera en un espacio
tridimensional. Animaremos el eje X porque queremos que todas las
letras se muevan juntas No necesitamos usar offset para animar la rotación
como hicimos antes Esta vez animará
el valor directamente. Esto asegura que todas las
letras roten juntas. Asegurémonos de que estamos al
inicio de la línea de tiempo. Y vamos a crear el
primer marco clave aquí. Ahora pasemos al final de
la línea de tiempo y cambiemos el
valor aquí a menos tres. Eso significa tres rotaciones
completas en la dirección hacia afuera Veamos cómo se ve. Trabajar con tres efectos de
texto y posteriores puede ralentizar el tiempo
de reproducción de reproducción. Así que ten paciencia con ello. Esperemos un par de segundos
y veamos una vez más. Bien, se ve bien. Ahora podemos darle un
nombre a nuestro animador. Para ello, cierra el animador, presiona enter sobre él y cambia el nombre a rotación del
animador Presione enter una vez más
para completar la acción. Ahora transformemos
las letras en objetos
tridimensionales con volumen tridimensional
real. Para ello, abriremos las opciones de geometría para ver
mejor lo que estamos haciendo. Cambiemos el ángulo
a una vista personalizada. Acercar un poco. Ahora agreguemos
algo de profundidad a las letras. Desde aquí puedes escribir 50. Ahora agreguemos un poco de
sombreado a las letras. Cerremos las opciones de geometría y abramos las opciones de material. Ampliemos
un poco este panel para que podamos ver
todos los parámetros. Y acercar aún más para ver
de cerca a los personajes. Ahora en metal, derecha, cero. Y reflejar
la intensidad, a la derecha, 50. Y reflejar la nitidez, ¿verdad? Cero. En
decaimiento de reflexión, escribe 100 Ahora podemos ver algunas
sombras en las letras. Particularmente me gustan
las sombras que se crean en las
partes circulares de las letras, como aquí en la letra G. Bien, así que vamos a configurar la pantalla de
vista previa para se ajuste y cierre las opciones de
material. Ahora coloreemos los bordes del texto con un color
diferente. Para ello, seleccionaremos el texto de aquí
en un nuevo animador Ve a lado, luego
colorea y elige RGB. Ahora tomemos el
cuentagotas y probemos el color azul
de la paleta Cambiemos el
color original del texto. Para ello, seleccionaremos la capa de texto y elegiremos
el cuentagotas de aquí Vamos a elegir este color. Ahora vamos a avanzar un poco en la línea de tiempo para que podamos ver la parte posterior del texto. Ahora vamos a colorear la parte posterior del texto con un color
diferente. Para ello, no vamos a
crear un nuevo animador. Seleccionaremos este animador y le
agregaremos un nuevo parámetro. Haga clic en eso, vaya atrás, y luego vaya a Color,
y elija RGB. Coloreemos la parte posterior del
texto con este color azul. Esta vez vamos a entrar en el
color y oscurecerlo un poco. Ahora haz clic en Bien. Ya que terminamos de
diseñar el texto, podemos volver a ver la escena desde el punto de vista
original. Cambiemos la vista
a una cámara activa. Ahora podemos seleccionar este animador, presionar enter y cambiar el
nombre a los colores del animador Bien, cerremos
todos los parámetros de la capa y
veamos cómo se ve. Como puedes ver la
reproducción de vista previa es muy lenta. Cuando trabajamos con el renderer de
cine four D para que sea más fácil
para los efectos posteriores, podemos hacer dos cosas principales Primero, podemos reducir la
calidad de la pantalla de vista previa. Aquí, vamos a seleccionar trimestre. Lo segundo que podemos hacer
es ir a la pestaña de vista previa. Para quienes no
vean este panel, lo pueden encontrar debajo de la ventana. Para usar la pestaña de vista previa, necesitamos seleccionar el panel de
composiciones. Queremos hacer cambios. Aquí podemos pedir a after effects que
no renderizen todos los
fotogramas de nuestra animación. Podemos decirle que se salte
cada segundo fotograma. Esto significa que
ahora después de los efectos, saltaremos dos fotogramas mientras renderizamos la vista previa de reproducción. Esto hace que el tiempo de
renderizado de reproducción de vista previa sea más rápido. Puede parecer un poco
entrecortado durante la reproducción, pero al menos veremos
el movimiento general Y eso es lo que es
importante para nosotros en estos momentos. Es una gran solución, especialmente para aquellos
con computadoras más antiguas o para escenas realmente complejas con muchas capas y efectos. Bien, presionemos control para salvar el proyecto
antes de seguir adelante. Ahora vamos a crear
el segundo texto. No queremos distracciones, así que apaguemos
esa capa por ahora Ahora vamos a seleccionar la herramienta de
texto en, ¿verdad? Super cool, animación de tres
textos. Seleccionemos el texto y
reduzcamos su tamaño a 100. Mantenga todos los demás ajustes
como están por ahora. Vamos a cambiar
el color a naranja. Entonces no olvidemos ir
al panel de párrafos para asegurar
que el texto esté centrado. Ahora vamos a ir a una línea y centrar la capa al centro de
composición. Finalmente, centremos
el punto de anclaje de esta capa usando el control de
acceso directo Alt home. Ahora volvamos a
la herramienta de selección y creamos una máscara para
este texto también. Pero esta vez no
crearemos la máscara con
la herramienta elipse Crearemos la máscara usando la herramienta pluma porque
queremos que este texto
esté en un trazado abierto. Seleccionemos la herramienta Pluma. Ahora selecciona la
capa de este texto. Y da clic aquí una vez para
comenzar a crear la máscara. Ahora ve por aquí, mantén
presionada la tecla Mayús y haz clic una vez más. De esta manera la línea
saldrá recta. Ahora vayamos a las
opciones de ruta del texto y escojamos que sus caminos
sigan la máscara actual. Vamos a agrandar un poco el panel. Entonces cerremos las
opciones de ruta y abramos más opciones. Centremos también los puntos
de anclaje de estas letras. Ponlo a -45 Ahora vamos a convertir estas
letras a tres capas D. Antes de crear un animador de
rotación, seleccionaremos el texto aquí, clic en Animar y escogeremos
Habilitar por carácter, tres D. Ahora vamos crear un animador con
el Nos centraremos en el eje
x como antes. Esta vez sí queremos que las letras roten
una tras otra. Controlaremos la animación
a través del offset. Cuando controlamos la animación usando el desplazamiento
del animador, necesitamos establecer un punto de
cambio para ello Esto significa que necesitamos establecer el selector de rango
del eje X en uno. Esto le dice a after effects que
cuando movemos el desplazamiento, los personajes empiezan a moverse uno tras otro y hacen
una rotación completa cada uno. Ahora vamos a abrir el selector
de rango y Avanzado agrandar un poco
el panel. Ahora cambiemos la
forma de animación de este animador para que aumente de manera que la rotación comience
desde la primera letra A continuación, cambiemos el desplazamiento a -100 y creemos el
primer fotograma clave en este
momento Ahora pasemos al final de
la línea de tiempo y cambiemos
el desplazamiento a 100. Veamos cómo se ve. Bien, ahora
cambiemos el nombre de
este animador por
rotación de animador y cerrémoslo A continuación, vaya a las opciones de geometría, y antes de agregar algo de
profundidad a las letras, cambiemos la vista
a una vista personalizada. Acerquemos un poco y cambiemos la calidad a plena para que
podamos ver lo que estamos haciendo. Ahora decidamos cuánta profundidad queremos darle a este texto. Creo que 20 es suficiente. Vamos a cerrarlo y
abrir opciones de material. Y cambiemos la configuración. Como hicimos para el texto
anterior en metal, escribiremos cero y
reflejaremos intensidad, escribiremos 50 y reflejaremos
nitidez, escribiremos En reflexión
caerse, escribiremos 100. Ahora vamos a colorear los
lados en el dorso de las letras como hicimos
para el texto anterior. Pero en lugar de crear
un nuevo animador, podemos simplemente abrir
el animador de esta capa y copiar los colores Animador seleccionarlo
y presionar control C. Ahora vamos a seleccionar
el texto aquí y presionar el control V para
pegar el animador Ahora vamos a abrirlo y
cambiar los colores. Colorea el lateral y rosa. Coloreemos el dorso
y el rosa también, pero esta vez hazlo
un poco más oscuro. Veamos cómo se ve. Creo que necesitamos oscurecer un poco
más
el color en la parte de atrás. Genial, eso es mejor. Ahora cerremos la capa y volvamos a la cámara
activa. Ahora vamos a encender
la segunda capa. Creo que necesitamos
agrandar este texto un poco más de carácter abierto y aumentar el tamaño de
fuente a 200. Bien, eso es mucho mejor. Ahora pasemos a
la siguiente parte y
aprendamos cómo podemos hacer que esta escena se vea mucho
más interesante colocando las capas
en el espacio tres D. Y eso lo haremos en la
siguiente parte. Entonces nos vemos ahí.
35. Sección 8, parte 2: Bien, así que primero para
diferenciar entre las capas, podemos etiquetar esta capa en
azul y esa en amarillo. Ahora seleccionemos esta
capa en prensa R. Vamos a girarla en el eje
y -90 grados. Ahora vamos a cerrarlo y crear
una nueva cámara en la escena. Haga clic derecho aquí, vaya a
Nuevo y seleccione Cámara. Esta vez volveremos a usar la
cámara de un nodo, escojamos un ancho de lente de 15 milímetros para crear un ángulo de cámara
más interesante. Ahora vamos a seleccionar
la prensa de la cámara y moverla hacia un lado. Disminuyamos la
calidad a trimestre para que el proyecto
se mueva un poco más rápido. Vamos a mover la cámara aquí. Ahora selecciona esta capa, presiona R y
gírela sobre el eje Y. Escribamos -30 grados. Ahora vamos a seleccionar esta capa, presionar R y girarla
sobre el eje Y también. Vamos a ponerlo a -60 grados. Ahora puedes cerrar la grilla. Ya no lo necesitamos. Pregunta, ¿cuál es el atajo para abrir y
cerrar la grilla? Presiona la
tecla apóstrofe para hacer eso. Ahora volvamos a
la herramienta de selección y movemos esta capa hacia la
derecha y un poco hacia abajo. Ahora vamos a crear un camino y
una forma ondulada para esta capa. Para ello, necesitaremos
ajustar la máscara que
creamos para esta capa. Pero como puedes ver, por el ángulo
de la cámara, no
podemos ver en absoluto los puntos de la
máscara en esta capa. Vamos a rotar esta capa
así por ahora. Ahora
acerquen los puntos el uno al otro. Seleccionemos este punto
y moverlo aquí. Ahora selecciona esta
y muévela aquí. Entonces giremos el
texto en -46 grados. Ahora selecciona el punto
del trazado de máscara y crea puntos
adicionales en él. Para ello, seleccione la herramienta Pluma. Haga clic aquí una vez para crear
un nuevo punto en la ruta. Y ahora vamos a moverlo aquí. Ahora podemos alejar este
punto más lejos. A continuación, seleccionemos este punto. Pero antes de que hagamos eso, quiero que pongas atención
al icono del cursor. Este icono indica que
si seleccionamos este punto, en realidad
cerraremos la máscara. Esto sucede porque
actualmente estamos seleccionados
en el último punto. Si hacemos clic en este punto, después de los efectos pensamos que queremos cerrar el
camino de la máscara. Para evitar que esto suceda, podemos elegir la
herramienta de selección y luego seleccionar el punto y moverlo
fuera del marco. Ahora vamos a seleccionar este
punto y hacerlo redondeado por este largo, presione la herramienta pluma y elija
la herramienta convertir vértice Ahora da click en este punto
una vez para redondearlo. Hagamos lo mismo para este
punto y éste también. Ahora volvamos a la herramienta de selección y ajustemos
las manos que creamos aquí. Genial, ahora
seguiremos este camino a continuación. Animemos este texto. Cierre la capa, agrandar un poco
el panel. Volvamos a abrir la capa. Cerrar las transformaciones. Ahora abre el texto, abre las opciones de ruta y anima el parámetro
llamado primer margen Arrastremos el
valor a este lado hasta que no podamos ver el
texto en la escena. Sostengamos la
tecla Mayús mientras hacemos esto. De esa manera el valor
cambiará en sacramentos más grandes, Y ahora en este punto en el tiempo, crear el primer fotograma clave donde el texto esté en
el
valor que acabamos Ahora pasemos al
final de la línea de tiempo y cambiemos el valor hasta que el texto salga de la escena por un lado. Cambia el valor mientras
mantienes presionada la tecla Mayús. Bien, ahora
veamos qué tenemos. Bien, en mi opinión, podemos rotar un poco esta capa. Vamos a cerrarlo, seleccionarlo y presionar R. Vamos a
girarlo alrededor del eje Y, ponerlo en -40 Ahora alejemos un poco
y veamos cómo se ve. Seleccionemos este
punto y moverlo aquí. Y el asa aquí. Sólo estoy tratando de crear un camino interesante
para este texto. Cambia las posiciones de
los puntos y juega con sus manillas hasta lograr algo con lo que estés satisfecho. Después de hacer algunos ajustes, siempre revisa tu animación para ver cómo se ve en movimiento. Creo que podemos rotar un poco más
la capa
en esta dirección. Bien, estoy bastante satisfecho
con este camino, pero ahora veo que el texto está muy lejos de
su punto de partida. Vamos a acercarlo un poco. Para ello, seleccionaremos la prensa de capa y
cambiaremos el valor en el primer parámetro de margen que es responsable del
movimiento de los textos en la ruta. Bien, ahora se ve mejor. Y ahora selecciona esta capa, y vamos a ajustar este
punto una vez más. Excelente, me encanta la forma en que el texto se está
saliendo del marco. Y ahora vamos a presionar control les, cerrar la capa, y pasar a
la siguiente parte para crear un
fondo para nuestra escena.
36. Sección 8, parte 3: Bienvenido de nuevo para crear
un nuevo fondo, vamos a crear un nuevo
sólido para hacer esto. Control de Prensa. ¿Por qué? Ahora
cambiemos el color. Ahora, mueve esta capa
por debajo de todas las capas. Bien, ahora configura la pantalla
anterior para que encaje, apaga las capas de texto y
vuelve a ajustar la calidad a plena. Ahora vamos a mejorar el diseño
del fondo y
hacerlo más interesante usando un efecto que usamos en la
segunda lección llamado cuadrícula arrastrar el efecto
sobre el sólido. Movamos los puntos del
efecto hacia los lados hasta que solo sean visibles
las líneas horizontales. A continuación, aumentar el grosor
de las líneas. Ponlo a 50. Mueve este punto un
poco hacia la izquierda, y este punto un
poco hacia la derecha. Ahora cambiemos el color
de las líneas a negro para que se mezclen muy bien
con nuestro color de fondo. Por último, cambia el
modo de fusión para sumar, tal vez multiplicar. Ahora agreguemos un efecto
adicional al fondo
llamado wave wrap. Aumentemos el ancho
de onda a 200. Cambia el tipo de onda a triángulo para que la ola sea aguda. Ahora cambiemos el
ángulo del movimiento de la onda. Actualmente se ve así. Cambiémoslo a 130. En mi opinión, se ve un
poco mejor con este ángulo. Ahora tiene un movimiento un poco
más suave. Genial. Ahora volvamos a encender todas
las capas y ajustar la visibilidad del
fondo de acuerdo al
ángulo extremo de la cámara que tenemos aquí. Voy a explicar a lo que me refiero. Apaguemos de nuevo las capas. Ahora agreguemos un efecto de pin de
esquina, arrastremos el efecto
al fondo. Y si alejamos un poco, podemos ver que aquí hay
cuatro puntos. Movamos este punto
aquí abajo mientras mantenemos pulsada
la tecla Mayús. Y mueve este punto aquí. Vamos a mover este punto hacia abajo
y este de aquí arriba. Ahora para no
ver las partes negras, seleccione el proceso sólido
y aumente la escala de esta capa a 150.
Podemos moverlo un poco. Ahí lo tienes. Creamos
un fondo que aparece en cierto ángulo que se ajusta
visualmente al ángulo de nuestra cámara. Ahora vamos a encender
todas las capas. Puedes cerrar este, presionar control para guardar el proyecto y configurar la pantalla de
vista previa para que encaje. Ahora vamos a Vista previa
y pongamos el render de la vista previa de nuevo a cero como
estaba al principio. Ahora presiona la barra espaciadora para ver toda
la animación
antes de renderizarla. Puede llevar algún tiempo porque aquí
hay muchas tres capas
D. Esperemos hasta que la
reproducción de vista previa termine de renderizarse y veamos la
escena una vez más. Bien, creo que todo se ve genial y estamos
listos para renderizar la escena. Para eso, presionemos
control M. Elija
renderizarlo en el formato H 0.264 de
alta calidad, que es un MP four de alta calidad, y seleccionemos para
renderizarlo en nuestra carpeta de renderizado Asegúrate de que el nombre sea bueno. Haga clic en S y luego
haga clic en Render. Esperemos unos momentos. Bien, ahora veamos qué tenemos. Se ve genial. Como es habitual, puedes subir este video en redes
sociales y mostrarlo
en tu sitio web de portafolio, y por supuesto, usar esta
animación para tu próximo proyecto. Bien, ahora volvamos a
nuestro proyecto y aprendamos a reemplazar el texto
en la animación que creamos para demostración. Duplicemos esta
comp desde aquí. Presiona el control D, cambia
su nombre a texto. Animación ocho, subrayado dos, e ingresa al nuevo pre comp Ahora vamos a aislar esta
capa para que sólo veamos. Haga clic aquí para hacerlo. Haga doble clic en el
texto y escriba animación o cualquier otra palabra que desee. Como puede ver, el recuento de letras en esta palabra es
diferente al anterior. Por lo tanto,
aquí tenemos
este espacio vacío . Eso no es un problema. Para solucionar esto, necesitamos
seleccionar el texto y
aumentar el tamaño de fuente o reducir la
escala de la propia máscara. Presionaré el control Z
para deshacer la acción. Y veamos cómo
hacerlo ajustando la máscara. Para ello, seleccionemos
la herramienta de selección. Haga doble clic en la máscara y mientras mantiene
presionadas las teclas de control y mayúsculas. Vamos a escalarlo. Por supuesto, podemos
combinar ambas soluciones. Por ejemplo, podemos reducir
ligeramente la máscara y aumentar
el tamaño de fuente. Bien, después de aprender a hacer cambios en un texto
con un camino cerrado, aprendamos a
hacerlo en el texto con un camino abierto como la capa de texto que tenemos
aquí en nuestra escena. Primero, seleccionemos la palabra super y eliminemos toda esta parte. Ahora tenemos una oración más corta. Dado que la longitud del texto
en esta capa ha cambiado, también
necesitamos cambiar
la animación para esta capa de acuerdo con
la nueva longitud del texto. Lo que significa que necesitamos ajustar los fotogramas clave en esta capa. Para esto, presionemos, ahora pasa el cursor sobre el primer fotograma clave y cambia la
posición inicial del texto En este momento, necesitamos acercar
un poco el texto a la escena. Ahora pasemos al segundo fotograma
clave y ajustemos también. Alejemos un poco para que
podamos ver dónde está el texto. Acerquemos este texto a la escena. Genial, ahora digamos que
queremos aumentar el tamaño de
fuente de este texto, digamos a 250. En tales casos, es
importante asegurarse que la primera y la
última posición del texto sean correctas, es
decir, que no
vemos el texto dentro la escena. Como puedes ver aquí. Lo veremos porque
aumentamos el tamaño de la fuente. Vamos a arreglarlo. Vaya al primer fotograma
clave y ajústelo. Ahora vamos a revisar
el último fotograma clave. Debido a que aumentamos
el tamaño de
la fuente, el texto permaneció en la escena. Por lo tanto, ajustemos
también
este fotograma clave hasta que parezca que el
texto ha salido de la escena Bien, ahora veamos
qué tenemos que
hacer si queremos cambiar
los colores de los textos. Primero, configuremos la pantalla de
vista previa para que encaje. Selecciona esta capa y
presiona el Ukey dos veces. De esta manera podemos ver todos los parámetros que
cambiamos en esta capa. Aquí vemos los colores
del animador para
esta capa de texto Lo mismo ocurre con esta capa. Bien, eso
es todo para la lección. Cerremos esta
pre comp y vayamos al panel
del proyecto para
organizar el proyecto. Antes de
cerrarlo, antes que nada, presionemos durante mucho tiempo la herramienta de vértice y volvamos a cambiar a
la herramienta de pluma normal También presionemos prolongadamente
la herramienta elipse y volvamos a cambiarla a
la herramienta rectangular Ahora vamos a seleccionar
la herramienta de selección y dar clic aquí en
el panel del proyecto. Ahora crea una carpeta
llamada precomps. Arrastre el pre comp
que creamos en él. A continuación, vamos a crear otra
carpeta llamada assets. Arrastre la carpeta de sólidos y
nuestra paleta de colores dentro de ella. Entonces etiquetemos la
composición principal en azul. Y presionemos control como para guardar el proyecto
antes de cerrarlo. Eso es todo para la lección. Si estás disfrutando del curso, agradecería mucho
que pudieras calificar este curso en función de cómo te
sientes y dejar comentarios. Entonces sé si aprendes
algo nuevo o no. Mientras tanto,
puedes cerrar el proyecto y nos volveremos a encontrar en la siguiente y última lección de este curso. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu silla, estírate un poco y
hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
37. Sección 9: animación de texto estirado: Hola y bienvenidos de nuevo. Hemos llegado a la última
lección de este curso. En esta lección, crearemos una animación avanzada de
texto extensible. Volveremos a
lo básico y nos centraremos en más importante en los efectos
posteriores, los fotogramas clave. Vamos a romper esta lección
en cuatro partes. En la primera parte, nos prepararemos
para comenzar nuestra animación preparando nuestro texto y creando una animación estirada
para la primera letra. También cambiaremos el grosor y la
forma de la letra. En la segunda parte, seguiremos adelante con la animación
estirada, pero esta vez lo haremos
para el resto de las letras. También mejoraremos la
animación de todas las letras. La tercera parte trata sobre los colores y la creación de una animación
secundaria. Por último, en la cuarta parte, aprenderemos a crear un efecto de
barrido en el texto, crear una textura
grunge animada e integrar esa textura en el texto usando modos de fusión Después mejoraremos
la apariencia de toda
la animación
con un efecto simple. Terminaremos las cosas
preparando la animación para compartirla
en las redes sociales y convertirla en un archivo MP four de alta
calidad antes de despedirnos. Como es habitual,
organizaremos el proyecto. Va a ser increíble, así que comencemos.
38. Sección 9, parte 1: Vamos a almorzar después de los efectos. Cierra esta ventana y
asegúrate de presionar Predeterminado. Todos tenemos el
mismo panel configurado, ahora hagamos clic en
Nueva composición. Lo llamaremos
Animación de texto nueve. Entonces pasemos
al renderer de tres D, ya que en la lección anterior cambiamos el renderer
a cine cuatro D, volvamos a cambiarlo al
clásico tres D. Ahora volvamos a Básico y fijemos
la resolución a full Trabajaremos a 24
fotogramas por segundo, luego estableceremos la duración
en 10 segundos. Por último, cambiemos
el fondo a negro, y hagamos clic bien, aquí y aquí. Ahora, antes de
sumergirnos en la última lección, solo
quería recordarles algunas cosas importantes mientras
trabajaba con efectos posteriores. Primero, si ves la pantalla de
vista previa así, no te
preocupes, probablemente sea porque tu tecla de
bloqueo de mayúsculas está encendida. Simplemente apágalo y todo
debería volver a la normalidad. A continuación, cuando estés trabajando en
un proyecto en after effects, asegúrate de cambiar el idioma de tu
computadora al inglés. De esta manera, todos los atajos
que usemos funcionarán correctamente. Si no ve el color de
fondo, simplemente
haga clic aquí. Ahora bien, si ves los números
aquí de manera diferente a la mía, asegúrate de alejar el panel de
la línea de tiempo. Ahora puedes pasar
el mouse aquí, mantener presionada la tecla de control
o una tecla de comando, y hacer clic en los números aquí Estos números
representan la duración de nuestra línea de tiempo de composición. Lo podemos ver en
fotogramas o en segundos. Entonces, si ves
la pantalla de vista previa más pequeña o más grande que la mía, simplemente haz clic aquí
y selecciona Ajustar. Por último, haz clic aquí y cambia la
calidad de vista previa aquí a completa. Porque en la
lección anterior nos ocupamos de los efectos. Vemos este panel y
no el panel del proyecto. Si ves esta área así, simplemente haz clic en las
flechas aquí y Project para llegar al panel del
proyecto, genial. Y ahora estamos listos para importar los activos que
usaremos en esta lección. Haga doble clic en el
área gris en el panel del proyecto. Encuentra la carpeta que creamos para la lección e ingresa a
la carpeta Activos. Seleccione esta imagen llamada pared
negra y la paleta
de colores. Después pulsa Importar. Bien, entonces ahora podemos guardar el proyecto
y darle un nombre. Encontremos la carpeta que
creamos para la lección. Entra en la carpeta A y nombra el archivo after effects en el que
estamos trabajando actualmente. Puede seleccionar este
proyecto para que el nombre cambie y reemplazar la
extensión por nueve. Después haga clic en Guardar. Ahora ve al panel
del proyecto y selecciona la paleta de colores
y crea nuestro texto. Elige la herramienta de texto y selecciona la fuente
Monserrat de inmediato. Aquí hay un
consejo útil para ustedes. Al crear una animación de
texto extensible, lo mejor es usar fuentes San Sera, que son aquellas sin los
pequeños trazos decorativos al final de cada
letra conocida como ser. Escojamos la
fuente Monserrat para el estilo. Elige la versión ligera o
delgada. Voy por la versión delgada, luego escribo la palabra rebote. A continuación, seleccionemos el texto y cambiemos el color a blanco. Haga clic aquí para ver mayúsculas. Veo que el espaciado entre las letras es demasiado
grande por alguna razón. Si es lo mismo para ti,
simplemente ponlo a cero. Ahora vamos al párrafo y asegurémonos de que nuestro texto esté
centrado en este caso, y la dirección de escritura
sea de izquierda a derecha. Ahora centremos la
capa al centro de la composición
usando la herramienta Alinear. Haga clic aquí y aquí. Ahora para centrar el
punto de anclaje de la capa, usa el atajo que aprendemos
y presiona Control Alt Inicio. Excelente. Ahora
volvamos al personaje. Y digamos que hemos decidido aumentar
la fuente a 200. Tenga en cuenta que cuando hicimos esto, el punto de anclaje ya
no estaba en el. Bien. Hagamos click aquí y veamos qué hacer en
tales situaciones. Después de haber realizado los cambios de
diseño en el texto, podemos presionar control Alt home para devolver el punto de anclaje
al centro de la capa. Y luego presiona control home para centrar la capa
en la composición. Estos son dos
atajos que funcionan muy bien cuando se trabaja con
texto y efectos posteriores. Bien, ahora para crear la animación
que vemos en el ejemplo, necesitamos convertir
esta capa de texto
en una capa conformada con
una ruta similar a como
convertimos una capa de texto para crear
contornos e Illustrator. Esto nos permite
cambiar el diseño
del texto moviendo y
ajustando su trayectoria. Hagámoslo en después de los efectos. Primero, haga clic derecho sobre la capa. Vaya a Crear y seleccione
Crear formas a partir de texto. La capa de texto original
se desactivará automáticamente. No lo necesitamos, así
podemos eliminarlo, seleccionarlo y presionar el
retroceso o las teclas de borrar En el siguiente paso, podemos eliminar una propiedad innecesaria que existe en estas capas
llamada paths fusionados. Para encontrarlo rápidamente, podemos escribir la palabra merge
en la barra de búsqueda. Ahí podemos ver dónde se encuentra
esta propiedad en la capa. Vamos a seleccionarlo y eliminarlo. Vamos a borrarlo
de aquí también. Ahora podemos cerrar la barra de
búsqueda y
aprender a preparar el texto
para una animación estirada. Primero, abramos esta
capa y su contenido. Como puedes ver, esta capa
consta de todas estas formas. Estas son las formas de
las letras en esta capa. Para
manipular convenientemente cada
letra por separado, dupliquemos esta
capa cinco veces, ya que eso nos dará
seis capas separadas. Necesitamos seis capas porque ese es el número de
letras en esta capa. Seleccione esta capa y presione
el control D. Cinco veces. Excelente. Después de duplicar, mantengamos solo una
letra en cada capa Te voy a mostrar a lo que me refiero. Apague las primeras cinco capas, luego abra el contenido
de esta capa. Y mantén la letra B aquí. Seleccionemos el resto de las
letras y las eliminemos. Ahora podemos cerrar esta
capa y apagarla. Vamos a encender esta capa aquí, sólo
nos quedaremos con la letra, por lo tanto,
eliminemos la letra B y el resto de las letras
excepto la letra. Ahora, podemos cerrar esta
capa y apagarla. A continuación, activemos esta capa
y mantengamos solo la letra. Eliminemos las letras. Y B, y el resto de las
letras a excepción de la letra. Genial. Después de eso, esta capa, sólo
vamos a mantener la letra aquí, vamos a mantener la
letra C. Finalmente, en esta capa, mantener
sólo la letra. Muy bien. A continuación,
encienda todas las capas. Ahora cambiemos los nombres de las capas por el nombre de
la letra que contienen. Seleccionemos esta capa, presionemos Enter y escribamos. Después presione Enter otra vez, Vamos a llamar a esta
capa y así sucesivamente. Ahora vamos a alinear los puntos de
anclaje de todas las capas al
centro de cada capa. Si apagamos todas las capas y seleccionamos la herramienta de selección, podemos ver que el punto de
anclaje de esta capa no se encuentra
en el centro de la capa. Si activamos esta capa, podemos ver que el punto de
anclaje aquí
tampoco se encuentra en el
centro de la capa. Vamos a encender todas las capas. Seleccione todos ellos
y mueva rápidamente el punto de anclaje al centro
usando el control de acceso directo. Genial, Ahora todos los puntos
de anclaje de las capas están centrados. Bien, y ahora vamos a
animar la primera letra. Para mayor comodidad, ocultemos el resto de las capas
del panel. Para ello, seleccionemos todas
las capas que queremos ocultar. Y da clic en la
función tímida que se encuentra aquí. Bien, así que marquemos todas estas
capas como capas ocultas. Y también apágalos para no verlos en
la pantalla anterior. Por último, para activar
la función shy, da clic aquí también en el
ícono tímido. Ahora vamos a
acercarnos un poco a la letra, abrimos esta capa
y su contenido. Como puedes ver, esta
forma está compuesta por tres formas que crean
la forma de la letra B. Si abrimos cada forma, notaremos que cada
forma tiene su propio camino. Este es el
parámetro exacto
para el que necesitamos animar y crear fotogramas
clave Sin embargo, en lugar de
acceder manualmente a todos los
caminos de cada letra, podemos seleccionar esta capa y
escribir path en la barra de búsqueda. De esta manera, after effects mostrará todos los trazados
que existen en esta capa. Bien, ahora vamos a crear los primeros fotogramas clave
en este momento específico. En el segundo número cero, la forma de la letra se ve exactamente como quiero que sea. Por lo tanto, crearemos marcos clave
iniciales para la ruta. Ahora pasemos
al segundo número uno y cambiemos la
forma de la letra. En otras palabras, necesitamos
modificar el camino. Veamos cómo
hacerlo correctamente. En primer lugar, vamos a mover la pantalla de vista previa para que
podamos tener una mejor
vista de la letra. Para aquellos que no recuerden cómo mover la pantalla de vista previa, simplemente mantén presionada
la barra espaciadora y arrastra la pantalla hacia los lados
usando el mouse Ahora vamos a acercarnos un
poco más y veamos cómo cambiar la ruta de la letra en este momento en
particular. Mientras tanto, por favor
no lo hagas conmigo. Sólo quiero
explicarte cómo funciona primero, luego lo haremos juntos. Lo que tenemos que hacer es
simplemente seleccionar los puntos del camino y moverlos
a otra ubicación. Entonces automáticamente, se crearán
nuevos fotogramas clave en el momento actual. Esto es lo que hace que cambie
la forma de la letra. Bien, ahora presionaré control Z hasta que regrese
al estado anterior. Ahora te mostraré
los problemas que podemos encontrar al crear
animaciones de texto de este tipo. Digamos que quiero que la parte superior de la letra se
estire hacia arriba. Seleccionaré los
puntos deseados y los desplazaré hacia arriba. Como puede ver, se ha creado una forma
incorrecta de la letra. Esto puede suceder con letras
que tienen una forma redondeada, como esta parte de la letra B. Veamos qué hay
que hacer para evitar esto. Voy a presionar control ahora. Hagámoslo juntos.
Vamos a acercarnos. Como puede ver, esta área de la letra consta
de sólo dos puntos. Lo que tenemos que hacer es sumar puntos
adicionales para ello. Seleccionemos la herramienta Pluma. Vamos a acercarnos un poco más a esta
área ahora, cuando pasemos el cursor sobre el
trazado con la herramienta Pluma, verás que el icono del
cursor del ratón cambia
a un signo más Eso significa que si
hacemos clic aquí una vez, crearemos un punto
adicional. Vamos a crear un
punto aquí también. Ahora vamos
a bajar a la parte inferior de la letra y crear
dos puntos aquí también. Podemos crear uno
aquí y uno aquí. Ahora retrocedamos un poco. Pasemos a la herramienta
de selección. Da click en uno de los
puntos para que
podamos seleccionar varios
puntos a la vez. Ahora vamos a seleccionar todos los puntos ubicados en la
parte inferior de la letra, excepción de los dos nuevos
puntos que creamos. Ahora arrastremos los
puntos seleccionados hacia abajo mientras
mantenemos presionada la tecla Mayús. Ahora vamos a estirar la letra
en la parte superior también. Seleccionemos todos
los puntos superiores excepto los dos
puntos que creamos. Veo que no
seleccioné todos los puntos. Déjame seleccionarlos de nuevo. Bien, ahora arrastremos los puntos hacia arriba mientras
mantenemos presionada la tecla Mayús. Vamos a configurar la
pantalla de vista previa para que encaje. Seleccione nuevamente los puntos inferiores y arrástrelos más abajo. También arrastremos
los puntos superiores. Veamos qué
tenemos. Excelente, ahora hagamos una pausa de esta
animación por un segundo antes devolver la letra a
su forma original. Para ello, necesitamos avanzar 1 segundo al
segundo número dos. Ahora vamos a copiar estos
fotogramas clave y pegarlos aquí. De esta manera creamos
una falta de cambio en los fotogramas clave por una
duración de 1 segundo, creando una
pausa de 1 segundo en la animación. Bien, pasemos
al tercer segundo y devolvamos la letra a su forma
inicial Pregunta, ¿qué debemos
hacer para que la letra
vuelva a
su forma original? Para lograrlo, seleccionemos
los fotogramas clave iniciales. Copiarlos y pegarlos aquí. Veamos cómo
se ve excelente. Si queremos crear
una pausa más larga, podemos seleccionar esos fotogramas clave y moverlos hacia adelante en el tiempo, por ejemplo,
al cuarto segundo. Ahora a lo largo de este tiempo, no
habrá ningún
cambio en la animación, porque esos
fotogramas clave son los mismos. El cambio solo ocurrirá cuando tengamos un cambio
en los marcos clave. Bien, ahora volvamos los fotogramas clave al
segundo número dos y sigamos
adelante después de que hayamos
animado el camino. Hagamos que esta letra sea más gruesa. Hay varias formas de hacerlo. Lo haremos de la manera
más sencilla que jamás haya existido, usando el trazo de esta forma. Vamos aquí y establecemos
el color del trazo será blanco y cambiaremos el grosor a través de
la propia capa. Para eso, escribamos
trazo en la barra de búsqueda. Ahora animemos esta propiedad. Iremos al inicio
de la animación y crearemos el primer fotograma clave con el
grosor de trazo de cero. Ahora a tiempo la animación de trazo con la animación de trayectoria,
vamos a presionarte. Esto mostrará todos los fotogramas
clave en esta capa. Ahora vamos al primero, segundo y creamos fotogramas clave donde el
grosor del trazo es de 40. A continuación, vayamos
al segundo número dos y creemos los
mismos fotogramas clave. Porque aquí tenemos una pausa en la animación para eso,
presionaremos aquí. Ahora vamos al tercer, segundo y creamos
un fotograma clave final con un grosor de trazo de cero. Veamos qué tenemos. Hagamos nuestra carta
más estrecha a medida que se abre. Para ello, necesitamos modificar
los fotogramas clave de la ruta. Es muy importante pararnos
en los fotogramas clave que
queremos cambiar y sólo
entonces hacer los ajustes. Ahora vamos a seleccionar
uno de los puntos. Ahora vamos a seleccionar
todos los puntos de esta sección usando las teclas de
flecha del teclado. Vamos a mover los
puntos a la izquierda. Puedes presionar la
tecla Mayús mientras haces esto para hacer que los puntos se muevan
en incrementos mayores Ahora para mantener la pausa en la animación coloca
el indicador de tiempo en estos fotogramas clave en el
segundo número dos Después copia los nuevos fotogramas clave
del camino y pegarlos
aquí en su lugar. Veamos cómo se
ve. Bien, ahora hagamos esta animación
un poco más interesante
agregando una animación adicional
usando el parámetro scale. Para ello, seleccionemos
la capa y pulsemos ahora Vamos a establecer el tamaño
inicial de esta capa al inicio
de la animación. A continuación, presionemos para revelar todos los fotogramas clave y cronometrar la animación a escala con ellos. Ahora en el fotograma número seis, fijemos la capa para que se encoja
a 80% En el fotograma número 12, restaure el tamaño de las capas al 100% Veamos cómo se ve. Bien, ahora vamos a crear una animación a escala
cuando la letra empiece a regresar a
su forma original. Pasemos al segundo
número dos en este fotograma, vamos a establecer el tamaño de capa para que
sea el mismo que ahora,
que es 100% Ahora movamos seis fotogramas
hacia adelante y fijemos la capa
para que crezca al 120% Siguiente, mueva otros seis fotogramas hacia adelante, y devolvamos el tamaño al 100%
Veamos cómo se ve Bien, hasta ahora no
parece interesante. Pero créeme,
lo haremos muy interesante en un momento para
hacerlo más interesante,
primero, convertiremos
todos los fotogramas clave en los que creamos como fotogramas clave. Seleccionemos todos los
fotogramas clave y presionemos nueve. Volvamos a verlo,
ya se ve mejor. Ahora vamos a seleccionar
sólo los fotogramas clave de la trayectoria y cambiar
su velocidad. Para ello, mantenga presionada
la tecla Alp y haga doble clic
en uno de los fotogramas clave Escribamos 85, 85 aquí, presione. Bien. Veamos cómo se ve. Genial. Ahora cambiemos la velocidad de los fotogramas clave de
trazo. Pero esta vez vamos a
escribir 95 por 95 prensa, Bien, Y vamos a
verlo una vez más. Ahora cambiemos la velocidad
de los fotogramas clave de escala. Pero esta vez
usemos el editor de grafos. Ahora, haz clic derecho aquí y
asegúrate de que estamos usando el gráfico de velocidad.
Vamos a acercarnos un poco. Ahora seleccionemos este fotograma clave
y arrastremos su manejador aquí. Este asa de aquí, se ve bien. Hagamos lo mismo
con estos fotogramas clave. Ahora salgamos del editor de grafos y veamos toda la
animación desde el principio. Se ve genial. Para hacerlo más interesante, podemos dar click en el parámetro
scale y moverlos un fotograma hacia adelante. Volvamos a verlo
ahora se ve mejor. Es un buen momento para presionar
control S para salvar el proyecto. Ahora pasemos
a la siguiente parte. Animar el resto
de las letras, será mucho más fácil de
lo
que piensas
39. Sección 9, parte 2: Primero, presionemos aquí
y mostremos todas las capas. Apaga esta capa y desactiva la función shy
para todas ellas. Entonces habilitemos la
función shy para esta capa. Ahora presionemos aquí para ocultar la capa que
ya hemos animado. Entonces activemos
todas las capas y apliquemos
todo lo que hayamos aprendido sobre la animación de
estiramiento a todas las capas
juntas a la vez. Puede sonar complicado, pero no es tan
difícil. Empecemos. Primero, seleccionemos
todas las capas y
escribamos path en la barra de búsqueda para ver todos los trazados
de cada capa. Presiona Enter y
agrandar este panel. Ahora en este punto en el tiempo, que está en el
segundo número cero, crearemos
fotogramas clave para todos. Porque en este punto, todas las letras deben
verse como lo hacen actualmente. Ahora para ver solo los fotogramas
clave sin todos los parámetros alrededor,
presionemos el Reino Unido. Podemos minimizar este panel
y seguir trabajando a continuación. Pasemos al
segundo número uno, ya que hemos animado la
primera letra de esa manera. Y cambiaremos las
formas de las letras, pero no sabemos
hasta dónde estirar cada letra. Para ello, podemos dar click aquí para ver la capa
de la letra Be. Selecciónelo y vea hasta dónde se extiende en este
momento. Ahora vamos a presionar control
para mostrar las reglas. Arrastremos las guías
de los gobernantes. Coloca uno aquí y
otro aquí. Después de eso, control de prensa son de
nuevo para ocultar a los gobernantes. Ahora bloqueemos a los guías para que no interfieran
con nuestro trabajo. Ve a Ver y
selecciona Guías de bloqueo. Bien, ahora sabemos lo lejos que necesitamos para estirar
el resto de las letras. Puede volver a hacer clic aquí para ocultar esta capa del panel. Una vez más, comencemos
a animar la letra O. Como recuerdas, para las letras
que tienen formas redondeadas, necesitamos crear puntos
adicionales para
estirarlos correctamente. Escojamos la herramienta de pluma. Selecciona uno de los puntos
para que podamos ver el camino. Ahora no lo hagas conmigo porque quiero
recordarte lo que quise decir. Si arrastramos estos
dos puntos hacia arriba, no
obtendré el efecto deseado. Aquí va lo mismo. Por lo tanto, necesitamos
crear puntos adicionales. Bien, ahora
hagámoslo juntos. Vamos a acercarnos un poco más. Con la ayuda de la herramienta Pluma, vamos a crear dos puntos aquí. Aquí dos puntos. Ahora
alejemos un poco. Seleccione la herramienta de selección y seleccione los puntos de la parte
superior de la letra. Vamos a acercarnos un poco para ver si hemos seleccionado
todo lo que necesitamos. Veo que me faltaron
estos dos puntos, así que volveré a seleccionar todo. Ahora podemos alejar el zoom y moverlos hacia arriba mientras se
mantiene pulsada la tecla Mayús. A continuación, vamos a seleccionar los
puntos inferiores y moverlos hacia abajo. Ahora pasemos
a la letra tú. Demos click en el camino aquí y seleccionemos los puntos
en esta sección. Aleje un poco y arrástrelos hacia arriba. A continuación, vamos a seleccionar los
puntos inferiores y arrastrarlos hacia abajo. Después de eso, seleccionemos
la ruta de la letra en. Selecciona estos puntos
y arrástralos hacia arriba. Ahora vamos a seleccionar estos
puntos y arrastrarlos hacia abajo. Después pasemos
a la letra C. Vamos a dar click en la ruta aquí y seleccionar los puntos
en esta sección. Vamos a acercar un poco,
y como puedes ver, aquí
hay una parte redondeada. Escojamos la herramienta pluma y
creemos puntos adicionales, uno aquí y otro aquí. Ahora volvamos a cambiar
a la herramienta de selección, seleccionar los puntos
de la parte superior de la letra y arrastrarlos hacia arriba. Vamos a ponernos un poco, a ver si hemos seleccionado
todo lo que necesitamos. Veo que me faltaron
estos dos puntos, así que seleccionaré todo de
nuevo y los arrastraré hacia arriba. A continuación, selecciona estos puntos
y arrástralos hacia abajo. Por último, seleccionemos
la ruta de la letra E. Seleccione estos puntos
y arrástrelos hacia arriba. Después selecciona los
puntos inferiores y
arrástralos hacia abajo. Gran trabajo. Como recordarás, después de
estirar la letra B, también la hicimos más estrecha Suministremos la misma
animación a estas cartas. Empecemos por la letra. Presiona su camino para
revelar los puntos. Ahora vamos a seleccionar los puntos lado derecho de
la letra y
moverlos dos veces hacia la izquierda
usando la tecla de flecha izquierda en el teclado, mientras mantenemos pulsada
la tecla Mayús. Ahora vamos a seleccionar los puntos del
lado izquierdo y
moverlos dos veces hacia la izquierda
manteniendo presionada la tecla
Mayús nuevamente. A continuación vamos a seleccionar la
ruta de la letra. Seleccionaremos esta
sección y la moveremos una vez hacia la izquierda mientras mantenemos
presionada la tecla Mayús. Lo mismo va para este lado. Ahora pasemos al pie de la letra. Seleccionaremos esta porción y la
moveremos una vez a la izquierda. A continuación, seleccione esta sección. Y muévelo una vez a la derecha. A lo mejor una vez más. Movamos esta
sección una vez más. Bien, ahora pasemos
a la letra C. Pero no olvidemos dar click en el camino de esta carta
para ver sus puntos. Ahora vamos a seleccionar estos puntos y moverlos
dos veces hacia la derecha. Después seleccionaremos esta
sección y la moveremos
una vez hacia la izquierda mientras
mantenemos presionada la tecla Mayús. Lo mismo se aplica aquí. Ahora haz lo mismo
con la letra E. Selecciona este lado y
muévalo dos veces hacia la izquierda. Veamos cómo se ve. Bien, me di cuenta de que la carta no se
ve muy bien. Ajustemos un poco su trayectoria. Para ello,
seleccionaremos su ruta. Tenga en cuenta que es crucial pasar cursor sobre el marco clave
que queremos cambiar Para cambiar
la ruta correctamente, traiga el indicador de tiempo aquí mientras mantiene presionada
la tecla Mayús. De esta manera, el indicador de tiempo se ajustará a los fotogramas clave
más cercanos. Ahora acerque y seleccione
este punto primero. Así, sólo entonces haga clic
en el punto deseado. Movamos este punto
ligeramente hacia arriba. Ahora hagamos lo mismo
para la parte superior. Podemos afinar la posición de este punto usando las teclas de flecha. Bien, ahora demos
un paso atrás y lleguemos
al segundo número dos. Hasta este punto, no
queremos ningún cambio en la
animación de los pads. Por lo tanto, necesitamos tener exactamente
los mismos fotogramas clave que
en el segundo número uno. Para lograrlo,
presionemos aquí. Ahí hemos creado
marcos clave así como este. Ahora pasemos
al segundo número tres y restablecamos los caminos
a su forma inicial. Pero si seleccionamos
todos los fotogramas clave de todas las capas de esta manera, copiaremos y pegaremos las capas. En lugar de sólo pegar
los fotogramas clave, pegué las capas Y eso no es lo que
quiero evitar eso, necesitamos copiar y pegar fotogramas
clave de una
capa a la vez. Presionaré el control Z
para deshacer mi acción. Para copiar solo los fotogramas clave, necesitamos copiarlos uno
por uno de cada capa. Seleccionemos este
fotograma clave, presione el control C y ahora presione el control V para pegarlo en la ubicación
del indicador de tiempo Hagamos lo mismo con
las otras capas. Aquí podemos copiar estos dos fotogramas clave porque ambos pertenecen a la misma capa. Excelente, ahora vamos a seleccionar
todos los fotogramas clave y presionar F nueve y cambiar
su velocidad para hacer esto, mantenga presionada la tecla Alp y haga
doble clic en uno
de los fotogramas clave Escribamos 85, 85 aquí, igual que hicimos para la
letra B al principio. Bien, después de ajustar el trazado, hagamos las
letras más gruesas y creemos una animación
para su trazo. Al igual que hicimos
con la letra B. Seleccionemos todas las capas. Ve al inicio
de la animación y elige el blanco como color
de trazo. Ahora vamos a la
barra de búsqueda y escribamos trazo. Agrandar un poco este panel. Ahora vamos a crear los
primeros fotogramas clave para todos en este momento. Y cambiar el valor
del trazo a cero. Ahora vamos a presionarte para que veas solo los fotogramas clave sin
los otros parámetros alrededor. A continuación, pasemos
al segundo número uno, y creamos fotogramas clave con
un valor de 40 para cada uno. Entonces movamos 1 segundo
hacia adelante y presionemos aquí
para crear fotogramas clave sin ningún cambio de valor porque tenemos una pausa en
la animación en este momento. Ahora vamos al final de
la animación y cambiemos
el valor a cero. Después de eso, selecciona
solo los fotogramas clave de trazo para verlos solo. Volvamos a escribir trazo en la barra de búsqueda y presionemos Enter. Ahora vamos a
seleccionarlos todos y presionar F nueve. Después mantén pulsada la tecla Alt
y haz doble clic en una de ellas para acceder al panel de velocidad del
fotograma clave ,
ponla en 95, igual que hicimos para la
letra B al principio Genial. Ahora vamos a mostrar todos los fotogramas clave presionando la tecla U y veamos la
animación que creamos. Bien, ahora solo necesitamos crear la animación de escala como
hicimos para la letra B. Para eso podemos dar click aquí
para mostrar la letra B. Seleccionarla y presionar S para
mostrar su parámetro de escala. Ahora podemos seleccionarlo y presionar el control C para copiar
los fotogramas clave en él. Podemos ocultar de nuevo esta capa. Ahora vamos a seleccionar
todas las letras y presionar el control V para
pegar los fotogramas clave. Para ver los nuevos fotogramas clave,
presionemos una vez, y luego una vez más
agrandemos
un poco este panel y movemos los
fotogramas clave pegados un fotograma hacia adelante, tal como hicimos
con la letra B. Veamos cómo se ve Bien, ahora llevemos carta, volvamos al
panel, enciéndala y deshabilitemos la función tímida. Ahora vamos a asegurarnos de que
no estamos seleccionando ninguna capa, Presionarte una y luego otra vez para ver todos los fotogramas clave
de todas las capas. Rebajemos
este panel y veamos toda
la animación
que hemos creado hasta ahora. Creo que las letras están muy
alejadas entre sí. Vamos a
acercarlos el uno al otro. Por favor, presta atención a
esta parte porque es muy importante saber cómo
ajustar el diseño de tu escena, sobre todo después de que
ya hayamos animado las letras. Esto significa que
necesitamos ajustar los fotogramas clave que
creamos para la ruta. Veamos cómo hacerlo primero. Asegurémonos de que no
estamos seleccionando ninguna capa y tecleemos path en la barra de búsqueda para ver todos los fotogramas clave de todas las capas en
el panel de capas. Tenemos que reorganizar los paneles
como hicimos en la lección cuatro. Bien, recordemos
cómo hacerlo Primero, arrastremos este
panel hacia un lado. A continuación, agrandémoslo un poco. Ampliemos también la vista previa. Podemos reducir esta área así para ver más
de la línea de tiempo. Podemos hacer clic derecho aquí, ir a Columnas, y dar
clic en Estirar. Ahora tenemos más espacio aquí. Ocultemos
también esta zona. Haga clic derecho de nuevo. Vaya a Columnas y haga clic
en Padre y Enlace. Genial, ahora podemos acercar
la línea de tiempo para ver de cerca los fotogramas
clave. Ahora procedamos a
ajustar los fotogramas clave. En primer lugar, llevemos
el indicador de tiempo a la posición de los fotogramas clave que
queremos ajustar o cambiar. Colóquelo al
inicio de la animación, en el segundo número cero, ¿dónde se encuentran los primeros
fotogramas clave del camino? Y luego muévalo hacia la izquierda. Bien, sigamos adelante. Es muy importante no
seleccionar todos los fotogramas clave, sino seleccionar o colocar el cursor sobre el fotograma clave específico
que desea cambiar También movamos la
letra con la letra U. Nos moveremos a la derecha para la letra necesitamos
seleccionar ambos fotogramas clave, y luego moverlos ligeramente
hacia la derecha también. Por último, vamos a seleccionar
los marcos clave de la letra B y
moverlos a los dos de la derecha. Ahora pasemos a
los últimos fotogramas clave. Es importante mover el indicador de
tiempo
mientras se mantiene presionada la tecla Mayús para colocar el indicador de tiempo exactamente
en los fotogramas clave. Cambiémoslos a
fotogramas clave como al principio. Seleccione estos fotogramas clave,
presione el control C y luego controle V para
pegarlos en la posición actual. Hagamos esto para el
resto de las capas. Veo que la letra
C toca la letra. Vamos a arreglar eso. Pongámonos en el marco clave cuando suceda
en el segundo fotograma clave. Ahora vamos a seleccionar este fotograma clave y mover la letra
ligeramente hacia la izquierda También necesitamos cambiar este fotograma clave para mantener
la pausa correctamente Vamos a apoyarlo, copiar este
fotograma clave y pegarlo aquí. Veamos cómo se ve. Creo que es bueno. Ahora podemos devolver el arreglo del panel
a su estado original. En primer lugar, cierra
la barra de búsqueda. Vamos a arrastrar este panel
hacia abajo y soltarlo. Cuando vemos que la
zona inferior se vuelve gris claro. Ahora vamos a restaurar las funciones
ocultas. Haga clic derecho aquí, vaya a
columnas y haga clic en estirar. Haga clic derecho de nuevo, vaya a columnas y haga
clic en padre y enlace. Bien, hemos terminado con la parte
difícil y complicada de esta animación. Ahora pasemos
a la parte divertida y mejoremos la apariencia y
animación de nuestra escena. Pero antes de eso,
es posible que desee tomar un descanso rápido
durante unos 10 minutos. levántate de tu silla, estírate un poco y
hazte un poco de café. Te dará la oportunidad de
recargar tu cerebro antes de la siguiente
lección. Nos vemos ahí.
40. Sección 9, parte 3: Empecemos por
colorear las letras. Podemos cambiar el
color a partir de aquí, pero luego necesitamos colorear el
trazo en el mismo color. Este método es ideal
para aquellos que quieren colorear el relleno y el
trazo en diferentes colores. En nuestro caso, queremos que cada letra esté
pintada en un color. Si lo hacemos de esta manera,
será un poco desafiante, porque si queremos
cambiar el color, tendremos que
cambiar el color
tanto del relleno como del trazo.
Es menos conveniente. Veamos cómo
hacerlo correctamente. Ve a efectos y presets y busca un
efecto llamado píldora Ahora vamos a arrastrar el
efecto a la capa de la letra para ver
nuestra paleta de colores, vamos a arrastrarla a la escena. Ahora volvamos a
los controles de efecto. Y para ver el efecto, necesitamos seleccionar esta capa. Cambiemos el color
del efecto a este color. Arrastremos el efecto a la letra y
cambiémoslo a este color. Sigamos haciendo esto
por el resto de las cartas. Podemos oscurecer un poco este color. Bien, así podemos borrar
la paleta por ahora. Ahora pasemos a crear el offset
para nuestra animación. Decidamos que la letra
B empiece a moverse primero, así que la dejaremos en su lugar. Ahora vamos a
avanzar tres fotogramas. Podemos acercarnos un poco. Ahora vamos a seleccionar todas las capas excepto la letra
B y moverlas aquí. Ahora vamos a mover
otros tres fotogramas y mover estas capas aquí. Continuar haciendo esto
hasta la última capa. Podemos deseleccionar esta capa
manteniendo presionada la
tecla de control y haciendo clic en ella. Ahora vamos a mover tres fotogramas hacia adelante y presionar la tecla del soporte
izquierdo. Una vez más, mantengamos presionada la tecla de control y hagamos clic en
esta capa para deseleccionarla. Mueva tres cuadros hacia adelante y
presione la tecla del soporte izquierdo. Hagamos esto por última vez. Genial. Ahora
veamos cómo se ve. Se ve bien. Pero en mi opinión, el desplazamiento es un poco demasiado grande. Seleccionemos las capas que
movimos y movamos
dos marcos hacia atrás. Mantengamos el control y hagamos
clic en la capa para desseleccionarla y mover las capas
seleccionadas dos fotogramas hacia atrás Sigamos haciendo esto
hasta la última capa. Intencionalmente repito
estas acciones para que te
acostumbres a presionar las teclas correctas, así tu flujo de trabajo
será súper eficiente. Ahora como puedes ver, porque estas capas
empiezan desde aquí, no
podemos ver las letras al inicio
de la animación. Seleccionemos todas las capas
que movimos y las extendamos
así hasta que todas las capas lleguen al inicio
de la animación. Ahora vamos a recortarlos usando el atajo Alt y el corchete izquierdo. Con eso, hemos terminado crear el offset
para las capas. Bien, sigamos adelante ahora. Una vez completada
la animación de las letras, puede anidar todas las capas
en una pre comp. Para ello utilizaremos el control de
atajo shift C,
Nómbrelo , animación de texto principal. Asegúrese de que ambos estén
seleccionados y haga clic en Bien. Presionemos el control para salvar el proyecto
antes de continuar. Ahora entremos en la
nueva composición y redimensionémosla para eliminar cualquier espacio
vacío e innecesario Presiona el control K para acceder a
estos ajustes de composición. Asegúrese de que la vista previa esté seleccionada. Y ahora vamos a ajustar
las dimensiones. Establezca el ancho en 1,200
y la altura en 700. Ahora eliminemos las guías porque ya no las necesitamos. Vaya a Ver y haga clic
en Borrar guías. A continuación, naveguemos hasta el final de la
línea de tiempo y acortemos el área de trabajo para que
aún podamos ver todas las capas Coloque el
indicador de tiempo aquí y presione para recortar la pieza innecesaria. Haga clic derecho y seleccione
Trim Comp dos, área de trabajo. Ahora volvamos a la composición
principal y habilitemos colapsar en esta pre comp para verla en su máxima calidad. Ya no necesitamos los
guías aquí tampoco, pero esta vez
aprendamos a ocultarlos. Para ello, usa el control de
atajo y la semical y la tecla Excelente. Ahora hagamos que la animación sea aún más impresionante agregando
una animación a escala. Vamos a crear el primer fotograma clave al inicio
de la animación, porque queremos que la capa esté en su tamaño actual
en ese punto. Ahora vamos al
fotograma 12 y escalemos esta capa asimétricamente
usando la propiedad Value Haga clic aquí para desbloquear
las dimensiones de esta propiedad y establecerla en 50. Bien, ahora
vamos al primero, al segundo y restablecemos la
capa a su tamaño original como estaba al
principio a 100 aquí. Avanzando, lleguemos al punto en el
que el texto vuelve
a su estado inicial. Vamos a crear fotogramas clave
con el valor actual, porque hasta este punto
queremos que la capa mantenga
su tamaño actual. Ahora movamos 12 fotogramas hacia adelante y cambiemos
el valor a 120. Por último, en el tercer segundo, volvamos a devolver la capa
a su tamaño original. Ahora vamos a seleccionar
todos los fotogramas clave y aplicar un poco de
flexibilización usando F nueve A continuación, ajustemos la velocidad de estos fotogramas clave
usando el editor de grafos. Seleccione los fotogramas clave aquí y mueva sus
asas hacia la izquierda. Hagamos lo mismo
del otro lado. Apliquemos estos cambios a
estos marcos clave también. Salga del editor de gráficos
y vea cómo se ve. No se ve bien. Tratemos de acortar todos estos fotogramas clave Pasemos al fotograma número
12 y seleccionémoslos. Ahora, mantenga presionada la tecla
Alt y mueva el último fotograma clave hacia el indicador de tiempo mientras
mantiene presionada la tecla Mayús Vamos a verlo ahora que es mejor. Hagamos lo mismo aquí. Ahora vamos
a emparejar la animación de
escala con la
animación de escala que tenemos en la animación de letras seleccionar todos estos fotogramas clave y
moverlos un fotograma hacia adelante. Creo que el momento es mejor. Ahora,
te estoy mostrando este método, para que entiendas que cuando
creamos una animación, nunca
sabemos dónde colocar los fotogramas clave o el
timing con precisión. Constantemente hacemos
cambios mientras trabajamos. Bien, y ahora
que ya tenemos la animación de
texto hecha, veamos cómo podemos hacer que
se vea aún mejor. Nos vemos en la siguiente parte.
41. Sección 9, parte 4: Bienvenido de nuevo. Hagamos que
se vea aún mejor. En primer lugar,
agrandemos toda esta
capa en la escena. No obstante, si la ampliamos
a través del parámetro scale, arruinaremos la
animación porque ya
tenemos
fotogramas clave en este parámetro. Cuando agrandamos la capa, se crearán
nuevos fotogramas clave, que no es lo que queremos. Hazlo correctamente,
podemos usar un objeto nulo. ¿Qué es un objeto nulo
en los efectos posteriores? Un objeto nulo es un tipo
de capa que
no se renderiza ni aparece en
la pantalla anterior, sino que se puede utilizar como
punto de referencia para otras capas de
la composición. Es una capa invisible que se
puede utilizar para
controlar la posición, rotación, escala y otras propiedades de otras
capas en la composición. Una de las principales
ventajas de usar un objeto nulo
es que permite
controlar múltiples capas a la vez en lugar de tener que ajustar
cada capa individualmente. Por ejemplo, puede
padre de varias capas a un objeto nulo y luego controlar
las capas con el nulo. Vamos a crear un nuevo objeto nulo. Haga clic derecho aquí, vaya a Nu
y seleccione objeto nulo. El nulo se coloca
en el centro de la capa, y
eso es excelente. Ahora podemos vincular nuestra precomp a la capa nula usando
el padre y el enlace Arrastremos el látigo pick de
la precomp al nulo. Seleccionemos la
capa nula y procesemos para mostrar el
parámetro de escala de esta capa. Ahora cuando lo ampliemos, el texto precomp
también escalará en consecuencia Escribamos 150. Ahora
podemos eliminar el nulo. Excelente, vamos a
crear este barrido genial que repasa el texto. Para ello, vamos a asegurarnos de que no
estamos seleccionando ninguna capa. Después sigue adelante y selecciona
la herramienta rectángulo. Apaga el trazo y
deja el color blanco. Nuevamente, les recuerdo que se
aseguren de que no estamos
seleccionando nada. Y ahora vamos a
crear un rectángulo. Ahora selecciónala aquí y presiona R. Vamos a rotar esta
capa 20 grados. Vuelve a la herramienta de selección
y mueve la capa aquí. Ahora vamos a animarlo. En primer lugar, vayamos
al inicio de
la animación y pulsemos P para
ver el parámetro de posición. Cree el primer fotograma clave cuando la capa esté en su posición
actual. Después ve a la segunda
y mueve la capa aquí mientras mantienes presionada la tecla Mayús para que la capa se mueva
en línea recta. Ahora vamos a seleccionar los
fotogramas clave y presionar F nueve. Después, mantén presionada la tecla Alt y haz
doble clic en uno
de los fotogramas clave. Ponlo a 85, 85
aquí y presiona bien. Después de eso podemos cortar la capa. Ahora presiona Alt y
el corchete derecho. Ahora encontremos el
momento en el que queremos que comience
el barrido. Empecemos en el
fotograma número 12, justo antes de que el texto se estire
a su máximo agradable. Ahora para que
este barrido sea visible solo en
los bordes del texto,
podemos usar la función track mat y hacer que esta capa sea un alfa de la capa pre
comp después de los efectos. Una alfombrilla de pista es una función que permite
utilizar una capa para controlar la visibilidad o
transparencia de otra capa. Específicamente, una
estera alfa es un tipo de alfombrilla de pista que utiliza
el canal alfa, que es la
información de transparencia de una capa para determinar la
visibilidad de otra capa. Estoy hablando de este
tema a fondo y de una de las lecciones del curso
gratuito que mencioné al
inicio de este curso. Si quieres entender
este tema en profundidad, no dudes en ver la lección. Puedes encontrar el enlace
a él en el archivo PDF ubicado en la carpeta principal
que descargaste de mí. Bien, hagamos
clic aquí y saquemos el látigo de selección de la capa de Matt de la
pista sobre el texto pre comp También podemos ver el texto. Volvamos a encenderlo.
Veamos cómo se ve. Ahora puedes cambiar el
color del dulce a cualquier otro color. Lo
dejaré en blanco. Ahora podemos presionar para ver el parámetro de opacidad y
reducir la opacidad a 50 Veamos cómo se ve. Se ve bien. Ahora vamos a
duplicar esta capa. Presione el control D y mueva la nueva capa ligeramente
hacia adelante en el tiempo. Volvamos a verlo.
Quizá un poco más. Eso es mejor. Bien, sigamos adelante. Ahora, seleccionemos esta capa, presionemos Enter y cambiemos
su nombre para barrer una. Para esta capa, la
llamaremos barrido dos. Ahora vamos a crear
este aspecto grungy que vemos en el resultado final Primero necesitamos crear
una animación para una textura específica y luego
combinarla con el texto. Empecemos y creamos la animación para
la textura grungy Para ello, usaremos la imagen de la pizarra que
tenemos en el proyecto Si alejamos un poco, podemos ver que
esta imagen es muy grande para un flujo de trabajo más
conveniente. Sigamos adelante y creamos
una nueva composición vacía, donde crearemos la
animación para esta imagen. Para crear una nueva composición, usemos el control de accesos directos. Ahora definamos los ajustes
para la nueva composición. En primer lugar, vamos a
llamarlo textura grunge. Cambia el tamaño al tamaño con el que
estamos trabajando actualmente, que es de 1,920 píxeles de ancho
y 1080 píxeles de alto Dejaremos la velocidad de
fotogramas en 24, y la duración de esta
composición será de 15 segundos. Ahora apaga el fondo
y arrastra la imagen aquí, porque la imagen
es bastante grande. Presionemos S y bájala. Intentemos 45. Tal vez
50. Eso es mejor. Ahora vamos a animar esta capa. Para ello, animaremos los parámetros de rotación y
posición Comencemos con el parámetro
position, presione P y cree los primeros fotogramas clave al
comienzo de la línea de tiempo. Ahora presionemos para ver los fotogramas
clave del parámetro de rotación aquí también. Ahora para ver todos los fotogramas clave, vamos a presionarte después de eso, vamos a acercar la línea de tiempo y mover cuatro fotogramas hacia adelante. Ahora vamos a rotar la
capa así. Bien, veo que lo hemos
reducido demasiado. Vamos a agrandarlo simétricamente. Mantenga presionada la tecla Mayús mientras escala. Eso
debería ser suficiente. Ahora vamos a mover la posición de la
capa aquí. Entonces vamos a mover otros
cuatro fotogramas hacia adelante. Gire la capa y
muévala a una posición diferente. Sigamos haciendo
esto algunas veces más. Nuestro objetivo es crear una apariencia diferente en
la escena cada cuatro fotogramas. Bien,
veamos cómo se ve. Veo que en este punto, la imagen subió demasiado. Parémonos sobre estos fotogramas
clave y ajustemos la posición de la capa
ligeramente hacia abajo. Ahora la capa está siempre
dentro de los límites de la escena. Y ahora para que esta
animación sea más interesante, necesitamos seleccionar
todos los fotogramas clave. Haga clic derecho en uno de ellos y conviértelos en marcos clave de
toggle hold. Ahora la animación se verá
así en un estilo stop motion, pero el movimiento parece demasiado rápido. Vamos a llegar al segundo número uno. Y cuando se seleccionen todos los
fotogramas clave, mantenga presionada la tecla alt y mueva el último fotograma clave
a la posición del indicador de tiempo mientras mantiene presionada la tecla
Mayús también Creo que así se ve
mejor. Ahora necesitamos hacer que esta
animación se reproduzca sin cesar. Para lograrlo, necesitamos
crear una expresión, tal como lo hicimos en lecciones
anteriores. Mantengamos presionada la
tecla Alt y hagamos clic una vez en el icono del cronómetro
del parámetro de posición Ahora haga clic aquí en
la flecha pequeña, vaya a la propiedad y seleccione la expresión
llamada ciclo Loopout. Ahora da clic aquí para
finalizar la acción. A continuación, escribamos, hagamos clic en el parámetro y copiemos
solo la expresión. Y luego pegarlo en
el parámetro de rotación. Presiona control V. Ahora incluso después del final
de los fotogramas clave, la animación hace un bucle
y sigue reproduciendo. Creo que es excelente. Vamos a verlo una vez más arriba. Ahora cerremos la
capa y volvamos a nuestra composición principal para integrar esta animación
con el texto. Primero, arrastremos el nuevo pre
comp a nuestra composición. Nuevamente, para ver la textura solo dentro de los límites del texto. Arrastraremos el pickwhip
de la pista mad de la textura pre comp a
la preparación del texto Excelente. Y para mezclar la
textura con los colores del texto, podemos dar click aquí y elegir modos de fusión
interesantes. Pero en lugar de entrar manualmente para verificar cada modo de fusión, simplemente
podemos seleccionar esta capa, mantener presionada la tecla Mayús y presionar la tecla más o menos. De esta manera podemos cambiar rápidamente entre diferentes modos de
fusión. En nuestro caso, elegiremos Color Dodge para refinar un poco
la textura. Podemos buscar el
efecto llamado niveles, arrastrarlo a esta pre comp. Y ajustar los deslizadores aquí hasta lograr un resultado
interesante También podemos agregar un efecto
adicional llamado curvas y controlar el
contraste de la textura. Bien, cerremos los efectos y acerquemos un poco para
ver cómo se ve. Si quieres desactivar
el efecto en esta capa, puedes hacer clic aquí y desactivar
rápidamente los efectos. Veamos cómo se ve
todo junto. Creo que la textura
es un poco demasiado fuerte. Entonces presionemos la tecla y
bajemos un poco la opacidad. Vamos a establecerlo en 50. Creo que eso se ve mejor. Además, podemos
mejorar
aún más la visibilidad de nuestra animación de texto con un efecto frío llamado pantallas
turbulentas Para usar este efecto correctamente, vamos a crear una capa
de ajuste. Clic derecho. Ve a Nuevo y
elige capa de ajuste. Una capa de ajuste es una capa
vacía creada
al tamaño de composición donde podemos aplicar efectos y crear
filtros para nuestra escena. Bien, ahora escribamos aquí desplazamiento
turbulento,
arrastremos el efecto a la capa de
ajuste y ajustemos los parámetros.
Vamos a acercar un poco. Nuestro objetivo es hacer que el
texto parezca menos rígido. Queremos darle un aspecto
ligeramente distorsionado. Experimentemos con
estos dos parámetros hasta lograr
el resultado deseado. Creo que diez por cantidad y cinco por talla
deberían funcionar bien. Ahora desactivemos
el efecto y acerquemos un poco para observar cómo se ve con y
sin el efecto En mi opinión, todavía necesitamos
hacer algunos ajustes
a los parámetros. Eso es mejor. Ahora
hagamos que esta cosa se mueva. Vamos a abrir las
opciones de evolución y ajustar el parámetro que controla
la aleatoriedad del efecto Pero en lugar de
crear fotogramas clave, usaremos una expresión muy
simple. Mantengamos presionada la tecla
Alt y hagamos clic una vez en la bruja Stop de la propiedad llamada Random Seed. Ahora vamos a desplazarnos
un poco hacia abajo y escribir en la línea de expresión el tiempo
multiplicado por ocho. Ahora vamos a dar click aquí para terminar la acción y
ver qué tenemos. Ahí lo tienes.
La forma del texto se mueve de una manera genial,
gruesa y aleatoria Ahora vamos a cerrar todos
los parámetros de esta capa y cambiar su nombre
por el nombre del efecto. Podemos seleccionar el efecto aquí. Presiona Enter y copia
el nombre con el control C. Seleccionemos la capa de
ajuste, presionemos Enter y pegamos el nombre
con el control V. Excelente, vamos
a configurar la pantalla de previsualización para que encaje y veamos qué tenemos. Ahora hagamos que esta animación se
reproduzca de una manera sucias. Podemos hacerlo usando un efecto de tiempo
posturizado. Para usar este efecto
en toda la escena, podemos crear una nueva capa de
ajuste y agregarle este efecto. Vaya a la pestaña de efectos y busque el efecto de
tiempo posturizado Ahora podemos establecer la velocidad de
fotogramas en 12, haciendo que esta animación
parezca que se está reproduciendo en 12 fotogramas por segundo. Veamos cómo se
ve. Se ve bien. Ahora puedes configurarlo ocho cuadros por segundo
si quieres que juegue, incluso de una
manera más gruesa. Volvamos a verlo. Bien, pongámoslo de
nuevo a 12 y sigamos adelante. Pero antes de eso presione el control
S para salvar el proyecto. Ahora vamos a copiar el nombre de los efectos y pegarlo en la capa
de ajuste. Genial. Ahora volvamos
al panel del proyecto, seleccionemos la paleta de colores
y creamos un nuevo sólido para el fondo Presiona el control Y. A continuación, muestrea este
color y presiona bien. Después mueve el sólido hacia abajo
antes de renderizar la escena. Recortemos el área de
trabajo para evitar renderizar
piezas innecesarias en la línea de tiempo. Ahora ve al segundo número, 3.12 fotogramas y presiona Ahora vamos a verlo una
vez más antes de renderizar. Bien, creo que se
ve excelente. Ahora pulsemos control
y optemos por renderizarlo en el formato
0.264 de alta calidad,
que es un formato MP four de alta calidad Entonces elegiremos
renderizarlo en nuestra carpeta de renderizado. Vamos a asegurarnos de que
el nombre es bueno. Haga clic en Guardar y luego haga clic en Render. Esperemos un momento. Bien, ahora veamos
qué tenemos. Se ve fantástico. Como es habitual, puedes subir este video en redes
sociales y mostrarlo
en tu sitio web de portafolio, y por supuesto, usar esta
animación para tu próximo proyecto. Bien, ahora volvamos a
nuestro proyecto y organicémoslo. Antes de cerrarlo,
podemos cerrar este panel
y estos precomps Vamos al panel del proyecto y creamos una carpeta
llamada assets. Arrastraremos la paleta de colores, la imagen de textura y la carpeta de
sólidos a ella. Ahora vamos a crear otra
carpeta llamada precomps. Y arrastra a él todos los precomps que creamos en el
proyecto, a excepción de la composición principal Etiquetemos la composición principal
en azul con esto. Hemos completado la
lección final de este curso. Si le pareció agradable el
curso, califíquelo en función su experiencia y
proporcione comentarios. Enhorabuena a todos por el arduo trabajo y
espero verles
en el próximo curso.
42. Tarea de proyecto de texto en Motion: Hola, Impresionante trabajo completar todas las lecciones y llegar a la etapa de tareas en
casa. Tu tarea es llegar a
un título súper genial usando cuatro o cinco
tipos diferentes de animación de texto. Al igual que hice en este ejemplo. Tienes total libertad para ser creativo y experimentar
con los colores, el texto y las técnicas de animación que aprendimos en el curso. Incluso puedes agregar algunas animaciones de
fondo funky para que el título sea más pegadizo Estoy muy emocionada de ver
lo que se te ocurre.
43. Conclusion: Señoras y señores,
hemos llegado al final
de este viaje. Quiero tomarme un momento para
reflexionar sobre lo lejos que
llegas, subes de nivel tus habilidades, das vida al texto y te unes al vibrante
mundo del diseño de movimiento. Ahora es el momento de que
tomes todo
lo que aprendas y lo apliques
a tu propio proyecto. Ya sea que esté
buscando impresionar a sus clientes o darle vida a
su sitio web de cartera, ahora tiene las habilidades y los conocimientos para dar vida a
sus visiones. Y recuerda que este curso
es solo el comienzo. El diseño de movimiento es un campo en
constante evolución, y siempre hay más
que aprender y explorar. Así que sigue experimentando, superando tus límites y compartiendo tus creaciones con el mundo Quiero agradecer a todos y cada uno de ustedes por formar
parte de este viaje, y no puedo esperar a
verles en el siguiente.
Valeri Visuals, Adobe After Effects Instructor
