Drop zones are placeholders for your product images and .mov clips. They are just a gray box with an arrow, indicating that something else should be placed at that location on the timeline. However, its the keyframe transitions and other effects attached to the drop zone that’s important. Once you have all those set up for each placeholder, those effects will work the same when you add your product images to the drop zone.
So to use a Motion template, you only need to replace the placeholder image in the drop zones or the text in the text boxes on the screen. That’s what we will do in the next few tutorials. First we will take a look at our prototype product trailer (see below).
We will only be duplicating the middle section of the trailer that contains the product images. We will not be using the existing beginning logo reveal or the closing animation. Instead, we will be leaving the first 10 seconds on the timeline empty so that we can import any logo reveal of our choice and another empty 9 seconds at the end for importing a closing. Of course, the background audio file will be replaced to reflect the product.
So what we need to do now is dissect the prototype to get some information about the size of the product images, the duration of each image on the screen and the duration of the transitions between the images.
As you can see from the list below, we have eight product images and each is on the screen for five seconds, with a half second fade in at the beginning and a half second fade out at the end of those five seconds. Also the fade out of the previous product image overlays the fade in of the next product image.
Below is the break down of the prototype, showing the starting and ending positions of each image on the screen and on the timeline, i.e. each drop zone. Remember that Motion's Timing Display shows the location of the playhead on the timeline in number of hours, minutes, seconds and number of frames (HR:MIN:SEC:FR). For example, one and one half seconds on the timeline will be displayed as 00:00:01:15, because we have 30 frames per second.
- 1 - 10 seconds - Import a pre-made logo reveal
- 9:15 - 14:15 - First image pans from top left to center of screen
- 14:00 - 19:00 - Second image pans from bottom left to center of screen
- 18:15 - 23:15 - Third image pans from top right to center of screen
- 23:00 - 28:00 - Fourth image pans from bottom right to center of screen
- 27:15 - 32:15 - Fifth image pans from top left to center of screen
- 32:00 - 37:00 - Sixth image pans from bottom left to center of screen
- 36:15 - 41:15 - Seventh image is stationary on the right of the screen and the name of the designer paper company is on the left. "Name of Product is made with Name of Paper by Paper Company Name".
- 41:00 - 46:00 - Eight image is on the right of the screen and rotates clockwise. The name of the product and/or optional tagline are on the left.
- 45:15 - 55:00 - Import pre-made closing (ie Company name and web address)
Finished Project Trailer
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie and Mac are trademarks of Apple Inc., registered in the U.S. and other countries. BellaOnline is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple Inc. Screenshots used by permission.
