Feliz viernes. Es grato saludarlos una vez más, queridos steemians. :)

Buenos noches a toda la comunidad hispana. Hoy quiero compartir con ustedes un GIF con efecto de gravedad, aplicado en un texto. En esta ocasión estaré usando un plug-in llamado Newton, el cual es creado y distribuido por la compañía de diseño digital MotionBoutique.

Crear este tipo de edición de forma manual no es imposible, pero si complicado. Requeriría dedicar una edición minuciosa de frame by frame, y al final el resultado no quedaría tan natural como este. ¡Espero les guste!

https://cdn.steemitimages.com/DQmW7QP8bhuBemyVGHag5e2KGJ7SzUdPfTMHJuhN8GvNzQ3/NEWTONPUB.gif

¿Qué necesitamos?

Necesitamos tener instalado After Effects.

> Al final les dejaré el link de descarga.

Fuente usada en este tutorial, aquí

Proceso de creación:

PARTE 1: Composición

https://cdn.steemitimages.com/DQmcJCfqxGAD2MRAQSVFyTELPP3RMSdeCjP5JgN2gWQGZGU/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 700px x 400px, color negro.

PARTE 2: Crear sólido

https://cdn.steemitimages.com/DQmUPjZcth96r5AaGS93MLMVcYaffakELgh2G2GtGvpBMuk/2.gif

Creamos un sólido presionando clic derecho sobre el área de trabajo.

> Yo lo colocaré un color púrpura oscuro.

PARTE 3: Crear texto

https://cdn.steemitimages.com/DQmahnPt3N2bcwvzMJH3X65xwQ7Wa2sHVspsxy3L76bTLZW/3.gif

Seleccionamos nuestra herramienta de texto en el apartado superior.

>Nos aseguramos que la fuente seleccionada sea Metropolitan Bold.

Cambiamos el color del texto.

> En este caso elegí un Fucsia. Vamos a ```Alinear``` y centramos nuestro texto, vertical y horizontalmente. Vamos a ```Carácter``` y cambiamos el tamaño de 90 a 58.

Creamos un segundo texto y le cambiamos el color.

> Para este elegí un color Blanco.

PARTE 4: Crear obstáculos

https://cdn.steemitimages.com/DQmRTV2BaiCoLVBcuQjrRpg5V5beNazp3BFkpJAdNZ6E6eZ/4.gif

Disminuimos el tamaño de visualización de un 83.2 a 50%.

Seleccionamos la herramienta rectangular, en el apartado superior.

Creamos un rectángulo en la parte final de la composición.

> Es importante que el rectángulo tenga la opción de relleno activada.

Seleccionamos capa de forma 1, presionamos ctrl + D para duplicarla.

Seleccionamos la capa duplicada y presionamos la letra "R".

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

Cambiamos el valor Rotación a 90°.

PARTE 5: Efecto de gravedad

https://cdn.steemitimages.com/DQmPgfigUJKiqc55MYVnUAM1AwqLw4wY1sDQzjZmVjytMtW/5-1.gif Clic derecho sobre los dos Textos, ```Crear/Crear forma a partir del texto``` Seleccionamos todos los archivos , presionamos ```Composición/Newton 2```

Seleccionamos los dos contornos y presionamos Separate.

https://cdn.steemitimages.com/DQmWfGrHEYLWDN7AqKbzYfNFAdV81cc9EQiYva8h738SCjM/5-2.gif

Seleccionamos todas las letras que conforman el texto «Newton».

En la opción Type, cambiamos Dynamic por Dormant.

Seleccionamos todas las letras que conforman el texto «Apple».

En la opción Type, cambiamos Dynamic por Kinematic.

Seleccionamos los dos obstáculos creados.

En la opción Type, cambiamos Dynamic por Static.

Seleccionamos todas las letras del texto «Apple», nuevamente.

Movemos el texto hacia arriba, hasta que salga de la composición.

Cambiamos el valor End frame de 25 a 130.

Presionamos la opción Render.

PARTE 6: Exportar nuestro GIF

https://cdn.steemitimages.com/DQmeAPNFdVRpx6psZ42T6vvxdNJqaSmRi41qc21B4MnA422/6.gif

Seleccionamos la Comp 2

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/DQmW7QP8bhuBemyVGHag5e2KGJ7SzUdPfTMHJuhN8GvNzQ3/NEWTONPUB.gif Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)

Descargá el material usado:

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

¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.