<center><h6>Feliz martes. Es grato saludarlos una vez más, queridos steemians. :)</h6></center>
<div class="text-justify">Buenas días a toda la comunidad hispana. Hoy quiero enseñarles una forma sencilla de crear un GIF con efecto glitch (conocido en español como «efecto de distorsión»). Este tipo de ediciones sirven para animar transiciones en videos, imágenes y textos. <strong>¡Espero les guste!</strong></div>
<br>
<center>https://cdn.steemitimages.com/DQmNqFGBQMkbCRUoD7niZfbTShHjJDC771VekKEWPWHGfwZ/GLITCHME.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>Material usado en este tutorial, <a href="https://mega.nz/#F!p1YgWYjL!G4nUcJJh3m64OvLHyVKpFg">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/DQmRMUSgJ1hmFm65PwDFwr6ZMatWYNWVPmjvDnSQLxGi8SD/1.gif</center>
<br>
<li> Empezaremos creando una nueva composición.</li>
<br>
<li>En la ventana emergente modificaremos los valores de nuestra composición.</li>

>  En mi caso el tamaño es 1280px x 720px, color azul verdoso.

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

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

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

<li>Arrastramos nuestros material hacía la mesa de trabajo.</li>
<br>
<li>Desplazamos el vídeo .mp4 para que quede en la primera posición.</li>
<br>

Quitamos la opción ```visualizar```, presionando el símbolo del ojo.

<h4>PARTE 3: Capa de ajuste.</h4>

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

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

Seleccionamos la opción ```Nuevo/Capa de ajuste```

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

Vamos a ```efectos```, escribimos ```Mapa de desplazamiento``` y lo arrastramos hasta nuestra capa.

<li>En la opción <strong>Mapa de desplazamiento</strong>, seleccionamos <strong>Screen Glitch</strong>.</li>
<br>
<li>Cambiamos el valor <strong>Desplazamiento horizontal</strong> de 5 a 151.</li>
<br>
<li>Cambiamos el valor <strong>Desplazamiento vertical</strong> de 5 a 126.</li>
<br>
<li>Seleccionada la capa de ajuste y acortamos el tiempo de visualización de 10seg a 0.15 frames.</li>

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

<li>Teniendo seleccionada la capa de ajuste 1, presionamos Ctrl + D para duplicarla.</li>

> NOTA: Tenemos que duplicar el archivo 3 veces.

<li>Movemos los archivos duplicados en la línea de tiempo.</li>

<h4>PARTE 4: Editar capa de ajuste.</h4>

<center>https://cdn.steemitimages.com/DQmfURTUQridT8KuPdJvQ974zjuxSgNPR7YkH52ze82fPWU/4.gif</center>
 <div>
Seleccionamos el primer archivo duplicado.
<li>Cambiamos el valor <strong>Desplazamiento horizontal</strong> de 151 a 10.</li>
<li>Cambiamos el valor <strong>Desplazamiento vertical</strong> de 126 a 10.</li>
<br>
Seleccionamos el segundo archivo duplicado.
<li>Cambiamos el valor <strong>Desplazamiento horizontal</strong> de 151 a 30.</li>
<li>Cambiamos el valor <strong>Desplazamiento vertical</strong> de 126 a 35.</li>
<br>
Seleccionamos el tercer archivo duplicado.
<li>Cambiamos el valor <strong>Desplazamiento horizontal</strong> de 151 a 60.</li>
<li>Cambiamos el valor <strong>Desplazamiento vertical</strong> de 126 a 25.</li>
</div>
<h4>PARTE 5: Efecto RGB.</h4>

<center>https://cdn.steemitimages.com/DQmZxVtKF9oFbkGLiCYeZ5Z59RwKzXgAcqQcvBNwNS8nwDH/5-0.gif</center>

<li>Teniendo seleccionado el logotipo, presionamos Ctrl + D para duplicarlo.</li>

> NOTA: Tenemos que duplicarlo 2 veces.

<li>Cambiamos el color referencial de cada archivo, presionando el cuadrado a su lado.</li>

>Usamos rojo para el primer logo duplicado.
Usamos azul para el segundo logo duplicado.
Usamos verde para el tercer logo.

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

Vamos a ```efectos```, escribimos ```Niveles (controles individuales)``` y lo arrastramos hasta los archivos duplicados.

<li>Seleccionamos el logotipo verde y desplegamos los valores <strong>red</strong> y <strong>blue</strong>.</li>
<br>
<li>Cambiamos el valor <strong>Blanco de salida</strong> a 0, en ambos.</li>

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

<li>Seleccionamos el logotipo azul y desplegamos los valores <strong>red</strong> y <strong>green</strong>.</li>
<br>
<li>Cambiamos el valor <strong>Blanco de salida</strong> a 0, en ambos.</li>

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

<li>Seleccionamos el logotipo rojo y desplegamos los valores <strong>green</strong> y <strong>blue</strong>.</li>
<br>
<li>Cambiamos el valor <strong>Blanco de salida</strong> a 0, en ambos.</li>
<br>
<li>Seleccionamos el logotipo <strong>verde</strong> y <strong>azul</strong></li>

Cambiamos el «Mode» de ```Normal``` a ```Pantalla```

<h4>PARTE 6: Crear objeto nulo.</h4>

<center>https://cdn.steemitimages.com/DQmUcpfh24Ks3dz2aazrrbC48PLaRohzqvdhYw5DGWGzZAN/6-0.gif</center>

Seleccionamos ```Capa/Nuevo/Objeto Null```

Vamos a ```Efectos```, escribimos ```Control de deslizador``` y lo arrastramos hasta nuestro objeto nulo.

<center>https://cdn.steemitimages.com/DQmS81usgx41jmcQtyUAVoFaFmz5R66AA5QmCooDgdZdWC9/6-1.gif</center>

<li>Cambiamos el valor <strong>Deslizador</strong> de 0 a 30.</li>
<br>
<li>Teniendo seleccionado el último logotipo, presionamos la letra "P" para abrir los frames de posición.</li>
<br>
<li>Presionamos el botón ALT conjuntamente con el símbolo del reloj.</li>
<br>
<li>Copiamos el siguiente código en la línea de diálogo: </li>
<h6>wiggle(10,thisComp.layer("Nulo1").effect("Control del deslizador")("Deslizador"))</h6>

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

<li>Creamos un frame en el (seg) 0, presionando el símbolo del reloj.</li>
<br>
<li>Nos posicionamos en el (seg) 0.17 y bajamos el valor <strong>Deslizador</strong> a 0.</li>
<br>
<li>Creamos un frame en el (seg) 0.28, presionando el símbolo del reloj.</li>
<br>
<li>Nos posicionamos en el (seg) 1.22 y subimos el valor <strong>Deslizador</strong> a 27.</li>
<br>
<li>Nos posicionamos en el (seg) 2.53 y bajamos el valor <strong>Deslizador</strong> a 0.</li>

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

<center>https://cdn.steemitimages.com/DQmf4dG71n7U2vo6z9siHtPGi9F7GrS1miwMPHfbujdJeei/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/DQmUcifN39HyrDgD4R2N5C54c1hxZgXvWSn7Ez4cUkVGpHx/GLITCHPUB.gif</center>

<center>Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)</center>
<br>
<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> <a href="https://mega.nz/#F!p1YgWYjL!G4nUcJJh3m64OvLHyVKpFg"><img src="https://cdn.steemitimages.com/DQmQenykpoMAyCyzgjBP1ZNkpduYwJsvq2bt3CqAfZvJXgT/202307_opt.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>