Save your project files in a folder called: 3_flash_tweens. Tweens in Flash :: Introduction
|
|
- Ethel Washington
- 6 years ago
- Views:
Transcription
1 INF1070: Hypermedia Tools 1 Assignment 3: Tween Animation in Flash Save your project files in a folder called: 3_flash_tweens Tweens in Flash :: Introduction Now that you ve learned to draw in Flash, it s time to animate. You made use of layers in Fireworks and in the previous Flash assignment. Now, it s time to add another dimension to your work time. As we increase the number of layers and the amount of time, we increase the complexity and level of interaction with our audience. containing a different image that appears on the Stage. The major components of the Timeline are layers, frames, and the playhead. Layers in a document are listed in a column on the left side of the Timeline. Frames contained in each layer appear in a row to the right of the layer name. The Timeline header at the top of the Timeline indicates frame numbers. The playhead indicates the current frame displayed on the Stage. As a document plays, the playhead moves from left to right through the Timeline. The Timeline status displayed at the bottom of the Timeline indicates the selected frame number, the current frame rate, and the elapsed time to the current frame. The playhead moves through the timeline as a document plays to indicate the current frame displayed on the Stage. The Timeline header shows the frame numbers of the animation. To display a frame on the Stage, move the playhead to the frame in the Timeline. Let s look at the Adobe online material to learn more. 1 To add time, we will work with Flash s built-in timeline feature. The Timeline organizes and controls a document s content over time in layers and frames. Like films, Flash documents divide lengths of time into frames. Layers are like multiple film strips stacked on top of one another, each To display a specific frame when you re working with a large number of frames that can t all be displayed in the Timeline at once, move the playhead along the Timeline. To go to a frame, click the frame s location in the Timeline header, or drag the playhead to the desired position. To center the Timeline on the current frame, click the Scroll To Playhead button at the bottom of the Timeline. 1 b883b18f10cb1fe1af6-7f84a.html - WSd60f d6b883b18f10cb1fe1af6-7f83a Jasper Place High School pete.mackay@epsb.ca 1
2 Parts of the Timeline A. Playhead B. Empty keyframe C. Timeline header D. Guide layer icon E. Frame View pop up menu F. Frame-by-frame animation G. Tweened animation H. Scroll To Playhead button I. Onion-skinning buttons J. Current Frame indicator K. Frame Rate indicator L. Elapsed Time indicator A keyframe 2 is a frame where a new symbol instance appears in the Timeline. A keyframe can also be a frame that includes ActionScript code to control some aspect of your document. You can also add a blank keyframe to the Timeline as a placeholder for symbols you plan to add later or to explicitly leave the frame blank. To add a keyframe to the timeline, rightclick on the frame number and choose Insert Keyframe. You can also use the keyboard shortcut F6. A tween 3 is an animation that is created by specifying a value for an object property in one frame and another value for that same property in another frame. Flash calculates the values for that property in between those two frames. The term tween comes from the words in between. For example, you can place a movie clip on the left side of the Stage in frame 1 of the Timeline, and then move that movie clip to the right side of the Stage in frame 20. When you create a tween, Flash calculates all the positions of the movie clip on Stage in between the two positions, right and left, that you specified. You end up with an animation of the movie clip moving from the left side of the Stage to the right side, from frame 1 to frame 20. In each frame in between, Flash moves the movie clip one 20th of the distance across the Stage. There are several types of tweens: 1. Motion Tween objects move from one location to another on the stage. 2. Alpha Tween objects change levels of transparency (0% = transparent and 100% = opaque) 3. Tint or Color Tween objects change colors 4. Shape Tween objects actually change their shape! 2 WSd60f d6b883b18f10cb1fe1af6-7ec8a.html 3 WSd60f d6b883b18f10cb1fe1af6-7d8aa.html Jasper Place High School pete.mackay@epsb.ca 2
3 Tweens in Flash :: The Motion Tween Let s try a motion tween together: 1. Open a Flash document and draw a ball on the upper left hand of the stage. Change the name of the layer from Layer 1 to Motion Tween: 5. All that remains is for you to move the ball to its final destination on this motion tween. (Notice that the playhead is now on the last frame of the tween ) 2. Double-click the ball you drew (to select both the line and fill) and convert it to a symbol. (Modify > Convert to Symbol) or press F8: 6. Press Enter and watch your ball move. Want to speed it up? Then drag the timeline from frame 40 back to frame 20. A shorter time permitted means that the distance will be covered more quickly. Drag forward to slow it down 3. Now that the object is a symbol, we can add a motion tween by right-clicking on it. 4. The biggest change will occur in your timeline Flash extends the Motion Guide layer by 40 frames. (1 second, so depending on your framerate, this may be more or less. Jasper Place High School pete.mackay@epsb.ca 3
4 There is another little line between the start and finish points. This is called the Spline Path and you can manipulate it with your Selection tool to change the path of travel. 7. Pull the spline path over a bit to curve the path of the ball s travel. Tweens in Flash :: The Alpha Tween At any point along the timeline, the ball will have a corresponding point on the spline path. And you can change the properties of this ball at any one of these points. Let s fade out the ball as it moves towards the end of the spline path. 1. Select the ball and look in the Property Inspector for a section called Color Effect. You ll find there, a pick-list. Choose Alpha from that list. Now, the ball s path is no longer the shortest distance it is curved. 8. Save your Motion Tween as: 3a_motion_tween.fla and publish it as 3a_motion_tween.swf. 2. Alpha is another term for the amount of transparency an object has. An alpha value of 0 means that the object is totally transparent; while a value of 100 means that the object is entirely opaque. Move the slider to about 20%. 3. Hit Enter and see your ball fade as it nears the end of its path. 4. Save your Alpha Tween as: 3b_alpha_tween.fla and publish it as 3b_alpha_tween.swf. Jasper Place High School pete.mackay@epsb.ca 4
5 Tweens in Flash :: The Tint Tween 1. Open your old 3_Motion_Tween.fla document and choose Tint from the same Color Effect pick list. Tweens in Flash :: The Shape Tween Shape tweens are a different kind of cat They are applied to simple, raw vector shapes. That means no symbols! 1. Start a new Flash document. Create a ball again but this time, do not turn it into a symbol. Make the ball 75px x 75px and place it at x=20 and y= Your ball will change colors. Pick something different from your original color and test your movie. It s easy to do a quick test by just pressing Enter. The ball will move on the stage. If you wanted to see what the real movie is like, then hit ctrl-enter ( -Return on a Mac). The movie will play in a Flash Player window. It will also repeat that s ok for now. 2. Right-click on or about frame #30. Choose Insert Blank Keyframe. 3. Now, on that blank keyframe, draw a box (75x75 at x20 and y20). 4. And then click somewhere in the timeline between the two keyframes. Choose Insert Shape Tween. Test your movie. The ball turns into a square. You can also use shape tweens to change colors and position on the stage or you can combine different features. Remember this works best with simple raw vector shapes 5. Save your Tint Tween as: 3c_tint_tween.fla and publish it as 3c_tint_tween.swf. 6. Save your Shapw Tween as: 3d_shape_tween.fla and publish it as 3d_shape_tween.swf. Real Life Example: Here s a little project I was hired to do a few years ago. The client wanted an animated logo that looked like it was being colored in. How did I do it? You guessed it shape tweens in Flash! Here s the URL where you can find it (if it s still there when you read this ) Jasper Place High School pete.mackay@epsb.ca 5
6 Tweens in Flash :: Your Turn Task One: Demonstrate the Different Tweens Follow along in class as we learn the different tweens motion, alpha, tint and shape. When we finish the practice techniques, you should have the following files saved and published 3a_motion_tween.fla 3a_motion_tween.swf 3b_alpha_tween.fla 3b_alpha_tween.swf 3c_tint_tween.fla 3c_tint_tween 3d_shape_tween.fla 3d_ shape _tween Task Two: Apply the Different Tweens Explore the drawing tools of Flash and create a short animation of a bumblebee flying around the screen and landing on a flower. Let the cartoonist in you show - create a background with scenery. Use tweening and Spline paths to complete the work. Save and publish your work as: 3e_bumblebee.fla 3e_ bumblebee.swf Students who did well in this task previously: Put each element on its own layer and named the layers. Did not create shape tweens from symbols. Created motion, alpha, and tint tweens with symbols. Tried to animate the bee s wings as well as its path. (nested symbols demo) Symbols were named in the Library. INF1070_Hypermedia_Tools_I 3- Flash Tweens Marking Guide Comments: Content & Layout /28 You created and published a motion tween Yes (2) (1) (0) No You created and published an alpha tween Yes (2) (1) (0) No You created and published a tint tween Yes (2) (1) (0) No You created and published a shape tween Yes (2) (1) (0) No You created and published a bumblebee as directed Yes (2) (1) (0) No Your work has an appealing layout, alignment and consistency. Yes (2) (1) (0) No Coolness Factor of your Bumblebee Project Very Cool (10) - (8) - (6) - (4) - (2) - (1) Pretty Basic Stuff TOTAL FOR THIS ASSIGNMENT /28 Jasper Place High School pete.mackay@epsb.ca 6
The playhead, shown as a vertical red beam, passes each frame when a movie plays back, much like movie fi lm passing in front of a projector bulb.
The project: AIRPLANE I will show you a completed version of this project.. Introducing keyframes and the Timeline One of the most important panels in the Flash workspace is the Timeline, which is where
More informationFLASH ANIMATION TUTORIAL
FLASH ANIMATION TUTORIAL This tutorial will show you how to make a simple flash animation using basic graphic elements and sounds. It will also work as the display page for your Bullet Movie soundtrack
More informationFlash offers a way to simplify your work, using symbols. A symbol can be
Chapter 7 Heavy Symbolism In This Chapter Exploring types of symbols Making symbols Creating instances Flash offers a way to simplify your work, using symbols. A symbol can be any object or combination
More informationAnimating the Page IN THIS CHAPTER. Timelines and Frames
e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally
More informationThe Library is displayed as a window, and its contents are accessed by dragging and dropping onto the Stage.
FLASH FREQUENTLY ASKED QUESTIONS - What is the Library? The Library is an area in which you store all content used in a Flash movie. In Flash terminology, each piece of content stored in the Library is
More informationFlash Domain 4: Building Rich Media Elements Using Flash CS5
Flash Domain 4: Building Rich Media Elements Using Flash CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Make rich media content development
More informationAdobe Flash CS4 Part 3: Animation
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 3: Animation Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2 Understanding
More informationanimation, and what interface elements the Flash editor contains to help you create and control your animation.
e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally
More informationHow to create an animated face
Adobe Flash CS4 Activity 5.1 guide How to create an animated face This activity walks you step by step through the process of creating a simple animation by using Adobe Flash CS4. You use drawing tools
More informationTutorial 4. Creating Special Animations
Tutorial 4 Creating Special Animations Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text blocks Animate individual letters within a text block
More informationUsing Flash Animation Basics
Using Flash Contents Using Flash... 1 Animation Basics... 1 Exercise 1. Creating a Symbol... 2 Exercise 2. Working with Layers... 4 Exercise 3. Using the Timeline... 6 Exercise 4. Previewing an animation...
More information-Remember to always hit Command + S every time you make a change to your project going forward.
-Open Animate -Under Create New - Select ActionScript 3.0 -Choose Classic as the Design type located in the upper right corner -Animate workspace shows a toolbar, timeline, stage, and window tabs -From
More informationShape Tweening. Shape tweening requirements:
Shape Tweening Shape Tweening Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be broken apart into a shape Keyframes concept from traditional
More informationReview Questions FL Chapter 3: Working With Symbols and Interactivity
Review Questions FL Chapter 3: Working With Symbols and Interactivity TRUE/FALSE 1. One way to decrease file size is to create reusable graphics, buttons, and movie clips. 2. Flash allows you to create
More informationDoing a flash animation for animb
Doing a flash animation for animb Mathieu Clabaut May 22, 2008 Introduction This tutorial should provide the user with a tour through the most important functionalities allowing to build a flash animation
More informationAO3. 1. Load Flash. 2. Under Create New click on Flash document a blank screen should appear:
AO3 This is where you use Flash to create your own Pizzalicious advert. Follow the instructions below to create a basic advert however, you ll need to change this to fit your own design! 1. Load Flash
More informationThe Macromedia Flash Workspace
Activity 5.1 Worksheet The Macromedia Flash Workspace Student Name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Macromedia Flash Workspace 5-35
More informationGeneral Directions for Creating a Program with Flash
General Directions for Creating a Program with Flash These directions are meant to serve as a starting point for a project in Flash. With them, you will create four screens or sections: 1) Title screen;
More informationAdobe Flash Course Syllabus
Adobe Flash Course Syllabus A Quick Flash Demo Introducing the Flash Interface Adding Elements to the Stage Duplicating Library Items Introducing Keyframes, the Transform Tool & Tweening Creating Animations
More informationThe Timeline records the actions in each Frame. It also allows multiple independent images and actions through Layers.
Using Flash to Create Animated Environments Objectives: Understand the capabilities of Flash Gain a general overview of features and tools Understand layers, text, graphics, animation and buttons Import
More informationAnimatron Tutorial. Ronald Bourret
Animatron Tutorial Ronald Bourret http://www.rpbourret.com Table of Contents License... 2 Lesson 1: Getting Started... 3 1.1 Creating an Animatron account... 3 1.2 Animatron screen... 3 Lesson 2: Drawing...
More informationLesson 4: Add ActionScript to Your Movie
Page 1 of 7 CNET tech sites: Price comparisons Product reviews Tech news Downloads Site map Lesson 4: Add ActionScript to Your Movie Home Your Courses Your Profile Logout FAQ Contact Us About In this lesson,
More informationName: Date: Multimedia Graphics and Web Publishing Mr. Dietzler. Flash Topics TWEENING AND MOTION GUIDES
Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler Flash Topics TWEENING AND MOTION GUIDES TWEENING: Motion Tweening: The most basic type of tweening is Motion Tweening in which you specify
More informationFLASH CS6 DIRECTIONS TO GET YOU STARTED!
FLASH CS6 DIRECTIONS TO GET YOU STARTED! SYMBOL A symbol is a reusable image, animation or button. You will see a plus sign + in the object once it s been converted to a symbol. Insert>Convert to symbol
More informationAnimation is the illusion of motion created by the consecutive display of images of static elements. In film and video
Class: Name: Class Number: Date: Computer Animation Basis A. What is Animation? Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video production,
More informationAdobe Flash CS3 Reference Flash CS3 Application Window
Adobe Flash CS3 Reference Flash CS3 Application Window When you load up Flash CS3 and choose to create a new Flash document, the application window should look something like the screenshot below. Layers
More informationWORLD FIRST. In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru.
ART90.flash 14/10/03 3:27 pm Page 24 Tutorial WORLD FIRST In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru ILLUSTRATION BY
More informationGETTING AROUND STAGE:
ASM FLASH INTRO FLASH CS3 is a 2D software that is used extensively for Internet animation. Its icon appears as a red square with a stylized Fl on it. It requires patience, because (like most computer
More informationMaking ecards Can Be Fun!
Making ecards Can Be Fun! A Macromedia Flash Tutorial By Mike Travis For ETEC 664 University of Hawaii Graduate Program in Educational Technology April 4, 2005 The Goal The goal of this project is to create
More informationIntroduction to Multimedia. Adobe Animate CC. Lab Manual
Introduction to Multimedia Adobe Animate CC Lab Manual 2017-18 Semester 1 Table of Contents A. Introduction p. 1 About Animate Understanding the Workspace of Animate B. Getting Started with Animate....
More informationThis lesson will focus on the Bouncing Ball exercise.
This will be the first of an on-going series of Flipbook tutorials created by animator Andre Quijano. The tutorials will cover a variety of exercises and fundamentals that animators, of all skill levels,
More informationCreating a short stop motion animation with Adobe Photoshop CC. Open Adobe Photoshop CC. A note about embedding
Creating a short stop motion animation with Adobe Photoshop CC Open Adobe Photoshop CC A note about embedding Photoshop CC never embeds video or sound into your document. Instead, it links to the original
More informationIn this lesson, you will learn how to build a typical
Lesson 1 20 21 Basic Animation Building your first animation while you learn a typical After Effects workflow. d In This Lesson 22 starting a project; creating folders 23 importing footage; alpha channels
More informationCourse Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC
Course Title Adobe Animate CC Course Description Adobe Animate CC (Creative Clouds) is the world's most powerful graphic design program for adding interactivity and creating animation and multimedia content
More informationINSRUCTION SHEET. Flash Lab #1
Advanced Web Page Design STANDARD 5 The student will use commercial animation software (for example: Flash, Alice, Anim8, Ulead) to create graphics/web page. Student Learning Objectives: Objective 1: Draw,
More informationchapter 1. Create symbols and instances 2. Work with Libraries 3. Create buttons 4. Assign actions to frames and buttons AND INTERACTIVITY
1-4283-1963-8_03_Rev3.qxd 6/27/07 9:04 PM Page 1 chapter 3 WORKING WITH SYMBOLS AND INTERACTIVITY ADOBE FLASH CS3 1. Create symbols and instances 2. Work with Libraries 3. Create buttons 4. Assign actions
More informationThis lesson will focus on the Bouncing Ball exercise. Feel free to start from scratch or open one of the accompanying demo files.
This will be the first of an on-going series of Flipbook tutorials created by animator, Andre Quijano. The tutorials will cover a variety of exercises and fundamentals that animators, of all skill levels
More informationIntroduction to Flash - Creating a Motion Tween
Introduction to Flash - Creating a Motion Tween This tutorial will show you how to create basic motion with Flash, referred to as a motion tween. Download the files to see working examples or start by
More informationThe Disney Project in AS3
The Disney Project in AS3 Intro: Save the Disney Kit Download the Disney Kit.fla from the website. It has all the graphics that you ll need in the Library. Double-click to open it in Flash. Immediately,
More informationAdobe Flash CS4 Part 4: Interactivity
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2
More informationMultimedia Creation. for Kids
Multimedia Creation for Kids 1 Lesson 1: Setting Up Your Project In this lesson you will be storyboarding your entire project. It is important to know exactly where you are going with your project before
More information1. Multimedia authoring is the process of creating a multimedia production:
Chapter 8 1. Multimedia authoring is the process of creating a multimedia production: Creating/assembling/sequencing media elements Adding interactivity Testing (Alpha/Beta) Packaging Distributing to end
More informationvinodsrivastava.com FLASH
vinodsrivastava.com FLASH 1. What is a Layer? Layer helps us to organize the artwork in your document. When we create a flash document it contain one layer but we can add more. Objects are placed in layer
More informationSample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks
Sample Hands-On-Training Chapter Review Copy Only Copyright 2000-2003 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training
More informationCurriculum/Certification Mapping in MyGraphicsLab
Adobe Visual Communication Using FLASH CS5 Curriculum/Certification Mapping in MyGraphicsLab Objectives- 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for rich
More informationUnit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1
Unit 6 Multimedia Element: Animation 2017-18 Semester 1 Unit Outline In this unit, we will learn Animation Guidelines Flipbook Sampling Rate and Playback Rate Cel Animation Frame-based Animation Path-based
More informationCOMP : Practical 1 Getting to know Flash
What is Flash? COMP126-2006: Practical 1 Getting to know Flash Macromedia Flash is system that allows creation, communication and play of animated and interactive computer graphics. Its main application
More informationMacromedia Flash. ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash
Macromedia Flash ( Macromedia Flash).... : 233 - Ram - 16 64 600 - - Flash. Flash... Flash... Flash player Flash.. Flash Flash. Flash. Tweening 10. ( Frame ). Flash (10 1 ). Motion Tween :. Flash. Flash
More information2Understanding the. Interface. The Document Window 13. If you are new to Flash 8, don t skip this chapter. Although you might be
2Understanding the Interface The Document Window 13 The Timeline 14 The Layer Controls 15 If you are new to Flash 8, don t skip this chapter. Although you might be tempted to jump right in with the hands-on
More informationand 150 in the height text box, and then click OK. Flash automatically inserts the px (for pixel) after the number.
4. In the Document Properties dialog box, enter 700 in the width text box and 150 in the height text box, and then click OK. Flash automatically inserts the px (for pixel) after the number. The Document
More informationBasics of Flash Animation
Basics of Flash Animation The Stage is where you do your main design work The timeline is where you animate your objects by setting keyframes The library is where you store all your assets things you use
More informationObjectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement.
DM20 Assignment 4c Flash motion tween with pivot point adjustments screen shots from CS3 with CS4 differences described Objectives: To create a Flash motion tween using the timeline and keyframes, and
More informationMULTIMEDIA WEB DESIGN
CLASS :: 03 02.09 2018 3 Hours THE AGENDA HOMEWORK 2 REVIEW [ Upload to Comm Arts Server ] :: Upload GIF Face assets to Your PSD Folder [ Inside of Folder> Create Gif Face Folder ] GIF ANIMATION :: File
More informationDear Candidate, Thank you, Adobe Education
Dear Candidate, In preparation for the Rich Media Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet
More informationSample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks
Sample Hands-On-Training Chapter Review Copy Only Copyright 2000-2003 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training
More informationSample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks
Sample Hands-On-Training Chapter Review Copy Only Copyright 2000-2003 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training
More informationAdobe Flash CS4 Part 1: Introduction to Flash
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 1: Introduction to Flash Fall 2010, Version 1.0 Table of Contents Introduction...3 Downloading the Data Files...3
More informationResponding to Events. In this chapter, you ll learn how to write code that executes in response. Understanding Event Types 65
4 Responding to Events Understanding Event Types 65 Using a Listener to Catch an Event 66 Writing Event Handlers 68 Responding to Mouse Events 73 In this chapter, you ll learn how to write code that executes
More informationAdobe Flash CS5. Creating a web banner. Garvin Ling Juan Santa Cruz Bruno Venegas
Adobe Flash CS5 Creating a web banner Garvin Ling Juan Santa Cruz Bruno Venegas Introduction In this tutorial, you will be guided through a step-by-step process on how to create your very own animated
More informationEdge Television Advertisement. -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images!
-Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images! -Use Layer Styles to add a White Stroke of 5 pixels to each image you cut out. This will
More information2018 imovie High Sierra
2018 imovie High Sierra 1 Create a Movie Open imovie. Select the Projects button from the top menu. Click Create New. Next, Click Movie. You will see a sidebar of libraries and events, browser window with
More informationAdobe Flash CS4 Part 2: Working with Symbols
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 2: Working with Symbols Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2
More informationPART ONE. Getting Started
PART ONE Getting Started Before you can create games, you must learn to program, but before you can program in Flash ActionScript, you must learn to use the Flash authoring tool. ActionScript is built
More informationCREATING A MINI-LESSON MOVIE
PROJECT 4 CREATING A MINI-LEON MOVIE Upon completion of this project, you should be able to: Create a simple animation. Create a text animation. Create sound clips. Create Drag and Drop learning interactions.
More informationAnimatron Tutorial. Ronald Bourret
Animatron Tutorial Ronald Bourret http://www.rpbourret.com Table of Contents License... 2 Lesson 1: Getting Started... 3 1.1 Create an Animatron Account... 3 1.2 Animatron Screen... 3 Lesson 2: Drawing...
More informationGETTING STARTED WITH. chapter
1-4283-1963-8_01_Rev4.qxd 6/27/07 1:39 PM Page 1 chapter 1 GETTING STARTED WITH ADOBE FLASH CS3 1. Understand the Adobe Flash CS3 workspace 2. Open a document and play a movie 3. Create and save a movie
More information11 EDITING VIDEO. Lesson overview
11 EDITING VIDEO Lesson overview In this lesson, you ll learn how to do the following: Create a video timeline in Photoshop. Add media to a video group in the Timeline panel. Add motion to still images.
More informationIn this lesson, you ll learn how to:
LESSON 5: ADVANCED DRAWING TECHNIQUES OBJECTIVES In this lesson, you ll learn how to: apply gradient fills modify graphics by smoothing, straightening, and optimizing understand the difference between
More informationAnimation Part 2: Using Windows Movie Maker for Voiceovers and More Duncan Whitehurst ICT Advisory Teacher Pembrokeshire County Council
1. To edit an animation produced in I Can Animate click Start, All Programs and find Windows Movie Maker. 2. In the Movie Tasks pane click Import Video. 3. Go looking on your computer for your animation.
More informationDigital Ink and Paint Week 5. Animation: Animated Symbols, Graphic Symbols vs Movie Clip Symbols, Bones, 3D Translation
Digital Ink and Paint Week 5 Animation: Animated Symbols, Graphic Symbols vs Movie Clip Symbols, Bones, 3D Translation Graphic Symbols and Movie Clips have their own Time Line. You can create animation
More information8 th Grade Animation Exam Study Guide
Name: Period: What is our class website? What day of the week can you come to class during lunch to make up missed work? What does CPU stand for? What type of files are used for audio? What is hardware?
More informationUtah Education Network Web Animation Flash MX. Jessica Anderson (801)
Web Animation Flash MX 12/30/03 2 Utah Education Network Web Animation Flash MX Jessica Anderson janderson@media.utah.edu (801) 585-6849 www.uen.org Flash, a powerful vector graphics program, allows you
More informationAdobe Animate Basics
Adobe Animate Basics What is Adobe Animate? Adobe Animate, formerly known as Adobe Flash, is a multimedia authoring and computer animation program. Animate can be used to design vector graphics and animation,
More informationTransitions and Photos
4 Adding Lesson 3: Transitions and Photos You ve arranged your video clips in the order you want them. But the jump from one clip to the next is very abrupt, and you d like to smooth things out. You can
More informationIn this chapter, we explain animation and making your graphics move. Are
Chapter 9 Getting Animated In This Chapter Understanding animation in Flash Getting ready to animate Using Timeline effects to create animations instantly Animating with keyframes Using motion tweening
More informationSample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks
Sample Hands-On-Training Chapter Review Copy Only Copyright 2000-2004 by lynda.com, Inc. All Rights Reserved. Reproduction and Distribution Strictly Prohibited. This electronically distributed Hands-On-Training
More informationIntroduction to Game Design
Introduction to Game Design Introduction to Game Design is an activity-based syllabus that teaches skills for game design and development using Adobe tools, UNREAL Engine, MAYA 3DS and Blender. Each activity
More informationThe Flash workspace. Student name: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector.
The Flash workspace Student name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. Page 176 Identify the selection tools, the drawing tools, the view
More informationApple idvd 11 Tutorial
Apple idvd 11 Tutorial GETTING STARTED idvd is a program that allows you to create a DVD with menus and graphics of a professionally made commercial disc to play on your home DVD player. To Begin your
More informationCOMP : Practical 9 ActionScript: Text and Input
COMP126-2006: Practical 9 ActionScript: Text and Input This practical exercise includes two separate parts. The first is about text ; looking at the different kinds of text field that Flash supports: static,
More informationContent provided in partnership with Macromedia Press, from the book Macromedia Flash MX: Training from the Source by Chrissy Reyà Ã
8VLQJV\PEROVDQGWKHOLEUDU\ Content provided in partnership with Macromedia Press, from the book Macromedia Flash MX: Training from the Source by Chrissy Reyà à In this sample chapter, you ll learn to use
More informationHow to create interactive documents
Adobe InDesign Guide How to create interactive documents You can use Adobe InDesign to create dynamic web content or interactive documents. InDesign supports export to web-ready HTML or interactive PDF.
More informationFinal Cut Pro: Intro How to Make a DVD from a mini-dv tape
TEST Final Cut Pro: Intro How to Make a DVD from a mini-dv tape Many projects at PEPS require use of Final Cut Pro (FCP) to take a mini-dv tapes and put the footage onto a DVD. In this tutorial, we ll
More informationGetting to Know Final Cut Pro X
Getting to Know Final Cut Pro X Open Final Cut Pro X on the computers by going to the dock on the right hand side of the right monitor. Single click on Applications. Next, single click on the Final Cut
More informationPremiere Pro Desktop Layout (NeaseTV 2015 Layout)
Premiere Pro 2015 1. Contextually Sensitive Windows - Must be on the correct window in order to do some tasks 2. Contextually Sensitive Menus 3. 1 zillion ways to do something. No 2 people will do everything
More informationLearning Flash CS4. Module 1 Contents. Chapter 1: Getting Started With Flash. Chapter 2: Drawing Tools
Learning Flash CS4 Module 1 Contents Chapter 1: Getting Started With Flash The Flash Start Page...1-1 The Flash Screen...1-2 The Flash Workspace...1-2 The Properties Panel...1-4 Other Panels...1-5 The
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationMicrosoft PowerPoint 2016 Part 2: Notes, Links, & Graphics. Choosing a Design. Format Background
Microsoft PowerPoint 2016 Part 2: Notes, Links, & Graphics Choosing a Design Open PowerPoint. Click on Blank Presentation. Click on the Design tab. Click on the design tab of your choice. In part one we
More informationWe assume that occasionally you want to say something on your Web
Chapter 5 What s Your Type? In This Chapter Creating, editing, and formatting text Using cool text effects We assume that occasionally you want to say something on your Web site, so this chapter covers
More informationDISTORTING OBJECTS WITH THE PUPPET TOOLS
8 DISTORTING OBJECTS WITH THE PUPPET TOOLS Lesson overview In this lesson, you ll learn how to do the following: Place Deform pins using the Puppet Pin tool. Define areas of overlap using the Puppet Overlap
More informationUnit 6 student guides
Unit 6 student guides Activity 6.1 Guide: How to apply colors and gradients Activity 6.1 Guide: How to create text effects with filters Activity 6.1 Guide: How to import images Activity 6.1 Guide: How
More informationIn this lesson you will learn how to:
LESSON 5: CREATING BUTTON STATES OBJECTIVES In this lesson you will learn how to: use FreeHand layers to create navigation buttons export layers from FreeHand to Flash create and edit symbols and instances
More informationExploring the Flash MX 2004 Workspace
1 Chapter Exploring the Flash MX 2004 Workspace COPYRIGHTED MATERIAL This first chapter is a warm-up to prepare you for your Flash MX 2004 adventure. It provides a quick introduction to Flash, and is a
More informationFunction Grapher Demystified Step 1
Function Grapher Demystified Step 1 MathDL Flash Forum Learning Center Functions Grapher Demystified by Barbara Kaskosz and Doug Ensley In our MathDL Flash Forum article "Flash Tools for Developers: Function
More informationDeveloping a Power Point Presentation
Load Power Point 1 Select Blank Presentation (figure 1) 2 Select New Slide (figure 2) First slide is the title page. Select First Box as shown in figure 2. Figure 1 Figure 2 3 Add Title and Subtitle (figure
More informationFLASH 5 PART II USER MANUAL
Multimedia Module FLASH 5 PART II USER MANUAL For information and permission to use these training modules, please contact: Limell Lawson - limell@u.arizona.edu - 520.621.6576 or Joe Brabant - jbrabant@u.arizona.edu
More informationRAVASMARTSOLUTIONS - TECH TIPS
RAVASMARTSOLUTIONS - TECH TIPS Purpose CS5 - Flash - Build a Banner Animation This Tech Tip will illustrate how to build a basic banner animation using Flash. Please build your Flash Image library before
More informationUsing PowerPoint - 1
Using PowerPoint - 1 Introduction to the course. Before we start, we need to know what power point is. I m sure most of you know about ppt, but for those of you who may be new to this: [1a-c] When you
More informationDirector 8 - The basics
Director 8 - The basics This tutorial covers the building blocks of Director, ignoring animation and interactive programming. These elements will be covered in the following tutorials. The idea is that
More informationPowerPoint 2016 INTRODUCTION
PowerPoint 2016 INTRODUCTION LONDON SCHOOL OF HYGIENE & TROPICAL MEDICINE 2017 CONTENTS OVERVIEW... 1 The Power Point screen... 1 PowerPoint views... 2 Normal view... 2 Reading view... 2 Slide sorter view...
More information