Efecto de trayecto sobre mapa en After Effects

Que tal? Cuantas veces hemos visto en muchas películas, cuando se quiere mostrar un trayecto, mas bién largo, en una escena, la ruta marcada por una linea sobre un mapa, viendo de una forma rápida las escalas y/o detalles del viaje en cuestión. Un ejemplo muy claro, es el de las películas de Indiana Jones. Bién, pues hoy os voy a mostrar como se hace.


Lo primero que vamos a hacer es preparar el material. Podeis hacer el efecto con una imagen o con un video, dá exactamente igual. Yo he utilizado una imagen de un mapa de la Tierra Media.
- Añadimos la imagen o el video, a la nueva composición.
- Seleccionamos la capa en la linea de tiempo, y con la herramienta ” pluma “, trazamos la linea con la trayectoria que queremos en nuestro efecto.(Ver imagen).

- Una vez generado el trazado, ( que se habrá creado como máscara en la capa del mapa ), nos vamos a ” efecto / generar / trazo “, desde donde personalizaremos las siguientes opciones:
TRAZADO: Donde vamos a asignar la máscara a la que queremos agregar un trazo. (esta opción es importante ya que podemos tener varios trazados creados en una misma capa ).
COLOR: Aquí seleccionaremos el color que queremos usar para el trazo.
TAMAÑO DEL PINCEL: El diámetro que queremos aplicar al pincel, y que será la anchura de la linea.
DUREZA: Porcentaje de dureza del pincel,por ejemplo, porcentaje de dureza 100% ( bordes duros, marcados ), dureza 0% (bordes difusos ).
OPACIDAD: Transparencia del trazo.
INICIO / FIN: En estas dos opciones, es donde vamos a darle la animación al trazo. Dependiendo de que opción utilizemos, daremos una dirección u otra.
ESPACIADO: Determina el tipo de linea, espaciado 100% ( linea discontinua ), y espaciado 0% ( linea continua ).
ESTILO DE PINTURA: Es el modo de visualización del trazo, ( solo trazo, trazo sobre imagen y revelar imagen ). (Ver imagen).

En la animación que os muestro, he animado la opción ” Fin”. En el fotograma donde quiero que comience el trazo, pongo el valor “Fin” en 0. Avanzo en la linea de tiempo, hasta el tiempo donde quiero que finalice, y pongo el valor “Fin” en 100.
Ya tenemos nuestra animación finalizada. Ahora queda que aporteis vuestro toque, luces, movimiento,cámara, lo que se os ocurra. Es un efecto sencillísimo, como podeis ver.
Espero que os haya gustado.
Saludos.
Para ver mi portafolio: Gustavo Castro

41 comentarios de Efecto de trayecto sobre mapa en After Effects

  • rene  dice:

    Hola gustavo estoy tratando de hacerlo en un mapa pero no me da movimiento la pluma que debo hacer gracias…

    • admin  dice:

      Seguramente lo que te esta ocurriendo, es que generas sin querer una capa de formas, pero lo que tienes que crear es una ” mascara “. Cuando en la linea de tiempo, no hay nada seleccionado, se crea una capa de formas, y con color, pero cuando seleccionas una capa , ahora la herramienta pluma crea una linea de color amarillo ( que es el distintivo de las máscaras en After Effects ), y a esta linea ya le puedes dar trazo.
      Espero haberte servido de ayuda.
      Un saludo.

  • josimar lara  dice:

    Una duda…como le hace para convertir la linea recta del trazo en una con puntos como se ve en su video y que cuando llegue al punto final se extienda ese punto???

    gracias por su tiempo

    • admin  dice:

      Con el efecto ” simulacion de escritura “, ahi se puede configurar el ancho y espaciado del trazo.
      Un saludo.

  • josimar lara  dice:

    ok,,,perdon por mi ignorancia pero soy nuevo en esto de after, donde puedo encontrar eso de simulación de escritura, ya me fui a la ventana EFECTOS-SIMULACION pero encuentro las opciones de animacion del objeto, baile de cartas, caustico, dispersion, espuma y mundo marino…no se si sea alguna de estas o hay que descargar dicho efecto

    perdon por las molestias

    saludos!

    • admin  dice:

      El efecto simulación de escritura está en ” efecto/generar/simulación de escritura ”.
      Un saludete.

  • PEPE  dice:

    BUENOS DIAS MAESTRO, QUISIERA SABER COMO LOGRO HACER EL EFECTO Q TU REALIZAS CUANDO LA RECTA FINALIZA SU TRAYECTORIA, EL EFECTO DEL CIRCULO EXPANDIENDOSE?????????

    • admin  dice:

      Tienes que utilizar el efecto simulación de escritura que está en ” efecto/generar/simulación de escritura ” donde puedes animar la anchura del trazo haciendolo mas grueso al final, y moviendo el espaciado para la linea discontinua.
      Un saludo.

  • PEPE  dice:

    HOLA DE NUEVO…GRACIAS POR CONTESTARME…YA ENCONTRE EL EFECTO DE SIMULACION DE ESCRITURA, SIN EMBARGO LOS CAMBIOS QUE LE HAGO A MI TRAZO EN CUESTION DE DUREZA..TAMAÑO DE PINCEL…COLOR NO SURTEN EFECTO, POR QUE AL PARECER MI TRAZO SIGUE ESTANDO IGUAL…ESPECIFICAMENTE QUE OPCION ES LA QUE DEBO ESCOGER PARA PODER HACER EL EFECTO DEL CIRCULO EXPANDIENDOSE AL FINAL DEL RECORRIDO..YA LE AUMENTE A TODAS LAS VARIABLES QUE MANEJA EL EFECTO DE SIMULACION DE ESCRITURA Y NADA MAS NO VEO CAMBIOS.

    PERDON POR LA MOLESTIA, PERO EN VERDAD NECESITO HACER USO DE ESTE EFECTO PARA UN VIDEO QUE ESTOY REALIZANDO

    GRACIAS

  • PEPE  dice:

    PARA SER MAS ESPECIFICO TE DIRE LO QUE HICE Y YA ME COMENTAS EN DONDE ESTA MI ERROR
    YA TENGO MI TRAZO HECHO Y LE APLIQUE EL EFECTO DE SIMULACION, Y ME COLOQUE EN EL FINAL DEL RECORRIDO DE MI TRAYECTO Y AHI LE DI UN FOTOGRAMA CLAVE EN LA OPCION DE TAMAÑO DE PINCEL DEL EFECTO DE SIMULACION Y LO AUMENTE Y NO PASO NADA, HICE LO MISMO CON DUREZA O COLOR…ME COLOQUE EN LA PARTE FINAL (ANTES DE TERMINAR) Y AUMENTE LAS CANTIDADES Y NO PASA NADA…NO SE DONDE ESTE MI ERROR

    • admin  dice:

      Puedes hacerlo controlando los valores, pero si te urge puedes hacerlo de una manera mas facil. Si creas un solo punto de trazado al final, y lo animas por opacidad para que salga cuando llegue la linea, ya lo tienes.
      Un saludo.

  • Trayecto sobre mapa en After Effects - Diseño Web Vigo  dice:

    [...] dejo el enlace al tutorial para que lo veais con [...]

  • alex  dice:

    me quedo muy bien …. gracias por el aporte

    • gustavo castro  dice:

      Gracias a ti.
      Un saludo.

  • BRYAN AGUIRRE  dice:

    me puedes dar un link de descarga del programa qe usas..!! es urgente!!!

    graciass!!!!

  • Pablo  dice:

    Buenos dias,

    Ayer abri este programa por primera vez y despues de seguir tus instrucciones, ya voy sabiendo hacer algo :-) Mil gracias por ello.
    A mi me gustaria saber dos cosas:
    1.- Por que al exportar el video, solo me saca un trozo de mapa enorme? quizas he usado una imagne muy grande, o quizas no estoy exportando bien…
    2.- Que efecto usas para que ademas de mover la linea de puntos (eso ya lo he conseguido), el mapa avance con la linea?

    Gracias

  • luis santos  dice:

    Hola oye como puedo hacer el efecto de lineas tipo polimesh que aparece en este video , no he econtrado tutoriales sobre esto y supongo que debe hacerse con after effects.
    Una liga al video:
    http://www.youtube.com/watch?v=X-Bx8sNGFlY

    saludos

    • gustavo castro  dice:

      Hola. Puedes hacerlo con trazados con efecto de simulación de escritura y poniendo las capas en 3D.
      Un saludo.

  • mute  dice:

    HOLA gracias por el aporte, muy interesante,..

    pero tengo una idea, que quiero realizar, pero no tengo ni idea como,. es una linea ( hecha con la herramienta trazo) pero en vez de estar 2d este en 3D, osea que con la cámara siga la linea un recorrido, simulando profundidad,… es decir que se mueva en el eje Z,,( medio complicado ,..tal vez simplemente el inicio lo siga la cámara entonces así sigue la trayectoria,.. mmm no se,. , no se como hacerlo, cualquier concejo o guía te lo voy a gradecer,.. desde ya muchas gracias por el tutorial,..
    saludos

    • gustavo castro  dice:

      Hola. Tienes que decirle a la camara que siga el trayecto de la linea. vete a la parte superior con la cámara seleccionada y dile “transformar/orientación automática” y en la ventana que va a aparecer dile “orientar en el trazado”.Un saludo.

  • Christian Reyes  dice:

    Muchas gracias por tu aporte, quien diría que una publicación del 2009 me seria de gran valor y ayuda! éxitos.

  • mgdaniela69  dice:

    hola sabes necesito hacer un video de un croquis que vaya dibujándose, es decir primera escena una hoja en blanco y de pronto aparece una línea o trazo y comienza a hacer un dibujo o croquis…. qué me recomiendas?
    saludos desde chile

    • gustavo castro  dice:

      Hola.
      Utiliza la opción de “simulación de escritura”. Dependerá del tipo y complejidad del croquis.

  • Sebastian  dice:

    Estimado.
    He leido con detencion tus instrucciones, son de gran ayuda. A ver si me puedes ayudar? Necesito hacer algo parecido al ejemplo, solo que en vez de una foto de fondo, necesito que esta linea vaya extendiendose por un video. El video es un vuelo de pajaro tipo google earth que servira para proyectar el avance de unas nuevas carreteras. Al ser video, la linea se desplaza del fondo y se ve sobrepuesto. Como harias tu este tipo de linea? Si me das un correo directo te envio un ejemplo de lo que necesito.
    Muchas gracias por ser gran aporte.

  • Sebastian  dice:

    Como ejemplo algo asi me sirve:
    http://www.youtube.com/watch?v=HFByI1S7MUQ&feature=related
    Ojala me puedas ayudar

    • gustavo castro  dice:

      Ok. Es muy fácil. El mapa es una imagen activando la opción de capa 3d y añadiendo una cámara y una luz. (Esto de la luz es opcional, para el oscurecimiento del resto de área). Luego las frases las puedes animar poniendo el punto de anclaje en la parte inferior y convirtiendolas en 3d y animando rotación “Y”.
      El trayecto dibújalo con la pluma y aplícale el efecto “trazo” animando las opciones de “inicio” o “fín” dependiendo del sentido.
      Espero haberte sido de ayuda.
      Un saludete.

  • Adrián  dice:

    Hola amigo que tal, tengo una gran duda y espero que me puedas ayudar, mira tengo un video una caricatura exactamente y quiero hacer los bordes de esa caricatura más gruesos y toscos, osea que todo el video este mucho mas marcado con los bordes de personajes, objetos ect, he probado mascara de enfoque en affter effects y no he tenido resultado, espero que me puedas ayudar, gracias y saludos

    • gustavo castro  dice:

      Hola.
      Para hacer lo que quieres, tienes varias opciones. Una es que tengas en after effects un filtro o efecto de dibujo o caricatura, que te pueda hacer eso. La otra opción que aunque parece más engorrosa,,no lo es para nada es que te exportes el video en secuencia de imágenes, y mediante una acción de photoshop apliques el efecto “bordes añadidos” a todas las imágenes y cuando lo vuelvas a abrir en after effects lo tendrás con el efecto. Recuerda que aunque la gente no suele hacerlo, hay veces que tenemos que mezclar photoshop y after para conseguir lo que deseamos, con un resultado expléndido.
      Un saludo.

  • Sebastian  dice:

    La verdad que en el ejemplo que te mostre es una foto, pero yo lo que necesito es hacer lo mismo sobre un video, como un vuelo de pajaro a nivel de google earth.

    Por otra parte, ese trazo que se genera queda siempre incrustado en la capa de la foto?, o se podria generar sin estar asociado a una capa, para asi poder darle mas opciones a la linea, como brillos, sombras, etc, pero solo a la linea y no a al conjunto de la foto de fondo.

    He tratado de animar una capa de mascara como la del trazo, pero no logro que funcione. Ni tampoco logro generar ese trazo animado en una capa por si solo.

    Gracias por tus conocimientos y tiempo.

  • Alejo  dice:

    Buenos dias, no se si esto aun entre en el tema, pero me gustaria algo de ayuda, la cosa es que tengo una camara enlazada a un trayecto, es decir, la camara me sigue una linea de luz que se va creando en un espacio 3d, pero, quiero que en ciertos momentos la camara se detenga, para mostrar ciertos detalles del espacio, ya que el haz e luz avanza muy rapido, y da muchos brincos, me queda uy dificil simplemente hacer que la camara gire y muestre lo que quiero, se ve mal, no se si sea posible desenlazarla por un par de frames, para que quede estatica, o yo le pueda dar un moviminto mas personalizado, o que me tocaria hacer en esta situacion?

    Agradezco la ayuda.

    • Gustavo Castro  dice:

      Hola. Tienes varias opciones. Puedes ir exportando por partes y luego montarlas en premiere por ejemplo, o lo que puedes hacer es copiar el trayecto en “máscara / trazado de la máscara” y pegarlo en la linea de posición de la cámara. Esto te creará toda la línea de frames y así podrás tener el control de modificarlos a tu gusto.
      Espero haberte servido de ayuda.

  • Marcelo  dice:

    necesito saber si no te molesta como lograr el efecto que se muestra en este video http://www.youtube.com/watch?v=NYhHnLOSEU8 que va del min 2.48 al 2.56 desde ya muchas gracias y excelente tu trabajo.-

    • Gustavo Castro  dice:

      Hola Marcelo puedes hacerlo con el efecto trazo también dándole resplandor y color. Pero la mejor manera es con el plugin Trapcode Particular para After Effects. Te dejo un enlace para que veas el resultado. Espero haberte sido de ayuda. Un saludo. http://youtu.be/qmL1LV_mpWg

      • Marcelo  dice:

        muchas gracias vamos a intentarlo ahora

  • stacey  dice:

    estoy usando tu consejo pero no se q hice y al colocarle al 0 al “FIN” (donde inicia mi animación) y despues ponerles 100 al “FIN” (donde termina mi animacion), como prueba mi animacion dura 4 seg y a eso de los 10 seg se revierte lo q hice no se porq????

    • Gustavo Castro  dice:

      Hola. Prueba a ver si tienes modificados los valores de Inicio. Un saludo.

  • ramon  dice:

    Hola Gustavo!
    Primero de todo, enhorabuena por tu trabajo y gracias por compartir tus conocimientos. Verás, tengo una duda. Estoy realizando una simulación de escritura de un texto con el efecto con el mismo nombre. Primero realizo una máscara con la pluma para darle el trazado a seguir, después copio la forma de la máscara y se lo pego en forma de keyframe en la parte del efecto que es “posición del pincel”. Eso me genera un determinado número de keyframes y de esta manera ya tengo el movimiento generado. El problema lo tengo cuando al comprobarel movimiento, observo que me hace el mismo movimiento del trazado pero desplazado arriba a la izquierda por lo que no me coincide la simulación con el texto que tengo justo debajo. Sabes por qué podría pasarme esto?

    • Gustavo Castro  dice:

      Hola Ramón. Primero darte las gracias. Ese problema que te pasa puede ser debido a que hayas escaladola capa en la que has creado el trazado. Cuando se redimensionan las capas, suele ocurrir que haya cambiós en las dimensiones de máscaras y/o trazados. para solucionarlo puedes hacer varias cosas. Una es, si solo es un cambio de posición es ponerte el el fotograma 0 y seleccionar todos los puntos del trazado de manera que los desplaces como un solo bloque hasta su posición correcta. La otra opción es que te pongas al principio de la animación y crees el trayecto en un objeto nulo, el cual emparentarás con la capa. Espero haberte servido de ayuda. Un saludo.

  • Raúl  dice:

    Muchas gracias por este tutorial que seguiré al pie de la letra.
    No obstante soy nuevo en esto del Adobe After Effects y por tanto me gustaría mucho si me pudieras responder a esta pregunta
    ¿Sabes cómo se hacen con este mismo programa los efectos de zoom sobre un mapa? (Tipo Google Earth)

    MUCHÍSIMAS GRACIAS POR TU ATENCIÓN.

    • Gustavo Castro  dice:

      Hola Raul. Es muy fácil. Bájate de Google capturas de la localización con distintos zoom, y luego pon cada imagen en una capa y jugando con las opacidades y las escalas de las mismás, realiza el movimiento añadiendo una cámara o emparentando con un nulo. espero haberte servido de ayuda. Un saludo.

  • jorge  dice:

    gracias por la aportación Gustavo, lo estoy utilizando para una nueva animación.

    un abrazo

Deja una respuesta

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>