¡Cómo ANIMAR un MAPA! 📍🚗 [RUTA] || Tutorial - After Effects

Sdílet
Vložit
  • čas přidán 10. 09. 2024
  • Te mostraré cómo realizar una animación de recorrido o ruta, fácil y rápido con trazados en After Effects, así como vemos en Apps (Google Maps, Uber, Rappi, etc.) y lo apliques en tus videos.
    🔔 ¡Suscríbete y activa las notificaciones para más contenido!
    🔥 ¡Descarga los recursos de este tutorial!
    Aqui: ► gum.co/gkEza
    Mapa Personalizado: ► mapstyle.withg...
    -----------------------------------------------
    🎁 ¡Apoyame a seguir creando contenido y obtén BENEFICIOS EXCLUSIVOS!
    Patreon: ► / jesusvillanuevaeditor
    -----------------------------------------------
    ⚠️¡Sígueme en mis redes sociales!
    Instagram: / jesusvillanuevaeditor
    Twitter: / jesus_editor
    Facebook: / jesusvillanuevaeditor
    TikTok: / jesusvillanuevaeditor
    Web: www.jesusvillan...
    -----------------------------------------------
    📢 ¡Contacto!
    Correo: contacto@jesusvillanueva.com.mx
    **Por favor, solo relacionado para asuntos profesionales, patrocinios en el canal o colaboraciones.
    -----------------------------------------------
    💥 ¡Tutoriales destacados!
    - Pack de Transiciones y Efectos GRATIS para Premiere Vol.1: • ¡TRANSICIONES y EFECTO...
    - Pack de Títulos Animados GRATIS para Premiere Vol.1: • ¡TÍTULOS ANIMADOS GRAT...
    - Animar texto al ritmo de la música: • ¡ANIMAR TEXTO al RITMO...
    - Crear y Animar Botón de Suscribirse: • ¡ANIMAR BOTÓN de SUSCR...
    - Efecto Glitch en Logotipos: • ¡Cómo hacer EFECTO GLI...
    - Animar Trazos y Formas Líquidas: • ¡Animar TRAZOS y FORMA...
    -----------------------------------------------
    🎥 ¡Equipo que uso en este canal!
    Cámara ▶︎ amzn.to/2QB99jE
    Tarjeta SD ▶︎ amzn.to/3bm4R7Y
    Luces ▶︎ amzn.to/2WwkLbA
    Respaldo ▶︎ amzn.to/2WCPPWX
    Mic. p/Cámara ▶︎ amzn.to/2QEb2fA
    Monitor ▶︎ amzn.to/33BhNEe
    Sistema de Audio ▶︎ amzn.to/2QCIVNO
    Teclado/Mouse ▶︎ amzn.to/3bec8q0
    * Si alguno de los artículos te interesó, por favor usa los enlaces, van directamente a los productos y ayudan al canal si compras alguno. 😃
    -----------------------------------------------
    🎬 Jesús Villanueva :: Tutoriales para Creativos
    Te mostraré cómo crear increíbles efectos de películas y videos populares, edición de video y otros temas relacionados al mundo audiovisual.
    ¡Nuevo tutorial cada semana!
    Me ayudas muchísimo compartiendo estos tutoriales, espero que los disfrutes y te sean de mucha ayuda.
    #AfterEffects

Komentáře • 113

  • @sofiachavez9864
    @sofiachavez9864 Před 2 měsíci

    MIL GRACIAS EXCELENTE TUTORIAL, VI COMO 10 TUTORIALES ANTES Y CON NINGUNO LO HABÍA LOGRADO HASTA ESTE!!

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 2 měsíci

      Wow! Me agrada escuchar que te fue de gran ayuda, Gracias por tu comentario y tiempo.

  • @KleberHernandez-o5z
    @KleberHernandez-o5z Před 2 měsíci

    Excelente video, amigo mío. No soy diseñador, pero he requerido hacer una que otra cosa de este tipo y vaya que me has sacado de un apuro. Like y nuevo suscriptor. Saludos.

  • @user-oe1sf9ns2z
    @user-oe1sf9ns2z Před 5 měsíci

    FELICIDADES ESTA SEMANA EMPECE CON AFTER Y VEO QUE CON TUS TUTORIALES APRENDERE GRACIAS HERMANO SALUDOS DESDE MONTERREY NUEVO LEON

  • @LeonardoOyarzunRamirez
    @LeonardoOyarzunRamirez Před 3 lety +6

    Excelente este tutorial, un aplauso, perfectamente explicado.

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Qué tal Leonardo! ✌🏽 Muchísimas gracias por tu comentario, se aprecia y me ayuda a saber que les es de gran ayuda el contenido. 😄🙌🏽

  • @joseolivares379
    @joseolivares379 Před 4 lety +9

    gracias Bro¡¡ por tu tiempo y calidad de tus vídeos....y veo que mejorastes el problema que tenias con tu audios, ahora están super

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety +1

      Qué tal Jose! 😀 Gracias por tu comentario y observación, así es, estuve cambiando unos ajustes para mejorar. 🙌🏽

  • @cattowers5636
    @cattowers5636 Před 2 lety +1

    Hermano eres un Ángel caído del cielo, me ayudaste con dos trabajos que tenía que entregar

  • @DIMANI
    @DIMANI Před rokem

    Excelente video, super entendible, de los mejores que hay en CZcams!

  • @alonsosantos4380
    @alonsosantos4380 Před 3 lety

    No pude descargar los archivos de recursos, intente con otros y me sirvió mucho tu tutorial, cada vez me gusta más el tema. GRACIAS

  • @aronalay10
    @aronalay10 Před 4 lety +3

    Súper.! Que Crack.! Excelente explicando.! 🤍

  • @iteracionpronoica
    @iteracionpronoica Před 3 lety +1

    Tu tutorial me va a servir muchisimo para el proyecto que estoy realizando!
    Muchisimas gracias Jesus!!!

  • @elguerogrupero
    @elguerogrupero Před 4 lety +2

    Saludos desde Guatemala. Siempre he querido animar un desfile de siluetas en un mapa. Para ti próximo video sería genial. Excelente trabajo.

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety

      Qué tal Johnny! ✌🏽 Muchas gracias por tu comentario.
      Qué es un desfile de siluetas? 🤔

    • @elguerogrupero
      @elguerogrupero Před 4 lety

      Un desfile solo que con siluetas en png o vector

  • @ElAgenteManu
    @ElAgenteManu Před 3 lety +1

    Gracias, Gracias, GRACIAS!!!!! Luego te muestro lo que me ayudaste a hacer!

  • @BenelliPerfume
    @BenelliPerfume Před 3 lety

    Merecido aplauso, claro simple y muy util. Gracias

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Genial! 💥 Muchísimas gracias por tu comentario y espero te haya sido de gran ayuda.

  • @miguelmejia1624
    @miguelmejia1624 Před rokem

    Buen vídeo, no sabes como me acabas de salvar la vida

  • @joseacosta545
    @joseacosta545 Před 3 lety +1

    Capo! muchasss gracias...me sirvió un montón!

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Genial! 💥 Me da gusto saber te fue de ayuda, espero el demás contenido también te apoye en tus proyectos. 😄✌🏽

  • @arradu5132
    @arradu5132 Před 2 lety

    muchas gracias jesus, eres el mejor...saludos...

  • @morbus66
    @morbus66 Před 3 lety +1

    Genial... me sirvió un montón, gracias mi pana, un abrazo desde la distancia...

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Qué tal mi Pana! ✌🏽 Muchas gracias por tu comentario y me da gusto que fue de gran ayuda. Igualmente un abrazo. 😀

  • @M2RV1Nxd
    @M2RV1Nxd Před 3 lety +1

    Muchas Gracias!

  • @marolica79
    @marolica79 Před rokem +1

    Gracias, me encantó!!

  • @willyabnerocanaalvarado8084

    Super Chévere !! Gracias..!!

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Claro! 💥 Espero te haya sido de gran ayuda el tutorial, saludos! ✌🏽😄

  • @katerinyulisapfoccorechamp2999

    AMEEEE MUCHAS GRACIAS!!!

  • @jewelramos5677
    @jewelramos5677 Před 4 lety +1

    Muy util tu video, gracias!

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety

      Genial! 💥 Espero me puedas compartir tu resultado y muchas gracias por tu comentario. 😄

  • @elgardoramirezmacedo2792

    Tu tutorial está genial!!!

  • @diegopacheco4854
    @diegopacheco4854 Před 3 lety +2

    Excelente vídeo

  • @timer674
    @timer674 Před 3 lety +2

    Exelente tutorial Felicidades 🌠🌠🌠🌠🌠

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Muchísimas gracias por tu comentario, me agrada saber que te fue de ayuda. 😄

    • @timer674
      @timer674 Před 3 lety +2

      @@jesusvillanuevaeditor yo importe la ruta desde illustrator en PDF y ya logre que se recorte la ruta pero no puedo pegar el carro a la ruta exportada como lo puedo hacer ''???? muchas gracias de antemano

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Por qué lo exportas como PDF? 🤔 Dejalo tal cual en Illustrator, y de esa manera te respetará las capas de vector y no tendrías que hacer nada, sólo te reconoce el trazo tal como en el tutorial. En el caso de haber algún problema y de plano no se pueda. Das clic derecho sobre la capa del trazo y lo conviertes a trazo, "Convert to Path" o algo así, no recuerdo exactamente el nombre

    • @timer674
      @timer674 Před 3 lety +2

      @@jesusvillanuevaeditor gracias por responderme , si yo hice click derecho y aplique -create shapes from vector layer - para recortar el trazo , intente en PDF e illustrator y funciona , yo puedo copiar la posicion del trazo al carro con una ruta creada sobre la composición pero si yo importo la ruta desde ilustrator la posicion se copia al carro pero no se posiciona al inicio de el trazo , el carro sigue la ruta importada pero la posicion se actualiza en un lugar diferente al inicio del trazo importado. como podria solucionar esto ?? te lo agradecería mucho !!!

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Estas en el servidor de Discord? 🤔 Sólo viendo bien tu proyecto me Sara mas sencillo ayudarte.
      Hay 2 posibles causas que por el momento se me ocurren:
      1. Tu diseño en Illustrator no tiene exactamente las mismas medidas que tu video en After, por eso se mueve hacia otro lugar, pues toma el centro desde el diseño de Illustrator.
      2. Al ser un trazo importado, After automáticanente asigna un punto de vector como inicio y habría que dar clic derecho sobre el primer punto que queremos y delegar lo como el de inicio.
      Pero repito, me sería mucho más sencillo apoyarte si estuvieras en Discord para mejor comunicación y compartir pantalla.

  • @Motear
    @Motear Před 2 lety

    Excelente tutorial, gracias!!

  • @idoiadeluxan84
    @idoiadeluxan84 Před rokem

    ¡Muchas gracias! 😃

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před rokem

      Al contrario, muchas gracias por darte el tiempo de dejar tu comentario. Saludos ✌🏼

  • @alejomelgar2292
    @alejomelgar2292 Před 3 lety +2

    Excelente tutorial, un abrazo

  •  Před 2 lety +1

    Gracias

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 2 lety

      Al contrario, muchas gracias por tomarte el tiempo de dejar tu comentario. 😃 Saludos ✌🏽

  • @tetres_dg
    @tetres_dg Před 3 lety +1

    Gracias por compartir :)

  • @gerardorito3282
    @gerardorito3282 Před 3 lety +1

    Hola amigo, sabes como animar la ruta en maps como anda de moda en tiktok?

  • @RODOLFORTHEWIN
    @RODOLFORTHEWIN Před 4 lety +1

    Excelente video Jesús, un saludo mi hermano.

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety

      Qué tal Rodo! 😀 Igualmente saludos y muchas gracias por tu comentario. 🙌🏽

  • @xlaacera807
    @xlaacera807 Před 4 lety +1

    Saludos bro, desde Ecuador. Tus vídeos son cheveres. 👌

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety +1

      Muchas gracias bro! 🙌🏽 Saludos hasta Ecuador 🇪🇨 por cierto, vi un corto que compartiste, sin embargo se me pasó dejar mi comentario, en un momento lo hago 😉

    • @xlaacera807
      @xlaacera807 Před 4 lety

      @@jesusvillanuevaeditor Hey bro, muchas gracias por verlo. Espero que te haya gustado ✌🤓 Muchas gracias por el comentario. Buenas vibras y Paz.

  • @luisgalvez9664
    @luisgalvez9664 Před 2 lety

    Un vídeo muy interesante, estoy buscando hacer algo similar , pero el recorrido contiene un elevado número de curvas que se solapan si no le doy suficiente zoom

  • @miguelbetancourt6098
    @miguelbetancourt6098 Před 9 měsíci

    amigo donde puedo descargar affter effects de manera gratuita sin virus ....?

  • @Omegvo
    @Omegvo Před 3 lety +2

    Hola gracias por compartirlo , yo puedo importar el trazo de la ruta desde illustrator? Gracias saludos

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Hola! ✌🏽 Por supuesto, puedes importar todo desde Illustrator, incluso el trazo para la ruta. 😄

    • @Omegvo
      @Omegvo Před 3 lety +2

      @@jesusvillanuevaeditor gracias por responder ya exporte la ruta y ya logre que se recorte el trazo , pero al tratar de pegar el carro u otra imagen ,pasa esto::__ pegar la posición de la ruta al objeto__, el objeto se coloca afuera de la animación, no sobre la ruta , como lo puedo arreglar esto???? , me podrías orientar por favor ???????

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Bien, en ocasiones pasa esto, lo que te recomiendo es duplicar la capa de la ruta, luego dar clic derecho y convertir vector a trazo, hay una opción que dice "Convert to Path" o algo así, no recuerdo exactamente el nombre. Ahí pegas el carro

    • @Omegvo
      @Omegvo Před 3 lety +2

      @@jesusvillanuevaeditor gracias por responder yo te envie un correo con mi captura de pantalla sobre lo que pasa al copiar la posicion de trazos importados a el carro u otro objeto , espero que me puedas ayudar. Muchas Gracias

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Amigo, una disculpa pero el correo es únicamente para trabajo/negocios/patrocinios. Motivo por el cuál como yo no llevo mi correo, sino la persona que me apoya en esta parte, no me pasa esa información y si lo reviso para checar que todo esté en orden pero muy esporádico 😅 usas Discord? 🤔

  • @esoptica
    @esoptica Před 2 lety +1

    Necesito crear una ruta de dia con una persona que camina hacia el destino pero en formato vertical, como puedo hacerlo

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 2 lety

      Hola! ✌🏼 Para hacerlo vertical simplemente crea tu composición desde el inicio en las medidas que requieras, de ahí todo lo demás es lo mismo. Ahora, para hacerlo de día, sólo es cuestión de cambiar los colores del mapa y listo. 😀

  • @betsabealtamirano2542

    Se me borra la imagen de fondo ayuda. la primaera imagen de mapa

  • @renan9055
    @renan9055 Před 3 lety +1

    Buen día y una pregunta en ilustrator ahi se puede colocar el nombre de las calles para que en el recorrido del carrito, salga los nombres, o en after efects?

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Claro, sería mucho más sencillo hacerlo en Illustrator si es que no llevará animación el texto. 😀

  • @JoelLeonPeru
    @JoelLeonPeru Před 4 lety +1

    Yo también uso lightshot para captura de pantalla 😎

  • @sanroqueportal
    @sanroqueportal Před 2 lety

    Buenas tardes, excelente, como puedo hacer para que se vectorize solo el mapa pero nececito que los nombres de la ruta y las ciudades no. Muchas gracias desde argentina

  • @mrcargacon
    @mrcargacon Před 4 lety +1

    Muy bueno bro

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety +1

      Bro! 🙌🏽 Estoy muy agradecido por tus comentarios en los tutos! 😉😀 Saludos

    • @mrcargacon
      @mrcargacon Před 4 lety

      @@jesusvillanuevaeditor Gracias a ti por enseñarnos tanto, hermano

  • @viajarruteando
    @viajarruteando Před 3 lety +1

    Genial, muy bien explicado. Una pregunta, la ilustración del coche se podria cambiar por una animación que fueran unos pies vistos por arriba de tal manera que pareciera como si fueran andando? Muchas gracias por tu trabajo, saludos

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Qué tal! ✌🏽 Muchas gracias por tu comentario. Y claro, puede funcionar como dices, te recomiendo que primero hagas una composición con las huellas para que incluso puedas animarlas, posterior la añades al mapa como si fuera el carro. 😀

    • @viajarruteando
      @viajarruteando Před 3 lety +1

      @@jesusvillanuevaeditor Muchas gracias Jesus, voy a intentarlo. Saludos

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Claro, me dices que tal. 😀 Saludos! ✌🏽

  • @Motear
    @Motear Před 2 lety

    Master, cómo puedo hacer para conseguir una imagen de una moto en .ai? Ya que no tengo adobe illustrator y ya intenté convertir una imagen a .ai en la web pero el fondo me sale blanco, no transparente. Desde ya muchas gracias!

  • @user-fx9xc3mr5k
    @user-fx9xc3mr5k Před rokem

    Donde encuentro el enlace?

  • @user-qu6kh2iv4s
    @user-qu6kh2iv4s Před měsícem

    despues que se hace

  • @ivandelosreyesjuarez9755
    @ivandelosreyesjuarez9755 Před 4 lety +1

    Hola Jesus, muy buen turorial, tu sabes como puedo hacer para hacerlo en 3d y el carrito siga al trazo? Porque no logro el auto siga al trazo en perspectiva 3d.
    Ojala me puedas ayuda. Saludos

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety

      Hola Iván! ✌🏽Gracias por tu comentario. Respecto a tu duda, intenta creando un objeto null, vincula el null al trazo y luego tu carro al null.
      Tu carro es un objeto 3D? 🤔
      Quiero suponer que funcionará, de lo contrario necesitaría ver tu proyecto para poder ayudarte.

    • @ivandelosreyesjuarez9755
      @ivandelosreyesjuarez9755 Před 4 lety +1

      @@jesusvillanuevaeditor Muchas gracias por responder, te comento que el carro no es un objeto 3d, es un vector al que solo le activo la casilla de 3D, qué opinas funcionará?

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 4 lety

      🤔 Puedes intentarlo, me parece que After no permite vincular capas 3D a 2D, pues lo detecta como "incongruente", en caso de que tu línea también sea 3D también, tendría que analizar tu proyecto para poder ayudarte de una mejor manera. Si gustas el viernes a partir de la 7PM (Hora México) hago directos en Twitch, ahí pudiéramos resolverlo en directo, te parece?

  • @mtzbandaraul
    @mtzbandaraul Před rokem

    Estoy buscando algo parecido a lo que presentas en este video, más sin embargo no tengo las herramientas para hacerlo ya que no hago este tipo de trabajos. ¿Cuánto me cobras por hacer un mapa animado de un corto recorrido? Es solo para mostrar que ruta seguir de una calle que están remodelando es muy sencillito pero creo que algo así me ayudaría.🚙Te mandé captura de pantalla por Twitter,

  • @michellelovon5180
    @michellelovon5180 Před 2 lety

    alguien sabe el nombre del soundtrack del inicio porfa :(

  • @orlandouribe3647
    @orlandouribe3647 Před 4 lety +1

    al darle descargar me sale que la pagina no funciona! que debo hacer?

  • @rnan2
    @rnan2 Před 3 lety +1

    Hola, excelente video. Solo presento problemas en el momento de querer Vincular con el Espiral mi png del Auto, en tu caso usaste un objeto de illustrator. Sera por eso?

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety +1

      Hola Hernan! ✌🏽 Qué problema presentaste? Se desfasó la posición?

    • @rnan2
      @rnan2 Před 3 lety +1

      @@jesusvillanuevaeditor
      No. No se desfaso, solo no mostraba el espiral como en tu caso.
      Solución:
      Manteniendo la tecla ALT del teclado das click izquierdo sobre el reloj que quieres asociar, automáticamente le van a salir unas opciones en la parte de abajo incluyendo el espiral y utilizas el espiral como en el tutorial.

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Oh, que bueno que tuviste solución. Si no te sale el espiral, en la parte de abajo, hay unos iconos, el de enmedio es el que activa, es decir, los pone visibles en el panel.

    • @vicentesuarez2250
      @vicentesuarez2250 Před 2 lety

      A mí si se me ha desfasado la posición del objeto, sigue la trayectoria del trazo pero en otra posición

  • @nnoobsquadpakonnoob4253

    excelente contenido y bien explicado lastima que no estan dando like

    • @jesusvillanuevaeditor
      @jesusvillanuevaeditor  Před 3 lety

      Wow! 💥 Muchas gracias, se agradece tu comentario, pues efectivamente, de esta manera me ayudan a saber que es un buen aporte. 😀 Saludos ✌🏽

  • @GonNEer
    @GonNEer Před 3 lety

    Fak , cuando renderizo el video , se ven pixeleados los vectores

  • @gonzaloangel1425
    @gonzaloangel1425 Před 2 lety

    Y como exporto todo a un vídeo? 😩

  • @juanlopez-gl9lm
    @juanlopez-gl9lm Před 3 lety +1

    HEY MUY VERGATARIO TU VIDEO COMPA

  • @user-qu6kh2iv4s
    @user-qu6kh2iv4s Před měsícem

    a mi no me salio

  • @adlemur
    @adlemur Před 3 lety +1

    Hermano q tutorial tan malo !!!! Adobe te deberia demandar por usar tan mal sus productos