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

Add Image to Motion Project


Now that we have added our Bokeh animation as the background for our MotionR project, we can start working on the first scene of the project. This six-seconds long introduction, called a open, will immediately tell the audience what the product trailer is about.

As the product is wedding stationary, we will set the scene with a graphic of a bouquet of roses. The first scene will consist of the .psd bouquet graphic that will fade in at the beginning of the video for 30 frames, stay on the screen for five seconds and then fade out for 30 frames. We will also add our first title with the text "For Your Wedding", which will fade in and out during the same six seconds.

We can import our .psd Photoshop image into Motion in three ways. The default is to import the .psd image with all layers merged. The second option is to import the image without merging the layers. The third option is to import only one selected layer from the .psd image. In our example, we will use the default option because our image has only one layer, which is the bouquet graphic.

  1. Let's make some room to work in the Layers pane. Close the disclosure triangle for the BG layer to condense the layers into the one group layer.

    When we import our image, Motion will automatically create a new Group layer and place the image on a new layer within the new group, giving the layer the name of the imported image.

  2. Click File - Import and select the .psd image. Click the Import button.

    I like to organize my Motion project into sections that I call "scenes" and place the design elements for each scene within the same group. Letís rename the new group layer to "Scene1" because it will contain all the elements for the first section or scene of the product trailer.

  3. Double-click the Group layer and rename it "Scene1".

  4. By default, our image has been placed in the horizontal and vertical center of the Canvas. We can drag the image downward, to reposition it to the bottom edge of the Canvas. Use the guide lines that appear as you drag to keep the image at the horizontal center of the Canvas.

    As you can see by default, the image is also added as a new layer in the Timeline, with the same name as the imported image. Also by default the layer extends the entire length of the Timeline or duration of the project. We will only have this image on the Canvas for six seconds.

  5. Drag the right edge of the imageís Timeline layer to the left until it ends at the six second position, which is 00:00:06:00 on the Timeline.

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

|



Add Add+Image+to+Motion+Project to Twitter Add Add+Image+to+Motion+Project to Facebook Add Add+Image+to+Motion+Project to MySpace Add Add+Image+to+Motion+Project to Del.icio.us Digg Add+Image+to+Motion+Project Add Add+Image+to+Motion+Project to Yahoo My Web Add Add+Image+to+Motion+Project to Google Bookmarks Add Add+Image+to+Motion+Project to Stumbleupon Add Add+Image+to+Motion+Project 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 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

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