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
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Drop Zones and Transitions in Motion 5


In the last Motion tutorial, we created the first two Drop Zones for our craft trailer template. The Drop Zones were placeholders for the background image and the intro clip. In this tutorial, we will add a transition to the end of the Drop Zone for the intro clip.

You might ask why we wouldnít add the ending transition to the intro clip itself. Well, we could but we will have more flexibility if we add the transition to the placeholder. For example, we might want to use an intro that was longer than the 10 seconds that we have allocated in the template for the intro clip. We could easily make adjustments to the imported clip to change the duration of the clip. But we would be trimming off the transition. By adding the transition to the template instead of the intro clip, we are assured that the transition will perform as expected.

Open your working copy of the template file and letís get started. Here is our Timeline at this point. If you review the previous tutorial, we decided to use a half second (15 frames) fade transition at the beginning and ending of each Drop Zone. One exception is the Drop Zone for the intro clip, as we donít need a fade-in transition at the beginning of the trailer.

  1. Click on the MotionR icon on your dock and choose the Open Other option at the bottom of the Project Browser. Choose your working .motn file.

    We will need to start the fade-out transition 15 seconds before the end of the intro clip Drop Zone, which ends at 10 seconds on the Timeline. So we will start the fade-out at 00:00:09:15 on the Timeline.

    A fade transition is created by manipulating the percentage of opacity of a layer. To fade-out a layer we will set the opacity of the layer at 100% at the beginning of the transition and at 0% at the end of the transition. We will use the Record feature to set these two opacity values on the Timeline.

  2. Place the Playhead at the 00:00:10:00 position on the Timeline, which is the end of the transition.

  3. Select the IntroClip Drop Zone in the Layers pane.

  4. Select the Record button to start recording on the Timeline.

  5. In the Properties tab in the Inspector, set the Opacity to 0%.

    You should see two keyframes appear on the Timeline. They are small read dots at the beginning and ending of the IntroClip.

  6. Move the Playhead to the 00:00:9:15 position on the Timeline, which is the beginning of the transition.

  7. Go back to the Inspector and set the Opacity to 100%.

    You should see one more keyframe added at the 9:15 position on the Timeline.

  8. Click the Record button again to stop recording.


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

|



Add Drop+Zones+and+Transitions+in+Motion+5 to Twitter Add Drop+Zones+and+Transitions+in+Motion+5 to Facebook Add Drop+Zones+and+Transitions+in+Motion+5 to MySpace Add Drop+Zones+and+Transitions+in+Motion+5 to Del.icio.us Digg Drop+Zones+and+Transitions+in+Motion+5 Add Drop+Zones+and+Transitions+in+Motion+5 to Yahoo My Web Add Drop+Zones+and+Transitions+in+Motion+5 to Google Bookmarks Add Drop+Zones+and+Transitions+in+Motion+5 to Stumbleupon Add Drop+Zones+and+Transitions+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


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
Particle System - Emitter Shape Parameters

Motion Particle Systems - Introduction

Particle Fog in Motion 5 - Scene Graphics

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