g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Motion 5 Parallax Effect - The Graphics

In the next few Motion 5 tutorials, we will make a Halloween themed logo intro clip for a seasonal product trailer. This intro will use the Parallax effect and be 10 seconds in duration, in order to be placed in a drop zone of the same duration in a product trailer template.

Much like the Ken Burns effect, the Parallax effect is used to simulate movement of static graphics. The intro will consist of several layers of these graphics and by adding camera movement in to the mix, we will have a 2.5 D animation.

Our first step is to prepare these graphics. In this example we will use several royalty free photos from publicdomainpictures.net. The main photo is of a gravestone surrounded by high weeds. The second is a larger area of weeds, the third photo contains a raven and the fourth photo contains another gravestone.

Our background image will be the photo of only the high weeds. For the Parallax effect, we will have the other design elements, two gravestones and a raven, on layers above the background. By moving each layer slightly and also moving the camera, we get the illusion that we are watching a video instead of static images.

We will put the larger gravestone in the foreground as the main point of interest. So, we need to remove the gravestone from the original background by selecting and cut/pasting it on to its own transparent layer in the working document.

Next, we will isolate the raven from the background of the original photo and paste it into our working document on a layer above the gravestone layer. To keep the proportions constant, we will need to reduce the raven image slightly and, with a little more tweaking, place the bird so that it appears to be standing on the gravestone. Also, as this is a Halloween intro clip, we will change the raven eyes to a deep red, using a few layer styles.

We will repeat this process to remove the smaller gravestone from its original background and place it in the working document. To blend the second gravestone into the background, we can use the Eraser tool with a soft edge to remove some of the bottom edge of the gravestone, giving the appearance that the weeds have grown up around the foot of the gravestone.

At this point we have all our design elements in place but they still need a little more blending. We can soften the sharp edges of the gravestones and the raven by adding an inner shadow to each.

This will be a night scene and the original photos were taken in daylight. As you can see from the examples, we changed day to night. To do this we used the Photo Filter in Photoshop to add some darkness to each layer. The color that I like to use for this technique is RGB (10, 110 ,150) at about 80% Density.

Now, we will save the document as a layered Photoshop image that we can import into Motion 5.

Join us in the Animation forum. | Join us in the Digital Art forum.


Add Motion+5+Parallax+Effect+%2D+The+Graphics to Twitter Add Motion+5+Parallax+Effect+%2D+The+Graphics to Facebook Add Motion+5+Parallax+Effect+%2D+The+Graphics to MySpace Add Motion+5+Parallax+Effect+%2D+The+Graphics to Del.icio.us Digg Motion+5+Parallax+Effect+%2D+The+Graphics Add Motion+5+Parallax+Effect+%2D+The+Graphics to Yahoo My Web Add Motion+5+Parallax+Effect+%2D+The+Graphics to Google Bookmarks Add Motion+5+Parallax+Effect+%2D+The+Graphics to Stumbleupon Add Motion+5+Parallax+Effect+%2D+The+Graphics to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2016 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor