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

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Duplicate Background Layers in Motion 5


In this Motion 5 tutorial, we will build the third scene of our product trailer. This will require us to duplicate the Bokeh layer in the background BG group, giving us two copies of the same Bokeh animation in the same BG group.

In the third scene of our MotionR trailer, we will remove or fade out the design elements for scene 2 on the Canvas and fade in the elements for scene 3. The one common element for both scenes is the name of the product. Because it will remain on the Canvas for Scene3, we will extend the length of its layer to the end of Scene3, which will be 00:00:41:00 on the Timeline.

  1. Drag the right edge of the product name layer in the Scene2 group to the 00:00:41:00 mark on the Timeline.

    Once the product image from Scene 2 fades out, we will have a black Canvas, because we stopped the Bokeh behavior on the bottom BG layer. It would be nice, if we ended the trailer with this same Bokeh effect. To start this animation again, we will add another Bokeh background to the Timeline.

    We want this Bokeh animation to start just before the product image in Scene 2 fades out. So we need to start the new Bokeh 2 layer in the Timeline at the 00:00:34:15 mark, which is 34.5 seconds on the Timeline. We want the Bokeh animation to continue to the end of the trailer, which will end at the 00:00:50:00 mark on the Timeline (50 seconds).

  2. Place the Playhead at the 00:00:34:15 mark on the Timeline. Select the BG Group in the Layers pane. Go to Library - Content - Backgrounds - Defocused Wealth. Select this and click Apply. You will get a new layer in the BG Group called Defocused Wealth 1. Rename this to “Bokeh 2”.

  3. As we did when we created the first Bokeh, we need to set the X and Y scale for this new layer to 150%, to cover the entire Canvas. Make this change in the Inspector.

  4. Also as we did to the first Bokeh, remove the yellow from its Gradient layer. Click on the Gradient layer in the Layers pane and click the Add a Filter icon in the Toolbar. Choose Color Correction - Hue/Saturtion. In the Filters tab of the Inspector, move the Saturation slider all the way to the left.

  5. Drag the right edge of the second Bokah layer to the 00:00:50:00 mark on the Timeline, which is the end of our trailer.


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

|



Add Duplicate+Background+Layers+in+Motion+5 to Twitter Add Duplicate+Background+Layers+in+Motion+5 to Facebook Add Duplicate+Background+Layers+in+Motion+5 to MySpace Add Duplicate+Background+Layers+in+Motion+5 to Del.icio.us Digg Duplicate+Background+Layers+in+Motion+5 Add Duplicate+Background+Layers+in+Motion+5 to Yahoo My Web Add Duplicate+Background+Layers+in+Motion+5 to Google Bookmarks Add Duplicate+Background+Layers+in+Motion+5 to Stumbleupon Add Duplicate+Background+Layers+in+Motion+5 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
Animating Color of Text in Motion 5

Animating Color of Shapes in Motion 5

Motion Workspace - Checkbox, Dials and More

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