Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

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

Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Who Wants to be a Millionaire? Web Page Development Flash Chapter 2.
Copyright © 2003 Pearson Education, Inc. Chapter 1, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
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.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
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.
1 Wininstall Macromedia Flash Start -> Install Software Select Macromedia Flash MX 2004 Installs entire Macromedia suite Dreamweaver, Freehand, etc.
Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
3-1 OBJ Copyright 2003, Paradigm Publishing Inc. Working with Layers, Libraries, and Importing Graphics Macromedia Flash Design & Application.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
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.
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.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
© 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,
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
CT1514.  One of Adobe Products also called Adobe Flash  is a multimedia platform used to add animation, video, and interactivity to web pages.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Chapter 13 Preparing Graphics for the Web. Creating Slices When you create graphics for the web, you will need to pay attention to different considerations.
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.
Introducing Macromedia Flash 8
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Adobe Flash Professional CS5 – Illustrated
Bitmap Basics in Fireworks
Adobe Flash CS6 Tools and Functions
Computer presentation
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
Chapter Lessons Use the Macromedia Flash drawing tools
What is Adobe Flash/Animation?
Develop Rich Internet Content and Applications
Presentation transcript:

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 2 CHAPTER 2 Creating Graphics

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 3 Chapter 2 Objectives Set up and save a work document Become familiar with the drawing tools Select and manipulate artwork Manage the color of objects Use layers effectively Import images from other sources Create and modify text

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 4 Setting up Flash work files Flash is similar to most other programs with New, Save, and Open commands. While working, protect your work and save as often as possible. Use File–>Save As to save alternate versions of your work. Set the frame rate, dimensions, and other attributes for your movie from Modify– >Movie (Modify–>Document for Flash MX.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 5 The Tools Panel (1) Use the Pencil, Brush, or Pen tool for drawing. Every object you draw in Flash can have a stroke or fill or both. Stroke Fill

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 6 The Tools Panel (2) Use the Pencil tool to draw linear art (strokes). The Brush tool allows you to draw shapes (fills). The Pen tool is a unique drawing tool. Other tools allow help you draw rectangles, circles. Use the Ink Bottle tool to add or change a stroke; the Paint Bucket tool to apply a fill.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 7 Selecting and Editing Artwork The Arrow tool is the most important selection tool. Use it to select an object and apply any effect or modification. The Lasso and Subselection tools offer alternative modes for selecting objects or parts of objects. Once selected, directly modify an object with the Arrow tool, or apply a panel or menu item.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 8 Applying Color There are several ways to change a fill or stroke color. The tools panel displays swatches that allow you to change a color directly. The Mixer and Swatches panels offer more advanced color control such as gradient fills. Flash MX consolidates color selection in the Properties Inspector.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 9 Reasons to Use Layers To be sure one object appears in front of (or behind) another. Distinguish between different elements on the Stage. Prevent one object from merging with or cutting into another. Organize elements in a movie for easier editing. Separate actions, labels, and sounds.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 10 Working with Other Programs Optimize and export bitmap images in another program such as Adobe ImageReady or Macromedia Fireworks. The GIF or JPEG formats work well with Flash. Vector artwork created in a program like Adobe Illustrator or Macromedia Freehand can be export in the Flash SWF format. This allows easy editing within Flash once imported.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 11 Comparing Image Formats

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 12 Using Text Anywhere you click with the Text tool on the Stage you can add text by typing. Flash allows you to control the font, size, spacing and many other attributes of text. Static text appears as you type it in the final movie. Dynamic text is controlled by ActionScript. Choose Modify>Break Apart to convert a block of text into a vector object like any other artwork you’d create in Flash.