Share this topic on AskShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Animated Route Along a Map  (Read 1704 times)

0 Members and 1 Guest are viewing this topic.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
Animated Route Along a Map
« on: February 12, 2010, 10:45:06 AM »
This tutorial will show you how to create an animated route along a map and is based on the discussion in this topic: Create Animated Map

Here's the final image...

While these steps will only show how to add a single route to a map, you can add as many routes as you would like and even instruct the script to start on any layer or have any number of frames.

I'm using GIMP 2.6.6 for the tutorial.  You will need the following script installed to complete the tutorial -> Animated Path Stroking Script.  Open the zip file and save the .scm file to your GIMP scripts folder (ie...C:\Program Files\GIMP-2.0\share\gimp\2.0\scripts). Refresh your scripts and you're ready to go. 

It's probably a good idea to have the animation settings script installed on your computer so you can quickly adjust the timing of the layers.  That script can be download here->  saulgoode's animation settings script

Let's begin.

Step 1

Open up your desired map in GIMP.  I'm using one from Google that's near my house in Central Florida and I'll show you how to get to Disney World.

Step 2

Create a duplicate of the map so you have two layers.  Here's a screenshot of the layer dialog window....

Step 3

Grab your path tool and start creating your path on the image.  Here's what my path looks like.  I started near the green dot and finished at the red dot.  The path will be painted in the direction you draw it.

Step 4

With your path now drawn, make your top layer active by clicking on it in the layer dialog window...(It's highlighted in blue in my screenshot.)  This is the layer we will start drawing on.  The bottom layer will be left untouched.

Step 5

Choose the brush you want to paint with.  I chose the Circle Fuzzy (07) and set the spacing to 1.0

Step 6

Click on the Paths Tab in GIMP and it will show the path dialog window and all of the paths you have for that image.  Right now, we should only have one.  Right-click on that path and choose Animated Path Stroking. 

Here's the settings I picked...

Click OK and script will do the rest and your animation should look something like so:

Step 7

If you want to alter the speed of the layers, make sure you installed the Animation Settings script I recommended at the beginning of the tutorial and go to Filters > Animation > Settings...  Under delay you set the timing.   The larger the number the longer the delay.  I picked 100 and set the mode to Replace.  I then added a longer delay (1.5 seconds or 1500 ms) to my first and last frames.  To do that, I double-clicked on the layer name changed the timing number to (1500ms), and then hit the <Enter> key.  Make sure you hit the <Enter> key so that GIMP will know to make the changes.

That's it!  Give it a shot and see what you come up with.  Try adding more routes to the map, changing brush size, color and altering the number of frames they are drawn over.  Don't be afraid to experiment with the settings.  Undo is your friend!



Posted on: February 12, 2010, 12:34:36 PM
Here's a 3-route version.  Notice how they start at different times....

« Last Edit: May 16, 2010, 09:56:03 AM by Hi-T3k~HillBilly »
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline lesliesrussell

  • Member
  • **
  • Posts: 16
  • Karma: 0
Re: Animated Route Along a Map
« Reply #1 on: February 12, 2010, 11:01:42 AM »
What a cool freakin idea!