After Effects CC avanzado: Expresiones para motion graphics

Qué expresión utilizamos

¡Prueba gratis durante 10 días

nuestros 1246 cursos !

Prueba gratis Mostrar modalidades de suscripción
Para realizar la animación del cuadrado desde el principio hasta el final de nuestro proyecto, vamos a utilizar una expresión que nos permite animar, elegir el momento del tiempo en que sucederá dicha animación, la velocidad y la duración.
09:57

Transcripción

Bueno pues vamos a empezar, y vamos a empezar ya manchándonos las manos como si estuviéramos en la cocina y empezáramos a cocinar porque lo primero que os estoy enseñando es la expresión que vamos a utilizar para poder hacer una de la animaciones que tiene nuestro proyecto y que nos va a permitir que podamos parametrizar el tiempo de comienzo y el tiempo de final. Te voy a explicar un poco cómo funciona esta expresión. Lo primero que tenemos es el "ease". Básicamente lo que nos permite esto es que la animación que generemos con el resto de la expresión tenga siempre una aceleración y una desaceleración, eso lo conseguimos gracias a "ease". Después abrimos un paréntesis y ponemos "time" y una ",", eso siempre lo vamos a dejar igual, y lo que viene a continuación es todo lo que nosotros vamos a poder modificar. Fijaros que tenemos el "inPoint", esta parte de la expresión podemos ponerla o quitarla, va a depender de cómo queremos que se comporte la capa. Fijaros que si pongo "inPoint", yo voy a poder decidir el tiempo de comienzo de la animación, teniendo en cuenta dónde está comenzando la capa en el "timeline". Si lo quito, pues va a empezar desde el principio de la composición, siempre la animación. Luego lo vamos a ver en la práctica. "comienzo" es una variable que nosotros vamos a crear, que básicamente lo que decide es el tiempo en el que queremos que comience. O bien desde el "inPoint" el punto de entrada de la capa, si hemos dejado esta parte de la expresión, o bien desde el comienzo de la composición. Es decir que si pongo un "1" en esta variable, que luego os voy a enseñar cómo se hace, lo que ocurrirá es que la capa, si tenemos "inPoint", empezará un segundo después de donde la capa empieza en la composición, y si no tenemos el "inPoint", empezará al segundo de la composición. Lo mismo vamos a tener para el final, donde va a terminar la animación, y lo mismo ocurre con el "inPoint". Si ponemos el final, será desde el comienzo de la capa, o desde el comienzo de la composición, si hemos quitado el "inPoint". Y después generamos un "array". El "array" va a ser la posición inicial que queremos que tenga nuestro elemento, en nuestro caso va a ser el cuadrado, lo separamos con una coma, y la posición final que queremos que tenga nuestro cuadrado, en, por supuesto, los dos ejes de coordenadas, en el eje "x" y en el eje "y", y terminamos todo esto con otro paréntesis. Esta es la expresión que vamos a utilizar para animar el cuadrado en este proyecto. Así que voy a desminimizar el panel de composición con el acento grave, el acento invertido, y vamos a generar un elemento que va a ser un cuadradito, y vamos a hacer que el cuadradito se mueva. Lo voy a hacer en principio con un sólido, que va a ser más fácil, y luego ya nos metemos en harina con las capas de forma. Fijaros que voy a generar un sólido, que voy a llamar "cuadrado", le vamos a dar un tamaño de "50 por 50", por ejemplo, un poco más, quizás, para que no sea tan pequeño, "80 por 80". Vamos a hacerlo ya de un colorcito similar al que después utilizaremos, y le vamos a aplicar la expresión para que se mueva. Vamos a generar las variables para que sea sencilla de leer, porque esta va a ser nuestra expresión final, así es cómo va a terminar físicamente la expresión, pero delante, nosotros definiremos todas las variables. Así que fijaros, voy a desplegar la propiedad de "Posición", ya tengo copiada yo esa expresión directamente, la he copiado de esta capa de texto, y voy a generar la expresión en mi capa de "cuadrado", activo la tecla "Alt" y pego directamente mi expresión. Vamos a empezar a definir esas variables. La primera variable que necesitamos es "comienzo", así que voy a decir, "comienzo" va a ser igual, y aquí vosotros podéis decidir, si queréis que sea igual a un valor fijo, o si queréis que sea igual ya a un valor parametrizable, por ejemplo, con un "Control de expresión". Vamos a ponérselo para que ya veáis como funciona. Me voy a ir a "Efecto" y al propio cuadrado, para no complicarnos la vida, le vamos a cargar un "Control de expresión" que sea un "Control de deslizador". Ese "Control del deslizador", le voy a cambiar el nombre con la tecla "Enter" y lo voy a llamar "inicio animación". Como quiero que el "comienzo" dependa del inicio de la animación, básicamente lo que voy a hacer es con el "Pick Whip", decirle que lea el valor de ese "Slider". ";" porque no es la última línea. Vamos a duplicar este control de expresión y vamos a llamarlo "fin animación" al que acabo de duplicar, porque con este control de expresión lo que vamos a hacer es parametrizar el segundo valor que va a ser el "fin" por supuesto. Así que le doy al "Enter" para generar nueva línea, genero la siguiente variable, "fin =", y la hago con el "Pick Whip" que lea el valor del "Deslizador" ";" porque no es la última línea. Luego veremos si dejamos el "inPoint" o no para que veáis la diferencia. Después nos vamos a ir a generar los valores de "[x_inicial", "y_inicial"]. Básicamente lo que vais a hacer aquí es definir la posición inicial de vuestro cuadrado. Vamos a definirla por tanto, genero la primera variable "x_inicial =", y, por ejemplo, podemos hacer que sean los valores originales de la capa. Vamos a poner "value = [0]", esto lo que hace es que "x_inicial" sea igual al valor original que yo tenga en la posición de mi capa. ";" porque no es la última línea. Generamos la variable "y_inicial" que va ser igual a, vamos a hacer lo mismo: "value = [1]". El "1" en este caso representa obviamente la coordenada "y", ";" y generamos una nueva línea para la posición final de... Vamos a estirar un poco el campo. Como os decía, generamos una nueva línea, para el "x_final" y el "y_final". Vamos a poner, por tanto, esa nueva variable "x_final". Es muy importante que no pongáis mayúsculas ni minúsculas donde no hay que ponerlas, quiero decir que si mi "x" en vez de ser una minúscula fuera una mayúscula, ya me daría un error la expresión. Para poder definir la posición final de mi sólido, lo que vamos a hacer es cargar otro "Control de expresión". Por ejemplo, fijaros, voy a cargar un "Control de expresión" que sea el "Control de punto". El "Control de punto" me permite físicamente mover la posición final. Por lo tanto, lo que voy a hacer es vincularme a cada uno de los ejes directamente. El "x_final" lo voy a vincular con el "Pick Whip" a la coordenada "x", ";", y generamos la variable de "y_final", que va a ser igual a la coordenada "y" del punto. ";" porque no es la última línea. Fijaros que ya hemos definido la variable de comienzo que la tenemos dentro de mi expresión aquí, la variable de "fin" que la tenemos dentro de mi expresión aquí, la variable posición "x_inicial" que está aquí, que hemos decidido que sea el mismo valor "x", la variable "y_inicial", que hemos decidido que sea el mismo valor "y" y el "x_final" que lo vamos a poder controlar con este "Control de punto" y el "y_final", que también lo podremos controlar con este "Control de punto". ¿Qué parámetros tenemos que decidir ahora? Pues en qué momento queremos que empiece la animación y en qué momento queremos que termine, cuál va a ser la posición inicial de mi cuadrado, y cuál va a ser la posición final. Con eso, habremos conseguido que el cuadrado se mueva. Fijaros que ahora que ya he terminado de escribir la expresión, ya no da ningún error, y básicamente lo que vamos a hacer es decidir dónde queremos que esté el cuadrado al principio y dónde queremos que esté al final. Vamos a decir que la animación empieza en el segundo "1", vamos a decirle que termina en el segundo "3", y, antes de que comencemos la animación, después de ajustar el parámetro de comienzo de tiempo en el "1" y el final en el "3", hay una cosa importante, porque si no, no va a salir con esta configuración que he generado, y es que necesitamos que la posición inicial coincida con los valores iniciales que yo tengo ahora mismo en el "Control de punto". Por ejemplo, "40,0, 40,0" que es el valor que tengo en este momento. Tened en cuenta que esto es simplemente para que entendáis cómo funciona la expresión que acabo de cargar en la capa. Si ahora quisiera realizar la animación, lo único que tengo que hacer es decidir si lo voy a mover en "y" o lo voy a mover en "x". Vamos a mover un poquito en "x", por ejemplo, hasta ahí, y fijaros como lo que va a ocurrir es que en el momento que llegamos al segundo "1", el cuadrado empieza a moverse, y en el momento que llegamos al segundo "3", el cuadrado termina de moverse, y además tiene una animación de aceleración, desaceleración. Para poder ver esa animación lo único que necesitamos es irnos al gráfico de curvas, asegurarnos que estamos en el "Editor gráfico" y pinchar en este icono, que os va permitir ver la animación, teniendo en cuenta lo que está haciendo la expresión con ella. Bueno, pues esta es la expresión en la que nos vamos a basar para realizar toda la animación de los cuadrados. Lo que haremos es que un cuadrado esté relacionado con el anterior para que todo funcione automáticamente, pero ya has visto en qué nos vamos a basar y cuál es la base de la animación del cuadrado. Y vamos a, gracias a esta expresión, poder parametrizar el valor del inicio de la animación y el valor del fin de la animación para que después el editor, en Premiere, pueda tocar esos parámetros.

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.