Animation on Maps

Hi everyone,

I am new to this whole world of animation.
All I want to do (at present) is to make an animated Map with a dot (car) moving on the map and highlighting the traveled route.
So far I have the dot traveling on the road, even unevenly as I as I had to insert Keyframe every time the road turns, I have not been able to highlight the traveled road.
Anyone have an idea

Brgds
Anders

Hello and welcome Anders!
You Can Do this in few ways. Either with the advanced outline where you animate the width the line or animating a mask revealing the line.

Hello Rylleman,
Takkar,

Are there any documantation that explane this prosedures as I am totaly new

Best regards
Anders

Yes, there’s a good tutorial here:

viewtopic.php?f=3&t=2901

That explains how to reveal an advanced outline. Don’t forget an advanced outline can be dotted!

If you also read:

wiki.synfig.org/wiki/Doc:Following_a_BLine

You should be able to do everything you want to do. I used both techniques together to draw the logo with a white “fuse” on this:

youtu.be/qsrrgxSAaxE

Attached is one example file.
The advanced outlines has the option for dashed segments and I think that the default one is ok for your design. If you need help with this, please ask. In any case you can make your own dash combination. To enable dashed outlines you have to mark the ‘Use Dashes’ parameter.
The exposure is made in this way:
The WidthPoint Lists has initially two WidthPoints which are enough for a line exposure.
You have to place one of them at the line start
The other must be placed very close to the other at start of the line.
Then right clicking the widthpoint duck on the bline (you have to show the width ducks first by doing ALT-5) you get some contextual menu. Select Set Side After to be one of the Rounded, Squared or Peak types but don’t select Interpolate. This way the rest of the line from the second widthpoint to the end is not shown due to that the side type of the widthpoint stops it.
Then in animation mode animate the position of the second widthpoint and you will get a revealed dashed outline like in my example.
I hope it helped.
Cheers
-G
dashed-line-exposed.sifz (1.29 KB)

Thanks,

I am getting closer, but I think I might have started out with a wrong line because when I try to convert I cannot find Set Side After (see screen shot in attached file.

I played with your file and there I got the Set Side After first time but was not able to repeat it?

Anders

You need to right click the widthpoint position duck not the width duck.
-G

Thanks,
System fault 40(40 cm from the screen)

I got a lot further but again I have run into SF 40

1 I must have changed some parameter as the line increase in size as it animates and I cannot find out which or how to change the parameter

2 How can I extend the Animation time?
I have set the file to 45 Sec. but it completes the animation in 4+ sec

Brgds
Anders

1: I’m not sure I understand. The width of the line? There is a purple width duck, you might have to activate it at the top left of the canvas.

2: Make a key frame at the beginning and at the end, then move them apart. You can add additional key frames to adjust the pacing.

Probably you have modified the width duck in animation mode. Please check that the Width sub parameter of each WidthPoint is not animated and that both have the same value. If it were animated you can un animate it by right click the parameter and selecting “Disconnect”. It will turn to be a constant value again.

You can modify the animation length using the File->Edit Properties menu command and in the Time tab of the dialogue, select the End time to be bigger.
Once done that to extend the animation you have to add some animation waypoint further the last animation change. To do this you need to be in animation mode and modify the proper parameter with the time cursor at the right time.
-G

Tanks,

It is working perfect.

I have completed first day of 8

Tanks again
Anders

Dear Genete,

I am now animate well, but I have a problem when I am rendering the files.
It came out with the imported background (map) quite blur.
I use a PNG file as input at approximately 3-4 Mbit, but my output PNG is only 30-100 Kbit hence the low quality.
I have set different Quality 0-9 and Anti-Aliasing 1-31
I have also tried Jpeg and Gif formats but with the same results.
Brgds
Anders

Which is the output size (pixels) of the rendered animation (included the map)?
-G

I have attached screenshot Test3.png
And rendered result Test.0001 133Kbit

Anders


TEST.0000.png

Your using a canvas/render size of 480x270 which is quite small images. As a reference old PAL tv-format is 768x540 and full HD is 1920x1080px.
If you use a larger output size your final image quality/size will be much better.

Thanks,
Now it works,
I am maybe a bit reluctant to Change “ünknown” parametres

Anders