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
Crochet
Marriage
Cooking for Kids
Knitting
Women's Fashion
Small Office/Home Office
History


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Motion Project Top Hat Wedding Save the Date


In this MotionR tutorial, we will complete the Save the Date project by adding the design elements that will frame the optional text area. The client can add their own Save The Date details to the .mov background clip, using many apps such as Motion, iMovie and Final Cut Pro.

In the last tutorial, we faded everything from the screen with a transition starting at 4:00 to 5:15 on the Timeline. We have one design detail in the graphics group that will be used in the second scene, which is the golden top hats icon. This graphic is already in position. Now, we need to make the icon invisible for the first scene and fade in the icon during the transition between scenes.

  1. Select the icon graphic with the Playhead at 4:00 and click Mark - Mark In to remove the icon from the Timeline from frame 1 - 399.

  2. Go to Inspector - Properties - Opacity and set the Opacity value to 0%. Add a keyframe, by clicking the icon on the right.

  3. Move the Playhead to 5:15 and set the Opacity back to 100%. You will see the second keyframe on the Timeline.

    The bride will add something like the following.

    With the transition ending at 5:15 on the Timeline, the client can add the Save The Date information beginning at 5:15. It will display for 3 seconds before the video ends.

    Our last task is to use the Write On feature to draw gold lines at both sides of the screen to frame the text area.

    With the Shapes group selected in the Layers pane and the Playhead at 4:00, draw a vertical line on the left edge of the screen with the Bezier tool.

  4. Select the line and set the Bruch Color to gold and the Width to 5 to 10 depending on your preference (Inspector - Shape - Outline).

  5. With the line shape still selected and the Playhead at 4:00, go to Library - Behaviors - Shape - Write On. Click Apply.

  6. Go to Inspector - Behaviors - Write On and set the Direction to Reverse. This will change the direction from the default top down to bottom up.

    We don't want the Write On behavior to span to the end of the Timeline.

  7. Drag the right edge of the Behavior Bar to 5:15.

That finishes our project. The client can use an email service like MailChimp or Wix Shoutout to create a guest list and easily email this Save The Date message with one click.

Back

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

|

Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Twitter Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Facebook Add Motion+Project+Top+Hat+Wedding+Save+the+Date to MySpace Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Del.icio.us Digg Motion+Project+Top+Hat+Wedding+Save+the+Date Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Yahoo My Web Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Google Bookmarks Add Motion+Project+Top+Hat+Wedding+Save+the+Date to Stumbleupon Add Motion+Project+Top+Hat+Wedding+Save+the+Date 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 © 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


g features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

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 © 2016 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor