CREA TU PROPIO GIF CON EFECTO HEART RATE | Tutorial After Effects #134

in spanish •  5 years ago  (edited)
Buen día, queridos steem lovers. En esta ocasión les estaré enseñando la forma más fácil de crear una animación que, a mi parecer, es bastante chida — como dirían nuestros hermanos mexicanos. — Se trata de una composición que simula las pulsaciones de una frecuencia cardíaca (conocido en ingles como «heart rate»). ¡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 1920x x 1080px, color negro.

    PARTE 2: Crear y animar frecuencia cardíaca

  • Creamos una capa de forma presionando la herramienta pen tool.

  • Dibujamos la frecuencia cardíaca.

  • Seleccionamos la opción Trazo, elegimos el color Verde claro.

  • Desplegamos los valores de Recortar trazados 1.

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

  • Nos posicionamos en el (seg) 1.25, cambiamos Inicio a 100.

  • Nos posicionamos en el (seg) 0.00, cambiamos Inicio a 0.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 1.16, cambiamos Inicio a 100.

  • Seleccionamos los fotogramas:

  • Presionamos clic derecho, Desaceleración/Aceleración suave o F9.

  • Nos posicionamos en el (seg) 1.25, presionamos la letra "N".
  • Se reducirá el tiempo de visualización (fin) a dicho (seg).

    PARTE 3: Editar fondo

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «BG».

    Vamos a Efecto/Generar/Gradación de degradado.

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

  • Seleccionamos la opción Color 2, elegimos el color Azul Marino.

  • En la opción Forma de la pendiente, cambiamos Lineal por Radial.

  • Cambiamos el valor Dispersión de la pendiente a 100.
  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «Cuadricula».

    Vamos a Efecto/Generar/Cuadricula.

  • En la opción Tamaño, cambiamos Punto del borde por Anchura.

  • Seleccionamos la opción Color, elegimos el color Azul Marino.
  • PARTE 4: Añadir resplandor y precomponer

    Vamos a Efecto/Estilizar/Resplandor.

  • Cambiamos el valor Umbral de resplandor a 58.

  • Cambiamos el valor Radio de resplandor a 20.

  • Teniendo seleccionada «Capa de formas 1», presionamos ctrl + D.
  • Tenemos que duplicarlo 4 veces.

  • Dejamos un espacio de separación de 35 fotogramas, una a una.
  • Gracias es esto se visualizará una composición escalonada.

  • Procedemos a convertir toda las capas en objetos 3D.
  • Presionando el símbolo del cubo.

  • Seleccionamos todas las capas, presionamos clic derecho.

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

    Le colocaré como nombre «Latido».

    PARTE 5: Editar perspectiva tridimensional

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Cámara

  • Presionamos aceptar.

  • Seleccionamos la cámara creada, presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Cambiamos el valor Posición X a 1025.
  • Cambiamos el valor Posición Y a 505.
  • Cambiamos el valor Posición Z a -1125.

  • Seleccionamos la composición «Latido», presionamos la letra "R".
  • Se abrirán los frames de Rotación.

  • Cambiamos el valor Orientación X a -315.
  • Cambiamos el valor Orientación Z a 350.
  • PARTE 6: 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. ;)



    Descargá el material usado:



    Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2020/03/crea-tu-propio-gif-con-efecto-heart-rate-tutorial-after-effects-134

    Authors get paid when people like you upvote their post.
    If you enjoyed what you read here, create your account today and start earning FREE STEEM!
    Sort Order:  

    Excelente tutorial de como hacer imagenes animadas, gracias por compartir. Saludos

    Muchas gracias, amigo @carlos84. Me alegra mucho que te haya gustado.

    Saludos.

    buena info

    Buenas, Su post ha sido propuesto para ser votado a lo largo del día por el witness @cervantes. Un saludo.

    CURADORES-01.gif

    Gracias por la valoración, querido @ramonycajal. Muy agradecido, de verdad.

    Saludos, abrazos y mucha salud para todo el team Cervantes.

    Holaaa, compañero @rpcaceres

    Me encantó tu tutorial. Es muy sencillo y muy completo. Fácil de practicar.

    Muchas gracias por enseñar tus habilidades con After Effects.

    Que tengas Feliz día

    muchas gracias por tan bonito comentario, estimada @librepensadora. ;D

    Votado por el trail @team-mexico
    Servidor en Discord TeamMexicoPRO ¡Te esperamos!

    Delegación: 50 SP, 100 SP, 500 SP.
    teammexico (1).png
    Curado Manualmente

    Saludos amigo, muy bonito el diseño de las pulsaciones cardíacas, l color muy actual, gracias por compartir tu magnífico talento, bendiciones!!

    Buen trabajo amiga