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.

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.
Introduction to InDesign Understanding the Basics DTB203 Interior Visualisation
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Foundation Level Course
Drawing Objects with Illustrator 1.Start a new image in RGB mode. 2.Size 1024 X Unit = pixels 4.Go to View > Show Grid to turn on the grid. 5.Go.
DIGITAL GRAPHICS & ANIMATION
© 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.
1 Wininstall Macromedia Flash Start -> Install Software Select Macromedia Flash MX 2004 Installs entire Macromedia suite Dreamweaver, Freehand, etc.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
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.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
© 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.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Tutorial 1 Introducing Adobe Flash CS3 Professional
© 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.
Drawing and Working with Color (I).  Selection (arrow) Tool : It is the most used tool among all. Its main use is to select objects, it allows selecting.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
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,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Design Studies 20 ‘Show Off’ Project How to make a computer monitor In Google Sketchup By: Liam Jack.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Paint Tutorial Created February 2006 Start Paint: Start>Programs>Accessories>Paint.
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 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.
© Anselm Spoerri Lecture 10 Flash –Recap –Key Concepts, Components & Tools –Demonstration –Buttons: Simple Text Button | Animated Button –Gradient Tool.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
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,
Introducing Macromedia Flash 8
Adobe Photoshop CS5.
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.
Working with Symbols and Interactivity
Photoshop Bell Work Hand Tool: The hand tool moves an image within its window Zoom Tool: The Zoom Tool magnifies and reduces the view of an image. CTRL.
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
Presentation transcript:

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 up Flash -> In the Dock Palettes: Library*, Color Mixer, Behavior (ActionScript)….

Stage: The rectangular area where you place graphics, text boxes, buttons, imported graphics or video clips, and so on when creating Flash documents. Workspace: The gray area around the stage. Does NOT appear in your final project, but can be used to “store” your objects until you are ready to use them. Modifying the STAGE: Menu Bar --> “Modify” --> “Document” Change ‘width’, ‘height’, & ‘color’

Property Inspector: Allows you to change different aspects of the object you just drew. Color, Style, Width of stroke / line … Timeline: The Timeline organizes and controls a document's content / objects over time. The major components of the Timeline are layers, frames, and the playhead.

Timeline (continued) Layers: It ’ s like invisible sheets of paper stacked on top of each other. Each layer can have many objects on it. Create 3 layers and label them. Frames: One section (rectangles) in the timeline. Adding frames increases the amount of time the object is viewed. Extends the contents of the last keyframe.

Keyframes: A frame where you define changes in the animation. Position, shape, color … You will see a black dot in the frame (rectangle). Creating another keyframe will copy the objects from the previous keyframe. Blank keyframes: Creates a keyframe without the previous objects on the stage. An empty keyframe.

Playhead: The RED rectangle above the frames; it moves through the Timeline to indicate the current frame displayed on the Stage. Shows you the objects at that particular time. Frame Rate: determines the length and speed of a movie. The lower the frame rate, the less smooth / slower the animation. The higher the frame rate, the smoother / faster the animation.

Tool box Palette: Text tool Use Properties Palette to change color, size,and font Selection Tool (Black Arrow): Select parts or all of an object. Click once on outline to select the stroke only Click once in center of shape to select the fill only. Click TWICE to select the stroke and the fill. Drag marquee (square) around object to select all elements (stroke and Fill). Select text and move it to another position on the stage.

Rectangle Tool: Makes rectangles and squares Press and hold down shift. Create 5 rectangles and 5 squares Save file as “rectangle tool exercise” Oval Tool: Makes ovals and Circles Press and hold down shift. Create 5 ovals and 5 circles Save file as “oval tool exercise”

Sub-Selection Arrow (white arrow): Allows you to change the shape of the object by moving their points/dots. Draw a rectangle Select the “Sub-selection arrow Click once on rectangle Select dots/points on any of the corners Move point to make another shape. Lasso Tool: Allows you to select all or parts of an object, using curves.

Line Tool: Allows you to create lines at an angle Use Shift to create perfect horizontal or vertical lines. Draw 3 diagonal lines, 3 horizontal lines and 3 vertical lines. Change the property to a “Dash” style. Make one more line. Save file as “Line tool exercise” Pen Tool: Allows you to make perfect curves. Uses the “Click, Move and Click” method Create 1 horizontal, 1 vertical and 1 curve line Create 1 closed shape Save file as “Pen tool exercise”

Pencil Tool: Allows you to create free-form lines. Usually they are bumpy, imperfect, uncontrolled. Draw 2 free-form curvy lines Change property of pencil tool: width and style Draw 1 horizontal line and 1 vertical line Save file as “Pencil tool exercise” Paint Brush Tool: Similar to Pencil tool. Creates brush effect. You can change the options of the brush: Bottom section of the Tool Box: Square, circle,linear, size of brush Draw 4 different lines/shapes using different brush options for each line/shape. Save file as “Paint brush tool exercise.”

Free Transform Tool: You can rotate, skew, sc a le, or distort the objects / shapes / images. Draw 8 identical shapes and transform 4 of each shape: 1 rotated shape 1 skewed shape 1 scaled shape 1 distorted shape Save file as “Free transform exercise” Paint Bucket Tool: Fills enclosed areas with color. It can fill empty areas and change the color of already painted areas.

Hand Tool: Lets you move the Stage to change the view without having to change the magnification. Zoom Tool: To view the entire Stage on the screen, or to view a particular area of your drawing at high magnification. Eraser Tool: Erases Flash shapes and lines. Will NOT erase imported images.