• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 8. Storyboarding Flash Movies > Designing the Second Screen

Designing the Second Screen

With some Freehand storyboarding experience under your belt, you are ready to start working on the other two screens. The second and third screens share some of the same assets as the first screen: the logo and the slogan, for example. You will again have an image placeholder on screens two and three, though with different orientation. In addition, you will import appropriate text for each screen and insert a gray horizontal line as a visual divider.

Select all of the objects on the page by choosing Edit > Select All. Copy them to the Clipboard: Edit > Copy.

You'll reuse all of these elements, though in a different arrangement, on the second and third screens.

Click the Next Page button at the bottom of the document, to navigate to the second page.

The second page is blank. But you are about to change that.

Choose Edit > Paste from the main menu.

You have pasted the content from the Clipboard to the second screen, which now looks virtually identical to the first, though the positioning might be slightly off. You'll soon rearrange all the elements anyway, but at least most of the content is now available.

Choose File > Import. Navigate to the Start folder of this lesson and select pg2.txt. Click Open. Click once on the Document window to place the text.

Now you have all the elements you need for this screen. But most likely it looks like scrambled eggs at this point.

With the newly imported text block still selected, in the Object panel, change the Size of the text to 12.

Size 12 is big enough to display the text in this case.

Use the Pointer tool to arrange the elements as shown in the screenshot.

The text and image placeholder remain problematic, but the rest of the screen is starting to look a little better.

Using the Pointer tool, press and drag the corner handles of the rectangle to resize it. Drag in the middle of the rectangle to reposition it.

When you are finished resizing and repositioning the rectangle, it should look more or less like the screenshot.

Resize the text block by dragging the bottom-right corner upward and over to the left to make the text flow as shown in the screenshot.

Although you have lowered the font size for the text block, the block itself remains unchanged from when you first imported it. Resizing the text block makes it easier to flow the text correctly relative to the rest of the layout.


When resizing a text block, avoid using the handles in the middle (both horizontally and vertically). Using those handles squeezes or stretches not just the text block, but also all the text within it. Dragging corner handles, in contrast, resizes only the container, the text inside is unchanged, except that it re-wraps to fit in the newly resized container.

Select the Line tool and draw a horizontal line below the “Organic Farming: What is it?” slogan. Hold down the Shift key while you draw to keep the line perfectly horizontal.

This horizontal line divides the slogan/logo (which makes up a sort of banner) from the actual content (that is, the image and text).

With the line still selected, in the Object panel, click the “Stroke: Basic, 1 pt” object to access the attributes associated with the line you just drew. Make the Width of the line 2 and change the Color from black to 30% black by clicking the Color drop-down menu. In addition, select the Rounded cap for the line.

This vertical line serves as a visual divider to separate the slogan/logo (which makes up a sort of banner) from the actual content (e.g., image and text, etc.). In Freehand, you can always format the attributes of any vector object after it is created.

The Object panel for the line should look like the following screenshot:



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint