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


Combining Text and Graphics in ScreenFlow

In the last tutorial, you learned how to add text to a marketing video short in ScreenFlow. Now we will build the company logo with a combination of text and an imported logo graphic.

First, we will import the logo graphic script dC. The rest of the design elements in the logo can be duplicated with the Text and Annotations tools in ScreenFlow. Once the logo is built onto the Timeline, we can covert those tracks containing the logo elements into a nested track, which will make animating the logo as one object mush easier.

The logo animation is a simple fade in, with the logo already in the final position on the canvas. The fade in will begin at 1.5 seconds from the beginning of the Timeline and end at the 3 second point, making the duration 1.5 seconds.

  1. With the Scrubber at the 1.5 second point on the Timeline, click Insert - Choose to import the graphic. The graphic will be placed in the center of the canvas. Now that we have the graphic, we can set the duration of the animation by dragging the left edge of the track to begin at the .5 second point on the Timeline and extending the right edge of the track to the end of the Timeline.

    In order to place the graphic at the bottom of the curve, we need to have the curve visible on the canvas. Move the Scrubber to the 4 second point on the Timeline, which is after the curved line is drawn on the canvas. Now we can drag the graphic in the dip of the curve. Leave the graphic track at the top of the Timeline. We will be combining all the tracks associated with the company logo and url into a nested track.

    Again I am using the font that is part of the logo and not a sans-serif font, which is better for video. We will use a text box to complete the company name in the logo. Why? Usually, text created with the native text tool is sharper on the canvas than an imported text graphic.

    With the Scrubber still at the 4 second point, add a text box, type in the rest of the company name and set the properties in the Text pane, as you did in the previous tutorial (see links below).

    Font: Edwardian Script ITC font
    Size: 64
    Alignment: Left Justified
    Fill: Solid Color
    Outline: No
    Backdrop: None

  2. To set the text to the brand color, open the Color pane by clicking the Fill color box. Click the Color Sliders icon at the top of the color box to display the slider controls. Use the drop-down menu to set the RGB slider, so that we can set the custom color with the RGB values.

    Red: 174
    Green: 83
    Blue: 135

  3. Now drag the text box to the right of the graphic.

In the company logo, we have a line under the company name. We can use ScreenFlow’s Annotations feature to draw this line.

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


Add Combining+Text+and+Graphics+in+ScreenFlow to Twitter Add Combining+Text+and+Graphics+in+ScreenFlow to Facebook Add Combining+Text+and+Graphics+in+ScreenFlow to MySpace Add Combining+Text+and+Graphics+in+ScreenFlow to Del.icio.us Digg Combining+Text+and+Graphics+in+ScreenFlow Add Combining+Text+and+Graphics+in+ScreenFlow to Yahoo My Web Add Combining+Text+and+Graphics+in+ScreenFlow to Google Bookmarks Add Combining+Text+and+Graphics+in+ScreenFlow to Stumbleupon Add Combining+Text+and+Graphics+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 © 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 features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor