Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

After Effects CC avanzado: Expresiones para motion graphics

Generamos la primera línea animada

¡Prueba gratis durante 10 días

nuestros 1288 cursos !

Prueba gratis Mostrar modalidades de suscripción
Para las líneas que acompañan a la aparición de las dos capas de texto generaremos una capa de forma y la vincularemos a los parámetros de tiempo inicial y final, para que se sincronicen automáticamente con su modificación.
09:23

Transcripción

Voy a dejar la capa de texto debajo del cuadrado inicial para que ya la tengamos ubicada aproximadamente en la composición en la ubicación que le toca. Así tenemos un orden que también es lógico, aunque aún no funcione el "Track Matte". Y vamos a generar el elemento gráfico que son las líneas que aparecen de izquierda a derecha al tiempo que entran las dos capas de texto. Voy a generar una nueva capa de forma, voy a utilizar la Pluma y voy a acercarme un poco para más o menos tratar de ver la zona por la que voy a trabajar con más detalle. Voy a hacer una línea que va a empezar en la zona del cuadrado, no me importa, en principio, mucho su ubicación. Voy a terminar un poquito más tarde de "Martínez", digamos que por ahí. Le vamos a quitar el Relleno y le vamos a poner el Trazo. Le voy a poner un Trazo aproximadamente de 3 de grosor. Vamos a echar un vistazo, a ver, nos alejamos un poquito y vemos, más o menos, cómo está funcionando esa línea. Por lo que veo, estamos demasiado en el borde del cuadrado. Esto no me está terminando de gustar. Y nos convendría hacer un ajuste en la posición del texto de "Antoñete". Fijaros que el texto de "Antoñete", si nos vamos a sus ajustes de posición, vemos que tiene una posición "Y" de 347, vamos a bajar un poco el texto digamos que 10 puntos, lo vamos a dejar en 358 y, obviamente, en su posición tenemos que hacer la misma corrección al principio porque si no, va a estar más arriba "358". Esto nos da un poquito de margen para poder mover esa línea que acabo de hacer un poquito más abajo también. Bien, pues vuelvo a la Capa de Forma, le vamos a dar el nombre de "Líneas", vamos a desplegar las líneas inicialmente, nos vamos a ir al Contenido Forma ahí tenemos la Posición de la forma, en principio no nos importa mucho si vamos a utilizar la Posición de la Transformación del trazado o la Posición de la Capa, pero como vamos a tener dos líneas, es más interesante que lo hagamos con la animación de la posición del propio trazado. Lo primero que necesitaríamos es que el punto de anclaje no se encuentre en el medio, porque lo que vamos a hacer después para que nuestras líneas crezcan de la misma manera que crece el texto, es que el punto de anclaje se encuentre en la parte de la izquierda y, de esa manera, podemos hacer un cambio de escala. Así que vamos a llevar el punto de anclaje hacia la izquierda, más o menos a esa ubicación. No necesito que sea muy exacto porque no voy a estar visualizándolo, porque va a estar oculto tras la capa del cuadrado, así que, más o menos con eso me sirve. Vuelvo a llevar la línea al sitio. Tampoco me importa mucho la posición inicial. Y vamos a dejar, ahora sí, la línea un poquito más por abajo del cuadrado, que eso es lo que no me gustaba antes que estuviera pasando. Bien, pues ahora lo que necesitamos es hacer algo que haga que sea posible que la línea aparezca. Y eso lo vamos a poder hacer con los modificadores que tienen nuestras capas de Forma. Lo que sí que voy a hacer, para poder duplicar la forma y aprovecharme de esta animación es activar la Forma. Tener en cuenta que, cuando agregamos los modificadores, estos se van a cargar, o bien, al final del contenido; es decir, si yo tengo seleccionada la capa de Forma principal, el modificador se cargará después de la Forma que tengo ahora mismo dentro del contenido. Si yo tengo seleccionada la Forma, el modificador se cargará dentro de esta Forma. Así que lo que voy a hacer es agregar ahí con la Forma seleccionada el modificador de Recortar Trazados, de esta manera, se carga a continuación del trazado, y cuando yo duplique la forma, para tener esa segunda línea, pues ya no necesito hacer esta animación porque ya estará hecha inicialmente. Si, en vez de tener seleccionada la Forma, hubiéramos tenido seleccionada la Capa Principal, cuando aplico el Recortar Trazados, como véis, se carga a continuación. Eso hace que, cuando duplique esta Forma, no se duplique Recortar Trazados con ella. Esas cosas hay que tenerlas en cuenta porque cuando estamos animando, lo que nos vamos a ahorrar es trabajo fundamentalmente. Bueno, pues vamos a cargar el Recortar Trazados, el Recortar Trazados debe desactivar la visualización para que veamos bien y vamos a poner la Calidad en Completa. Recortar Trazados lo que hace fundamentalmente es que yo pueda, como véis, hacer este tipo de operaciones sobre la línea. Si animo primero el Fin, vamos a conseguir que la línea aparezca y si después animo el Inicio, voy a conseguir que la línea desaparezca. Ese es el truco. Así que lo que voy a hacer es cargar primero en la propiedad de Fin la expresión y ponerle un poco de "delay" después en Inicio. Voy a volver a copiarla otra vez para no tener que escribir todo ese texto de expresión a mano. Nos vamos a ir al cuadrado. Voy a darle de nuevo a la "E" dos veces para que me muestre la expresiones y en la propiedad de Posición voy a copiar la expresión. No voy a utilizar la expresión exactamente igual, pero bueno, no hay problema por que ahora la modificamos pero, de esta manera, lo que estoy haciendo es ahorrarme tener que escribir un montón de texto. Así que, solamente por eso, ya vale la pena el copiar y pegar. Voy a pegar por tanto ahí la expresión y fijaros que esto es un parámetro que va de cero a cien nada más y voy a desactivar la expresión. Lo que queremos es que empiece en 0 y termine en 100, o sea que, obviamente, sabemos cuáles son sus valores iniciales y finales. Y lo que está claro es que no tenemos un "array", no necesitamos una propiedad bidimensional porque estamos trabajando con una propiedad unidimensional. Lor lo tanto, este "array" que tenemos aquí no nos va a hacer falta. Vamos a empezar a modificar, vamos a añadir de entrada el "delay". Voy a poner un "delay" inicial de 0.8 en el comienzo y en el final un "delay" de 1.5. A ver si con estos valores tenemos suficiente. Voy a quitar lo que es todo esto de aquí, el "x_inicial" que no lo vamos a utilizar. Voy a generar una nueva variable que voy a llamar "valor_inicial" y va a ser igual a cero, y aquí no hay ni trampa ni cartón, quiero que empecemos en cero para que la línea aparezca. Después mi valor final tiene que ser, voy a generar la nueva variable, tiene que ser obligatoriamente cien, por lo tanto, pongo punto y coma, y esos dos valores ya están fijos. Lo que voy a hacer ahora es, simplemente, quitar el "array", esta parte que teníamos entre corchetes, y vamos a poner directamente "valor inicial"; quitamos el "array" de la otra parte y ponemos el "valor_final". Con eso ya tengo cargado lo que va a ser la animación de esta línea, pero me falta animar también el Inicio. Así que voy a coger esta expresión, que me va a servir exactamente igual, y se la voy a cargar al Inicio. Pero estamos viendo que todavía me da un error, así que vamos a repasar un momento la expresión a ver dónde me he equivocado, que seguramente será un error de escritura. Bueno, si os fijáis, aquí donde he puesto "valor inicial", se me ha olvidado poner el guión bajo, así que lo vamos a añadir y con esto ya tenemos que tener la expresión funcionando. Vamos a irnos por tanto a Inicio y vamos a añadir la misma expresión y lo único que voy a hacer es cambiar los valores de "delay". Voy a modificar el "delay" inicial, vamos a hacer que esto vaya más tarde, o sea, yo creo que, de hecho, lo que voy a hacer es poner los valores invertidos. Vamos a cambiar estos de aquí. Ahora corregiremos el posible error que tengamos vamos a poner 0.7 y 0.8 aquí, porque primero tiene que aparecer esta parte de la línea y después la otra. Bien. Ahora sí. Aquí los valores están correctos también. Tenemos que empezar en cero y tenemos que terminar en cien y como he copiado antes de hacer la corrección del error, tengo que volver a poner el guión bajo. Bien, pues vamos a echar un vistazo a ver como está terminando la animación de la línea. Luego, si hace falta, haremos los ajustes, cuando tengamos el "Track Matte", pero, de momento, nos vamos a quedar con esos valores que, en principio, parece que están correctos. Ahora lo que nos faltaría es generar la segunda línea de nuestra animación.

After Effects CC avanzado: Expresiones para motion graphics

Emplea el panel de gráficos esenciales de After Effects para aplicar expresiones y así poder realizar múltiples cambios posteriores en el proceso de edición en Premiere Pro.

2:50 horas (33 Videos)
Actualmente no hay comentarios.
 
Fecha de publicación:22/05/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.