Feliz jueves. 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 y cuerdas, aplicado en un texto (esta edición también sirve con cualquier forma o figura geométrica).
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. ¡Espero les guste! ¿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
Empezaremos creando una nueva composición.
En la ventana emergente modificaremos los valores de la composición.
En mí caso el tamaño es 1920px x 1080px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos la imagen y presionamos importar.
Arrastramos nuestro archivo importado hacía la mesa de trabajo.
PARTE 3: Crear texto
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Montserrat Bold.
Cambiamos el color por uno más intenso.
En este caso elegí un rojo.
Creamos un texto.
Colocaré «HOPE» .
Cambiamos el color por uno que contraste con el color inicial.
En este caso elegí el blanco.
Creamos las letras que conforman la palabra «HOPE» , una por una.
Eliminamos el texto inicial.
NOTA: Solo nos sirvió como guía de posición.
PARTE 4: Crear capas de forma
Seleccionamos la herramienta rectangular, y presionamos la letra "Q" para cambiar su forma a una circunferencia.
Nos posicionamos en la mesa de trabajo y crearemos un circulo.
El circulo tiene que quedar sobre el texto «H» .
Seleccionamos Capa de forma 1 , presionamos ctrl + D para duplicarlo.
Tenemos que duplicarlo 4 veces.
Separamos las capas duplicadas hasta que formen una línea vertical.
Situamos las capas 1/5 debajo del texto «H» , en la línea de tiempo.
Seleccionamos las capas 1/5 y presionamos ctrl + D, otra vez.
Situamos las capas 6/10 debajo del texto «O» , en la línea de tiempo.
Tienen que estar posicionadas verticalmente sobre la «O» .
Seleccionamos las capas 6/10 y presionamos ctrl + D, nuevamente.
Situamos las capas 11/15 debajo del texto «P» , en la línea de tiempo.
Tienen que estar posicionadas verticalmente sobre la «P» .
Seleccionamos las capas 11/15 y presionamos ctrl + D, por última vez.
Situamos las capas 16/20 debajo del texto «E» , en la línea de tiempo.
Tienen que estar posicionadas verticalmente sobre la «E» .
Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H» :
En el apartado Principal y enlace, cambiamos Ninguno a Capa de forma 5
Seleccionamos Capa de forma 5 , presionamos la letra "R".
Se abrirán los frames de rotación.
Cambiamos el valor Rotación a 110°.
PARTE 5: Efecto de gravedad
Seleccionamos las cuatro capas superiores (capa 5, 10, 15, 20).
En la opción Type , cambiamos Dynamic por Static .
Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H» :
Presionamos el símbolo amarillo.
La opción: Crear línea de conexión.
Seleccionamos las capas 6/10 (6, 7, 8, 9, 10) y el texto «O» :
Presionamos el símbolo amarillo.
La opción: Crear línea de conexión.
Seleccionamos las capas 11/15 (11, 12, 13, 14, 15) y el texto «P» :
Presionamos el símbolo amarillo.
La opción: Crear línea de conexión.
Seleccionamos las capas 16/20 (16, 17, 18, 19, 20) y el texto «E» :
Presionamos el símbolo amarillo.
La opción: Crear línea de conexión.
Cambiamos el valor End frame de 25 a 550.
Presionamos la opción Render .
PARTE 6: Efecto de cuerdas
Seleccionamos la Comp 2
Presionamos Ventana/ConnectLayers_1.08.jxsbin
Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H» :
Presionamos la opción Rope
Seleccionamos las capas 6/10 (6, 7, 8, 9, 10) y el texto «O» :
Presionamos la opción Rope
Seleccionamos las capas 11/15 (11, 12, 13, 14, 15) y el texto «P» :
Presionamos la opción Rope
Seleccionamos las capas 16/20 (16, 17, 18, 19, 20) y el texto «E» :
Presionamos la opción Rope
PARTE 7: Exportar nuestro 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:
Hasta aquí el tutorial, espero les resulte útil.
Descargá el material usado:
¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.
