Slide1. How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace,

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Foundation Level Course
© Anselm Spoerri Lecture 10 Flash –Recap –Key Components & Tools –Animating Bitmaps –How to modify Color and Transparency of Bitmap –Animating along Motion.
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Chapter 3 Working with Symbols and Interactivity.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
Chapter 4 Creating Animations.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Drawing Fundamentals Macromedia Flash Design & Application.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
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.
Tutorial 1 Introducing Adobe Flash CS3 Professional
CSC 361/661 Digital Media Spring 2010 Professor Burg.
© Anselm Spoerri Lecture 9 Flash –Introduction –Timeline –Layers –Symbol –Keyframe –Tweened Animations –Demonstration –Creating Tweened Animations –Shape.
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
© 2011 Delmar, Cengage Learning Chapter 2 Drawing Objects in Adobe Flash.
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,
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Introducing Macromedia Flash 8
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
Adobe Flash CS6 Tools and Functions
Computer presentation
Getting Started with Adobe Flash Professional CS6
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Use the Macromedia Flash drawing tools
INTRODUCTION TO FLASH ANIMATION
DIM Final Review… Photoshop.
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Adobe Flash CS3 Revealed
Presentation transcript:

Slide1

How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace, default? Ans.Click on windows> workspace layout> default

What is Animation? Ans. Animation is the rapid display of a sequence of images of 2-D artwork or model positions in order to create an illusion of movement. It is an optical illusion of motion due to the phenomenon of persistence of vision, and can be created and demonstrated in a number of ways.

Example of a jumping ball

Source:

Some other Example of a Animation

What is Flash? It is an authoring tool that allows you to change anything from a simple animation to a complex interactive web application. It uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality Source:

Stage : It is the rectangular canvas that defines the visible area during playback. We arrange graphics, videos, buttons & other elements on the Stage while authoring projects. The default settings are: Size: 550 Px(Width) X 400 Px(Height) Ruler Units: Pixels BG Colour: White Frame Rate: 24 fps Auto-Save: in 10 Min

Movie : A flash file is also known as movie Frame : Basic unit that defines the length of time in a movie. Timeline : It controls the timing that specifies when elements in the movie appear on the Stage. The playhead begins at Frame 1 and moves from left to right as the movie proceeds through the frames. Layer : Invisible sheets on stage used to separate and organize content in a movie. Property Inspector: It displays contextual information about the attributes of any selected object; you can edit these options to adjust an object's settings. It is also called as Property Window.

Library Panel: It contains media elements and symbols that are stored for a project. Use: this panel is to used to manage and organize the project's elements. When you publish a SWF file, only the Library items you actually use are included in the published file; you don't have to "clean out" unused elements that weren't used because they won't increase the published SWF file's size (although they do increase the size of the master FLA file).

Authoring : Creating & Editing a flash movie file.fla : the extension of a saved flash file..swf : the extension of a published flash file. We publish flash file in order to run the file independently. SWF stands for ShockWave File. Tweening: The process of creating the frames between first frame and the last frame of any animation.

Selection (V) Sub-Selection (A) Free Transform (Q) 3D Rotation (W) Text (T) Line (N) Lasso (L) Pen (P) Rectangle (R) Pencil (Y) Brush (B) Deco(U) Eye Dropper(I) Eraser (E) Bone(M) Paint Bucket(K)

Hand (H) Zoom (Z) Stroke Colour Snap to Object Fill Colour Black & White Swap Colour Object Drawing (J)

Selection (V): used to select objects by clicking them or by clicking outside and dragging a rectangle around what you want to select. When selecting shapes on the stage, double- click to select both the fill and the stroke. Lasso (L): is another selection tool that can be used to select more precisely than the Arrow tool. Simply draw a shape as you would with any other drawing tool; make sure you close the shape before releasing the mouse or odd selections may be made. Line (N): It is used to draw straight lines from point to point on the stage. Text (T): It is used to manually create text fields on the stage. Pencil (Y): The pencil tool is lot like drawing with real pencil. Stroke Weight and the line quality can be adjusted through property inspector. Rectangle (R): It is used to draw rectangular shapes. Shortcut Key to Make tools visible : Ctrl+F2

Free Transform (Q): This tool is used to manipulate objects on the stage through the use of several small boxes, called handles, which appear around the object when object is selected with this tool. It can be used to size, rotate, and skew the selected object by clicking and dragging. Pen (P): The pen tool is used to draw precise paths, straight lines and curved lines. Oval (O): The Oval tool is used to draw circular shapes. Holding the Shift key will draw a circle. Polystar: The PolyStar tool is used to draw multisided polygons or multipoint stars. No. of sides can be adjusted using the Property Inspector. Sub Selection (A): works similarly to the Arrow tool, except the Subselection tool is designed to specifically select vector points. Gradient Transform (F): The Gradient Transform tool is used to adjust gradients or bitmap fills in shapes on the stage

Paint Brush (B): It is like the Pencil Tool, only the line quality is a bit more like using paint rather than lead or ink. Ink Bottle (S): The Ink Bottle tool is designed to help make adjustments to line segments on the stage through stroke properties. Paint Bucket (K): The Paint Bucket tool is used to change fill settings of shapes on the stage. Eye Dropper (I): The Eyedropper tool is used to snag properties of either strokes or fills. As you hover over a line or fill of a shape, a small icon will appear with an eyedropper to indicate which you are working with. When you've made your selection, the tool will automatically change to either the Paint Bucket (for fills) or the Ink Bottle tool (for strokes). Eraser (E): The Eraser tool is used to erase both fills & strokes. Hand (H): It is used for moving the view of the stage

Bone Tool: Adobe Flash CS4 Professional & above includes a new Bone tool that enables you to link symbols together quickly and easily in a parent/child relationship commonly referred to as inverse kinematics. The entire bone structure is also referred to as an armature. You can apply a armature to a series of movie clip symbols or to a raw vector shape that can then be manipulated across time by dragging the armature to a new pose.

Zoom (M, Z): Used to zoom in. For Zoom out press Alt key and then click on the stage. Black and White: Instantly change the stroke color to white (#FFFFFF) and the fill color to black (#000000). No Color: Set the selected color (either fill or stroke) to not be created when drawn. Swap Colors: Swap the current colors of the fill and stroke.

Frame by Frame Animation: In this the contents of the stage is changed in every frame.

Steps 1.Select the circle tool from the left toolbar. Draw the circle in the Stage area. 2.Select the Selection tool (V) from the left toolbar and select the circle. 3.From the top menu choose Modify > Convert to Symbol. Name the symbol "Ball", and select OK. When the circle is converted to a symbol we can create instances of the circle. 4.Go to Frame 20 in the Timeline. Do this by clicking the gray field below 20. Then right click in this field. Choose Insert Keyframe or press F6. This operation duplicates the image. Note: A keyframe specifies changes in an animation. You create keyframes at important points in the Timeline and let Flash create the frames in between. 5.Select the circle & move it to the right corner of the stage. 6.Click on the Timeline any place between Frame 1 and Frame 20. Then right click and choose Create Motion Tween. 7.Choose Control > Test Movie from the top menu or press Ctrl+Enter to test your Flash movie. Example 1: To make an object move across the screen.

Draw the tools and Name them.(P.No. 19)

Symbols: It is an item stored in the library to be used once or multiple times throughout your Flash file. If you edit a symbol, all copies of that symbol will reflect the changes of the original. Instance: copy of a symbol. Types of Symbol 1.MOVIE CLIP: They have their own multiframe timeline, that is independent of the main timeline. 2.BUTTON: Used for creating interactive buttons that respond on mouse clicks, rollover or other actions. 3.GRAPHIC: Used for static images.

Steps to create a Symbol 1.Select an element/ s on the stage. 2.Select Modify>Convert to Symbol. 3.The following dialog box appears. 4.Type the name of the symbol. 5.Select the behavior (Type). 6.Set the registration.

Steps to create a Motion Tween Animation 1.Draw an object and convert it to a symbol. 2.Insert a keyFrame on 40 th Frame or any other frame in timeline. 3.Right Click on timeline and select Create Motion Tween 4.Move the symbol to a new position. 5.Change the motion path as you want. 6.Play your file.

Steps to create a Shape Tween Animation 1.Draw an object on first Frame. 2.Insert a keyFrame on 40 th Frame or any other frame in timeline. 3.Modify the object using sub-selection or free-transform tool. 4.Right Click on timeline and select Create Shape Tween 5.Play your file. Steps to create a Classic Tween Animation 1.Draw an object and convert it to a symbol. 2.Insert a keyFrame on 40 th Frame or any other frame in timeline. Move the object to a new position. 3.Right Click on timeline and select Create Classic Tween 4.Play your file.