Feliz domingo. Es un placer estar con ustedes una vez más, queridos steemians. :)
Buenos días a toda la comunidad hispana. En esta ocasión les estaré enseñando, de forma básica y sencilla, cómo realizar un GIF con efecto «Pop-up» (conocido en español como «efecto de surgimiento»).
Esta es una de mis ediciones favoritas, por el concepto que transmite al espectador. Comunica Rapidez, profesionalismo, minimalismo y sencillez. Todo en una simple animación. ¡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 700px x 400px, color negro.
PARTE 2: Importar archivos
Presionamos Archivo/Importar/Archivos...
Seleccionamos el logotipo y presionamos importar.
PARTE 3: Crear elipse
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de formas
Le colocaré como nombre «Primer elipse».
Desplegamos los valores de Agregar, seleccionamos Elipse y Relleno.
Seleccionamos la opción Relleno, cambiamos el color por Turquesa.
Teniendo seleccionado «Primer elipse», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 0.00, cambiamos Escala a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 1.00, cambiamos Escala a 450.
Nos posicionamos en el (seg) 2.05, cambiamos Escala a 825.
Seleccionamos todos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Abrimos los valores gráficos.
Movemos los puntos extremos hacia el centro.
PARTE 4: Crear segundo elipse
Teniendo seleccionada la capa «Primer elipse», presionamos ctrl + D.
Le colocaré como nombre «Segundo elipse».
Seleccionamos la opción Relleno, cambiamos el color por Blanco.
Teniendo seleccionado «Segundo elipse», presionamos la letra "S".
Se abrirán los frames de escala.
Eliminamos todos los frames, presionando la tecla delete.
Nos posicionamos en el (seg) 0.25, cambiamos Escala a 0.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 2.00, cambiamos Escala a 160.
Nos posicionamos en el (seg) 2.20, cambiamos Escala a 145.
Convertimos el elipse en un objeto 3D.
Presionando el símbolo del cubo.
Teniendo seleccionado «Segundo elipse», presionamos la letra "R".
Se abrirán los frames de rotación.
Nos posicionamos en el (seg) 2.20, cambiamos Rotación Y a -180°.
Creamos un frame, presionando el símbolo del reloj.
Nos posicionamos en el (seg) 3.05, cambiamos Rotación Y a 0°.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Teniendo seleccionado «Segundo elipse», presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 2.20, creamos un frame en Posición.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 3.05, cambiamos Posición X a 200.
Seleccionamos los fotogramas creados:
Presionamos clic derecho, Desaceleración/Aceleración suave o F9.
Teniendo seleccionado «Segundo elipse», presionamos la letra "U".
Se abrirán todos los frames creados.
Seleccionamos todos los frames, presionamos ctrl + C.
Con este comando lo que haremos será copiarlos.
PARTE 5: Agregar logotipo
Arrastramos nuestro logotipo importado hacía la mesa de trabajo.
Teniendo seleccionada la imagen «LOGO», presionamos ctrl + V.
Con este comando lo que haremos será pegarlos.
PARTE 6: Crear línea
Creamos una capa de forma presionando la herramienta pen tool.
Al lado derecho de «capa de forma 1», desplegamos sus valores.
Desplegamos los valores de Agregar y seleccionamos Recortar trazados
Nos posicionamos en el (seg) 2.20, cambiamos Inicio a 0.
Creamos un frame, presionando el símbolo del reloj.
De igual forma creamos un frame en el valor Fin.
Presionando el símbolo del reloj también.
Nos posicionamos en el (seg) 3.05, cambiamos Inicio a 100.
Nos posicionamos en el (seg) 3.11, cambiamos Fin a 100.
PARTE 7: Añadir texto
Seleccionamos la herramienta rectangular en el apartado superior.
Creamos un rectángulo en la mesa de trabajo.
Seleccionamos nuestra herramienta de texto en el apartado superior.
Nos aseguramos que la fuente seleccionada sea Montserrat Bold.
Creamos un texto.
Tiene que estar ubicado dentro del rectángulo creado.
Teniendo seleccionado el texto, presionamos la letra "P".
Se abrirán los frames de posición.
Nos posicionamos en el (seg) 3.11, creamos un frame en Posición.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 3.17, cambiamos Posición Y a 225.
Movemos el texto creado bajo «capa de forma 2».
Presionamos el texto, y en el apartado de Mate de seguimiento seleccionamos Alpha inverted matte para nuestra capa.
PARTE 8: Zoom out
Presionando clic derecho sobre el área de trabajo.
Seleccionamos Nuevo/Capa de ajuste
Teniendo seleccionada «Capa de ajuste 1», presionamos la letra "S".
Se abrirán los frames de escala.
Nos posicionamos en el (seg) 3.17, creamos un frame en el valor Escala.
Presionando el símbolo del reloj.
Nos posicionamos en el (seg) 4.00, cambiamos Escala a 90.
PARTE 9: 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. ;)
