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
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture
Home Finance
Comedy Movies


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Create Background Layer in Motion Project


Now that we have set the project properties for our Motion project, we can begin to build the composition. Our first layer of the composition will be the background for the project. This can be a static image, solid color, gradient color or animated.

Our MotionR project will be a product trailer for a black and white wedding stationary design. Because a wedding is a special occasion, we will use a Bokeh animation from the Motion library as our background layer. We will also adjust the default color scheme for the Bokeh to white and grays, which will better feature the black and white design of our product.

  1. To open an existing Motion project from the Project Browser, click Open Other and select the .motn file.

  2. Our first step will be to rename the default Group layer to “background” or “BG” for short.

    Now we will select the Bokeh animated background from the Motion Library.

  3. Click on the Library tab on the left, select the Content folder in the Sidebar and select the Backgrounds folder.

  4. Scroll down the list in the Stack until you come to Defocused Wealth. You will see a preview of the Bokeh animation in the Preview. Click the Apply button next to the Preview to add this animation to the center of the Canvas and the BG layer in the Layers pane.

    As you can see, the Defocused Wealth component is added to a new layer inside the BG group. The Bokeh is smaller than our Canvas. We will need to scale the Bokeh up to fit the entire Canvas. We can make these adjustments in the Inspector.

  5. Select the Properties pane in the Inspector. Move the X and Y sliders to 150% to scale the Bokeh to fill the Canvas. You can also use the Scale slider to set the X and Y values in one step.

    Now we can reduce the saturation of the Bokeh to change the colors from yellows to whites and grays.

  6. From the Toolbar, click the Add Filter icon to open the menu. Choose Color Correction and then Hue/Saturation. This will open the Hue/Saturation controls in the Filters pane in the Inspector. Move the Saturation slider to the left until the yellow color is removed.

As you can see in the Layers pane, the Hue/Saturation filter has been applied to the Defocused Wealth background. Now would be a nice time to hit the Play button and check out our Bokeh background animation.

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

|



Add Create+Background+Layer+in+Motion+Project to Twitter Add Create+Background+Layer+in+Motion+Project to Facebook Add Create+Background+Layer+in+Motion+Project to MySpace Add Create+Background+Layer+in+Motion+Project to Del.icio.us Digg Create+Background+Layer+in+Motion+Project Add Create+Background+Layer+in+Motion+Project to Yahoo My Web Add Create+Background+Layer+in+Motion+Project to Google Bookmarks Add Create+Background+Layer+in+Motion+Project to Stumbleupon Add Create+Background+Layer+in+Motion+Project 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
Drop Zones and Transitions in Motion 5

Craft Product Template - Background Layer

Craft Product Template Layers

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