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

Low Carb: 8:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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 Del.icio.us 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


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
Motion Workspace - Checkbox, Dials and More

Motion Workspace - Menu, Icons and Sliders

The Motion Toolbar Tools

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