Paths of motion with resizing

<< Click to Display Table of Contents >>

Navigation:  Motion paths

Paths of motion with resizing

Previous pageReturn to chapter overviewNext page

In the chapter “Introduction to paths of motion” you can learn how to create a simple motion path, which consists of three Motion Markers. This will change the position of the image, but not its size.

In this chapter you will learn how to create a motion path in which the size of the image is changed.

1. Adding images

First of all, add an image to an empty project.
In this example a magnifying glass will be made to move over an old map. Here is the picture of the map of the background. This will always remain in the same position, and therefore receives no motion path.
The magnifying glass on the other hand embarks on a “journey” and is the Object for which, in this example, you are creating a motion path. Here the impression of the magnifying glass approaching the viewer is simulated by increasing the size fo the magnifying glass.

If you do not have graphics that are similar to those in the example, you can follow the same steps with other image files. If possible, the moving picture (here the magnifying glass) should have a transparent background and present as png file.

2. Zooming out

Shrink the image in the Layout designer

Shrink the image in the Layout designer

Since the magnifying glass is still reasonably large, you can shrink it to allow more room for movement.
To achieve this, click on one of the round drag points and use the mouse to drag up and left.. The image should now be smaller.

3. Positioning of the first motion marker

The magnifying glass should travel across the image from left to right. In addition, the non-visible range is used. To get better access to this, zoom out by clicking the minus magnifying glass icon. Now drag the image to the left side of the non-visible range. This is the first motion marker.

The first movement marker is located in the non-visible range

The first movement marker is located in the non-visible range

4. Enlarging new motion markers

Creating new motion markers

Creating new motion markers

Now create the next Movement marker with the squared plus icon. The magnifying glass moves to the right and becomes larger.
Again use the mouse on the round drag points to drag the image slightly larger.
With the squared plus icon, insert further Motion markers. Enlarge or reduce the graphics now by each marker.

5. Complete motion path

With the squared plus iconinsert further Motion markers. Enlarge or reduce the image now by each marker to a small piece, depending on how it fits best.