Tutorial 1 Introducing Adobe Flash CS4 Professional.

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

Chapter 3 – Web Design Tables & Page Layout
Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.
Tutorial 7 Planning and Creating a Flash Web Site.
Tutorial 6 Creating Special Effects with Graphics and Gradients.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Bitmap Editing – Lesson 1
Foundation Level Course
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.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
DIGITAL GRAPHICS & ANIMATION
Chapter 3 Working with Symbols and Interactivity.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
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.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
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.
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.
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.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Tutorial 7 Planning and Creating a Flash Web Site.
Macromedia Studio 8 Step-by-Step MACROMEDIA FLASH 8 Introduction.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
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,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
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,
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Introducing Macromedia Flash 8
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Getting Started with Adobe Flash Professional CS6
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Chapter Lessons Use the Macromedia Flash drawing tools
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
DIM Final Review… Photoshop.
Working with Symbols and Interactivity
Getting Started with Adobe Illustrator CS6
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

Tutorial 1 Introducing Adobe Flash CS4 Professional

XP Objectives Discover the types of Web media created in Flash Compare vector graphics and bitmap graphics Learn how Flash graphics are displayed in a Web page Start Flash and explore its main workspace components Display grid lines, guides, and rulers New Perspectives on Adobe Flash CS42

XP Objectives Set a document’s properties Learn about strokes, fills, and colors Select and modify objects Use Flash Help New Perspectives on Adobe Flash CS43

XP What is Adobe Flash CS4? Creates visually exciting and interactive components – Animated logos – Online interactive advertising Originally designed to create small, fast-loading animations Evolved into an advanced authoring tool for creating interactive Web media New Perspectives on Adobe Flash CS44

XP Reviewing Types of Web Media Web pages communicate using various Web media – Types: text, graphics, animations, sounds, videos XHTML: used to integrate media into Web pages New Perspectives on Adobe Flash CS45

XP Bitmap and Vector Graphics Bitmap graphic: row-by-row list of every pixel – Examples: files with.jpg and.gif extensions Pixel: smallest element making up a picture Vector graphics are specified with formulas – Image shapes are defined by color, outline, and position – Images are resolution independent and scale well Images created in Flash are in the vector format New Perspectives on Adobe Flash CS46

XP Bitmap Graphic Compared to Vector Graphic New Perspectives on Adobe Flash CS47

XP Bitmap and Vector Animation Animation: series of still images displayed in sequence Bitmap animation – Puts bitmap still images into one file and playing back the sequence – Implemented using a sequence of bitmap frames – High overhead involved in changing screen colors Vector animation – Consists of a listing of shapes and their transformations – Produced with less overhead and resolution independence New Perspectives on Adobe Flash CS48

XP Developing Web Media in Flash Documents: Web media created in Flash – Include text, static images, sound, video, and animations Documents must be referenced in an XHTML file Types of Flash documents – FLA (.fla) file: used to author Flash content – SWF (.swf) file: viewed by end-user in a Web browser SWF files require a Flash Player plug-in ActionScript: code used to enhance interactivity New Perspectives on Adobe Flash CS49

XP Flash Player Plug-in Context Menu New Perspectives on Adobe Flash CS410

XP Sample Flash SWF Files New Perspectives on Adobe Flash CS411

XP Starting Flash Two ways to start Flash – Click Start  All Programs  Adobe Flash CS4 Professional Actions you can perform from the Start page – Open recently used files or create a new document – Take a quick tour of Flash Flash program window has various components New Perspectives on Adobe Flash CS412

XP Main Components Of The Flash Workspace New Perspectives on Adobe Flash CS413

XP Previewing Documents Preview Flash document to review changes made Several ways to preview your document in Flash – Preview or play animation within Flash workspace – Publish file to play in a separate Flash Player window – Publish file to play in your default Web browser New Perspectives on Adobe Flash CS414

XP Spacewalk Document New Perspectives on Adobe Flash CS415

XP Spacewalk Document Playing In Flash Player Window New Perspectives on Adobe Flash CS416

XP Exploring the Workspace Components Stage – Site for creating, importing, assembling graphic objects Pasteboard – Gray area surrounding the stage Timeline – Controls and coordinates layers and frames in document – Frame: container representing a unit of time – Playhead: marker indicating currently selected frame – Layers: organize images, animations, and other objects New Perspectives on Adobe Flash CS417

XP Flash Timeline New Perspectives on Adobe Flash CS418

XP Flash Workspace Components Tools panel – Provides tools for manipulating Flash graphics – Operations: draw, paint, select, modify graphics – Change the magnification level of the Stage and select colors New Perspectives on Adobe Flash CS419

XP Tools Panel Tools and their Functions New Perspectives on Adobe Flash CS420

XP Panels Actions performed with controls in Flash panels – Viewing properties of objects – Changing the properties of objects Panel group: Two or more panels displayed together Dock: collection of individual panels or panel groups New Perspectives on Adobe Flash CS421

XP Panels In The Essentials Layout New Perspectives on Adobe Flash CS422

XP The Property Inspector Property inspector – Panel located at the right side of the Flash workspace – Provides easy access to common attributes Adapting Property inspector to an item – Simply select a tool or other graphical object – Attributes of currently selected tool or object are reflected New Perspectives on Adobe Flash CS423

XP Property Inspector with an Object Selected New Perspectives on Adobe Flash CS424

XP Changing the View of the Stage Zoom tool: used to adjust magnification level Using Zoom tool against the Stage – Click a part of the Stage to enlarge or reduce it – Alternative: use rectangular selection marquee Some commands on the View menu – Zoom In or Zoom Out commands – Magnification command New Perspectives on Adobe Flash CS425

XP Displaying the Grid, Rulers, and Guides Grid – Appears as a set of lines on the Stage behind all objects – Grid lines do not become part of your document Rulers – Vertically displayed on left edge of Stage window – Horizontally displayed on the top edge of Stage Window Guide – Line used in conjunction with rulers to align objects – Can be moved to a specific part of the Stage New Perspectives on Adobe Flash CS426

XP Grid and Guide Displayed on the Stage New Perspectives on Adobe Flash CS427

XP Changing the Document Properties Properties common to all Flash documents – Title, Description, Stage size, background color, frame rate, and ruler unit Document Properties dialog box – Used to change a document’s properties Opening the Document Properties dialog box – Click Modify on the menu bar – Next click Document Changes in Document Properties reflect on Stage New Perspectives on Adobe Flash CS428

XP Document Properties Dialog Box New Perspectives on Adobe Flash CS429

XP Working with Objects in Flash Strokes and Fills Drawing and painting tools – Line, Pen, Pencil, Oval, Rectangle, and Brush Strokes: lines that you draw Fills: areas you paint with color New Perspectives on Adobe Flash CS430

XP Drawing and Grouping Objects Merge Drawing model – Objects in a layer occupy the same plane – Object laid over another merges with or segments other Object Drawing model – Shapes drawn on a layer are independent Preventing objects from impacting each other – Group objects together or place objects in separate layers New Perspectives on Adobe Flash CS431

XP Comparison of the Drawing Models New Perspectives on Adobe Flash CS432

XP Using the Color Controls and the Color Panel Strokes and fills can be drawn with different colors Select color swatch using the eyedropper tool – Swatch: color square in the color palette 216 Web-safe colors based on RGB (red, green, blue) Two types of gradient: linear and radial Places where colors may be selected: – Colors are on Tools panel, Property inspector, Color panel New Perspectives on Adobe Flash CS433

XP Color Palette For The Fill Color Control New Perspectives on Adobe Flash CS434

XP Selecting Objects Selection tool – Used to select strokes or fills – Can also be used to select groups of objects Features of the Selection tool – Snap to Objects, Smooth, and Straighten modifiers New Perspectives on Adobe Flash CS435

XP Selecting Objects Anchor points: reference points on strokes, outlines Subselection tool displays and modifies anchor points Applying the Subselection tool to an object – Select Subselection tool in Tools panel – Click a stroke or outline of a fill Creating tangent handles near an anchor point – Click an anchor point on a curved line New Perspectives on Adobe Flash CS436

XP Changing a Curve’s Anchor Point New Perspectives on Adobe Flash CS437

XP Lasso Tool Two ways to use the Lasso tool – Select several objects at one time – Select an irregularly shaped area of an object Draw a free-form selection marquee around the area Tasks performed on a lassoed object – Move the selection – Apply other effects; e.g., change color of selected fills New Perspectives on Adobe Flash CS438

XP Getting Help in Flash Flash Help system is a great resource Click Help  Flash Help Flash Help displays in two-panel window New Perspectives on Adobe Flash CS439

XP Flash Help Topics New Perspectives on Adobe Flash CS440