Buen día, queridos steem lovers. Hoy quiero compartir con ustedes un tutorial con el que me siento muy identificado; sobre todo por la relación amor-odio matutino que siento al levantarme y saber que tengo que ir a la universidad. — Hay días buenos y otros malos, como todo en la vida.

Pero ese no es el caso. Con la edición de hoy quise transmitir un concepto que gire en torno al aprendizaje. Por ello, en esta grata y oportuna ocasión, quiero enseñarles cómo realizar un GIF con un efecto «pencil drawing» (conocido en español como «lápiz dibujando»). ¡Espero les guste!

https://cdn.steemitimages.com/DQmNTeE2zuUdtZ9AB2epH1MvD1Jf9NppeQgB8k2RXeWypUq/PENPP.gif

¿Qué necesitamos?

Necesitamos tener instalado After Effects.

> Al final les dejaré el link de descarga.

Proceso de creación:

PARTE 1: Composición

https://cdn.steemitimages.com/DQmXKVf9aw8tdNCerFQkpjrSbquJwbComtiqsiRUe2o1B1k/1.gif

Empezaremos creando una nueva composición.

En la ventana emergente modificaremos los valores de la composición.

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

PARTE 2: Importar archivos

https://cdn.steemitimages.com/DQmSsBp6HByUkSMwgcWuBExh5p3GBqUrcDE9frBPtGcxqsx/2.gif Presionamos ```Archivo/Importar/Archivos...```

Seleccionamos la imagen y presionamos importar.

Arrastramos nuestro archivo importado hacía la mesa de trabajo.

PARTE 3: Crear línea

https://cdn.steemitimages.com/DQmbzUJonAHwYswiaq6V5S1NaiEq9dYuv358gWs2rRdSMrj/3.gif Vamos a ```cuadriculas y guía```, activamos la opción ```Márgenes seguros.```

Creamos una capa de forma presionando la herramienta pen tool.

> Le colocaré como nombre «Línea».

Dibujamos una línea vertical, justo en el centro de la composición.

Al lado derecho de «Línea», desplegamos sus valores.

Desplegamos los valores de Agregar y seleccionamos ```Zig zag```.

Cambiamos el valor Tamaño a 70.

Cambiamos el valor Crestas por segmento a 8.

En la opción Puntos, cambiamos Borde por Suave.

Seleccionamos la capa «Línea», presionamos la letra "P".

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

Nos posicionamos en el (seg) 0.00, creamos un frame en Posición Y.

> Presionando el símbolo del reloj.

Nos posicionamos en el (seg) 5.00, cambiamos Posición Y a -195.

PARTE 4: Agregar y editar lápiz

https://cdn.steemitimages.com/DQmWkbayaSrzJuRi27ePXUhPgrBLHfuwsVbmdKj2qWzdYkN/4-1.gif

Arrastramos la imagen del lápiz hacía la mesa de trabajo.

>Lo posicionamos en el centro de la composición.

Teniendo seleccionado «Pencil», presionamos las letras "P".

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

Nos posicionamos en el (seg) 0.00, cambiamos Posición X a 155.

Nos posicionamos en el (seg) 0.00, cambiamos Posición Y a 440.

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

Nos posicionamos en el (seg) 0.13, cambiamos Posición X a 335.

Seleccionamos los dos primeros frames, presionamos ctrl + C.

> Con este comando lo que haremos será copiarlos.

Nos posicionamos en el (seg) 0.26, presionamos ctrl + V.

> Con este comando lo que haremos será pegar los frames en ese (seg). https://cdn.steemitimages.com/DQmf1C7SPbe9inoKgQhMyCCpXhXbZaZDeMc2gw7i5pk2YwV/4-2.gif

Teniendo seleccionado «Pencil», presionamos las letras "R".

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

Nos posicionamos en el (seg) 0.00, cambiamos Rotación a 15.

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

Nos posicionamos en el (seg) 0.13, cambiamos Rotación a -15.

Seleccionamos los dos primeros frames, presionamos ctrl + C.

> Con este comando lo que haremos será copiarlos.

Nos posicionamos en el (seg) 0.26, presionamos ctrl + V.

> Con este comando lo que haremos será pegar los frames en ese (seg). https://cdn.steemitimages.com/DQmc5NvPkKy92T2qjVonrvZ8SuQfuNruvDwtbQjtAEzwFj8/4-3.gif

Teniendo seleccionado «Pencil», presionamos la letra "U".

>Se abrirán los frames creados.

Seleccionamos los fotogramas:

Presionamos clic derecho, ```Desaceleración/Aceleración suave``` o F9.

Seleccionamos Posición, presionamos Alt + el símbolo del reloj.

Copiamos el siguiente código en la línea de diálogo:

`loopOut()`

Seleccionamos Rotación, presionamos Alt + el símbolo del reloj.

Copiamos el siguiente código en la línea de diálogo:

`loopOut()`

PARTE 5: Añadir máscara

https://cdn.steemitimages.com/DQmTqPE1q3AeiUFZ8eYTx3Xzf6aQsUtdoEHYwnzCJvr6w19/5.gif Vamos a ```cuadriculas y guía```, desactivamos la opción ```Márgenes seguros.```

Arrastramos la imagen del lápiz hacía la mesa de trabajo, otra vez.

>Movemos «BG» bajo la imagen «Pencil», en la línea de tiempo.

Teniendo seleccionado «BG 2», crearemos una máscara. > Usando la herramienta rectangular, en el apartado superior.

Cubrimos la parte inferior de la imagen, creando un rectángulo.

PARTE 6: Exportar nuestro GIF

https://cdn.steemitimages.com/DQmaWPpb8Sohm9i2kGWqXN6V4cXvgDzSakJXpsSgm8MMfsw/6.gif Presionamos ```Composición/Añadir a cola de Adobe Media Encoder...```

Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.

Y éste es el resultado final:

https://cdn.steemitimages.com/DQmNTeE2zuUdtZ9AB2epH1MvD1Jf9NppeQgB8k2RXeWypUq/PENPP.gif Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)

Imagen usada de referencia:

Descargá el material usado:

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

Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2020/02/crea-tu-propio-gif-con-efecto-pencil-drawing-tutorial-after-effects-119