<center><h6>Feliz viernes. Es grato saludarlos una vez más, queridos steemians. :)</h6></center>
<div class="text-justify">Buenas noches a toda la comunidad hispana. El día de hoy quiero compartir con ustedes una manera de crear una animación minimalista de estilo «Advertisement» (conocido en español como «anuncio»). Esta clase de ediciones son muy usadas en los canales de Broadcasting para anunciar los cortes de transmisión; como también en los programas televisivos para comunicar el inicio del espacio publicitario... <strong>¡Espero les guste!</strong></div> 
<br>
<center>https://cdn.steemitimages.com/DQme4crmBnq1ab21o6TiEWFwKBPpN5eSsbjAkGw3MdKokqQ/DARKSCENEPRIV.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.

<li>Fuente usada en este tutorial, <a href="https://www.1001fonts.com/metropolis-font.html">aquí</a> </div></li>
<hr>
<center><h3>Proceso de creación:</h3></center>
<br>
<h4>PARTE 1: Composición</h4>
<br>
<center>https://cdn.steemitimages.com/DQmQFGEMQrk4Ax3LCZ9Ju95wLnazXLFhXiyUwzMwxmw5tyQ/1.gif</center>
<br>
<li> Empezaremos creando una nueva composición.</li>
<br>
<li>En la ventana emergente modificaremos los valor de la composición.</li>

>  En mí caso el tamaño es 700px x 400px, color blanco.

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

<center>https://cdn.steemitimages.com/DQmeXDqDL8oqUsSZt9NEuCiAr1Z51cjxVM9EWn43Y7TD8Hq/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 texto</h4>

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

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

>Nos aseguramos que la fuente seleccionada sea Metropolis Bold.

<li>Seleccionamos el texto y presionamos la letra "P".</li>

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

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

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

<li>Seleccionamos la herramienta rectangular, en el apartado superior.</li>
<br>

Elegimos ```Trazo nulo``` y creamos un rectángulo que cubra el texto.

Presionamos el texto, y en el apartado de ```Mate de seguimiento``` seleccionamos ```Alpha matte``` para nuestra capa.

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

<li>Seleccionamos el texto y presionamos la letra "P".</li>

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

<li>Cambiamos el valor <strong>Posición Y</strong> a 185.</li>

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

<li>Nos posicionamos en el (seg) 0.15 y cambiamos <strong>Posición Y</strong> a 136.</li>
<br>
<li>Seleccionamos el texto, la capa y presionamos ctrl + D para duplicarlos.</li>
<br>
<li>Seleccionamos el texto duplicado y presionamos la letra "P".</li>

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

<li>Cambiamos la posición de los frames.</li>

>El primero lo colocamos de último, el último de primero.

Presionamos el texto, y en el apartado de ```Mate de seguimiento``` seleccionamos ```
Inverted alpha matte``` para nuestra capa.

<li>Nos posicionamos en el (seg) 1.35, duplicamos los valores de los textos.</li>

> Presionando el símbolo del rombo.

<li>Nos posicionamos en el (seg) 2.00 y cambiamos <strong>Posición Y</strong> a 136.</li>

>Texto duplicado (SCENE).

<li>Nos posicionamos en el (seg) 2.00 y cambiamos <strong>Posición Y</strong> a 185.</li>

>Texto original (DARK).

<center>https://cdn.steemitimages.com/DQmeoNufN3n2ETg9AAhvt1v4TF2x6TiZPvj5mFSctkfqzRM/3-4.gif</center>

<li>Seleccionamos <strong>Texto duplicado</strong> y <strong>Capa de forma 2</strong>, clic derecho.</li>
<br>

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

<li>Seleccionamos la capa precompuesta y presionamos la letra "P".</li>

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

<li>Cambiamos el valor <strong>Posición X</strong> a 310.</li>
<br>
<li>Seleccionamos <strong>Texto original</strong> y <strong>Capa de forma 1</strong>, clic derecho.</li>
<br>

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

<h4>PARTE 4: Agregar rectángulo</h4>

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

<li>Seleccionamos la herramienta rectangular, en el apartado superior.</li>
<br>

Elegimos ```Trazo``` y creamos un rectángulo alrededor del texto.

Teniendo presionada la capa de forma, desplegamos los valores de <strong>Agregar</strong> y seleccionamos ```Recortar trazados```

<li>Nos posicionamos en el (seg) 0.00 y cambiamos el valor <strong>Fin</strong> a 0%.</li>

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

<li>Nos posicionamos en el (seg) 0.15 y cambiamos el valor <strong>Fin</strong> a 100%.</li>
<br>
<li>Nos posicionamos en el (seg) 1.35 y duplicamos los valores anteriores.</li>

> Presionando el símbolo del rombo.

<li>Nos posicionamos en el (seg) 2.00 y cambiamos el valor <strong>Fin</strong> a 0%.</li>

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

<center>https://cdn.steemitimages.com/DQmekEEqaRSwPUcLQ9zBe2nSaXZsHEmaxwHiDBnVCUr3JZq/6.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/DQmbQAMLxtWgK8Xnp4jcCUYg7Z4AC4M9dD3GddJbKrVi4ZG/DARKSCENEPUB.gif</center>

<center>Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)</center>
<br>
<hr>
<center> <h6>imagen usada de referencia:</h6>
<center><a href="https://www.pinterest.com/pin/668995719624594446/?lp=true"><img src="https://cdn.steemitimages.com/DQmeiSSYb5c6hWumFFh5XP1H8VgmSbUGBH1eKNJzncrsBzn/picture-icon1.png" border="0"></a></center>
<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><h6>¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.</h6></center>