tutorial 1 introducing macromedia flash 8
DESCRIPTION
TRANSCRIPT
![Page 1: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/1.jpg)
XP
Tutorial 1
Introducing Macromedia Flash 8
![Page 2: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/2.jpg)
2
XP
New Perspectives on Macromedia Flash 8
Objectives
• Discover the types of Web media you can create using Flash
• Compare vector graphics and bitmap graphics• Start Flash and explore its main program window
elements• Display grid lines, guides, and rulers
![Page 3: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/3.jpg)
3
XP
New Perspectives on Macromedia Flash 8
Objectives (continued)
• Set a document’s properties• Learn about strokes, fills, and colors• Select and modify objects• Use Flash Help
![Page 4: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/4.jpg)
4
XP
New Perspectives on Macromedia Flash 8
What is Macromedia Flash 8?
• Program developed by Macromedia, Inc.• Originally use: making fast-loading Web animations• Has evolved into a full Web site production tool• Interactive media created with Flash
– Animated logos
– Web site navigational controls
– Entire Web sites
![Page 5: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/5.jpg)
5
XP
New Perspectives on Macromedia Flash 8
Types of Web Media
• Web pages communicate using various media – Types: text, graphics, animations, sounds, videos
• HTML: used to integrate media into Web pages
![Page 6: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/6.jpg)
6
XP
New Perspectives on Macromedia Flash 8
Bitmap and Vector Graphics
• Pixel: smallest element making up a picture• Bitmap graphic: matrix of colored pixels
– Examples: files with .jpg and .gif extensions
• 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• Bitmap files may be imported into Flash
![Page 7: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/7.jpg)
7
XP
New Perspectives on Macromedia Flash 8
Bitmap Graphic Compared to Vector Graphic
![Page 8: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/8.jpg)
8
XP
New Perspectives on Macromedia Flash 8
Bitmap and Vector Animation
• Animation: virtual motion due to sequencing stills • Bitmap animation
– Puts bitmap still images into motion for Web viewing
– 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
![Page 9: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/9.jpg)
9
XP
New Perspectives on Macromedia Flash 8
Web Media in Flash
• Documents: Web media created in Flash – Include static images as well as animations
• Documents must be referenced in an HTML 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
![Page 10: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/10.jpg)
10
XP
New Perspectives on Macromedia Flash 8
Flash Player Plug-in Context Menu
![Page 11: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/11.jpg)
11
XP
New Perspectives on Macromedia Flash 8
Viewing Examples of Flash Documents
• Admiral Web Design Web site: showcase for Flash• Objective: view animations at showcase Web site• Make sure Flash Player plug-in is installed• Video stream plays while file is downloaded
![Page 12: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/12.jpg)
12
XP
New Perspectives on Macromedia Flash 8
Sample Flash Graphics
![Page 13: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/13.jpg)
13
XP
New Perspectives on Macromedia Flash 8
Starting Flash
• Two ways to start Flash– Click Start All Programs Macromedia
Macromedia Flash 8– Double-click Flash program icon (if on desktop)
• 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
![Page 14: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/14.jpg)
14
XP
New Perspectives on Macromedia Flash 8
Main Components Of The Flash Program Window
![Page 15: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/15.jpg)
15
XP
New Perspectives on Macromedia Flash 8
Previewing Documents
• Preview Flash document to review changes made• Several ways to preview your document in Flash
– Preview or play animation within Flash program window
– Publish file to play in a separate Flash Player window
– Publish file to play in your default Web browser
![Page 16: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/16.jpg)
16
XP
New Perspectives on Macromedia Flash 8
Simplekite Document
![Page 17: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/17.jpg)
17
XP
New Perspectives on Macromedia Flash 8
Simplekite Document Playing In Flash Player Window
![Page 18: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/18.jpg)
18
XP
New Perspectives on Macromedia Flash 8
Flash Program Window Elements
• Stage– Site for creating, importing, assembling graphic objects
• Work Area– Gray area surrounding the stage
• Timeline – Controls and coordinates frames and layers in document
– Frame: container representing a unit of time
– Playhead: marker indicating currently selected frame
– Layers: organize images, animations, and other objects
![Page 19: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/19.jpg)
19
XP
New Perspectives on Macromedia Flash 8
Flash Timeline
![Page 20: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/20.jpg)
20
XP
New Perspectives on Macromedia Flash 8
Flash Program Window Elements (continued)
• Tools panel– Provides tools for manipulating Flash graphics
– Operations: draw, paint, select, modify graphics
– Four areas: Tools, View, Colors, Options
![Page 21: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/21.jpg)
21
XP
New Perspectives on Macromedia Flash 8
Tools Panel Tools
![Page 22: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/22.jpg)
22
XP
New Perspectives on Macromedia Flash 8
Panels
• Actions performed with controls in Flash panels– Viewing properties of objects
– Changing the properties of objects
• Panel set: several panels grouped together
![Page 23: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/23.jpg)
23
XP
New Perspectives on Macromedia Flash 8
Panels In Their Default Layout
![Page 24: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/24.jpg)
24
XP
New Perspectives on Macromedia Flash 8
Organizing Panels
• Using the panel title bar – View panel name on the title bar
– Options menu control is located on right side of title bar
– Expand or collapse panel by clicking title bar
– Right click title bar and use Group With to create a group
• Moving a panel– Position pointer on left edge of the title bar
– Ensure that pointer changes to crossed double arrows
– Drag title bar to new location
![Page 25: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/25.jpg)
25
XP
New Perspectives on Macromedia Flash 8
The Property Inspector
• Property inspector – Panel located at the bottom of the Flash program window
– Provides easy access to common object attributes
• Adapting Property inspector to an item – Simply select a tool or other graphical object
– Attributes of currently selected tool or object are reflected
![Page 26: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/26.jpg)
26
XP
New Perspectives on Macromedia Flash 8
Property Inspector with an Object Selected
![Page 27: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/27.jpg)
27
XP
New Perspectives on Macromedia Flash 8
Changing the View of the Stage
• Zoom tool: used to enlarge or reduce Stage size• Using active 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
• Hand tool: moves Stage without magnification change
![Page 28: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/28.jpg)
28
XP
New Perspectives on Macromedia Flash 8
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
![Page 29: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/29.jpg)
29
XP
New Perspectives on Macromedia Flash 8
Grid Displayed on the Stage
![Page 30: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/30.jpg)
30
XP
New Perspectives on Macromedia Flash 8
Changing the Document Properties
• Properties common to all Flash documents– Title, Description, Stage size, background color, frame
rate
• 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
![Page 31: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/31.jpg)
31
XP
New Perspectives on Macromedia Flash 8
Document Properties Dialog Box
![Page 32: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/32.jpg)
32
XP
New Perspectives on Macromedia Flash 8
Working with Objects in FlashStrokes and Fills
• Drawing and painting tools – Line, Pen, Pencil, Oval, Rectangle, and Brush
• Places where colors may be selected– Tools panel, Property inspector, Color Mixer panel
• Strokes: lines that you draw• Fills: areas you paint with color
![Page 33: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/33.jpg)
33
XP
New Perspectives on Macromedia Flash 8
Sample Shapes with Fills and Strokes
![Page 34: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/34.jpg)
34
XP
New Perspectives on Macromedia Flash 8
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
– Activated by clicking Object Drawing in Tools panel
• Preventing objects from impacting each other – Group objects together or place objects in separate layers
![Page 35: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/35.jpg)
35
XP
New Perspectives on Macromedia Flash 8
How Objects Interact with Each Other
![Page 36: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/36.jpg)
36
XP
New Perspectives on Macromedia Flash 8
Color Controls and the Color Mixer
• 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 of Tools panel, Property inspector, Color Mixer
![Page 37: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/37.jpg)
37
XP
New Perspectives on Macromedia Flash 8
Color Palette For The Fill Color Control
![Page 38: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/38.jpg)
38
XP
New Perspectives on Macromedia Flash 8
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
![Page 39: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/39.jpg)
39
XP
New Perspectives on Macromedia Flash 8
Selection Tool Modifiers
![Page 40: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/40.jpg)
40
XP
New Perspectives on Macromedia Flash 8
Selecting Objects (continued)
• Anchor points: reference points on strokes, outlines• Subselection tool reveals 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
![Page 41: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/41.jpg)
41
XP
New Perspectives on Macromedia Flash 8
Changing a Curve’s Anchor Point
![Page 42: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/42.jpg)
42
XP
New Perspectives on Macromedia Flash 8
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
![Page 43: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/43.jpg)
43
XP
New Perspectives on Macromedia Flash 8
Getting Help in Flash
• Flash Help system is a great resource• Two ways to access Flash Help system
– Click Help Flash Help
– Click Help on a panel’s option menu
• Flash Help displays in two-panel window
![Page 44: Tutorial 1 Introducing Macromedia Flash 8](https://reader036.vdocuments.net/reader036/viewer/2022081413/5495d01cb47959564d8b4e20/html5/thumbnails/44.jpg)
44
XP
New Perspectives on Macromedia Flash 8
Help Panel