¡Cómo ANIMAR un MAPA! 📍🚗 [RUTA] || Tutorial - After Effects
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
MIL GRACIAS EXCELENTE TUTORIAL, VI COMO 10 TUTORIALES ANTES Y CON NINGUNO LO HABÍA LOGRADO HASTA ESTE!!
Wow! Me agrada escuchar que te fue de gran ayuda, Gracias por tu comentario y tiempo.
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.
FELICIDADES ESTA SEMANA EMPECE CON AFTER Y VEO QUE CON TUS TUTORIALES APRENDERE GRACIAS HERMANO SALUDOS DESDE MONTERREY NUEVO LEON
Excelente este tutorial, un aplauso, perfectamente explicado.
Qué tal Leonardo! ✌🏽 Muchísimas gracias por tu comentario, se aprecia y me ayuda a saber que les es de gran ayuda el contenido. 😄🙌🏽
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
Qué tal Jose! 😀 Gracias por tu comentario y observación, así es, estuve cambiando unos ajustes para mejorar. 🙌🏽
Hermano eres un Ángel caído del cielo, me ayudaste con dos trabajos que tenía que entregar
Jajajaja ósea un demonio
Excelente video, super entendible, de los mejores que hay en CZcams!
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
Súper.! Que Crack.! Excelente explicando.! 🤍
Hola Aron! 🖖🏽 Muchísimas gracias por tu comentario! 😀
Tu tutorial me va a servir muchisimo para el proyecto que estoy realizando!
Muchisimas gracias Jesus!!!
Saludos desde Guatemala. Siempre he querido animar un desfile de siluetas en un mapa. Para ti próximo video sería genial. Excelente trabajo.
Qué tal Johnny! ✌🏽 Muchas gracias por tu comentario.
Qué es un desfile de siluetas? 🤔
Un desfile solo que con siluetas en png o vector
Gracias, Gracias, GRACIAS!!!!! Luego te muestro lo que me ayudaste a hacer!
Claro, me gustaría ver cómo quedó! 😃
Merecido aplauso, claro simple y muy util. Gracias
Genial! 💥 Muchísimas gracias por tu comentario y espero te haya sido de gran ayuda.
Buen vídeo, no sabes como me acabas de salvar la vida
Capo! muchasss gracias...me sirvió un montón!
Genial! 💥 Me da gusto saber te fue de ayuda, espero el demás contenido también te apoye en tus proyectos. 😄✌🏽
muchas gracias jesus, eres el mejor...saludos...
Genial... me sirvió un montón, gracias mi pana, un abrazo desde la distancia...
Qué tal mi Pana! ✌🏽 Muchas gracias por tu comentario y me da gusto que fue de gran ayuda. Igualmente un abrazo. 😀
Muchas Gracias!
Claro Marvin! 😃✌🏽
Gracias, me encantó!!
Genial, espero te haya sido de ayuda. 😃🙌🏼
Super Chévere !! Gracias..!!
Claro! 💥 Espero te haya sido de gran ayuda el tutorial, saludos! ✌🏽😄
AMEEEE MUCHAS GRACIAS!!!
Muy util tu video, gracias!
Genial! 💥 Espero me puedas compartir tu resultado y muchas gracias por tu comentario. 😄
Tu tutorial está genial!!!
Excelente vídeo
Muchas gracias bro! 🙌🏽😎
Exelente tutorial Felicidades 🌠🌠🌠🌠🌠
Muchísimas gracias por tu comentario, me agrada saber que te fue de ayuda. 😄
@@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
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
@@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 !!!
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.
Excelente tutorial, gracias!!
¡Muchas gracias! 😃
Al contrario, muchas gracias por darte el tiempo de dejar tu comentario. Saludos ✌🏼
Excelente tutorial, un abrazo
Muchísimas gracias Alejo! 🙌🏽 Igualmente un abrazo y saludos 😃
Gracias
Al contrario, muchas gracias por tomarte el tiempo de dejar tu comentario. 😃 Saludos ✌🏽
Gracias por compartir :)
Claro! 😀 También gracias por tu comentario. ✌🏽
Hola amigo, sabes como animar la ruta en maps como anda de moda en tiktok?
Excelente video Jesús, un saludo mi hermano.
Qué tal Rodo! 😀 Igualmente saludos y muchas gracias por tu comentario. 🙌🏽
Saludos bro, desde Ecuador. Tus vídeos son cheveres. 👌
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 😉
@@jesusvillanuevaeditor Hey bro, muchas gracias por verlo. Espero que te haya gustado ✌🤓 Muchas gracias por el comentario. Buenas vibras y Paz.
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
amigo donde puedo descargar affter effects de manera gratuita sin virus ....?
Hola gracias por compartirlo , yo puedo importar el trazo de la ruta desde illustrator? Gracias saludos
Hola! ✌🏽 Por supuesto, puedes importar todo desde Illustrator, incluso el trazo para la ruta. 😄
@@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 ???????
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
@@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
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? 🤔
Necesito crear una ruta de dia con una persona que camina hacia el destino pero en formato vertical, como puedo hacerlo
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. 😀
Se me borra la imagen de fondo ayuda. la primaera imagen de mapa
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?
Claro, sería mucho más sencillo hacerlo en Illustrator si es que no llevará animación el texto. 😀
Yo también uso lightshot para captura de pantalla 😎
Yeah! 💥 Es bastante práctico y fácil de usar 👌🏽
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
Muy bueno bro
Bro! 🙌🏽 Estoy muy agradecido por tus comentarios en los tutos! 😉😀 Saludos
@@jesusvillanuevaeditor Gracias a ti por enseñarnos tanto, hermano
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
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. 😀
@@jesusvillanuevaeditor Muchas gracias Jesus, voy a intentarlo. Saludos
Claro, me dices que tal. 😀 Saludos! ✌🏽
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!
Donde encuentro el enlace?
despues que se hace
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
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.
@@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á?
🤔 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?
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,
alguien sabe el nombre del soundtrack del inicio porfa :(
al darle descargar me sale que la pagina no funciona! que debo hacer?
YA LO SOLUCIONES!
Genial amigo, qué detalle tenias?
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?
Hola Hernan! ✌🏽 Qué problema presentaste? Se desfasó la posición?
@@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.
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.
A mí si se me ha desfasado la posición del objeto, sigue la trayectoria del trazo pero en otra posición
excelente contenido y bien explicado lastima que no estan dando like
Wow! 💥 Muchas gracias, se agradece tu comentario, pues efectivamente, de esta manera me ayudan a saber que es un buen aporte. 😀 Saludos ✌🏽
Fak , cuando renderizo el video , se ven pixeleados los vectores
Y como exporto todo a un vídeo? 😩
HEY MUY VERGATARIO TU VIDEO COMPA
Muchísimas gracias Juan! 👊🏽😃
a mi no me salio
Hermano q tutorial tan malo !!!! Adobe te deberia demandar por usar tan mal sus productos
Gracias, estaba con el pendiente! 😉