NEW! PaintShop Pro 2019

MSP 7: Embedding A GIF And Follow Path

For VideoStudio, MediaStudio Pro, VideoGraphics Lab, Cool3D

Moderators: lata, Ken Berry

MSP 7: Embedding A GIF And Follow Path

Postby lewist » Thu Dec 15, 2005 3:00 am

MediaStudio Pro 7.0: Embedding An Animated GIF And Follow A Moving Path

On your favourite TV show, you may have seen little animated graphics moving across the screen, usually in the lower 1/3 portion. It is very easy to create this effect and apply it to improve your opening sequences by inserting an animated GIF and have the GIF follow a moving path. This tutorial will enhance a title portion of an Easter day home movie by displaying a cute little Easter bunny holding a basket of eggs bouncing on a pogo stick. The bunny will it enter the left side of the screen, continue on to the right side, and then exit the right side of the screen. Each time the pogo stick is extended; a wav file containing a boing sound effect will be played

Step-by-Step Instructions
1. Select an animated GIF and, if needed, a corresponding sound effect (wav file). GIF¡¦s are generally not a high-resolution image. When selecting a GIF image and more then one image size is available, choose the largest, to help reduce pixilation. See example below.

Also determine the amount of time you need the animation to play; about 15 seconds will be used here.


2. Open MediaStudio Pro Video Editor and start a new project. The frame size should be the same as the GIF image size. In this tutorial the frame size is set to 200 x 200 pixels.

3. Insert your GIF image into the Timeline. If you are also using a sound effect, locate the position where the sound effect is to begin and insert your wav file. See example below.


4. Since the animation continues for about 15 seconds, copy and paste the GIF image multiple times until the desired timeframe is reached. Make sure each image is against the previous in the Timeline. Also copy and paste the sound effect file multiple times. Position the start of each of the sound effect file as you did with the first. See example below.


5. We want to give the effect of the bunny entering the screen from a distant, reduce the volume of the first few sound effect files. See example below.


6. And to give the effect of the bunny leaving the screen, we will do the same for the last few sound effect files See example below.


7. Create an AVI video file (quality at 100%). Don¡¦t worry that the image is not moving across the screen, movement will be done later.

8. Start a new project and set the frame size to the dimensions desired for your finished project, or open an existing project.

9. Insert your saved AVI video file in the Overlay Track V1. See example below.


10. With the video file in V1 selected, go to the Production Library and click Picture in Picture under Moving Path. Drag the left Lower path onto the video file in V1. See example below.


11. A 2D Basic Moving Path option box will appear. Make the changes listed. See example below.
a) Verify the left key frame is indicated
b) Click the Keep Aspect Ratio Check box
c) Reduce the Width to equal or smaller GIF image size. In this tutorial, 160 x 160 pixels is used
d) In the motion control area, reposition the red dot outside and to the left of the frame
e) Do not click OK at this time


12. Move the slider to the right and the right key frame should be indicated. See example below.
a) Reduce the Width to the same as the previous step
b) In the motion control area, reposition the red dot outside and to the right of the frame
c) Click OK
Note; changing the X and Y coordinates, as well as, the width and height will give the impression of the image moving toward or away from you.


13. Previewing, you should see the image move from the left to the right. Now we need to make the images background transparent. See example below.


14. Right click your video file in V1 and select Overlay Options? See example below.
a) Change the Type to Color Key?
b) Change the Soft Edge to small?
c) When the mouse is moved over the Overlay Clip area, it turns into an eyedropper. Click in the open area to select the images background color.
d) Additionally, Similarity may be adjusted.
e) Click OK.


15. Previewing, you should see the image move from the left to the right. See example below.


And that completes this tutorial; just add some titling and your done.


Postby heinz-oz » Mon Sep 18, 2006 12:55 pm

I have been playing around with this and give up. There is no way my version of MSP 7 (SP3) lets me put an animated gif on the time line and plays it animated.

What am I doing wrong?

Edited: I should have explained better, any gif, when placed on the time line, is displaying as a still image, not animated.

The only way I can get to animate is if I place each animation frame of the gif on the timeline in consecutive order and adjust the duration to suit. This is very cumbersome and not worth the trouble IMHO.

There must be a better way.

Re: MSP 7: Embedding A GIF And Follow Path

Postby seanx » Tue Dec 13, 2011 12:20 pm

Wow these picture are looking good. I have just joined and I hope I will learn a lot of new information here.
I admire the valuable information you offered in your article. Excellent submission very good post.Keep posting thumbs up.

[url=]High School Diploma[/url]

Re: MSP 7: Embedding A GIF And Follow Path

Postby Ken Berry » Tue Dec 13, 2011 9:13 pm

Welcome to the forums. But if you are specifically interested in MSP (Media Studio Pro), it is now a dead product -- and has been for several years since Corel started cleaning its stable of products acquired when it took over Ulead several years back. Now it is only one or two "oldies" here who will post answers to questions about MSP. But don't expect any new tutorials or things like that.
Ken Berry
User avatar
Ken Berry
Site Admin
Posts: 20592
Joined: Fri Dec 10, 2004 9:36 pm
Location: Levin, New Zealand
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Intel NUC7i7BNB J31145-306
processor: Core i7-7567U + 32 GB Optane
ram: 16 GB
Video Card: Intel Iris Plus 650
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 2TB
Monitor/Display Make & Model: Kogan 32" 4K 3840 x 2160
Corel programs: VS 2019; PSP 2019; MS3D; ASP 3; DRAW 17

Re: MSP 7: Embedding A GIF And Follow Path

Postby LishaZec » Sat Oct 25, 2014 9:25 am

Hi. I'm interested to learn embedding a gif in the video. Good thing you post the step by step instructions and I was able to figure it out.
Posts: 2
Joined: Sat Oct 25, 2014 5:24 am
Location: Phillipines
operating_system: Windows XP Home
System_Drive: C
32bit or 64bit: 64 Bit

Return to VIDEO Product Tutorials

Who is online

Users browsing this forum: No registered users and 3 guests