CREA TU PROPIO GIF CON EFECTO FIREWORKS | Tutorial After Effects #87

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@rpcaceres·
0.000 HBD
CREA TU PROPIO GIF CON EFECTO FIREWORKS | Tutorial After Effects #87
<div class="text-justify">Buen día, queridos steem lovers. Oficialmente estamos en un nuevo ciclo anual — Será nuestro año steemians, ya verán — y para conmemorar tan excelente fecha, quise hacer una animación que representará un nuevo comienzo para todos. Es por ello que hice este tutorial, donde explicaré paso por paso cómo poder crear un GIF con una edición que decidí llamar «New Year Fireworks» (en español, «Fuegos artificiales de año nuevo»). </div>
<br>
<center>https://cdn.steemitimages.com/DQmaRcHB82mYto3jPKthkG3Gn4SRWrPSgNEdi5LYs38DVxx/Firework-PRIV.gif</center>
<br>
<hr>
<center> <h4>¿Qué necesitamos? </h4> </center>
<br>
<li>Necesitamos tener instalado <strong>After Effects.</strong> </li>

> Al final les dejaré el link de descarga.

<hr>
<center><h3>Proceso de creación:</h3></center>
<br>
<h4>PARTE 1: Composición</h4>
<br>
<center>https://cdn.steemitimages.com/DQmasXsRLxhK4HQvEVPgytBH7viNxpo9fJSnByC3bVqKAnV/1.gif</center>
<br>
<li> Empezaremos creando una nueva composición.</li>
<br>
<li>En la ventana emergente modificaremos los valores de la composición.</li>

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

<h4>PARTE 2: Animar fondo</h4>

<center>https://cdn.steemitimages.com/DQmQVQLEM8W8x95S9iLvkbZhGpUpxCYX8VnEqV6BGo87wYP/2-1.gif</center>

<li>Presionando clic derecho sobre el área de trabajo.</li>
<br>

Seleccionamos ```Nuevo/Sólido```

> Le colocaré como nombre <i>«BG_Sky».</i>

Vamos a ```Efecto/Simulación/CC Star Burst```

<li>Cambiamos el valor <strong>Speed</strong> a 0.01.</li>
<br>
<li>Cambiamos el valor <strong>Size</strong> a 40.</li>
<br>
<li>Seleccionamos <i>«BG_Sky»</i>, presionamos la letra "R".</li>

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

<li>Nos posicionamos en el (seg) 0.00, y creamos un frame en <strong>Rotación</strong>.</li>

> Presionando el símbolo del reloj.

<li>Nos posicionamos en el (seg) 9.23, cambiamos <strong>Rotación</strong> a -45°.</li>

<center>https://cdn.steemitimages.com/DQmRbx1ezhvjbsSEbyTqBoB28sffuWPA5tNv5PbFY6Ygatc/2-2.gif</center>

<li>Presionando clic derecho sobre el área de trabajo.</li>
<br>

Seleccionamos ```Nuevo/Sólido```

> Le colocaré como nombre <i>«Sky».</i>

Vamos a ```Efecto/Generar/Gradación de degradado```

<li>Seleccionamos la opción <strong>Color final</strong>, cambiamos el color por <strong>Morado</strong>.</li>
<br>
<li>Seleccionamos los sólidos creados, presionamos clic derecho:</li>
<br>

Vamos hasta la opción ```precomponer``` y le damos aceptar.

> Le colocaré como nombre <i>«BG».</i>

<li>Desactivamos la visualización de la composición <i>«BG»</i></li>

> Presionando el símbolo del ojo.

<h4>PARTE 3: Crear fuegos artificiales</h4>

<center>https://cdn.steemitimages.com/DQmSWu4TbuzNbXJ6oU1fVoQXEne2M4gLPbECKFepZGv2zGj/3-1.gif</center>

<li>Presionando clic derecho sobre el área de trabajo.</li>
<br>

Seleccionamos ```Nuevo/Sólido```

> Le colocaré como nombre <i>«Firework».</i>

Vamos a ```Efecto/Simulación/CC Particle Systems II```

<li>Nos posicionamos en el (seg) 0.00, cambiamos <strong>Birth Rate</strong> a 20.</li>

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

<li>Nos posicionamos en el (seg) 0.02, cambiamos <strong>Birth Rate</strong> a 0.</li>
<br>
<li>Cambiamos el valor <strong>Longevity (sec)</strong> a 10.</li>
<br>

Desplegamos los valores de ```Physics```

Cambiamos el valor <strong>Velocity</strong> a 0.05.
Cambiamos el valor <strong>Resistence</strong> a 15.

<center>https://cdn.steemitimages.com/DQmQTpACnLHEoe4253a3zVhEHTPaefQwUtRoH3x5gidWeYP/4-2.gif</center>

<li>Seleccionamos e sólido <i>«Firework»</i>, presionamos ctrl + D.</li>
<br>

Desplegamos los valores de ```Particle```

En la opción <strong>Particle Type</strong>, cambiamos <strong>Line</strong> por <strong>Star</strong>.
Cambiamos el valor <strong>Birth Size</strong> a 0.05.
Cambiamos el valor <strong>Resistence</strong> a 0.01.</li>

<li>Seleccionamos los nuevos sólidos creados, presionamos clic derecho:</li>
<br>

Vamos hasta la opción ```precomponer``` y le damos aceptar.

> Le colocaré como nombre <i>«Firework».</i>

<h4>PARTE 4: Editar texto</h4>

<center>https://cdn.steemitimages.com/DQmNLraUHYQyW3qXNNm2it1SPycbwSXJ6LxNby9SPRBums8/4.gif</center>

<li>Presionando clic derecho sobre el área de trabajo.</li>
<br>

Seleccionamos ```Nuevo/Sólido```

> Le colocaré como nombre <i>«Reveal».</i>

Vamos a ```Efecto/Simulación/CC Particle Systems II```

<li>Cambiamos el valor <strong>Bith Rate</strong> a 200.</li>
<br>

Desplegamos los valores de ```Producer```

Cambiamos el valor <strong>Radius X</strong> a 50.</li>
Cambiamos el valor <strong>Radius Y</strong> a 50.</li>

Desplegamos los valores de ```Physics```

Cambiamos el valor <strong>Velocity</strong> a 0.</li>
Cambiamos el valor <strong>Gravity</strong> a 0.</li>

Desplegamos los valores de ```Particle```

En la opción <strong>Particle Type</strong>, cambiamos <strong>Line</strong> por <strong>Shaded&Faded Sphyre</strong>.
Cambiamos el valor <strong>Birth Size</strong> a 0.03.</li>
Cambiamos el valor <strong>Death Size</strong> a 0.01.</li>

<li>Seleccionamos el sólido <i>«Reveal».</i>, presionamos clic derecho:</li>
<br>

Vamos hasta la opción ```precomponer``` y le damos aceptar.

> Le colocaré el mismo nombre.</i>

<center>https://cdn.steemitimages.com/DQmQTpACnLHEoe4253a3zVhEHTPaefQwUtRoH3x5gidWeYP/4-2.gif</center>

<li>Seleccionamos nuestra herramienta de texto en el apartado superior.</li>

>Nos aseguramos que la fuente sea Montserrat Bold, tamaño 310.

<li>Creamos un texto.</li>

>Tiene que estar posicionado dentro de la circunferencia.

<li>Seleccionamos el texto creado, presionamos clic derecho:</li>
<br>

Vamos hasta la opción ```precomponer``` y le damos aceptar.

> Le colocaré como nombre <i>«Text».</i>

<li>Seleccionamos la composición <i>«Reveal»</i>:</li>
<br>

En el apartado de ```Mate de seguimiento```, seleccionamos ```Alpha matte```.

<h4>PARTE 5: Cambiar color</h4>

<center>https://cdn.steemitimages.com/DQmYLbqCtmo6nHk676pXys9B3w9vU9XJn9dP7o4urznsXqq/5.gif</center>

<li>Seleccionamos las composiciones <i>«Firework»</i> y <i>«BG»</i>:</li>
<br>

En el apartado de ```Modo```, seleccionamos ```Pantalla```.

<li>Seleccionamos las composiciones <i>«Reveal»</i></li>
<br>

Vamos a ```Efecto/Corrección de color/Tono-Saturación```

<li>Cambiamos el valor <strong>Tono original</strong> a 168.</li>
<br>
<li>Cambiamos el valor <strong>Luminosidad original</strong> a 68.</li>
<br>
<li>Seleccionamos las composiciones <i>«Firework»</i></li>
<br>

Vamos a ```Efecto/Corrección de color/Tono-Saturación```

<li>Cambiamos el valor <strong>Tono original</strong> a -247.</li>
<br>
<li>Cambiamos el valor <strong>Luminosidad original</strong> a 57.</li>

<h4>PARTE 6: Ajustar composiciones</h4>

<center>https://cdn.steemitimages.com/DQmZdGE42Kge7NZuGnSvW5W6WhYDej5GJzh8hmdwns4SUCA/6.gif</center>

<li>Seleccionamos las composiciones <i>«Text»</i> y <i>«Reveal»</i>:</li>
<br>
<li>Las movemos hasta el (seg) 1.00.</li>

> Esto hará que la visualización inicié en dicho (seg).

<li>Teniendo seleccionado<i>«Firework»</i>, presionamos ctrl + D.</li>

>Tenemos que duplicarlas 4 veces.

<li>Dejamos un espacio de separación de 4 fotogramas, una a una.</li>

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

<h4>PARTE 7: Exportar nuestro GIF</h4>

<center>https://cdn.steemitimages.com/DQmSKQRMsdMgbWYYcpmvX6F3J2nA6hz3o9dV1wdqReD9ffx/7.gif</center>

Presionamos ```Composición/Añadir a cola de Adobe Media Encoder...```

<li>Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.</li>
<br>
<h3>Y éste es el resultado final:</h3>
<br>
<center>https://cdn.steemitimages.com/DQmUxJTVJJ3nqQCvF3iHqpWr8dAFxDBEUp9zrxwEbF6tNSB/Firework-PUB.gif</center>

<center>Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)</center>
<br>
<hr>
<center><h4>Descargá el material usado:</h4> <a href="https://www.adobe.com/products/aftereffects.html?gclid=EAIaIQobChMI_Yn86LDM4wIVkf_jBx3tcQOXEAAYASAAEgJi1PD_BwE&sdid=KKQOW&kw=semgeneric&mv=search&ef_id=EAIaIQobChMI_Yn86LDM4wIVkf_jBx3tcQOXEAAYASAAEgJi1PD_BwE:G:s&s_kwcid=AL!3085!3!318975234438!b!!g!!adobe%20effects%20cs%206"><img src="https://cdn.steemitimages.com/DQmeLXvYfeyxmsjTRSCJ7vtG8t5wP9mhyJPdqQScqdShQBG/Ae.png" border="0"></a>
<hr>

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

<center><hr/><em>Publicado desde mi blog personal, usando <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : 
https://rpcaceres.000webhostapp.com/2020/01/crea-tu-propio-gif-con-efecto-fireworks-tutorial-after-effects-87
</em><hr/></center>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,