logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

Add Static Text To Craft Product Trailer Template

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor