CREA TU PROPIO GIF CON EFECTO BEND IT | Tutorial After Effects #41

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@rpcaceres·
0.000 HBD
CREA TU PROPIO GIF CON EFECTO BEND IT | Tutorial After Effects #41
<center><h6>Feliz martes. Es grato saludarlos una vez más, queridos steemians. :)</h6></center>
<div class="text-justify">Buenas tardes a toda la hermosa comunidad. El día de hoy quiero compartir con ustedes una forma de animar nuestras imágenes, y crear un GIF a partir de ello. En esta ocasión estaré usando un plug-in  llamado <strong>Motion Factory</strong> para simular el efecto de la fogata. El plug-in es creado y distribuido por la compañía de diseño digital <a href="https://pixflow.net/products/motion-factory/">Pixflow.</a>  <strong>¡Espero les guste!</strong></div> 
<br>
<div class="text-justify">Antes de comenzar quiero recomendar una pagina llamada <a href="https://www.freepik.es/">Freepik,</a> para todos aquellos amantes del diseño gráfico. Es un hosting de recursos libres de derechos de autor donde comparten composiciones digitales, separadas capa por capa (en formato PSD).</div>
<br> 
<center>https://cdn.steemitimages.com/DQmRtX1bzu386adqx8Tjkdc78y7dArNdyS3oVToYrTahVN8/CAMPPRIV.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/DQmYcFsYpTxv233L3k9yMzbJF5h2ptLGM13StPpqKsJQwcy/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/DQmTtsr3XsSScwKd7QCd9Q9FGjDcZ16udi78e4zdGXWLCxm/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: Movimiento de los árboles</h4>

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

<li>Presionamos doble clic sobre la composición <i><strong>«Summer Camp»</strong></i>.</li>
<br>

Seleccionamos ```Capa/Trazado automático```.

<li>Presionamos aceptar.</li>
<br>

Seleccionamos ```Efecto/Distorsionar/CC Bend it```.

<li>Seleccionamos <strong>Start</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>`toComp(value)` </center> 

<li>Seleccionamos <strong>End</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>`toComp(value)` </center> 

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

<li>Nos posicionamos en el (seg) 0.00 y cambiamos el valor <strong>Bend</strong> -10.</li>

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

<li>Nos posicionamos en el (seg) 2.00 y cambiamos el valor <strong>Bend</strong> 10.</li>
<br>
<li>Seleccionamos <strong>Bend</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("pingpong")` </center> 

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

<li>Seleccionamos <strong><i>«TREE 1-LEFT»</i></strong>, presionamos la letra "U".</li>

>Se abrirán todos los frames creados.

<li>Seleccionado el efecto CC Bend it y presionamos ctrl + C para copiarlo.</li>
<br>
<li>Seleccionamos todos los árboles izquierdos, presionamos ctrl + V.</li>

> De esta forma aplicaremos el efecto sobre ellos también.

<li>Repetimos los pasos con los árboles del lado derecho.</li>

<h4>PARTE 4: Resplandor lunar</h4>

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

Seleccionamos ```Efecto/Estilizar/Resplandor```.

<li>Cambiamos el valor <strong>Umbral de resplandor</strong> a 80.</li>
<br>
<li>Cambiamos el valor <strong>Radio de resplandor</strong> a 125.</li>
<br>
<li>Cambiamos <strong>Colores originales</strong> por <strong>Colores A y B</strong>.</li>
<br>
<li>Cambiamos <strong>Triangulo A>B>C</strong> por <strong>Diente de sierra B>A</strong>.</li>
<br>
<li>Nos posicionamos en el (seg) 0.00 y creamos un frame en <strong>Intensidad</strong>.</li>

> Presionando el símbolo del reloj.

<li>Nos posicionamos en el (seg) 5.00 y cambiamos el valor <strong>Intensidad</strong> a 4.</li>

<h4>PARTE 5: Estrellas y nubes</h4>

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

<li>Seleccionamos <i><strong>«STARS»</strong></i>, presionamos la letra "P".</li>

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

<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>`wiggle(1,1)` </center> 

<li>Seleccionamos <i><strong>«CLOUDS»</strong></i>, presionamos la letra "P".</li>

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

<li>Nos posicionamos en el (seg) 0.00 y cambiamos el valor <strong>Posición</strong> -170.</li>

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

<li>Nos posicionamos en el (seg) 7.00 y cambiamos el valor <strong>Posición</strong> 261.</li>

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

<center>https://cdn.steemitimages.com/DQmVeHUALDbwnwxTZJ5Djmn2JBSYxmyDkgjhrQGWq4TEDTu/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/DQmYCv5SUijpW7CLoAWf9kTCpfdW3eTU5a6QWqeFk1AnGM8/CAMPPUB.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/summer-camp-background-with-beautiful-landscape-night_2217335.htm"><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><h6>¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.</h6></center>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,