{"id":10378,"date":"2019-09-02T06:00:02","date_gmt":"2019-09-02T04:00:02","guid":{"rendered":"https:\/\/www.cpaonline.es\/blog\/?p=10378"},"modified":"2020-04-13T14:11:19","modified_gmt":"2020-04-13T12:11:19","slug":"la-importancia-de-los-keyframes-en-after-effects","status":"publish","type":"post","link":"https:\/\/www.cpaonline.es\/blog\/postproduccion-digital\/la-importancia-de-los-keyframes-en-after-effects\/","title":{"rendered":"La importancia de los keyframes en After Effects"},"content":{"rendered":"\n

Los keyframes, tambi\u00e9n denominados fotogramas clave son la base de la animaci\u00f3n en After Effects. Adem\u00e1s de la l\u00ednea de tiempo, el fotograma clave es la herramienta de animaci\u00f3n m\u00e1s importante en After Effects.<\/p>\n\n\n\n

Definiendo los keyframes<\/strong><\/h2>\n\n\n\n

Los fotogramas clave son marcadores en el tiempo que le permiten indicar a After Effects d\u00f3nde desea cambiar el valor de una propiedad de capa o efecto, como posici\u00f3n, opacidad, escala, rotaci\u00f3n, cantidad, recuento de part\u00edculas, color, etc. Al establecer estos \u00abmarcadores\u00bb y cambiando los valores que creas animaci\u00f3n.<\/p>\n\n\n\n

Cada proyecto que realices en After Effects va a tener una l\u00ednea de tiempo. Es en esta l\u00ednea adonde se agregan los fotogramas clave para crear movimiento. Los keyframes se configuran en el panel de Linea de tiempo, ah\u00ed le indicaremos d\u00f3nde va a comenzar nuestra animaci\u00f3n y d\u00f3nde va a terminar.<\/p>\n\n\n\n

He aqu\u00ed donde reside la importancia, ya que el fotograma clave se utiliza en todo tipo de propiedades y efectos. No solo nos van a permitir mover de un lado al otro un objeto, rotarlo o cambiar la opacidad del mismo. En cualquier tipo de efecto que vayamos a utilizar vamos a necesitar de estos keyframes.<\/p>\n\n\n\n

C\u00f3mo configurar fotogramas clave en After Effects<\/strong><\/h2>\n\n\n\n

Ahora que conocemos qu\u00e9 son y por qu\u00e9 son importantes, es hora de conocer c\u00f3mo utilizarlos en After Effects. El primer paso ser\u00e1 colocarnos en la l\u00ednea de tiempo donde queremos que la animaci\u00f3n comience. Escogeremos aquella propiedad que queramos cambiar (posici\u00f3n, opacidad, rotaci\u00f3n) y pulsaremos el cron\u00f3metro o relojito. Despu\u00e9s nos deplazaremos en la l\u00ednea de tiempo hasta el minuto o segundo que queremos que dure esa animaci\u00f3n o efecto, ajustaremos el valor y autom\u00e1ticamente se genera otro fotograma clave.<\/p>\n\n\n\n

Para que se forme ese segundo keyframe tan solo has de modificar los valores de posici\u00f3n, rotaci\u00f3n, opacidad o el efecto elegido. \u00a1\u00a1Recuerda que si pulsas el relojito de nuevo, borrar\u00e1s todo el trabajo realizado en la animaci\u00f3n de ese objeto!!<\/strong><\/p>\n\n\n\n

Tambi\u00e9n es importante conocer que puedes seleccionar varios keyframes a la vez mediante rect\u00e1ngulos de selecci\u00f3n o haciendo click sobre ellos individualmente. Veremos que cambian a un color amarillo. As\u00ed, podemos desplazar el conjunto o acelerar y decelerar la animaci\u00f3n redistribuy\u00e9ndolos arrastrando uno del extremo de la selecci\u00f3n con Alt pulsado.<\/p>\n\n\n\n

Por otro lado, si lo que nos interesa es repetir los valores de un keyframe<\/strong>, no hace falta hacerlo de nuevo. Podemos utilizar el comando Ctrl+C<\/strong>  para copiarlos y pegarlos en otro momento o incluso en otra capa con Ctrl+V. Si queremos eliminar el keyframe con seleccionarlo y pulsar la tecla suprimir, se borrar\u00e1.<\/strong><\/p>\n\n\n\n

M\u00e1s caracter\u00edsticas sobre los keyframes<\/strong><\/h2>\n\n\n\n
  • Navegaci\u00f3n.<\/strong> La navegaci\u00f3n por keyframes es muy sencilla. Al lado del reloj hay unas flechas que van a permitir trasladarnos de un keyframe a otro.<\/li><\/ul>\n\n\n\n
    • Interpolaci\u00f3n temporal.<\/strong> Nos va ayudar a ralentizar o acelerar el movimiento de la animaci\u00f3n. Esta puede ser acelerada (beizer) o continua (linear). Asimismo, debemos tener presente que un keyframe siempre va a tener un fotograma de entrada y otro de salida. Para modificarlo, tan solo deberemos situarnos en el fotograma y al hacer clic con el bot\u00f3n derecho seleccionaremos el keyframe Assitant. Aqu\u00ed tenemos tres posibilidades: Ease Ease (con el que deceleraremos tanto al llegar a \u00e9l como a la salida), Ease Ease in (solo decelerar\u00e1 el de llegada) y Ease Ease out (la salida se acelerar\u00e1). Pero si en vez de curvo, queremos hacer un keyframe lineal, clicaremos en \u00e9l hasta que se convierta en un rombo o hagamos clic derecho y seleccionemos Keyframe Interpolation\/Temporal Interpolation.<\/li><\/ul>\n\n\n\n
      • Interpolaci\u00f3n espacial.<\/strong> Con ella describiremos la ruta que deben hacer los objetos en una capa, es decir, estaremos animando su posici\u00f3n en la capa. Esta puede ser lineal o curva. Para cambiar el movimiento podemos usar la herramienta pluma y trazar la ruta a seguir, as\u00ed como modificarla una vez trazada. Aunque tambi\u00e9n podemos utilizar la Spatial Interpolation ubicada en la Keyframe Interpolation, que hemos visto antes.<\/li><\/ul>\n\n\n\n
        • Hold.<\/strong> Es otro tipo de fotograma que nos va ayudar a mantener. De este modo, mantendremos constante el valor de la propiedad hasta el siguiente, donde adoptar\u00e1 el nuevo valor sin transici\u00f3n. Para ello utilizaremos el Toogle Hold Keyframe. Ver\u00e1s que adopta la forma de rect\u00e1ngulo.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"

          Uno de los programas m\u00e1s utilizados en postproducci\u00f3n es el After Effects. Conocer el funcionamiento de sus fotogramas clave o keyframes te ayudar\u00e1 a lograr unos resultados espectaculares en tus v\u00eddeos.<\/p>\n","protected":false},"author":20,"featured_media":10380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[2148,1407],"class_list":["post-10378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-postproduccion-digital","tag-after-effects","tag-curso-de-postproduccion"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/posts\/10378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/comments?post=10378"}],"version-history":[{"count":7,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/posts\/10378\/revisions"}],"predecessor-version":[{"id":11416,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/posts\/10378\/revisions\/11416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/media\/10380"}],"wp:attachment":[{"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/media?parent=10378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/categories?post=10378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cpaonline.es\/blog\/wp-json\/wp\/v2\/tags?post=10378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}