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 Layers

Now that we have finished the preflight decisions made for our Motion craft template, we need to decide how we will use the Layers pane to organize our video project. As this template contains nine drop zones for our product images, along with the layers that will contain the background image and the imported opening and closing .mov clips, naming and organizing these layers is important.

Usually, it’s a good practice to work from the bottom upward in the Layers pane. This is because any object on a layer will obscure what is on the layers below. So if we want something, such as the copyright text to be visible throughout the video, we will need to place that text on a layer at the top of the Layers pane. Another practice is to place all drop zones for the product images in one group in the Layers pane.

Intro and Background Group

In our template, we have our first (bottom) layer which contains the drop zone for the background image that covers the entire 1920 x 1080 pixel screen and remains on the timeline throughout the video. Because the moving objects in our video will be displayed in front (on top) of this layer, this background layer is a design element which the audience will only see in glimpses, as the objects move over the screen. Therefore it will be our bottom layer in the Layers pane.

The template will open with a logo reveal that lasts 10 seconds. If you remember, we left the first 10 seconds of the timeline empty in our template for this purpose and will use a drop zone so that we can easily change the opening .mov clip for each product trailer. Because the intro will not be needed after the first 10 seconds, we can place this on the next layer just above the bottom layer and place both of these layers into a group which we will call “Intro and BG”.

Dropzones Group

Moving up the Layers pane, we will have our second group, named “Dropzones”, that contains all the drop zones to which we will be adding our product images. This group will be just above the Intro and BG group and we will be adding these drop zones to the timeline in ascending order. That is, the image 1 drop zone will be under the image 2 drop zone which will be under the image 3 drop zone and so on. As we discussed, these drop zones will be 1920 x 1080 pixels. In case any of our product images are smaller than the size of the drop zone, the empty area around the image will be transparent and the viewer will see the background graphic.

Closing Group

Our last group, named “Closing”, in the Layers pane will contain an imported closing logo .mov clip. You might also remember that we left the last 9 seconds of the timeline empty for this drop zone. Because this .mov clip will be at the top of the Layers pane and we need the copyright text to be visible throughout the video, we will place both within this group named "Closing".

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


Add Craft+Product+Template+Layers to Twitter Add Craft+Product+Template+Layers to Facebook Add Craft+Product+Template+Layers to MySpace Add Craft+Product+Template+Layers to Del.icio.us Digg Craft+Product+Template+Layers Add Craft+Product+Template+Layers to Yahoo My Web Add Craft+Product+Template+Layers to Google Bookmarks Add Craft+Product+Template+Layers to Stumbleupon Add Craft+Product+Template+Layers 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 © 2015 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

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor