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


Craft Product Template - Background Layer

Now that we have the Layers pane hierarchy for our template planned out, we can begin to build the template from scratch. In the last few tutorials for this project, we will do just that.

For this project, I have decided to use the highest resolution settings for YouTubeR and the template will be 55 seconds in duration. Of course, you may want to change these settings for your project.

  1. Open MotionR 5 and choose Blank from the menu. Select Motion Project from the choices. Set the following options.

    Preset: Broadcast HD 1080
    Frame Rate: 29.97 fps - NTSC
    Duration: 55 Seconds

  2. Let’s save a working copy of our template on the hard drive. We can name it “productTemplate” and save it in the .motn format.

    To start we have only two layers in the Layers pane, which are the main Project layer and an empty Group layer. Remember that we will be building our template from the bottom layer and working upward.

  3. Rename the Project layer to “productTemplate” and the Group layer to “Intro and BG”.

    As we mentioned in a previous tutorial, we will be placing the background image and the Intro clip inside this group layer. The background image will be on the stage throughout the trailer and the intro clip will last 10 seconds. We will be using a placeholder Drop Zone for each of these design elements. In that way, we can change each as needed for each new product trailer.

  4. Select the Intro and BG layer, and click Object - New Drop Zone from the top menu.

    You will see a new empty Drop Zone appear inside the Intro and BG layer and a large gray colored Drop Zone placeholder on the screen. It will automatically be sized to fill the screen.

  5. Let’s rename the first Drop Zone layer to “BG” because this layer will contain the background image.

  6. Next, click Object - New Drop Zone again to add a second Drop Zone to this group. Because we still have the first Drop Zone layer selected, Motion will automatically place the second above the first in the Layers pane.

  7. Rename this second Drop Zone layer to “introClip” because it will contain our Logo intro reveal clip, which will change each year. Also we will be using special Logo intros for the holiday season.

    Unlike the BG layer which extends to the end of the Timeline. Our IntroClip layer will only extend to the 10 seconds position on the Timeline. We need to shorten the layer’s duration by trimming the Object Bar in the Timeline. The Object Bar is the blue bar in the Timeline.

  8. With the IntroClip layer still selected, click and drag the end of the Object Bar to the 10 seconds position on the Timeline.

That almost completes the first group layer in our template. All we need to do yet is to add a fade out transition to the end of the IntroClip layer.

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


Add Craft+Product+Template+%2D+Background+Layer to Twitter Add Craft+Product+Template+%2D+Background+Layer to Facebook Add Craft+Product+Template+%2D+Background+Layer to MySpace Add Craft+Product+Template+%2D+Background+Layer to Digg Craft+Product+Template+%2D+Background+Layer Add Craft+Product+Template+%2D+Background+Layer to Yahoo My Web Add Craft+Product+Template+%2D+Background+Layer to Google Bookmarks Add Craft+Product+Template+%2D+Background+Layer to Stumbleupon Add Craft+Product+Template+%2D+Background+Layer 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