create an animated idiom - tech4learning 5 - create an... · make a movie 26 conclusion 29 create...

30
Recipes4Success ® In this Recipe, you will learn how to create an animated movie using Frames. You will import a folder of images, add a title, credits, music, and transitions, and then export the animation as a movie. © 2012. 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 an Animated Idiom Frames 5 - Clay Animation Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Upload: others

Post on 06-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Recipes4Success ®

In this Recipe, you will learn how to create an animated movie using Frames. You willimport a folder of images, add a title, credits, music, and transitions, and then exportthe animation as a movie.

© 2012. 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 an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 2: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Contents

Introduction 3Add a Folder of Images 4Preview the Animation 6Duplicate Frames 7Save the Animation 7Change the Background Color 8Add a Text Object 9Format Text 10Change Frame Duration 13Add and Move a Frame 14Animate Text 16Add a Transition 18Add Sound 19Add a Conversation Bubble 22Make a Movie 26Conclusion 29

Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 3: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Introduction

Click the Start menu button.

Choose All Programs, choose the Tech4Learning folder, choose the Frames 5 folder,and select Frames.

Frames will open.

You will see a blank frame.

Page 3 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 4: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Add a Folder of Images

You can drag images from the Library to create an animation.

Click the Library button on the toolbar.

You will see the folders in the Library.

Page 4 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 5: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Double-click the Tutorials folder to open it.

Page 5 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 6: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Clay Animation folder to select it.

Click and drag this folder on to the workspace.

Let go of the mouse button.

You will see all of the frames in the storyboard along the bottom.

Preview the Animation

You can preview the animation.

The animation is currently at the last frame.

Click the Rewind button on the toolbar to return to the beginning.

Click the Play button on the toolbar to watch the animation.

Page 6 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 7: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Duplicate Frames

You can duplicate frames in the animation to have frames and actions repeat.

Click the last frame in the storyboard at the bottom of the window.

Press and hold down the Shift key on the keyboard.

Click the second frame of the animation. This is the first frames with ducks on it.

Click the Clone button on the toolbar.

The selected frames will be cloned and added to the end of the animation.

Save the Animation

Click the Save button on the toolbar.

Page 7 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 8: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

You will see the Save Animation As dialog.

Type a name for the animation in the File name field.

Use the navigation options to choose a place to save the file.

Click the Save button.

Change the Background Color

You can change the background color of a frame.

Click the first frame in the storyboard at the bottom of the window.

Page 8 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 9: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Tools button on the toolbar.

Click the Color box on the Tools panel and choose a new color.

The background of the frame will change to this color.

Add a Text Object

You can add text to create a title for the animation.

The Tools are still open.

Page 9 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 10: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Text tool on the Tools panel.

You will see a text box in the middle of the frame.

Type: What’s the Idiom?

You will see this text in the text box.

Format Text

You can change the way text looks.

Move the cursor over a handle on the corner of the text box.

It will change to two arrows.

Click and drag the handle away from the center of the text box. This will make the textlarger.

Click and drag the handles until the text fills the frame.

Page 10 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 11: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

You will see font options in the Tools panel on the right.

Click the Font pull-down menu to choose a new font.

Page 11 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 12: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Color box and click a new color.

Click the Align Center button.

Move the cursor over the middle of the text box.

The cursor will change to show four arrows.

Page 12 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 13: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click and drag the box to center it on the frame.

Click the frame outside of the text box.

Change Frame Duration

You can change how long a frame is shown.

You will see the frame duration at the bottom of the Tools panel.

The first frame is still selected.

Page 13 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 14: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click and drag the Duration slider to the right to make the frame show for 3 seconds.

This will give viewers longer to read the title of the animation.

Add and Move a Frame

You can add new frames to the animation.

Click the New frame button on the toolbar.

You will see this new frame in the in the storyboard behind the first frame.

Move the cursor over this frame.

Click and drag the frame to the right until it is at the end of the storyboard.

Page 14 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 15: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Let go of the mouse button.

The frame will move to the last position and show in the preview area.

Click the Color box on the Tools panel to change the background to the same color youused on the title frame.

Click the Text button on the tool panel.

You will see a text object in the middle of the frame.

Use the skills you have learned to add and format text that says:

Get your ducks in a row!

Page 15 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 16: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Animate Text

You can animate how text appears on a frame.

Click the text box if it is not selected.

Click the Effect check box on the tools panel.

Click the Edit button to see the text animation options.

Page 16 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 17: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Choose the animation you want for your text from the Effect pull-down menu.

Adjust how this animation plays by choosing direction from the Option pull-down menu.

You will see a preview of how your text will animate.

Click the Go Back button when you are done.

Click the Save button on the toolbar to save the changes you have made.

Page 17 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 18: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Add a Transition

You can add transitions between frames.

Click the Rewind button to go to the first frame.

Click the Library button on the toolbar.

Click the Home button at the top of the window to return to the main categories.

Double-click the Transitions folder.

Page 18 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 19: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Find the transition you want to use.

Click it to select it.

You will see a green arrow in the lower right corner.

Click the green arrow to add the transition to this frame.

You will see the transition in the storyboard at the bottom of the window.

Add Sound

You can add sound to an animation.

Click the Rewind button on the toolbar so when you add the sound it will start at thebeginning of the animation.

Page 19 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 20: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Library button on the toolbar.

Click the Home button at the top of the Library panel.

Double-click the Sounds folder.

You will see the folders in the Sounds library.

Double-click the Music folder.

Page 20 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 21: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

You will see the sounds in the music folder.

Click the Cartoon music file.

Click the green arrow to add this sound to your animated movie.

The sound will be added to the animation starting at the first frame.

Page 21 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 22: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Add a Conversation Bubble

You can add text in a conversation bubble to a frame.

Click the second frame with duck images.

You will see this frame in the preview area.

Click the Text tool on the Tools panel.

You will see a text object in the middle of the frame.

Click the Bubble check box on the tools panel.

You will see the text box change to a conversation bubble.

Click the Edit button next to the Bubble check box.

Page 22 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 23: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

You will see different shapes for your conversation bubble. Choose the one you want touse.

Click the Go Back button.

The text object will change to the shape you chose.

Type: Quack!

Press the Enter key on the keyboard.

Type: Quack!

Page 23 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 24: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Press the Enter key on the keyboard.

Type: Quack!

Use the text options on the Tools panel to change the format of the text.

Click the frame away from the text box.

Move the cursor back over the middle of the text box. It will change to four arrows.

Click and drag the thought bubble to position it by one of the ducks.

Click and drag the blue handles to change the size of the text and the conversationbubble.

Move the cursor over the blue circle and drag it to connect the box to the duck youwant to be talking.

Page 24 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 25: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click and drag the Duration slider on the Tools panel to the right so that this framesshows for more time.

Click Save button on the toolbar.

Click the Rewind button on the toolbar.

Page 25 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 26: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Play button on the toolbar to watch your animation.

Make a Movie

You can export the animation as a movie file you can share with other people.

Click the Project button on the toolbar.

Move the mouse over the Export option and then click the Movie option.

Page 26 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 27: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

You will see the Save Movie As dialog.

Page 27 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 28: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Type the name you want for the file in the File name field.

Click the Save button.

Frames will create the movie.

When it is finished, you will see a Finished Exporting dialog.

Page 28 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 29: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Click the Launch button to watch the movie.

Go to the File menu and choose Quit to close the movie player.

Go to the File menu and choose Exit to close Frames.

Conclusion

Congratulations! You have created an animated movie using Frames.

In this Recipe, you learned how to:

Add a folder of images

Duplicate frames

Preview an animation

Save

Add text

Format text

Add a blank frame

Change the order of frames in a movie

Animate text

Page 29 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.

Page 30: Create an Animated Idiom - Tech4Learning 5 - Create an... · Make a Movie 26 Conclusion 29 Create an Animated Idiom Frames 5 - Clay Animation Recipes4Success � 2012 Tech4Learning,

Add a transition

Add sound

Add a conversation bubble

Make a movie

Page 30 of 30Create an Animated IdiomFrames 5 - Clay Animation

Recipes4Success www.recipes4success.com © 2012 Tech4Learning, Inc.