GIF CON EFECTO FIRE LOGO REVEAL 2.0 | Tutorial After Effects #162

rpcaceres(72)
Published in
GEMS
Words
647
Reading
3 min
Listen
Play
6y
Buen día, queridos HIVE bloggers. En esta oportunidad, como ha sido costumbre en mi perfil, estaré retomando el hábito de crear GIF's usando como ejemplo el logotipo de la plataforma. ¡A muchos de ustedes les gusta, y a mí me gusta complacerlos!

Ahora bien, desde mi tormentoso, lamentable y penoso comienzo en este mundo (siendo más específico, en After Effects), siempre me han encantado las ediciones y simulaciones ambientales — tanto es el amor que les profeso, que si se pasan por mis antiguas publicaciones encontraran muchos tutoriales relacionados. — Pero no nos desviemos del tema, menciono esto porque hoy quise rememorar ese pasado creando una animación tridimensional con un efecto de fuego; pero no cualquier fuego, si no uno tan real que parece que quema de verdad... ¡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 1920px x 1080px, color negro.

    PARTE 2: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos todos los archivos .mov, presionamos importar.
  • PARTE 3: Editar logotipo

  • Arrastramos el archivo «Hive_Logo» hacía la mesa de trabajo.

  • Seleccionamos «Hive_Logo», presionamos clic derecho.

  • Vamos hasta la opción precomponer y le damos aceptar.

    Le colocaré el mismo nombre.

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «Fire_Map».

    Vamos a Efecto/Ruido y granulado/Ruido Fractal

  • Cambiamos el valor Contraste a 300.

  • Cambiamos el valor Brillo a -20.

  • Vamos a Efecto/Corrección de color/Tinción

  • Seleccionamos la opción Color 1, elegimos el color Rojo.

  • Movemos el sólido «Fire_Map», bajo la composición «Hive_Logo».
  • En la línea de tiempo.

  • Seleccionamos el sólido «Fire_Map»:

  • En Mate de seguimiento, seleccionamos Alpha inverted matte.

  • Teniendo seleccionado «Hive_Logo», presionamos ctrl + D.
  • Con este comando duplicaremos la composición.

  • Seleccionamos «Hive_Logo» y «Fire_Map», presionamos clic derecho.

  • Vamos hasta la opción precomponer y le damos aceptar.

    Le colocaré como nombre «Fire_Logo_Map».

  • Seleccionamos el sólido «Fire_Logo_Map»:

  • En Mate de seguimiento, seleccionamos Alpha matte.

    Vamos a Efecto/Estilizar/Resplandor

  • Cambiamos el valor Umbral de resplandor a 40.

  • Cambiamos el valor Radio de resplandor a 35.
  • PARTE 4: Añadir textura

  • Arrastramos el archivo «Texture - Pixels» hacía la mesa de trabajo.

  • Seleccionamos la capa «Texture - Pixels», presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Cambiamos el valor Escala a 20.

  • Teniendo seleccionado «Hive_Logo», presionamos ctrl + D.
  • Le colocaré como nombre «Hive_Logo_Alpha».

  • Movemos «Hive_Logo_Alpha», bajo «Fire_Logo_Map».
  • En la línea de tiempo.

  • Seleccionamos «Texture - Pixels»:

  • En Mate de seguimiento, seleccionamos Alpha matte.

    PARTE 5: Agregar partículas

  • Arrastramos «BG_Particles» hacía la mesa de trabajo.

  • Debe que estar posicionado de último lugar, en la línea de tiempo.

  • Arrastramos «Particles_Overlay» hacía la mesa de trabajo.

  • Debe que estar posicionado de primer lugar, en la línea de tiempo.

  • Seleccionamos «Particles_Overlay»:

  • En Modo, seleccionamos Pantalla.

    PARTE 6: Simular transición de degradado

  • Arrastramos «Fire_Transition» hacía la mesa de trabajo.

  • Seleccionamos todas las capas «Logo» y «Texture - Pixels»:

  • Nos posicionados en el (seg) 1.07, presionamos la letra "B".
  • Se reducirá el tiempo de visualización (inicio) a dicho (seg).

  • Nos posicionamos en el (seg) 3.00, creamos un frame en Radio.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 4.00, cambiamos adio a 0.

  • Teniendo seleccionado «Hive_Logo», presionamos ctrl + D.
  • Le colocaré como nombre «Hive_Logo_Reveal».

  • Activamos la visualización del archivo «Hive_Logo_Reveal»
  • Presionando el símbolo del ojo.

  • Seleccionamos «Hive_Logo_Reveal», otra vez:

  • En Modo, seleccionamos Pantalla.

    Vamos a Efecto/Transición/Barrido de degradado

  • Nos posicionamos en el (seg) 4.00, cambiamos Finalización a 77.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 5.00, cambiamos Finalización a 25.

  • Cambiamos el valor Suavizado a 20.

  • En la opción Capa, cambiamos Ninguno por Texture - Pixels.
  • 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@rpcaceres se despide. ;)




    Imagen usada:

    Descargá el material usado:


    GIF CON EFECTO FIRE LOGO REVEAL 2.0 | Tutorial After Effects #162 | Ecency