Buen día, queridos steem lovers. En esta ocasión les estaré enseñando la forma más fácil de crear una animación que, a mi parecer, es bastante chida — como dirían nuestros hermanos mexicanos. — Se trata de una composición que simula las pulsaciones de una frecuencia cardíaca (conocido en ingles como «heart rate»). ¡Espero les guste!

https://cdn.steemitimages.com/DQmWeP9EQVmLZVR3FosBc8UjWZxVDnJeYU7Kv8Zqa23xfKV/PULSOPP.gif

¿Qué necesitamos?

Necesitamos tener instalado After Effects.

> Al final les dejaré el link de descarga.

Proceso de creación:

PARTE 1: Composición

https://cdn.steemitimages.com/DQmaNE1kVY123PqeyoWmZDQx6vMyJNrr179i5jDkoqvXvu3/1.gif

Empezaremos creando una nueva composición.

En la ventana emergente modificaremos los valores de la composición.

> En mí caso el tamaño es 1920x x 1080px, color negro.

PARTE 2: Crear y animar frecuencia cardíaca

https://cdn.steemitimages.com/DQmPxK1z67nerh89QXgaeTRtYg9FMV1BH3ZvomSMSB3MPSa/2.gif

Creamos una capa de forma presionando la herramienta pen tool.

Dibujamos la frecuencia cardíaca.

Seleccionamos la opción Trazo, elegimos el color Verde claro.

Desplegamos los valores de Recortar trazados 1.

Nos posicionamos en el (seg) 0.14, creamos un frame en Inicio.

> Presionando el símbolo del reloj.

Nos posicionamos en el (seg) 1.25, cambiamos Inicio a 100.

Nos posicionamos en el (seg) 0.00, cambiamos Inicio a 0.

> Creamos un frame, presionando el símbolo del reloj.

Nos posicionamos en el (seg) 1.16, cambiamos Inicio a 100.

Seleccionamos los fotogramas:

Presionamos clic derecho, ```Desaceleración/Aceleración suave``` o F9.

Nos posicionamos en el (seg) 1.25, presionamos la letra "N".

> Se reducirá el tiempo de visualización (fin) a dicho (seg).

PARTE 3: Editar fondo

https://cdn.steemitimages.com/DQmQD2yXz5rpUaGwLuHjvGyUaSntPGr3hKsjSXw84SxAtk5/3%201.gif

Presionando clic derecho sobre el área de trabajo.

Seleccionamos ```Nuevo/Sólido``` > Le colocaré como nombre «BG». Vamos a ```Efecto/Generar/Gradación de degradado```.

Seleccionamos la opción Color 1, elegimos el color Azul Oscuro.

Seleccionamos la opción Color 2, elegimos el color Azul Marino.

En la opción Forma de la pendiente, cambiamos Lineal por Radial.

Cambiamos el valor Dispersión de la pendiente a 100.

https://cdn.steemitimages.com/DQmP2BK43kmwGXtA2FtVSse4RxKaRfn8ZKTDvqu9i9JzbPx/3-2.gif

Presionando clic derecho sobre el área de trabajo.

Seleccionamos ```Nuevo/Sólido``` > Le colocaré como nombre «Cuadricula». Vamos a ```Efecto/Generar/Cuadricula```.

En la opción Tamaño, cambiamos Punto del borde por Anchura.

Seleccionamos la opción Color, elegimos el color Azul Marino.

PARTE 4: Añadir resplandor y precomponer

https://cdn.steemitimages.com/DQmUSRHJVWf3gK8bx8Zd7GYF3b2z1Dp9f8ZEtybNckQB6s1/4.gif Vamos a ```Efecto/Estilizar/Resplandor```.

Cambiamos el valor Umbral de resplandor a 58.

Cambiamos el valor Radio de resplandor a 20.

Teniendo seleccionada «Capa de formas 1», presionamos ctrl + D.

>Tenemos que duplicarlo 4 veces.

Dejamos un espacio de separación de 35 fotogramas, una a una.

>Gracias es esto se visualizará una composición escalonada.

Procedemos a convertir toda las capas en objetos 3D.

>Presionando el símbolo del cubo.

Seleccionamos todas las capas, presionamos clic derecho.

Vamos hasta la opción ```precomponer``` y le damos aceptar. > Le colocaré como nombre «Latido».

PARTE 5: Editar perspectiva tridimensional

https://cdn.steemitimages.com/DQmZzFqLwcbmXZwvwfrviReRMRR1D1TA1uQHhgHdRBdtXHe/5.gif

Presionando clic derecho sobre el área de trabajo.

Seleccionamos ```Nuevo/Cámara```

Presionamos aceptar.

Seleccionamos la cámara creada, presionamos la letra "P".

>Se abrirán los frames de posición.

Cambiamos el valor Posición X a 1025.

Cambiamos el valor Posición Y a 505.

Cambiamos el valor Posición Z a -1125.

Seleccionamos la composición «Latido», presionamos la letra "R".

>Se abrirán los frames de Rotación.

Cambiamos el valor Orientación X a -315.

Cambiamos el valor Orientación Z a 350.

PARTE 6: Exportar nuestro GIF

https://cdn.steemitimages.com/DQmb6YWUFUThS9Xz6xHRqEp3MZNqhYUgQxahNYw6UuMBhMm/6.gif Presionamos ```Composición/Añadir a cola de Adobe Media Encoder...```

Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.

Y éste es el resultado final:

https://cdn.steemitimages.com/DQmWeP9EQVmLZVR3FosBc8UjWZxVDnJeYU7Kv8Zqa23xfKV/PULSOPP.gif Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)

Descargá el material usado:

https://cdn.steemitimages.com/DQmR2FCeK8vKYqxiKog8p4wXSkRc2rtZuG2CLR5ePjFhwyT/Lower-ROBERT2.gif

Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2020/03/crea-tu-propio-gif-con-efecto-heart-rate-tutorial-after-effects-134

RE: Nature at its finest! Share your story and hop aboard the ecoTrain for May!!