After Effects

Cómo realizar animaciones orgánicas en 2 clics con After Effects

En este tutoblog, vas a aprender a realizar animaciones orgánicas en muy pocos pasos y de manera sencilla con After Effects. Una animación no es algo complicado de entender (ni de hacer), aunque lo pueda parecer al principio, cuando te pones en marcha con un programa como After Effects.

En esta ocasión, lo primero que quiero hacer es definir, de manera resumida, qué es una animación y cómo se crean. Esto te será útil si acabas de iniciarte en este mundo y no sabes muy bien cómo funcionan las animaciones.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Básicamente, para crear animaciones trabajamos con los fotogramas. Cuando tenemos un fotograma en un punto de la línea de tiempo, podemos darle unos valores concretos, y en otro punto otorgarle valores distintos. Los fotogramas o pasos intermedios que quedan entre esos valores de inicio y final, son los que componen la animación.

A continuación te muestro una imagen, donde puedes apreciar cómo se ven dos fotogramas (de inicio y final) en una capa de After Effects.

Se pueden animar casi todo tipo de valores:

  • Posición.
  • Tiempo.
  • Tamaño.
  • Sombras.
  • Colores.
  • Opacidad.

Y la lista podría ser más amplia.

Tipos de animaciones

Las animaciones se dividen principalmente en 3 tipos.

Por un lado, tenemos las animaciones lineales, que siempre se mueven de la misma forma, sin cambios de ningún tipo. Dentro de After Effects, en el Editor de gráficos, se vería así:

Y como tercer tipo encontramos las animaciones en curva o Bezier. La diferencia es que, las animaciones lineales (incluso si están emparentadas) son muy mecánicas. Es decir, nada estéticas a la vista.

Cuando necesitamos que esos efectos y movimientos sean más naturales u orgánicos, tenemos que recurrir a las animaciones en curva, ya que tienen momentos de aceleración, desaceleración, y cambios de cualquier tipo. En el Editor de gráficos se ven así:

Ahora bien, hay dos formas de crear este tipo de curvas.

La primera es la más tediosa, que sería ir creando uno a uno todos los fotogramas. Asignándoles sus valores y demás. Esta manera es muy potente, pero si tienes poco tiempo y no necesitas algo muy complejo, realmente no te lo recomiendo. Por suerte, existe una alternativa que consigue esto en solo un par de clics. Y es la que te voy a enseñar ahora.

Animaciones orgánicas con Ease & Wizz

Ease & Wizz es un script, es decir, es como un plugin para After Effects. Sirve para crear de forma automática algunas animaciones con movimientos muy orgánicos y vistosos.

Lo puedes descargar desde este enlace a su web oficial. Aunque veas que hay una casilla que indica un precio, es opcional. Es decir, la empresa te da la opción de que pongas tú el precio que consideres a modo de donación. Pero también puedes dejarlo en cero y descargarlo gratis.

Yo, desde luego, recomiendo siempre pagar algo, aunque sea poco, ya que así damos el valor que se merecen las personas que crean estas herramientas que nos ayudan tanto.

Ease and Wizz

Una vez descargado, instálalo en tu ordenador siguiendo las instrucciones que verás en el documento Read Me al descomprimir el archivo descargado.

Cuando lo hayas hecho, abres o creas un proyecto en After Effects. Debes tener creada ya alguna capa que quieras animar.

Entonces, ve al menú superior y haz clic en la pestaña Ventana. De todas las opciones que aparecen, al final del todo te debería aparecer el script que acabas de instalar (siempre y cuando lo hayas instalado bien, claro). Así es como deberías verlo:

Cuando lo selecciones, se te abrirá una ventana pequeñita de Ease and Wizz. Para no tenerla abierta en medio del proyecto, ya que resultaría muy molesto, puedes anclarla a cualquiera de los paneles o monitores.

Por ejemplo, puedes colocarla en el panel de la derecha, para que sea más fácil de ubicar.

El siguiente paso es seleccionar con el mouse todos los fotogramas que vayas a animar de una capa concreta. Luego, ve al panel de Ease and Wizz y configura 3 opciones muy sencillas. En la primera, hay que decidir el tipo de animación. El script ofrece todas estas:

  • Expo.
  • Circ.
  • Quint.
  • Quart.
  • Quad.
  • Sine.
  • Back.
  • Bounce.
  • Elastic.

Por ejemplo, puedes escoger Bounce, que crea un efecto de rebote.

La segunda opción a configurar se llama Type y es para elegir si se aplica la animación en el inicio, en el final de la animación, o en ambos.

Por último, en la opción Keys hay que decir en qué fotogramas se va a aplicar el efecto. Es posible hacerlo en el primero, en el primero y en el último, o en todos. Yo te recomiendo que la dejes en All. Finalmente, solo queda darle al botón Apply para confirmar los cambios.

¡Y listo!

Si le das a previsualizar la animación, verás que se ha creado ese efecto de manera inmediata. No tienes que hacer nada más, con lo cual, este es un recurso muy útil que puede servir en numerosas ocasiones. Lo importante es no complicarse la vida.

Ya es cuestión de que vayas experimentando con las opciones que ofrece la herramienta.

Y aquí concluye este tutoblog completo sobre cómo realizar animaciones orgánicas en 2 clics con After Effects.

Recuerda que si quieres aprender a editar con After Effects a un nivel avanzado, puedes echarle un vistazo al curso de After Effects, donde aprenderás en profundidad a crear animaciones, efectos y grafismos de todo tipo en 8 horas.

La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca de las animaciones que vayas creando en After Effects a partir de ahora.

¡Nos vemos en el siguiente Tutoblog!

Cómo realizar animaciones orgánicas en 2 clics con After Effects Leer más »

Los mejores 54 atajos de teclado para After Effects

En este tutoblog, te comparto una amplia selección de atajos de teclado para After Effects, un programa increíble, que permite transformar vídeos en obras de arte gracias a efectos visuales, animaciones y motion graphics. Sin ninguna duda, este programa te ofrece un mundo nuevo de posibilidades.

Para disfrutar del listado completo de atajos, rellena el formulario que aparece al final para suscribirte a la Newsletter de RBG Escuela.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Si estás comenzando con este programa y te cuesta un poco llevar un buen ritmo en la edición o sientes que no estás aprovechando al máximo sus funcionalidades, con estos 54 atajos de teclado podrás terminar tus trabajos mucho más rápido. También es posible que descubras cosas nuevas que desconocías sobre el programa. ¡Vamos!

Los mejores 54 atajos de teclado para After Effects

1) Ctrl/Cmd + I

Este atajo es para importar los archivos o materiales que quieras para tu proyecto.

2) Ctrl/Cmd + Alt/Opt + Shift + K

Este atajo te ayudará a trabajar la flexibilidad de tus dedos, pero también sirve para abrir el cuadro de ajustes del proyecto.

3) V

Activa la herramienta Selección.

4) H

Activa la herramienta Mano. Esta sirve para moverse por el monitor de previsualización con zoom, por ejemplo.

5) Mantener Espacio o botón central del ratón

Si solo quieres activar temporalmente la herramienta Mano, usa cualquiera de estas opciones.

6) C

Activar y desplazarse por la herramienta Cámara.

7) Activar la herramienta Panorámica trasera (punto de anclaje)

Con esto puedes mover el punto de anclaje.

8) Q

Este atajo es para la herramienta Máscara y Forma. Además, si presionas repetidas veces, se alterna entre rectángulo, rectángulo redondeado, elipse, polígono y estrella.

9) Ctrl/Cmd + T

Activar la herramienta Tipo (texto). Y si volvemos a presionar, cambiaremos de Tipo Horizontal a vertical.

10) G

Herramienta Pluma y Calado de máscara.

11) Ctrl/Cmd

Una manera rápida de activar temporalmente la herramienta Selección cuando trabajes con la pluma.

12) Ctrl/Cmd + Alt/Opt

Activar temporalmente la herramienta Pluma cuando esté seleccionada la herramienta Selección. Eso sí, para ello, el puntero debe estar sobre un trazo (para agregar vértices).

13) Ctrl/Cmd + B

Con este atajo se pueden activar las herramientas Pincel, Tampón de clonar y Borrador. También te permite desplazarte por ellas.

14) Ctrl/Cmd + P

Activar y desplazarse por las herramientas de Posición libre.

15) A

Con esta tecla puedes mostrar sólo la propiedad Punto de Anclaje. En el caso de que quieras hacerlo para luces y cámaras, sería Punto de interés. Necesitas tener la capa en cuestión seleccionada, como en los atajos que siguen.

16) L

Muestra solo la propiedad Niveles de Audio.

17) LL

Muestra solo la forma de onda del audio.

18) P

Muestra solo la propiedad Posición.

19) R

Esta tecla solo muestra las propiedades Rotación y Orientación.

20) RR

Muestra solo la propiedad Reasignación de tiempo.

21) S

Muestra solo la propiedad Escala.

22) E

Muestra solo el grupo de propiedad Efectos.

23) U

Muestra propiedades con los fotogramas clave.

24) UU

Muestra solo las propiedades modificadas.

25) F

Esta tecla muestra solo la propiedad Suavizado de máscara.

26) M

Muestra la propiedad Máscara.

27) T

Muestra solo la propiedad Opacidad, para trabajar con las luces e intensidad.

Lista con los mejores Atajos para After Effects | RBG Escuela

Y aquí concluye este tutoblog completo sobre los mejores 54 atajos de teclado para After Effects. Ahora, no olvides rellenar el formulario que encontrarás más abajo para obtener la infografía completa de atajos.

Por cierto, si quieres aprenderlo todo sobre la edición y animación con After Effects, te recomiendo que accedas al curso de After Effects que puedes encontrar en la Escuela.

La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca de tus ediciones en After Effects a partir de ahora.

¡Nos vemos en el siguiente Tutoblog!

Descarga la infografía con los atajos y recibe nuestra Newsletter en el formulario de abajo

Los mejores 54 atajos de teclado para After Effects Leer más »

7 atajos para trabajar más rápido en After Effects

Utilizar After Effects puede resultar muy complicado al principio. La verdad es que es un programa con una curva de aprendizaje relativamente grande y, si no aprendes a utilizarlo de manera efectiva, puedes pasarte horas y horas para crear animaciones o efectos que no tienen mucha complicación en realidad.

Este fantástico programa cuenta con un montón de atajos y trucos que se pueden utilizar para hacernos la vida un poquito más fácil o cómoda a la hora de editar.

Por eso, en este tutoblog te voy a mostrar los 7 atajos preferidos de Rubén para trabajar más rápido en After Effects. Se trata de una selección de los que más utiliza en su día a día con sus vídeos y te los voy a explicar aquí, paso a paso.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

No obstante, si este programa te suena a chino y nunca lo has utilizado, entonces frena un poco, porque creo que necesitas ver algo antes de leer este tutoblog. Te recomiendo que leas este otro tutoblog sobre los 10 primeros pasos para empezar en After Effects, donde aprenderás a manejarte de forma cómoda en el programa, y a entender cómo funciona realmente.

Vas a aprender cómo optimizar tu flujo de trabajo en After Effects de una vez por todas. ¡Adelante!

Los 7 atajos más eficaces de After Effects

Para que no tengas que ir dando clic a cada una de las herramientas del programa y perderte entre los menús, las pestañas y los diferentes monitores que tiene, te voy a presentar los principales atajos para After Effects.

Con ellos vas a trabajar la mayor parte del tiempo y te ahorrarán mucho tiempo. Son estos:

1) Atajo V: la tecla V corresponde a la herramienta ”vector” y sirve para poder seleccionar objetos y moverlos.

2) Atajo H: la tecla H es la herramienta ”mano” y sirve para mover toda la composición en general. Si con la anterior se mueven objetos, con esta se pueden realizar ajustes o correcciones muy precisas y moverse por cualquier parte de la composición.

3) Atajo G: la tecla G es la herramienta ”pluma” y sirve tanto para crear formas (si no hay ninguna capa seleccionada) y crear máscaras (si hay alguna capa seleccionada).

Pluma After Effects

Herramienta pluma After Effects

4) Atajo S: pulsando la tecla S podrás modificar la escala (o tamaño) del objeto que necesites. Tienes que tener la capa seleccionada antes de pulsarla, claro. Luego, puedes darle de nuevo para ocultar los ajustes de escala.

5) Atajo P: con este atajo, modificas la posición del objeto en la composición.

6) Atajo T: la tecla T sirve para modificar la opacidad del objeto y jugar con el nivel de transparencia.

7) Atajo R: la tecla R permite modificar la rotación de los objetos.

Enlaces Dinámicos: Imprescindible si trabajas con Premiere

Si acostumbras a editar tus vídeos con Premiere y creas algunas animaciones o efectos con After Effects, seguro que alguna vez te ha pasado lo siguiente:

Exportas una composición de After Effects, la importas a Premiere y posteriormente al timeline. Cuando la ajustas al vídeo, te das cuenta de que no te gusta cómo ha quedado y quieres hacerle algunos cambios, o crear otra diferente.

¿Qué haces?

Pues lo normal, ¿no? Abrir de nuevo la composición en After Effects y modificar lo que haga falta. Vuelves a exportar y a llevarlo a Premiere… y así sucesivamente.

Pero eso NO es lo normal. Hay una forma de poder editar las composiciones directamente desde Premiere, y esto lo conseguimos gracias a los enlaces dinámicos.

Para mostrártelo, voy a enseñarte un ejemplo de un tutorial que Rubén editó en Premiere, al que le quiso añadir una pequeña cortinilla con After Effects. Si ya la hemos importado y queremos cambiarla, lo primero que tenemos que hacer es crear un sólido de algún color, por ejemplo.

Asegúrate de ajustar el tamaño a la duración que quieres que ocupe la animación después.

Lo siguiente es darle clic derecho a ese clip que has creado y seleccionar ”reemplazar con composición After Effects”.

Ahora, ve a After Effects y verás que, al lado de tu composición original, aparece otra pestaña que en el caso de Rubén se llama [nombre de la composición] Comp. vinculado [nº del proyecto de Premiere]. O lo que es lo mismo, así:

Te aparecerá lo que hayas creado en Premiere y, a partir de ahí, puedes hacer todos los cambios que quieras. Y tan solo con guardar los cambios en After Effects, todas las modificaciones aparecerán automáticamente en Premiere.

Sin tener que exportar, ni importar de nuevo. ¡Seguimos!

Curva de animación de fotogramas

También conocido como ”editor de gráficos”, esta función permite modificar la forma en la que se anima el movimiento entre un fotograma y otro. Por defecto, tal y como After Effects hace las transiciones, el movimiento puede resultar muy poco natural, como mecánico y soso.

Pero es posible cambiarlo.

Primero, hay que convertirlos mediante ”desaceleración suave/aceleración suave”. Tienes que seleccionar con el ratón los fotogramas que quieras convertir, das clic derecho en uno de ellos y eliges ”asistente de fotogramas clave > desaceleración/aceleración suave”.

Verás que el icono de los fotogramas ha pasado de ser un rombo a un relojito de arena. Lo siguiente que hay que hacer es ir al editor de gráficos, que se encuentra aquí:

Editor de gráficos After Effects

Cuando le des, te debería salir la curva de esa animación en concreto. Si no te aparece, tendrías que darle al botón que tienes justo abajo y se llama ”elegir tipo y opciones de gráfico” y luego a ”editar gráfico de velocidad”. Te lo muestro también en imagen para que lo ubiques fácilmente:

Fíjate que, a la izquierda de la curva, el programa te indica tanto la posición como la velocidad a la que se mueve la animación.

Si haces clic en cualquiera de los extremos de la curva (que representan a cada fotograma), y arrastras hacia la derecha o izquierda, podrás ir modificando la forma de la curva y, por tanto, indicar en qué parte la velocidad será menor y en qué parte mayor. ¡Adelante, ve experimentando!

Emparentar y Desenfoque de movimiento

El recurso de emparentar es muy útil para animar varios elementos de la secuencia al mismo tiempo. Por ejemplo, imagina que tienes un texto que se mueve y quieres añadirle un fondo que se mueva a junto con él, al mismo tiempo.

Pues, en vez de tener que crear el fondo y animarlo aparte, solo tendrías que crearlo y emparentarlo con el clip de texto.

¿Cómo se hace?

Para el ejemplo, Rubén crea un fondo con un color sólido, haciendo clic derecho y dando a ”nuevo > sólido”. Tú puedes escoger el color que quieras. Mueve el marcador del timeline hasta la parte donde creas que el fondo estaría bien con respecto al texto.

Coloca el sólido que has creado debajo de la capa del texto, para que se vea detrás. Entonces, solo tienes que irte al icono en forma de espiral que aparece a la derecha del todo. Pinchas en él y, dejando pulsado, arrastras la línea que te aparece sobre la capa en la que tienes el texto.

Lo vas a ver mucho más fácil en la imagen:

Lo que sucede es que el movimiento del texto y del fondo van al mismo tiempo.

Otro efecto que le gusta utilizar mucho a Rubén para este tipo de animaciones y que tú también puedes usar, es un desenfoque de movimiento. Cuando hay transiciones rápidas, queda muy natural y también más estético.

Para hacerlo es súper fácil, solo tienes que darle al icono que vas a ver en la imagen, que tiene como 3 círculos superpuestos. Y si no te aparecen en el monitor, tienes que cambiar más abajo entre conmutar definidores o modos. Si quieres, también puedes activar la previsualización, para que puedas ver cómo queda el efecto mientras estás editando.

Si tu ordenador no es muy potente y se ralentiza, desactiva la previsualización y entonces verás el efecto cuando hayas exportado el vídeo.

Sigue los pasos de la imagen:

Atajos extra

Estos atajos también te pueden venir fenomenal, así que toma nota:

1) Atajo U: este atajo muestra todos los fotogramas de animación que se hayan creado en una capa que esté seleccionada. Es muy cómodo, porque no hay que ir desplegando flechitas en la capa hasta llegar a ellos. Pero este atajo tiene otro truco. Imagina que, además de la posición, se ha animado también la escala. En caso de querer ver todos los cambios realizados, habrá que darle 2 veces a la tecla U y aparecerán los fotogramas de todos los ajustes.

2) Atajos J y K: esta combinación es muy útil cuando se lleva un rato trabajando en un proyecto, sobre todo si hay un montón de fotogramas creados. Cuando necesitas hacer pequeños ajustes en alguno de ellos, tienes que ir pasando de fotograma en fotograma para no equivocarte. Si tienes el zoom del timeline muy alejado, es una tarea muy engorrosa. Así que usando la tecla J, te moverás al anterior fotograma y con la tecla K te irás al siguiente.

3) Atajos B y N:estos atajos son muy cómodos cuando solo se desea ver el resultado de un área de trabajo muy concreta. Por ejemplo, si tu composición dura 10 segundos, pero tú has trabajado solo en los primeros 4, es posible delimitar esa área. Simplemente hay que poner el marcador de tiempo en el principio y pulsar la tecla B, que establece el inicio del área de trabajo. Luego, hay que hacer lo mismo llevando el marcador hasta donde se quiera que termine y pulsar la tecla N, que es el final.

Ampliación de tiempo

Para este efecto de cámara lenta avanzada, Rubén usó un clip que pertenece al curso completo de After Effects, en el que aparece caminando con la bici al atardecer. En este ejemplo,

Rubén lo recortó (con el atajo V, arrastrando los extremos) porque no lo necesitaba entero.

Se quedó con 3 segundos, aunque delimitó su área de trabajo en 9 segundos.

La idea es aportar al clip una cámara súper lenta, sin que se vea entrecortado (como ocurriría en Premiere). Entonces, usando la ampliación de tiempo junto con la interpolación de fotogramas, queda perfecto.

Así que ve al clip y haz clic derecho sobre él, y luego a ”tiempo > ampliación de tiempo”.

En la ventana que sale, aparece la duración actual del clip, cuánto se le puede ampliar y debajo saldrá la duración final, cuando se haya ampliado. Esto funciona un poco distinto que en Premiere, porque si se pone un 50% de ampliación, reduce la duración a la mitad.

Entonces, hay que escribir un porcentaje un poco exagerado, para que After Effects lo multiplique. Por ejemplo, si se escribe un 300% de ampliación, lo que hará el programa será multiplicar ”3 segundos x 300” básicamente. El resultado es un clip de 9 segundos, que era lo que necesitaba Rubén para este caso.

Ahora, la interpolación de fotogramas va a ayudar a corregir un pequeño error que en Premiere no tiene solución, el cual hace que la cámara lenta no sea fluida y nítida, sino que vaya a trompicones.

Hay varias maneras de aplicar esta interpolación, que las puedes ver si vas al menú superior y haces clic en ”capa > fusión de fotogramas”. Concretamente, son estas:

1) Desactivado: duplica los fotogramas para rellenar los huecos que faltan.

2) Mezcla de fotogramas: analiza el fotograma anterior y el siguiente, y los funde.

3) Movimiento de píxeles: analiza todos los píxeles del fotograma actual y el siguiente, y los interpreta para crear fotogramas nuevos con píxeles nuevos también.

Solo hay que probar entre los diferentes modos, para ver cuál queda mejor en cada caso.

Estas mismas tres opciones se pueden encontrar en el icono de interpolación de fotogramas, que se encuentra al lado del de desenfoque de movimiento. Si vas haciendo clic en la casilla, irás alternando entre las diferentes opciones que he comentado.

¡Más atajos extra!

Y para terminar con buen sabor de boca este tutoblog, te doy unos atajos extra de más:

1) Ctrl./Cmd. + M: este es el atajo para ir directamente a la cola de procesamiento, para renderizar y exportar la composición.

2) Atajo F9: ¿Recuerdas cuando aplicaste la desaceleración y aceleración suave a los fotogramas? Había que dar varios clics, así que puedes ahorrarte algunos, si seleccionas los fotogramas y presionas F9. De esa forma se habrán convertido automáticamente.

3) Ctrl./Cmd. + D: este atajo sirve para duplicar cualquier capa que selecciones.

4) Ctrl./Cmd. + Shift + D: esta alternativa sirve para dividir una capa en dos a partir de un punto en concreto, y colocar las partes en pistas separadas.

Y aquí concluye este tutoblog completo sobre los 7 atajos más eficaces con los que trabajar más rápido en After Effects. Pero como has podido ver, te he dado más que 7 atajos… ya que has conocido grandes trucos para dominar con agilidad este programa.

Recuerda que si quieres aprender a utilizar After Effects de manera avanzada para poder sacarle todo su potencial, te animo a que visites el curso completo de After Effects, en el que pasarás de 0 a 100 en 8 horas.

La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca del uso que le das a After Effects.

¡Nos vemos en el siguiente Tutoblog!

7 atajos para trabajar más rápido en After Effects Leer más »

Cómo eliminar un moco en un vídeo con After Effects

El tutoblog de hoy te va a resultar muy útil si sueles hacer trabajos en vídeo, como por ejemplo, videoclips, cortos o incluso cine. Vas a conocer un truco que, por medio de After Effects, te permitirá corregir o eliminar ciertos elementos externos que se cuelan en las escenas, como por ejemplo, un moco. Te voy a explicar el proceso paso a paso, pero si te queda todo más claro en formato vídeo, te recuerdo que puedes ver este tutorial.

Cuando diriges o grabas con tu cámara, normalmente tienes que estar pendiente de muchas cosas a la vez: la iluminación, el enfoque, el encuadre, la interpretación del actor o de la actriz, el texto, etc.

Es imposible darse cuenta de absolutamente todo lo que ocurre en una escena, y por eso, a veces es normal que se puedan colar algunos intrusos. Unos de los más habituales suelen ser los mocos, aunque también pueden ser trozos de restos de comida. La cuestión es que, te pones a editar la secuencia y te das cuenta de que ese moco ahora es bastante evidente.

¿Qué haces si no tienes posibilidad (o ganas) de volver a grabar todas las partes donde aparece?

Pues es muy sencillo, hay que utilizar After Effects.

Ya sabes que este programa es el Santo Grial en situaciones donde hay que añadir efectos o hacer correcciones en postproducción. Si te identificas con esta situación tan incómoda, en este tutoblog vas a aprender, de manera fácil y divertida, a eliminar esos pequeños e inesperados protagonistas.

Pero, antes de nada, tengo que preguntarte: ¿ya sabes usar After Effects?

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Es esencial para que entiendas este tutoblog al completo. Si aún no tienes ni idea de cómo se usa, puedes echar un ojo a este tutoblog sobre Cómo comenzar en After Effects desde cero en 10 pasos.

El origen de este tutoblog

En el siguiente ejemplo, te voy a mostrar una escena del corto que grabó Rubén y vas a ver a Juan que, preso del apetito que surge en las grabaciones entre corte y corte, se comió unas patatas, sin darse cuenta de que un trocito se había quedado enganchado en su bigote. Aquí lo puedes ver:

Moco 1

Rubén no se había dado cuenta cuando grabó ese plano, así que la única opción que le quedaba era quitarlo. Si te ocurre algo así, lo primero que debes hacer es duplicar la capa, puedes hacerlo con el atajo Ctrl + D. En la copia, desactiva el ojito de la capa para que no se visualice, y solo se vea la original.

Básicamente, lo que necesitas es rastrear el movimiento de un punto concreto de la imagen, tanto en el eje X como en el eje Y. Quizás te suene la opción ”rastreador de cámara”, pero esa no tiene nada que ver con esto. La opción que debes usar es la de ”rastreador de movimiento”. La puedes seleccionar desde el panel de la derecha, abriendo la pestaña ”rastreador” y clicando en ”seguir movimiento”.

Moco After Effects

Si no te aparece esa pestaña, la puedes activar pinchando en ”ventana > rastreador”.

Ahora, te saldrá un recuadro pequeño con otro más pequeño aún dentro. El más pequeño sirve para indicar a After Effects de qué elemento en concreto quieres que rastree el movimiento. Y el recuadro que está fuera le indica en qué zona debe rastrear ese movimiento.

Así que clica dentro del cuadro pequeño (sin pinchar en la cruz ”+” que hay en el centro) y arrastra hasta el moco o resto de comida que quieres eliminar.

Rastreador de movimiento After Effects

Fíjate que aparecen unos puntos en cada esquina de los cuadros, con los que puedes modificar el tamaño de los mismos para ocupar el tamaño exacto del objeto que quieras eliminar. También hazlo con el recuadro más grande, sobre todo si en el plano la persona o la cámara se están moviendo.

Lo siguiente es detectar si solo tienes que rastrear el movimiento de la secuencia hacia delante, o si también es necesario hacia atrás. En el caso que te muestro, se necesitan ambas opciones, ya que Rubén tuvo que irse hacia la mitad del clip, porque antes salía desenfocado. Entonces, ¿cómo se puede rastrear en las dos direcciones?

Primero, le vas a dar al play que indica ”analizar hacia delante”. Cuando After Effects termine de analizar la secuencia hasta el final, se parará automáticamente y te mostrará el camino que ha ido siguiendo el moco por todo el plano. Está súper guay, la verdad.



Moco After Effects 2

Continúa el proceso mediante el panel de capas

Verás que en la original aparece la pestaña del rastreador de movimiento, y dentro la de ”rastreador 1”. Si la despliegas, te aparece otra pestaña, ”punto de rastreo 1”. Y si la vuelves a desplegar, te saldrán muchísimos fotogramas, uno por cada movimiento que ha realizado el moco.

Pero como esto solamente no basta, tienes que llevar todos esos fotogramas a un nuevo objeto que esté vacío, lo que se conoce como un ”objeto nulo”. Eso permitirá que se pueda eliminar por completo el moco. Si ya sabes un poco sobre After Effects, te sonará este tipo de objetos, pero si no te suena de nada, no te preocupes. Con saber crearlo y su utilidad, ya te vale. Entonces, para crearlo, haz clic derecho a un espacio libre que haya en el monitor ”proyecto” y selecciona ”nuevo > objeto null”.

Puedes cambiarle el nombre a ese objeto si quieres. En este ejemplo, Rubén lo llama ”movimiento mocarro”. Ahora, vuelve a la pestaña de ”rastreador”, donde antes elegiste la opción ”seguir movimiento”, solo que esta vez tienes que darle a ”editar destino”.

En la ventana nueva que te sale, te da la opción de mover los fotogramas que se han rastreado a cualquiera de las capas que haya creadas.

Solo tienes que seleccionar la capa del objeto nulo, es decir, la capa ”movimiento mocarro”. Después, clica en ”aceptar”.

Antes se ha rastreado el objeto hacia delante, pero no hacia atrás

Con lo cual, lo tienes que dejar hecho. Ve al primer fotograma que se creó en el timeline. Si no te aparece, tienes que desplegar todas las pestañas de rastreador en la capa, o bien pulsar el atajo ”U” con la capa seleccionada.

Una vez colocas el marcador en ese primer fotograma, vuelves a ir a la opción ”seguir movimiento” de la pestaña ”rastreador”, solo que le das al botón de ”play” que indica ”analizar hacia atrás”. Y ya tienes rastreado el movimiento del moco en el clip completo.

Para terminar con esta primera parte del trabajo, dale al botón ”aplicar” también dentro de la pestaña ”rastreador” y te saldrá otra ventana para que selecciones dónde quieres aplicarlo todo. Elige la opción ”X e Y”, que quiere decir que se aplicará en esos dos ejes.

Desactiva el ojito de la capa original y actívalo de nuevo a la copia que hiciste. Ahora toca comenzar con la segunda parte del tutorial.

Con la capa copiada seleccionada, activa la herramienta ”pluma” con el atajo ”G” y selecciona una parte del bigote (o de la parte que corresponda en tu caso) que no tenga el moco u objeto en cuestión. Debe ser un área un poco más grande de lo que ocupa el objeto, porque luego le aplicarás un efecto.

Vuelve a activar el ojito de la capa original. Para poder utilizar ese trocito de bigote a modo de parche y ponerlo encima del moco, primero tienes que ”congelar” esa parte de la capa, ya que al ser un vídeo, está en movimiento. Haz clic derecho en la capa y selecciona ”tiempo > congelar fotograma”.

Una vez congelado ese trozo del bigote, selecciona la posición con el atajo ”P”. Modificando los valores numéricos de la posición, coloca el parche que has dibujado con la pluma encima del moco. Y fíjate que haya desaparecido por completo.

De nuevo, con la capa copiada seleccionada, presiona el atajo ”F” para abrir el calado de la máscara. Ve probando, modificando los píxeles, hasta que veas que queda lo más natural posible y que no se nota el parche. En el caso de Rubén, con unos 12 píxeles le fue perfecto.

Después, fíjate que debajo de la imagen del clip, aparece un símbolo geométrico activado. Lo está, porque aún aparece en la imagen el área que dibujaste con la pluma. Desactiva ese símbolo y … ¡tachán! Como si fuera magia, el moco ha desaparecido por completo y no se nota.

Ya llega el final

Para terminar esta segunda parte, hay que aplicar ese parche a todos los movimientos que se han rastreado y se han movido a la capa de ”movimiento mocarro”.

Para eso, es necesario emparentar la capa copiada con el objeto nulo. ¿Cómo? Pues con la ayuda del símbolo con la espiral que aparece a la derecha de la capa. Simplemente pincha (y deja pulsado) en ese icono y arrastra la línea hasta la capa ”movimiento mocarro”.

Y si has realizado todos los pasos correctamente, le podrás dar al play a la secuencia y debería reproducirse sin el moco, con todos los movimientos incluidos. Pero falta ya lo último. El último paso.

Antes dije que el clip aparecía desenfocado al principio, ¿te acuerdas? Pues con un poquito de sentido común, te darás cuenta de que si el trozo de bigote que has congelado (para que haga de parche) se encontraba enfocado, también saldrá así en la parte donde está todo desenfocado.

Que sí, que es un movimiento demasiado rápido como para que se note, pero debes aprender bien, así que te voy a terminar de explicar cómo corregirlo.

Ve al panel derecho otra vez y en la pestaña de ”efectos y ajustes preestablecidos”, y en la barra de búsqueda que aparece, escribe ”gaussiano”. Te aparecerá el efecto ”desenfoque gaussiano”. Pincha en él y arrástralo hacia la capa copiada, que fue en la que pusiste el parche de bigote.

Ahora, toca animar ese efecto, de modo que mientras que la secuencia está desenfocada, el parche de bigote también lo esté y que se vuelva nítido cuando se enfoque la secuencia.

Ve al panel superior, al de ”controles de efectos” y en el desenfoque, pincha en el relojito y pon el número de píxeles que necesites en cuanto a desenfoque. De este modo, se creará un fotograma justo en esa parte del clip con este ajuste.

Pon el marcador del timeline en la parte donde se vuelve nítida la imagen y pon otra vez en cero el desenfoque gaussiano. Automáticamente, se habrán creado los dos fotogramas de esa animación del desenfoque dentro de la capa. Recuerda que puedes visualizarlos con el atajo ”U”.

Y ahora sí que sí. Si le das al play desde el principio, verás que todo se ve equilibrado.

Y aquí concluye este tutoblog completo sobre cómo eliminar un moco (u otro objeto extraño) en un vídeo con After Effects.

Si deseas profundizar en este increíble programa, para dominar la creación de efectos, animaciones o motion graphics, que sepas que tienes disponible en la Escuela un fantástico curso de After Effects fácil y al completo.

La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca de este proceso de edición con After Effects, para hacer desaparecer pequeños intrusos de tus escenas. ¡Anímate a probar!

¡Nos vemos en el siguiente Tutoblog!

Cómo eliminar un moco en un vídeo con After Effects Leer más »

Cómo comenzar en After Effects desde cero en 10 pasos [2020]

En este tutoblog, vas a aprender a utilizar After Effects en 10 sencillos pasos. Si todavía no conoces este programa, entonces este es el momento perfecto, ya que es el principal software que se utiliza en el mundo audiovisual para crear efectos de vídeo y animaciones.

Cuando queremos dar un salto de calidad muy grande en cualquier proyecto videográfico, poner nuestra creatividad a disposición de este programa es uno de los pilares que marca la diferencia. Lo que pasa es que, de entrada, su interfaz asusta y puede parecer muy complicado hacer algo aunque sea muy sencillo.

A continuación vas a ver todo lo que necesitas saber para comenzar a dar tus primeros pasos con After Effects, aunque nunca lo hayas utilizado o hayas oído hablar de él. Y en solo 10 pasos, casi nada.

Cuando acabes este tutoblog, podrás crear animaciones y efectos sencillos, pero muy útiles para tus vídeos.

En 10 pasos empezarás a dominar After Effects

  • Paso 1: Conoce la interfaz, una buena impresión es importante.

Antes de editar, lo más importante es que sepas moverte por todo el programa. Si es la primera vez que lo utilizas, quizás te resulte un poco difícil al principio, pero una vez que te haces con él, es muy fácil.

Lo primero que vas a ver dentro de la interfaz es el panel ”Proyecto”, que aparece a la izquierda de la pantalla.

En este panel se van a almacenar todos los archivos y materiales que utilices en el proyecto, tanto si los importas como si los creas. Fíjate ahora en la imagen, donde aparece una pestaña a la derecha que se llama ”Control de efectos”, en la que podrás gestionar y modificar los cambios que hagas a los archivos.

interfaz de after effects

Justo al lado de este, te encuentras con el monitor ”Composición”, que es en el que vas a poder visualizar todo el proceso de edición.

A la derecha aparece otra pestaña llamada ”Capa”. Ahí podrás ver lo que estés trabajando en una capa concreta del proyecto cuando estés aplicando diferentes efectos que veremos más adelante. No te muestra el resultado final, sino solo los cambios de esa capa.

Justo en la parte superior, nos encontramos con la barra de herramientas principal y la explicaremos en este tutoblog de After Effects.

Barra de herramientas principal de After Effects:

1) Selección

2) Mano

3) Lupa

4) Rotación

5) Cámara unificada

6) Punto de anclaje

7) Crear formas

8) Pluma

9) Texto

10) Pincel

11) Tampón de clonar

12) Borrador

13) Pincel de rotoscopia

14) Composición libre

herramientas tutorial de after effects

Si vas a la derecha del todo, podrás ver algunas ventanas de visualización, que también las explicaremos en breve.

Ventanas de Visualización de After Effects:

1) Información

2) Audio

3) Previsualización

4) Efectos y ajustes preestablecidos

5) Alinear

6) Bibliotecas

7) Carácter (para modificar todo lo relacionado con el estilo de letra)

8) Párrafo (para hacer ajustes en el texto)

9) Rastreador

En la parte inferior izquierda, tienes el panel ”Composición”, en el que vas a ver todas las capas con las que estés trabajando, en forma de secuencia. Y justo a la derecha, se encuentra la línea de tiempo o timeline.

Espero que no te hayas hecho demasiado lío y hayas entendido la configuración principal de After Effects. ¡Vamos a por más!

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

  • Paso 2: Crea tu primera composición.

En el menú superior del programa, pincha en ”composición > nueva composición”. También lo puedes hacer con el atajo ”comando/control + N”. En la nueva ventana, vas a configurar los parámetros principales de esta composición.

Comienza por ponerle un nombre y después elige el tipo de resolución que quieras. Yo en el ejemplo voy a utilizar la resolución de Full HD (1920×1080).

Abajo, donde pone ”duración”, tienes que seleccionar cuánto quieres que dure la composición en total. Por último, elige un color de fondo y dale a aceptar. Justo ahora, te aparecerá el archivo de la composición creado en el monitor ”proyecto”.


Una vez esté lista, podrás empezar a rellenar el timeline.

  • Paso 3: Cómo importar archivos.

1) Si es una composición a partir de fotografías:

Hay varias maneras de hacer este proceso. Por ejemplo, puedes darle doble clic a una parte vacía del monitor ”proyecto” y se te abrirá la ventana de importación. Para este tutoblog, he elegido una foto que hice en Photoshop.

Pues bien, como la foto es un archivo ”.psd”, After Effects me pregunta de qué manera quiero importarla, si como composición o como material de archivo. Yo voy a elegir como composición y además marcando la opción ”estilos de capa editables”. Luego, clic en aceptar.

Entonces, en el monitor ”proyecto” se habrá añadido la composición de Photoshop y debajo una carpeta con todas las capas.

Ahora, tienes que arrastrar los archivos que quieras al monitor de abajo, que es el de composición, y listo.

2) Si es una composición a partir de un vídeo:

Si quieres que tu composición tenga los mismos parámetros que un vídeo, puedes hacerlo también yendo al menú superior, concretamente a ”archivo > importar > archivo”. O también puedes abrir la carpeta donde estén y arrastrarlos al monitor ”proyecto”. Elige la que a ti te guste más.

Luego, simplemente arrastra el vídeo hasta un icono que hay un poco más abajo que también significa ”composición”. Automáticamente, se creará una nueva con los parámetros del vídeo.

Ahora que ya sabes importar los dos tipos de archivos, voy a retomar el ejemplo de las imágenes de Photoshop. Para mover todas las capas a la vez a la composición, selecciona la primera y la última mientras pulsas ”shift” y arrástralas.

Entramos aquí en una parte importante, que es la jerarquía de capas. Esto quiere decir que la capa que está arriba, predomina sobre las de debajo. Es por eso que en mi caso, al tener la capa ”fondo” arriba, no puedo visualizar el resto de elementos.

Para solucionarlo, solo arrastramos la capa ”fondo” a la parte de abajo.

La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

  • Paso 4: Corregir Color de Fondo.

Si eres algo observador/a, te habrás dado cuenta de que los colores de la foto aparecen un poco raros, quizás con un tono tirando al verde. Esto es porque After Effects funciona con un espacio de color distinto al que tiene la foto. Pero no te alarmes, que se puede corregir también.

Tienes que ir al icono que ves en la imagen, llamado ”8bbc”. Se abrirá una ventana y le tienes que dar a ”espacio de trabajo”. Donde pone ”ninguno”, selecciona la opción ”sRGB”, luego dale a aceptar y ya tendrás los colores originales.

¿Qué tal si empiezas a animar? La razón por la que mi composición de Photoshop tiene tantas capas es porque cada una representa un objeto diferente en la imagen. Eso me sirve para lo que vas a aprender ahora, que es animar algunos de esos objetos por separado.

Para que no te líes con tantas capas, primero vas a ocultar todas menos la capa ”fondo” y en la que aparezco yo. Las capas se ocultan o se muestran clicando en el ojito que hay a la izquierda de cada una de ellas. Otra forma de ocultarlas es la siguiente:

1) Abajo del todo, selecciona ”conmutar definidores > modos” para alternar entre los definidores y los modos de fusión.

2) Elige los definidores y entre los que aparecen, hay uno que es como la cabeza de un muñequito, se llama ”tímido”. Si pinchas en él, la cabeza se oculta. Entonces, puedes darle a ese icono en cada capa que quieras ocultar.

3) Un poco más arriba y a la derecha de los definidores, clica en el icono ”oculta todas las capas con el definidor ”tímido” activado”.

4) Las capas se han ocultado, dejando a la vista solo las que vas a animar por ahora.

Puedes ver este proceso en la siguiente imagen:


Vale, ahora vas a editar la capa donde salgo yo. Si te fijas, en todas las capas hay un pequeño triángulo que puedes pulsar para desplegar más opciones. Pues tienes que desplegar la capa y volver a hacerlo donde dice ”transformar”. Y te salen estas opciones:

1) Punto de anclaje: es el circulito que aparece en la imagen y que determina el punto a partir del cual se aplicarán los efectos.

2) Posición: es el movimiento que le quieras dar al objeto en cuestión. Por lo tanto, es el principio básico de la animación. Si activas el relojito que está a la izquierda, verás que en el timeline se habrá creado un fotograma (con forma de rombo). Eso quiere decir que en ese momento, se ha congelado la posición actual. Ahora, puedes mover la línea unos segundos después y cambias la posición del objeto modificando los valores, y se crea otro fotograma.

3) Escala: es el tamaño del objeto.

4) Rotación y opacidad se entienden por sí solos, ¿no?

El hecho es que todas estas opciones se pueden modificar y animar mediante fotogramas.

  • Paso 5: Interpolación de fotogramas.

Aunque suene a tecnicismo, es muy fácil de entender. La interpolación es el comportamiento que quieres que tengan los fotogramas que hay en medio de los que tú hayas creado. Por ejemplo, modificar la velocidad y posición de la animación entre dos fotogramas concretos. Para ello haz lo siguiente:

1) Selecciona con el ratón el fotograma de inicio y final. Haz clic derecho y luego a ”asistente de fotogramas clave”.

2) Las siguientes opciones son para acelerar o desacelerar suavemente la animación, o ambas a la vez. La que más se suele usar es la de las dos a la vez.

3) Cuando la selecciones, la forma de los fotogramas cambia a un reloj de arena y el movimiento que hayas puesto será mucho más fluido.


  • Paso 6: Capas de formas.

Para crear una forma que quieras animar, sigue estos pasos:

1) Selecciona con el ratón el fotograma de inicio y final. Haz clic derecho y luego a ”asistente de fotogramas clave”.

2) Las siguientes opciones son para acelerar o desacelerar suavemente la animación, o ambas a la vez. La que más se suele usar es la de las dos a la vez.

3) Cuando la selecciones, la forma de los fotogramas cambia a un reloj de arena y el movimiento que hayas puesto será mucho más fluido.

otro ejemplo en el tutorial de after effects

Una vez se ha creado la capa de formas, despliega la opción ”transformar”. Ahí, jugando con los fotogramas del punto de anclaje, la posición y la escala, y con un poco de paciencia e imaginación, podrás crear alguna animación de movimiento sencilla.

  • Paso 7: Efectos interesantes.

Este apartado da para mucho, así que te voy a enseñar efectos muy básicos. Ve al panel derecho, donde pone ”efectos y ajustes preestablecidos”. Vas a usar un desenfoque gaussiano, así que en la barra de búsqueda lo puedes escribir y te saldrá.

Para aplicarlo, lo seleccionas en la lista y lo arrastras a la capa que quieras. Yo se lo voy a aplicar a la capa de formas que creamos antes.

Para modificar este efecto, tienes que irte al monitor ”proyecto” y pinchar en la pestaña ”controles de efectos”. Si añades varios efectos, ten en cuenta que los que aparezcan arriba también tendrán jerarquía sobre los de abajo.

Como verás, puedes animar el desenfoque. Activando el relojito y colocando fotogramas con distintos valores en la línea de tiempo, podrás hacer que tu figura pase de estar nítida a desenfocada.

Si en cualquier momento quieres modificar cualquier fotograma, no hace falta que vayas desplegando las opciones dentro de la capa. Simplemente, teniéndola seleccionada, presiona el atajo ”U” y te aparecerán todos.

ejemplo en el tutorial de after effects

  • Paso 8: Mate de seguimiento.

El mate de seguimiento es una propiedad con la que se puede indicar que la transparencia de una capa se determine con respecto al canal ”alfa” o la luminancia de otra. Antes de aplicarlo, fíjate que tengas activados los modos de fusión en la parte inferior.

Por ejemplo, en este caso selecciono la capa ”fondo” y en la pestaña de mate de seguimiento, voy a escoger el mate Alfa de la capa ”yo’.

También puedes aplicarlo a una forma, para que un elemento se vea solo cuando está dentro de ella. Es cuestión de practicar y cogerle el truco.


  • Paso 9: Efecto 3D.

Para este efecto, tienes que volver a mostrar las capas que habías ocultado con el definidor ”tímido”. Aprovechando que estás de nuevo con los definidores, activa el icono de 3D para todas las capas, que es este:

Aunque los objetos de la imagen estén en 2D, este modo permite usarlos en un espacio en 3D. En la pantalla, selecciona el modo ”2 vistas horizontal”. Selecciona la de la izquierda, y donde pone ”superior”, elige ”personalizada 1”.

Ahora, voy a cambiar la posición de la capa en la que salgo yo. Mediante el atajo ”P” se despliegan los valores de la posición. El modo 3D hace que aparezca un tercer valor a la derecha. Modificándolo, se puede mover mi imagen hacia detrás o hacia delante.

Ejemplo en el tutorial de after effects

Puedes hacer lo mismo con el fondo o con el resto de las cartas que aparecen y podrás crear un movimiento en tres dimensiones muy chulo.

  • Paso 10: Exportar el proyecto.

¡Bueno! Pues ya debes tener lista la animación, solo tienes que exportarla para usarla donde quieras. Primero, selecciona el área que quieras exportar, a través de los marcadores de inicio ”b” y el de final ”n”.

Luego, presionas ”comando/control + M” y se abre directamente la cola de procesamiento. Ahí, tienes que hacer clic en el nombre de salida ”sin pérdida” y se abre otra ventana, donde puedes configurar las opciones de exportación. Te voy a dejar las opciones que yo uso:

1) Formato: Quicktime

2) Opciones de formato/Códec de vídeo: H.264

3) Canales: RGB para un vídeo normal y si quieres conservar la transparencia, sería ”RGB + Alfa”.

Las demás opciones no se pueden modificar, así que clica en aceptar. Pincha en ”salida a” y elige la carpeta de destino. Luego dale a ”procesar” y listo, tu animación se guardará en la ubicación elegida.

Y aquí concluye este tutoblog completo sobre cómo empezar desde cero en After Effects en 10 pasos. Si te interesa conocer a fondo este programa, entonces te aconsejo que te matricules en el curso de After Effects al completo. Y por si fuera poco, también tienes un tutorial en YouTube sobre los 10 primeros pasos para usar After Effects, que te puede ayudar muchísimo.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca de las creaciones que realices con After Effects.

¡Nos vemos en el siguiente Tutoblog!

Cómo comenzar en After Effects desde cero en 10 pasos [2020] Leer más »

Cómo hacer una INTRO para VIDEO After Effects [2020]

El Tutoblog que te traigo a continuación va a ser como un chaleco salvavidas para ti, porque vas a aprender a crear una intro para cualquier tipo de vídeo, ya sea promocional, comercial o para YouTube, con un acabado profesional y que llame la atención de tu audiencia. Pero, sobre todo, que cumpla con tu objetivo.

La introducción o intro, es la parte de los vídeos que sirve para captar la atención de los espectadores, y generar la curiosidad necesaria para seguir viendo el contenido. Crear una intro para un vídeo que sea de calidad y que cumpla su objetivo, no es fácil en la mayoría de los casos.

Se necesitan unos conocimientos básicos sobre edición de vídeo, efectos y animación, para sorprender, impactar y transmitir. Y, a menudo, los programas habituales que son gratuitos no permiten demasiada flexibilidad, por lo que muchas personas optan por diferentes alternativas, como:

  • Utilizar una intro ”a medias” o de una manera demasiado simple.
  • Utilizar plantillas descargables pero con muy poca personalización.
  • No hacer la introducción directamente.

En esta ocasión, tendrás que utilizar el programa de After Effects, que es el mejor que existe para la creación de efectos especiales, animación y demás. Te voy a proponer 2 formas diferentes de crear tu introducción: con una plantilla y fabricándola desde cero.

Por cierto, si no tienes ni idea sobre cómo usar este programa, te recomiendo que leas este tutoblog sobre los 10 primeros pasos para comenzar con After Effects desde cero.

A estas alturas, supongo que ya conocerás la mítica introducción de los primeros vídeos del canal Runbenguo.

Intro para video de YouTube RunbenGuo

Como puedes ver, al principio aparece un mosaico muy grande con muchas fotos pequeñas, que poco a poco se va transformando en el logo Runbenguo. Hacer esto es relativamente fácil, aunque lleva mucho tiempo.

La realidad es que Rubén no disponía de mucho tiempo, así que optó por crearla a través de una plantilla. Puedes encontrar muchas y muy preparadas en Internet para que trabajes en ellas, añadiendo tus archivos y tus cambios, con un resultado igualmente profesional.

Cómo hacer una intro para vídeo con After Effects usando plantillas

Para encontrar plantillas, lo mejor es que acudas a Google, porque para casi todo, Google te salva la vida. Ve a Google y escribe en el buscador ”after effects template intro”. Entre todos los resultados que aparecen, puedes encontrar multitud de páginas web que tienen plantillas de todo tipo. Y por un precio muy asequible, puedes crear en pocos clics una intro muy chula. Te dejo aquí un par de ejemplos de páginas que tienen muy buenas plantillas:

  • Videoblocks: tiene unas plantillas modernas y rompedoras.
  • Videohive: cuenta con una colección de intros para todo tipo de vídeos o proyectos.

La gran mayoría de plantillas incluirá un tutorial, ya que cada una está hecha de manera diferente, según el creador. Así que para poder modificarla correctamente, te recomiendo que compres una que incluya tutoriales.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Aunque te recomiendo siempre hacer tu propia investigación, porque seguro que encuentras mucho más. Puede que no tengas dinero para invertir en plantillas o que prefieras tener una intro única, de tu cosecha propia. Entonces, tendrás que usar tus habilidades y tu creatividad.

Cómo crear una intro para vídeo con After Effects manualmente, paso a paso

Para esta parte, voy a usar como ejemplo la intro que hizo Rubén para el vídeo sobre cómo crear un estudio de sonido casero por cero euros. Es muy sencilla y la podrás hacer teniendo los conocimientos básicos sobre After Effects. Y, si no los tienes, aquí vamos a hacer un pequeño repaso para que los puedas aprender sobre la marcha.

Intro para video de Cómo hacer un estudio de sonido

  • Paso 1: Crea el proyecto e importa los archivos que usarás en tu intro para vídeo.

Lo primero que debes hacer es crear un nuevo proyecto en After Effects. Después, abre la carpeta donde tengas los archivos que vayas a utilizar. En el ejemplo, Rubén coge el primer vídeo que forma parte de la intro y que grabó en casa. Cuando lo selecciones, arrástralo hasta el monitor de la izquierda llamado ”proyecto”, tal y como ves en la imagen.

Acto seguido, tienes que crear una nueva composición con los mismos ajustes y resolución del vídeo. Arrastra el archivo del vídeo que has importado hasta el icono de ”nueva composición”, que se encuentra en la parte de abajo de ese monitor.

crear proyecto de intro para videos

  • Paso 2: Edita el clip de tu intro para vídeo.

Seguramente no vayas a utilizar el vídeo completo para tu intro, así que tienes que recortarlo para quedarte con la parte que quieras. En el monitor del timeline (abajo a la izquierda), verás la barra de duración del vídeo, que puedes recortar con el ratón.

editar clip de intro para videos

En el caso de Rubén, quería que ese primer vídeo fuese un poco más rápido, porque dura 4 segundos. Entonces, hizo clic derecho sobre la barra y seleccionó ”tiempo > ampliación de tiempo”. En la siguiente ventana, en el parámetro ”Factor de ampliación” lo redujo a 50, para que el vídeo fuera la mitad de rápido.

editar el clip de la intro para videos

  • Paso 3: Congelar un fotograma del vídeo.

A Rubén le interesaba mantener fija la última parte del vídeo durante unos segundos más para añadir la animación del texto ”Runbenguo”. Y si en algún momento tú quieres hacerlo, el primer paso a seguir es duplicar la capa del vídeo mediante el atajo ”comando / control + D”. A la copia, ponle algún nombre como ”fotograma congelado” y a la original, un nombre que te sirva para orientarte fácilmente.

Para congelar el fotograma de la capa que has duplicado, haz clic derecho y selecciona ”tiempo > congelar fotograma”. Y para que no haya ningún hueco vacío entre el vídeo inicial y el fotograma congelado, tienes que colocar la copia justo después de que termine el clip original.

Rubén también alargó ese fotograma un poco más de tiempo, teniendo en cuenta que una intro para un vídeo no debería durar más de 5 segundos. Si no, el espectador podría aburrirse fácilmente y cerrarlo.

  • Paso 4: Selecciona la parte del proyecto que quieres exportar.

Cuando tengas ajustada tu introducción a la duración final, adapta tu área de trabajo a esa duración. El área de trabajo son las dos marcas azules justo encima del timeline, que seleccionan la parte del proyecto que quieres que After Effects exporte.

Coloca el marcador de tiempo en la parte donde quieres que termine la intro y pulsa el atajo ”N” para delimitar el final del área de trabajo. Y debes fijarte que el inicio de la misma esté al principio del timeline.

  • Paso 5: Cambiando el tamaño y la posición de un archivo.

Ya sea porque el vídeo te queda un poco alejado, con unos márgenes que sobran o porque te ha quedado un poco descentrado, quizás necesites corregirlo con un poco de zoom o moviendo su posición.

1. Modifica el tamaño.

Coloca el ratón y haz clic sobre la capa de vídeo o el archivo que quieras modificar. Después, pulsa la tecla ”S”, que es el atajo para cambiar la escala. Verás que te aparece el tamaño de la escala a 100, así que cámbiala al tamaño que necesites.

Si la capa que modificas es la que has duplicado, también deberás modificar el mismo tamaño en la copia, para que ambos se vean exactamente igual.

2. Modifica la posición.

Para ello, selecciona el vídeo y el atajo ”P”. En este caso, Rubén movió un poco hacia arriba el vídeo para dejarlo más centrado. De los dos números que aparecen en la posición, solo ha modificado el de la derecha. Y ahora, copia el número que hayas cambiado y pégalo en la posición de la copia también.


La escuela
audiovisual
definitiva

Para vivir de tu pasión y
convertirte en un PRO

  • Paso 6: Añade el logo a tu intro de vídeo.

Puedes hacerlo importándolo o creándolo directamente en el programa. Para esta intro, Rubén importó el logo mediante un archivo de Photoshop que ya tenía preparado. Cuando tengas el tuyo, lo arrastras al monitor ”proyecto”.

Es posible que te aparezca una ventana que te pregunte cómo quieres importar el logo, porque detecta que el archivo es de Photoshop. Si quieres editarlo como un material, tienes que elegir la opción ”material de archivo”. Si tu archivo fuese igual que el de Rubén y tuviera casualmente varias capas, tendrás que decidir si importarlas todas o solamente una con la que vayas a trabajar.

Rubén seleccionó sólo una en la que aparece el texto ”Runbenguo”. Después, clic en ”aceptar”.

Lleva el archivo hasta el monitor de abajo, junto a las capas de vídeo, y ajusta el tamaño y la posición del logo como necesites. Después, mueve la capa del logo en el timeline y colócala en el momento que quieres que aparezca.

  • Paso 7: Da ”vida” al texto.

Si no quieres que el texto o el logo sea estático y soso, puedes darle un poco de animación. Al igual que al congelar el fotograma, tienes que duplicar la capa del logo.

Ahora, tendrás que cambiar el espacio de trabajo para que te resulte más cómodo trabajar sobre el logo. Para ello, selecciona el espacio de trabajo ”pintar” justo como te muestro:

1. Modifica el texto de la intro.

En el monitor de la izquierda queda el proyecto, y en el de la derecha el monitor ”capa”. Haz doble clic a la capa del logo para que te aparezca. Como ejemplo, podrías usar una animación sencilla, pintando sobre el texto con un trazo. Puedes hacerlo con el ratón o también con una tableta gráfica tan chula como esta de Wacom.

Después, selecciona la herramienta ”pincel” en el menú superior, y a la derecha del todo te aparecerá un panel en el que podrás elegir el tipo de pincel, su tamaño, dureza, color, etc.

2. Duración en la intro para vídeo.

Justo arriba, también aparece el parámetro ”duración”, que vamos a establecer en ”simulación de escritura”, para que grabe el movimiento del pincel como animación.

Ahora, lleva el cursor de tiempo al principio del logo y pinta lo que quieras sobre el monitor ”capa”. Al terminar, pulsa el atajo ”U” sobre la capa del logo y se desplegará todo lo que has modificado.

En la parte de ”trazo”, se ha añadido un fotograma al principio de la capa y otro al final. La distancia entre ambos será el tiempo que hayas tardado en pintar el trazo, aunque puedes modificar esa duración moviendo el segundo fotograma.

3. Resalta el logo de tu intro.

Pero, ¿qué ocurre? Que se ve el trazo de color blanco. ¿Y si quieres que sea transparente? Pues con la capa desplegada, expande también el parámetro ”pintar”. A la derecha, aparece la opción ”pintar sobre transparente”. Ponla como ”activado”.

Lo siguiente que hay que usar es un ”mate de seguimiento”. ¿Y qué es eso?

Recuerdas que has hecho una copia del logo también, ¿verdad?

Pues, en resumen, con el mate de seguimiento le decimos a la capa original si queremos que sea transparente con respecto a la copia. Antes de aplicarlo oculta la copia del logo, donde has pintado, pinchando sobre el icono del ojo que está a la izquierda.

Después, fíjate que a la derecha de la capa hay una pequeña columna que se llama ”mate de seguimiento”. Pincha en ella y selecciona la opción que se llama ”mate Alfa (y el nombre de la copia del logo)”.

Ahora, si reproduces desde el principio, verás que el logo aparece a medida que se va pintando el trazo. ¡Y listo! Ya tienes una animación súper chula.

Gif Intro para video After Effects final

  • Paso 8: Cambia la ”piel” del logo.

Rubén quería que el logo se viese diferente, así que le añadió una textura para que se camuflase con la del sofá. ¿Cómo lo hizo? A través de los modos de fusión.

Los tienes justo al lado de ”mate de seguimiento”. Pincha y te aparecerá una lista bastante larga con diferentes modos de fusión. Tendrás que ir probando, aunque para esta ocasión, el que mejor quedaba era ”superponer”. En un par de clics, el logo queda mucho más integrado en el vídeo.

  • Paso 9: Un último toque de zoom.

Antes de finalizar, Rubén añadió un pequeño zoom digital para que toda la escena se fuese acercando a medida que se reproducía.

Para conseguirlo, primero tienes que seleccionar todas las capas, pulsando la primera, y luego la última, mientras mantienes presionado ”shift”. Haz clic derecho y después selecciona ”precomponer”. Ponle el nombre que quieras.

Al precomponer, lo que se hace es agrupar todo el proyecto dentro de una sola composición. De esta forma, puedes aplicar efectos a todas las capas de la composición.

Coloca el marcador de tiempo al inicio y mediante el atajo ”escala (S)” añade un primer fotograma pulsando en el icono del reloj. Después, lleva el marcador a la parte donde quieras que termine el zoom y aumenta la escala (solo un poco). Automáticamente, se añadirá el segundo fotograma.

Y aquí concluye este tutoblog completo sobre cómo hacer una intro para vídeo con After Effects.

Si quieres saber más sobre este programa y dominarlo con todo detalle, te aconsejo que realices el curso de After Effects, que tienes disponible en la Escuela Runbenguo.

Curso de Adobe
After Effects

Sé creativo, innova y crea efectos visuales
en tus proyectos de vídeo

Te recuerdo que puedes dejar tus comentarios, recomendaciones o experiencias más abajo, en la sección destinada a comentarios. Será genial compartir experiencias acerca de las intros que hayas creado para tus vídeos personales o profesionales.

¡Nos vemos en el siguiente Tutoblog!

Descarga el material necesario para seguir el Tutoblog y recibe nuestra Newsletter en el formulario de abajo

Cómo hacer una INTRO para VIDEO After Effects [2020] Leer más »

Carrito de compra
Scroll al inicio