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


Changing Backgrounds in ScreenFlow

In this ScreenFlowR tutorial, we will complete the marketing video short by adding the second sound effect file and fade in the blue background. These design elements will appear on the screen at the 3 second spot on the timeline.

The fade in background effect will be created by the fade out animation of the white gradient background that has been visible on the screen thus far. At this point, the short can be used as a beginning for educational or marketing videos.

Letís import and position the second audio file.

  1. Open ScreenFlow and close the Configure Recording window.

  2. From the ScreenFlow Menubar, click File - Open. Open the .screenflow project file.

  3. We want the audio file to play at the 3 second point on the Timeline. Place the Scrubber at this position and click Insert - Choose to import the audio file. Because the first audio is shorter than 3 seconds, we have room on the same audio track for this second audio. You will see the second audio added to the same audio track at the 3 second point.

  4. Now we can add the blue background layer that will be revealed as the white gradient background fades out. Place the Scrubber at the 3 second position again and import the background jpg file, which will appear on a new track at the top of the stack. Drag the track to the bottom and under the white gradient background track. Now drag the right edge of the track to the 5 second point on the Timeline, which is the end of the video.

  5. The white background will fade out over 1 second beginning at the 3 second point on the Timeline. Select the white background track and place the Scrubber at the 3 second point.

  6. Click the Video tab to open the Video Properties pane. Click the Add Video Action button. The new Action rectangle will appear on the track. Move the rectangle so that the beginning of the action is at the 3 second point.

  7. We want the fade out animation to last 1 second. Drag the right edge of the Action rectangle to the 4 second point on the Timeline.

  8. The Opacity of the track is already set to 100% for the beginning of the animation. Move the Scrubber to the 4 second point on the Timeline and reduce the Opacity to 0% in the Video Properties pane.

At this point our video intro is complete and ready to be added to the front or end of an instructional or marketing video. Letís save it in the default ScreenFlow format. We will begin each new video project by first making a copy of this file to use as the beginning of the project.

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


Add Changing+Backgrounds+in+ScreenFlow to Twitter Add Changing+Backgrounds+in+ScreenFlow to Facebook Add Changing+Backgrounds+in+ScreenFlow to MySpace Add Changing+Backgrounds+in+ScreenFlow to Digg Changing+Backgrounds+in+ScreenFlow Add Changing+Backgrounds+in+ScreenFlow to Yahoo My Web Add Changing+Backgrounds+in+ScreenFlow to Google Bookmarks Add Changing+Backgrounds+in+ScreenFlow to Stumbleupon Add Changing+Backgrounds+in+ScreenFlow 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 © 2018 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

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


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

BellaOnline Editor