<center><h6>Feliz jueves. Es grato saludarlos una vez más, queridos steemians. :)</h6></center>
<div class="text-justify">Buenas noches, mi estimada comunidad. En esta oportunidad les estaré enseñando, de una forma factible, cómo crear fácilmente un GIF con efecto «Smoke» (traducido al español como «Humo»).</div>
<br>
<div class="text-justify">Esta animación serviría perfectamente para editar nuestras ilustraciones (una caricatura fumando o un volcán minutos antes de hacer erupción). Existe un millón de posibilidades para su uso; siempre y cuando nuestra creatividad no nos limite. <strong>¡Espero les guste!</strong></div>
<br>
<center>https://cdn.steemitimages.com/DQmTof4DZciahL73PzkUjQp9ZC2z66DXnpcmJzHUa9XyDTq/HUMOPRIV.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/DQmaPPsrsqCmL8hTGahsF67yvV8K7SVW1AX2axhcEj2qZ6K/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 500px x 500px, color negro.

<h4>PARTE 2: Importar archivos</h4>

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

Presionamos ```Archivo/Importar/Archivos...```

<li>Seleccionamos la imagen y presionamos importar.</li>
<br>
<li>Arrastramos nuestro archivo importado hacía la mesa de trabajo.</li>

<h4>PARTE 3: Crear rectángulo</h4>

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

Seleccionamos ```Capa/Nuevo/Capa de formas```

Desplegamos los valores de ```Agregar```, seleccionamos ```Rectángulo``` y ```Relleno```.

<li>Seleccionamos la opción <strong>Relleno</strong>, cambiamos el color.</li>

>Yo le colocaré el color blanco.

<li>Presionamos aceptar.</li>

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

Desplegamos los valores de ```Rectángulo/Contenido/Trazado de rectángulo 1```

<li>Cambiamos el valor <strong>Tamaño X</strong> a 109.</li>
<br>
<li>Cambiamos el valor <strong>Tamaño Y</strong> a 33.</li>
<br>
<li>Cambiamos el valor <strong>Redondez</strong> a 65.</li>
<br>

Desplegamos los valores de ```Transformar```

<li>Cambiamos el valor <strong>Posición X</strong> a 243.</li>
<br>
<li>Cambiamos el valor <strong>Posición Y</strong> a 269.</li>
<br>
<li>Seleccionamos nuestra herramienta de anclaje, en el apartado superior.</li>

>Movemos el punto de anclaje hacia la esquina inferior derecha.

<h4>PARTE 4: Añadir movimiento</h4>

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

<li>Teniendo seleccionado <i>«Rectángulo»</i>, presionamos la letra "S".</li>

>Se abrirán los frames de escala.

<li>Nos posicionamos en el (seg) 0.00, cambiamos <strong>Escala</strong> a 0.</li>

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

<li>Nos posicionamos en el (seg) 6.00, cambiamos <strong>Escala</strong> a 100.</li>
<br>
<li>Nos posicionamos en el (seg) 12.00, cambiamos <strong>Escala</strong> a 0.</li>
<br>
<li>Teniendo seleccionado <i>«Rectángulo»</i>, presionamos la letra "P".</li>

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

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

> Presionando el símbolo del reloj.

<li>Nos posicionamos en el (seg) 3.00 y movemos el rectángulo.</li>

>Diagonalmente hacia el lado izquierdo (ascendente).

<li>Nos posicionamos en el (seg) 6.00, lo movemos nuevamente.</li>

>Diagonalmente hacia el lado derecho (ascendente).

<li>Nos posicionamos en el (seg) 12.00, lo movemos una ultima vez.</li>

>Diagonalmente hacia el lado izquierdo (ascendente).

<h4>PARTE 5: Crear circunferencia</h4>

<center>https://cdn.steemitimages.com/DQmSb3cPirFLEAD5NKoBK4R7VanvxpZeTcaowBJ16AqZVHC/5-1.gif</center>

Seleccionamos ```Capa/Nuevo/Capa de formas```

Desplegamos los valores de ```Agregar```, seleccionamos ```Elipse``` y ```Relleno```.

<li>Seleccionamos la opción <strong>Relleno</strong>, cambiamos el color.</li>

>Yo le colocaré el color blanco.

<li>Presionamos aceptar.</li>

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

Desplegamos los valores de ```Elipse/Contenido/Trazado elíptico 1```

<li>Cambiamos el valor <strong>Tamaño</strong> a 57.</li>
<br>

Desplegamos los valores de ```Transformar```

<li>Cambiamos el valor <strong>Posición X</strong> a 265.</li>
<br>
<li>Cambiamos el valor <strong>Posición Y</strong> a 256.</li>

<center>https://cdn.steemitimages.com/DQmRxLfhViX1v1fdKkiDSaiA3SNCgwZ62fEZQJc8mzZW5Av/5-3.gif</center>

<li>Teniendo seleccionado <i>«Rectángulo»</i>, presionamos la letra "U".</li>

>Se abrirán todos los frames creados.

<li>Seleccionamos todos los frames, presionamos ctrl + C.</li>

> Con este comando lo que haremos será copiarlos.

<li>Teniendo seleccionado <i>«Elipse»</i>, presionamos ctrl + V.</li>

> Con este comando lo que haremos será pegarlos.

<li>Posicionamos <i>«Elipse» bajo <i>«Rectángulo»</i>, en la línea de tiempo.</i></li>

<h4>PARTE 6: Efecto loop</h4>

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

<li>Teniendo seleccionado <i>«Rectángulo»</i>, presionamos la letra "U".</li>

>Se abrirán todos los frames creados.

<li>Seleccionamos <strong>Posición</strong>, presionamos Alt + el símbolo del reloj.</li>
<br>
<li>Copiamos el siguiente código en la línea de diálogo: </li>

<center>`loopOut("cycle")` </center>

<li>Seleccionamos <strong>Escala</strong>, presionamos Alt + el símbolo del reloj.</li>
<br>
<li>Copiamos el mismo código en la línea de diálogo: </li>

<center>`loopOut("cycle")` </center>

<li>Repetimos el procedimiento con la capa <i>«Elipse»</i>.</li>

<h4>PARTE 7: Duplicar capas</h4>

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

<li>Teniendo seleccionado las dos capas de forma, presionamos ctrl + D.</li>

>Tenemos que duplicarlas 15 veces.

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

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

<li>Posicionamos la barra de visualización para que inicie en el (seg) 13.</li>
<br>
<li>Seleccionamos todos los archivos creados:</li>
<br>

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

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

<h4>PARTE 8: Editar color</h4>

<center>https://cdn.steemitimages.com/DQmUSzf8oAZgk1Fahgs1np3btuzYPU9rMi54nA2S4Q1jwev/8.gif</center>

Seleccionamos ```Efecto/Generar/Relleno```

<li>Seleccionamos el color <strong>Rojo</strong> y lo cambiamos por <strong>Blanco grisáceo</strong>.</li>
<br>
<li>Presionamos aceptar.</li>

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

<center>https://cdn.steemitimages.com/DQmSt4394xCbhpZJ4iKia6J2bdCcDqcme17Lff8BiVVV47u/9.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/DQmPNNTRWK5jDezYpwjRMCKBhqiabtnqPMQgLmNhFjSpMsa/HUMOPUB.gif</center>

<center>Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)</center>
<br>
<hr>
<center> <h6>imagen usada de fondo:</h6>
<center><a href="https://www.freepik.com/free-vector/flat-mountain-spring-background_3847303.htm#page=1&query=cabin&position=11"><img src="https://cdn.steemitimages.com/DQmeiSSYb5c6hWumFFh5XP1H8VgmSbUGBH1eKNJzncrsBzn/picture-icon1.png" border="0"></a></center>
<hr>
<center></center>
<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/2019/11/crea-tu-propio-gif-con-efecto-smoke-tutorial-after-effects-50 </em><hr/></center>