Buen día, hermanos y hermanas de plataforma. En esta ocasión, como ha sido costumbre en este modesto perfil, les estaré compartiendo una animación .GIF de una puerta misteriosa... pero... cual es el secreto que esconde? en pocas palabras, detrás de ella existe una manera efectiva de desestresarse, de crecer profesional, espiritual y económicamente, de conocer gente increíble y aprender de ellos... Del otro lado de la puerta está el futuro, esta HIVE... ¡Espero les guste!
¿Qué necesitamos?
Necesitamos tener instalado After Effects.
Al final les dejaré el link de descarga.
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 1250px x 720px, color negro.
PARTE 2: Crear puerta
Seleccionamos la herramienta rectangular en el apartado superior.
Creamos un rectángulo en la mesa de trabajo.
Que asemeje la forma de una puerta.
Vamos a Anchor Point Mover, presionamos la flecha derecha (←).
Con este ajuste, modificaremos el punto central de la capa.
Teniendo seleccionada la capa «Rectángulo», presionamos ctrl + D.
Le colocaré como nombre «BG».
Seleccionamos Relleno, elegimos el color Blanco.
Desplegamos los valores de «Rectángulo», presionando la flecha a su lado.
Teniendo seleccionada la capa «Rectángulo 1», presionamos ctrl + D.
Tenemos que duplicarlo 4 veces.
Desplegamos los valores de «Rectángulo 2», presionando la flecha a su lado.
Cambiamos el valor Tamaño X a 158.
Cambiamos el valor Tamaño Y a 125.2.
Cambiamos el valor Posición Y a -77.
Desplegamos los valores de «Rectángulo 3», presionando la flecha a su lado.
Cambiamos el valor Tamaño X a 70.
Cambiamos el valor Tamaño Y a 130.
Cambiamos el valor Posición Y a -45.
Cambiamos el valor Posición Y a 79.
Desplegamos los valores de «Rectángulo 4», presionando la flecha a su lado.
Cambiamos el valor Tamaño X a 70.
Cambiamos el valor Tamaño Y a 130.
Cambiamos el valor Posición Y a 43.
Cambiamos el valor Posición Y a 79.
Seleccionamos la herramienta elíptica en el apartado superior.
Creamos un rectángulo en la mesa de trabajo.
Que asemeje la forma de un pomo.
PARTE 3: Simular movimiento de la puerta
Seleccionamos «Rectángulo», presionamos la letra "P + 2".
Se abrirán los frames de trazado.
Nos posicionamos en el (seg) 0.00, y creamos un frame en todos los Trazado.
Presionando el símbolo del reloj.
Seleccionamos «Rectángulo», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 0.00, y creamos un frame en Escala.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Escala X a -35.
Nos posicionamos en el (seg) 0.20, movemos manualmente los puntos.
Los de la esquina superior derecha.
Nos posicionamos en el (seg) 0.20, movemos manualmente los puntos.
Los de la esquina inferior derecha.
Teniendo seleccionada la capa «Rectángulo», presionamos ctrl + D.
Le colocaré como nombre «Rectángulo 2».
Desplegamos los valores de «Rectángulo 2», presionando la flecha a su lado.
Desactivamos la visualización del archivo «Rectángulo 1, 2, 3, 4».
Presionando el símbolo del ojo.
En «Rectángulo 2» nos posicionamos en el (seg) 0.08, presionamos la letra "B".
Se reducirá el tiempo de visualización (inicio) a dicho (seg).
PARTE 4: Agregar y editar sombra
Creamos una capa de forma presionando la herramienta pen tool.
Dibujamos la frecuencia de la sombra.
Seleccionamos la opción Relleno, elegimos Degradado lineal.
Cambiamos el valor Punto de inicio X a 2.
Cambiamos el valor Punto de inicio Y a 120.
Cambiamos el valor Punto de final X a 2.
Cambiamos el valor Punto de inicio Y a 308.
Movemos «Sombra» bajo la capa «Rectángulo».
En la línea de tiempo.
Seleccionamos «Sombra», presionamos la letra "P + 2".
Se abrirán los frames de trazado.
Nos posicionamos en el (seg) 2.00, y creamos un frame Trazado.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 0.00, movemos manualmente los puntos.
Los izquierda hacia la derecha, hasta que se vea solo una franja.
PARTE 5: Añadir logotipo
Presionamos Archivo/Importar/Archivos...
Seleccionamos el archivo «HIVE», presionamos importar.
Arrastramos nuestra archivo importado hacía la opción «Composición».
Arrastramos la composición «HIVE» hacía la mesa de trabajo.
Seleccionamos la composicion «HIVE»:
En el apartado de Mate de seguimiento, seleccionamos Alpha matte.
Teniendo seleccionado la capa «BG», presionamos ctrl + D.
PARTE 6: Efecto Zoom IN
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Objeto Null
Le colocaré como nombre «Zoom».
Teniendo seleccionado «Zoom», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 1.13, y creamos un frame Escala.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Escala a 405.
Teniendo seleccionado «HIVE», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 1.13, y creamos un frame Escala.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Escala a 50.
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. @rpcaceres se despide. ;)
Imagen usada:
Descargá el material usado:
MYSTERIOUS DOOR | After Effects Tutorial #176 [ESP] | Ecency