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

Low Carb: 8:00 PM

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


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 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

Printer Friendly
tell friend
Tell a Friend
Email Editor

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

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


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

BellaOnline Editor