Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story....

34
Recipes4Success ® In this Recipe you will use the ImageBlender Storybook Maker to create a storybook from a folder of images. You will learn how to add a folder of images, change the order of pages in the storybook, add a background, add controllers, add text, add sound, and preview your story. © 2003. All Rights Reserved. This Material is copyrighted under United States copyright laws. Tech4Learning, Inc. is the exclusive owner of the copyright. Distribution of this material is governed by the Terms and Conditions of your license for the Recipes4Success. Unlicensed distribution is strictly forbidden. Create a Storybook ImageBlender 2.5 Storybook Maker Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Transcript of Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story....

Page 1: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Recipes4Success ®

In this Recipe you will use the ImageBlender Storybook Maker to create a storybookfrom a folder of images. You will learn how to add a folder of images, change the orderof pages in the storybook, add a background, add controllers, add text, add sound, andpreview your story.

© 2003. All Rights Reserved. This Material is copyrighted under United States copyright laws.Tech4Learning, Inc. is the exclusive owner of the copyright. Distribution of this material is governed bythe Terms and Conditions of your license for the Recipes4Success. Unlicensed distribution is strictlyforbidden.

Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 2: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Contents

Introduction 3Add a Folder of Images 4Change the Order of Pages 6Save a Storybook 8Add Text to a Page 10Format Text 12Check Spelling 15Change the Background Color 19Add a Controller 21Add Text-to-Speech 23Change the Layout of a Page 25Add a Text Page 28View the Storybook 30View Storybook Files 33Conclusion 34

Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 3: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Introduction

To open ImageBlender, click the ImageBlender icon on the Dock.

You will see the Welcome to ImageBlender dialog.

Click the Storybook Maker button.

If you are already using ImageBlender, click the Storybook Maker button on the toolbar.

You will see the Welcome to the Storybook Maker dialog.

Page 3 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 4: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Add a Folder of Images

Click the Create from folder of images button.

You will see the Please select a folder dialog.

Page 4 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 5: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Find the folder you want to use for your storybook.

This example uses the My Images folder that comes with ImageBlender.

Click the Choose button.

You will see each image in the folder as a page in your storybook.

Page 5 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 6: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Change the Order of Pages

You can change the order of pages in your storybook.

Click the page that you want to move.

Page 6 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 7: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click and drag the page to the place in the story that you want it to show.

You will see a large cursor where the page will be moved.

Release the mouse button.

You will see the page in the new place in the storybook.

Page 7 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 8: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click and drag other pages that you want to move in your storybook. Move pages untilthey are in the order that you want them to show.

Save a Storybook

Now is a good time to save the story.

Click the Save Story button on the toolbar.

You will see the Save Story dialog.

Type a name for the story in the Save As field.

Use the Where pull-down menu to choose a place to save your story.

Page 8 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 9: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Save button.

Your story will be saved.

Page 9 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 10: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Add Text to a Page

You can add text to a page in the storybook.

Double-click a page.

Page 10 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 11: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

You will see the page in the Page tab.

Click the text box.

Type the text you want to add.

Page 11 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 12: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Format Text

You can change how text looks on a page.

Click and drag the cursor to select the text you want to change.

Release the mouse button. The text will be selected.

Page 12 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 13: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Use the Font pull-down menu to choose a font for the text.

Use the Font Size pull-down menu to choose a size for the text.

Click a style button to make the text bold, italic, or underlined.

Click an alignment button to align the text to the left, to the center, to the right, or tojustify the text with both margins.

Click the Font Color button to change the text color.

You will see the Text Color dialog.

Click a color on the Color Picker to change the text color.

Page 13 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 14: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the OK button.

The text will show the changes.

Click the Storybook tab.

Page 14 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 15: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Use the skills you have learned to add and format text on other pages of the storybook.

Check Spelling

You can check for spelling errors on pages in your storybook.

Double-click the page that contains the text that you want to spell check.

You will see the page in the Page tab.

Page 15 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 16: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Spell Check button on the text field toolbar.

If there are no misspelled words, you will see the Spell Check Complete dialog.

Page 16 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 17: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the OK button.

If there are words the Spell Check does not know, you will see the Spell Checkingdialog.

You will see the questioned word in the Unknown Word Field.

You will see suggested words in the Suggestions field.

Click the Ignore button if the word is spelled correctly.

If you see the correct word in the list, click it.

Page 17 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 18: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Replace button.

When there are no more misspelled words, you will see the Spell Check Completedialog.

Click the OK button.

Use the Navigation buttons on the Page tab to move to the other pages in the story.

Page 18 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 19: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Check the spelling for the text on each page of your story.

Click the Save button on the toolbar.

Change the Background Color

You can add a background to a page.

Double-click a page to view it in the Page tab.

Click the Background button on the Page tab.

You will see the Background Color dialog.

Choose a background color by clicking a color on the Color Picker.

Page 19 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 20: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Apply to All button to apply the background to every page in the storybook.

You will see the new background color on the page.

Page 20 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 21: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Add a Controller

You can add controllers to pages in your storybook. The viewer can use these controlsto move through the storybook.

Click the Controller button on the Page tab.

You will see the Controllers dialog.

Page 21 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 22: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the controller that you want to use.

Page 22 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 23: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Apply to All button to add the controller to all of the pages in your storybook.

Click the Save Story button on the toolbar.

Click the Storybook tab to continue working on the storybook.

Add Text-to-Speech

You can use text-to-speech to have the computer read the text on a page in your

Page 23 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 24: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

storybook.

Double-click a page that contains text.

You will see the page in the Page tab.

Click the Sound button on the Page tab.

You will see the Sounds dialog.

Click the Text to Speech check box.

Page 24 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 25: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the OK button.

The computer will read the text when you preview the story or page in a Web browser.

Change the Layout of a Page

You can change the layout of pages in the story.

Double-click the page you want to change.

Page 25 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 26: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

You will see the page in the Page tab.

Click the Page Properties button on the toolbar.

You will see the Page Properties dialog.

Page 26 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 27: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click an Alignment button for the page layout you want to use.

Click the OK button to change the layout for the current page.

You will see the new layout for your page.

Page 27 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 28: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Storybook tab.

Use the skills you have learned to change the layout of other pages in your storybook.

Add a Text Page

You can add text pages to your story. This is an easy way to create a title page.

Click the Add Text Page button on the Storybook tab.

Page 28 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 29: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

You will see the text page added as the last page of your storybook.

Double-click the new text page.

You will see the text page in the Page tab.

Use the skills you have learned to add and format the text for the title page.

Page 29 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 30: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the Storybook tab.

Click and drag the title page to the beginning of your story.

Click the Save Story button on the toolbar.

View the Storybook

Page 30 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 31: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

You can view your storybook in a Web browser.

Select the first page of your story.

Click the View Story button on the toolbar.

A Web browser will open. You will see the first page of the storybook.

Page 31 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 32: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Click the controller to go to the next page.

When you are finished previewing your storybook, go to the application menu andchoose Quit.

You can view your story later or post it on a Web page so that others can see it in aWeb browser.

Make any final changes to the storybook.

Click the Save Story button on the toolbar.

Page 32 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 33: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Close the Storybook Maker by clicking the Close Storybook button on the toolbar.

View Storybook Files

Open the folder that contains your storybook.

You will see your story, a backup copy of your story, a media folder for your story, andthe HTML file for the story.

You can view the story in a Web browser by double-clicking the HTML file.

You can edit your storybook by opening the .xml file in the ImageBlender Storybookmaker.

Page 33 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.

Page 34: Create a Storybook-ImageBlender 2.5 Storybook Maker€¦ · Now is a good time to save the story. Click the Save Story button on the toolbar. You will see the Save Story dialog. Type

Copy the entire folder to a Web server.

Use a Web page editing tool to create a hyperlink to the HTML file.

Conclusion

Congratulations, you have created an ImageBlender storybook!

During this tutorial, you learned how to:

Create a new storybook

Add a folder of images

Save a storybook

Change the order of pages in a story

Add text to a page

Format page text

Use Text-to-Speech

Check spelling

Add a text page

View your storybook in a Web browser

Page 34 of 34Create a StorybookImageBlender 2.5 Storybook Maker

Recipes4Success www.tech4learning.com © 2003 Tech4Learning, Inc.