---
title: "Tutorial After Effects ‘Recursos Animados: Flechas’"
url: https://www.avantiproducciones.com.ar/turorial-after-effects-recursos-animados-flechas/
type: post
date: 2018-06-08
modified: 2021-03-22
markdown_url: https://www.avantiproducciones.com.ar/turorial-after-effects-recursos-animados-flechas.md
author: "Avanti! Producciones"
---

# Tutorial After Effects ‘Recursos Animados: Flechas’

# ¿Cómo hacer nuestros propios elementos animados en After Effects?


Hoy vamos a ver un diseño y una animación súper sencilla para empezar a generar recursos para utilizar en todos nuestros videos. ¿Se animan?



Se preguntarán por dónde comenzar. Primero diseñamos nuestra figura en Photoshop o Illustrator y la guardamos con fondo transparente; para luego importarla en el After Effects.

![tutorial-recursos-animados-after](https://www.avantiproducciones.com.ar/wp-content/uploads/2018/06/Tutoria-After-Effects-Recursos-Animados-Flechas02-300x169.png)Creamos nuestra composición y agregamos nuestra figura, en este caso una flecha. La duplicamos y ocultamos una de las pistas para no confundirnos. Ahora empezamos a trabajar con la *herramienta pluma*. Esta herramienta crea una **máscara**.

Con la pluma vamos encerrando nuestra flecha dejando fuera la punta. Y ocultamos esta pista para poder trabajar en la otra. Aquella que habíamos ocultado anteriormente.

Finalmente animamos la máscara que hicimos con la pluma. Abrimos las propiedades de la pista, **Máscara** y trabajamos con **Trazo de mascara **determinando donde queremos que termine de aparecer la flecha (al final) y donde queremos que empiece a dibujarse (inicio). Solo tenemos que *mover los puntos de la máscara* haciendo que desaparezca la flecha, la velocidad de la animación la damos alejando o acercando los puntos clave en la pista.

Recuerden dejarle el fondo transparente para poder usarlas sobre cualquier imagen o video.

¿No saben cómo hacerlo? Acá les dejamos una pequeña nota al pie para que puedan lograrlo.

![tutorial-recursos-animados-after](https://www.avantiproducciones.com.ar/wp-content/uploads/2018/06/Tutoria-After-Effects-Recursos-Animados-Flechas01-300x169.png)IMPORTANTE: Propiedades del render:

Para que nuestras animaciones tengan fondo transparente vamos a poner en *Formato ***Quick time**, en *Opciones de formato* debemos seleccionar la opción **Animación. **Y donde dice *Canales *usamos la opción ALFA + RGB.

¡Y ya tenemos nuestra propia flecha animada para usar en nuestros videos!100% hecha por nosotros mismos. ¿Súper fácil no?

Si quieren acceder a las flechas que usamos como ejemplo pueden hacerlo totalmente gratis! Elijan la que les guste más y descarguenla! Sólo tienen que quitarles el fondo negro para utilizarlas sobre otras imágenes en transparencia.
[Círculo Rojo](https://www.avantiproducciones.com.ar/downloads/7546/?tmstv=1793196394)
 | [Flecha azul](https://www.avantiproducciones.com.ar/downloads/7548/?tmstv=1793196394)
 | [Flecha Roja](https://www.avantiproducciones.com.ar/downloads/7550/?tmstv=1793196394)



Y no se olviden de **SUSCRIBIRSE** al canal de Avanti! en youtube: [https://goo.gl/614CKY](https://goo.gl/614CKY) para ver más tutoriales, tips y consejos. También pueden [suscribirse](http://eepurl.com/gFxnOH) a los **Amigos de Avanti!** para estar al día con todas las novedades, notas del blog, promociones, descuentos ¡y más!

Nos vemos en el próximo tutorial de Avanti! Abrazo grande!

 

Escrito por **Ale de Alexia**
***Avanti! Producciones ***