Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.

Slides:



Advertisements
Similar presentations
Presentation Building 101 Creating And Presenting In PowerPoint.
Advertisements

Getting Started with PowerPoint
Window Movie Maker Presented by Mr. Bran.
Click your mouse for next slide Dreamweaver – Introduction and Site Maps Dreamweaver is a state of the art web design program It will allow you to design.
Developing a PowerPoint Presentation
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Click your mouse for next slide Flash – Layers and Sound Many animations also include the element of sound In order to include sound you should also know.
Microsoft Word 2010 Lesson 1: Introduction to Word.
PowerPoint Scavenger Hunt Lauren Davis EDTD 3011 A Summer 2007.
Click your mouse for next slide Dreamweaver – Colors and Page Properties So far things are going just dandy aren’t they? You’ve been following FST’s fun.
Click your mouse for next slide Dreamweaver – Merging, Coloring, Fonts Now it’s time to fill your page with some more interesting stuff The first thing.
How to Take a Screenshot By Ashley Hudson Screenshot of this screen 
Beginning A PowerPoint Presentation  To begin click on the Windows 2000 folder. Then double click on PowerPoint. If you do not see a Windows 2000 folder.
PowerPoint Lesson 1 Microsoft PowerPoint Basics
Text Boxes and WordArt Guided Lesson.
Chapter 3 Working with Symbols and Interactivity.
Introduction to PowerPoint 2003 Learning And Research Technical Unit (LARTU)
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
How to make an interactive PowerPoint in which you will….. Add hyperlinks to move to different parts of the presentationAdd hyperlinks to move to different.
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
PowerPoint 1 The Basics 1. Save this file to your Apps Folder as YourLastName_PP1 2. Read each slide. 3. Complete each set of numbered directions.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Working with Symbols and Interactivity
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Click your mouse for next slide Dreamweaver – Setting up your Page The first way to ensure that you have a consistent design is to use table to set up.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
> 1 Diagrams in Word Faculty of Health Alan Grace.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
Click your mouse for next slide Dreamweaver – Creating New Pages Creating new pages is easy Choose the File menu and choose New file Or Hold down Ctrl.
Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.
A guide to creating a power point display Essentials Ctl M =New Slide: a new slide can be inserted. It is placed after the slide that you are viewing.
1. Press the New Layer Button 3. Double click names to re-name Ball & Shadow layers 2. Click to change to 12 fps Step 1.
Inserting an AutoShape. This is the “Drawing” toolbar, located at the bottom of the screen.
Introduction to Microsoft publisher
Creating HUD Rings. Step 1 Open a new document in Illustrator. You can set it to the size you prefer to work in. In my case I have it set at 500px by.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
PowerPoint Practice Exercise 1 1.Save this file in your AV-TECH Folder as PowerPoint Practice Exercise 1. 2.Open this file in PowerPoint. 3.Edit each slide.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
The Essentials of Alice (Bunny) By Jenna Hayes under the direction of Professor Susan Rodger Duke University July 2008.
Illuminating Computer Science CCIT 4-6Sep
line.net/ okpop.com/bar elythereflashin dex.html.
BASIC MOTION TWEEN Studio 8 1. Draw a square (blue fill, no stroke) on the upper-left area of the stage.
PowerPoint Practice Exercise 1.Save this file on your computer. 2.Open this file in PowerPoint 3.Edit each slide according to the instructions provided.
Learning PowerPoint Presenting your ideas as a slide show… …on the computer!
Adding a wave file to a slide Adding a wave file to a slide (1 of 7) 1. Click on Insert. 2. Click Movies and Sounds. 3. Click Sound from file
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
Hyperstudio: A Beginner’s Tutorial By Judy Swaim.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
How to Make a Power Point Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Click your mouse for next slide Dreamweaver – Inserting Flash Buttons as Rollovers Our index page is looking OK but lets give it some real pizazz. Instead.
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
PowerPoint Practice Exercise 1.Save this file on your H drive in Word folder as Practice. 2.Edit each slide according to the instructions provided in the.
Click your mouse for next slide Dreamweaver – Synchronizing your Site to a Network Drive In the first lesson we defined our site and we associated a root.
Getting Started With Alice: The Basics. Step 1: Background Open up Alice, and choose a background for your Alice world. Your world is something you can.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Flash animation For beginners.
How to Make a Power Point
Presentation transcript:

Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created with and viewed with a program called Macromedia Flash or Flash plugin viewer. Each of these animations are called movies and are saved in two forms: the editable form ending in.fla and the form you view ending in.swf

Click your mouse for next slide Flash - Introduction and Startup Flash comes as part of the suite of programs known as Dreamweaver. To start it go to Start, Programs and choose Macromedia Flash You should see this screen

Click your mouse for next slide Flash - Introduction and Startup There are many parts of this screen however the most important part of the screen is the large white part in the center This is often referred to as the stage area The second most important area is the scale running across the top – it is called the timeline

Click your mouse for next slide Flash - Introduction and Startup As you know all cartoons are a series of pictures called frames Each unit on the timeline is a frame in a movie or animation Flash lets you control each frame and what goes in it

Click your mouse for next slide Flash - Introduction and Startup For instance, let’s draw something – a simple shape like a ball and then move it around the screen First we select the frame we want to work in. In this case we need the first frame and that one is automatically selected by Flash because it is a new file

Click your mouse for next slide Flash - Introduction and Startup Now go to the Toolbox on the left and choose the Oval tool (it actually looks like a circle but it can so both)

Click your mouse for next slide Flash - Introduction and Startup Next we have to choose a color for the shape First set the color of the stroke or outline to none This is done by clicking on the down triangle in the color square and choose the “No color” box for the outline or stroke

Click your mouse for next slide Flash - Introduction and Startup Now go to the Fill box just below and choose any color you like for the Fill color

Click your mouse for next slide Flash - Introduction and Startup Now drag across a small area in the upper left of the stage area to make a small circle Now let’s draw the second frame, but we don’t have to redraw the ball. There is a short cut.

Click your mouse for next slide Flash - Introduction and Startup Right click on the second frame in the timeline Choose Insert Keyframe This choice will copy the first frame into the second in the same position Make sure you choose Keyframe as this is the choice which will duplicate the previous frame

Click your mouse for next slide Flash - Introduction and Startup Now select the Arrow tool and click on the ball you created. Then drag it to the bottom of the stage. Repeat this procedure until you have four or five frames

Click your mouse for next slide Flash - Introduction and Startup Try out your movie by pressing the Enter key or going to the Control menu and choosing Play Warning your movie will play very fast and you may not see much To control the speed go to the Modify option and chose the movie choice

Click your mouse for next slide Flash - Introduction and Startup Now change the frame rate to 6 or 8 instead of 12 which is the default. Say OK Now play the movie (by pressing Enter) and you should see a bouncing ball It may not be very smooth but don’t worry we will smooth that out later For now save your work

Click your mouse for next slide Flash - Introduction and Startup To save your file, go to the File menu and choose the Save As option because it is the first time you have saved the file Notice you are saving the file in.fla form This is the form which you can reload and edit To save a completed file in the form you can use on the web you choose the File menu form but the Export Movie option Give the file a name and save in an appropriate folder.

Click your mouse for next slide Super Giant Big Fun Assignment Start up the program Macromedia Flash Draw a circle in the upper left hand corner Fill it with the color of your choice and make sure there is no stroke color Add several keyframes which will make the ball bounce up and down across the screen Make sure you slow the frame rate down so that we can see the ball bounce Save your work as an.fla file AND a.swf file Now you can proudly display it the FST so he can TICK YOU OFF.