Presentation is loading. Please wait.

Presentation is loading. Please wait.

Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH.

Similar presentations


Presentation on theme: "Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH."— Presentation transcript:

1 Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH

2 Web Collection: Fireworks M 2004 Chapter A2Getting Started with Fireworks MX 2004 Understand the Fireworks work environment Work with new and existing documents Work with bitmap images Create shapes Create and modify text Chapter Lessons

3 Web Collection: Fireworks M 2004 Chapter A3Getting Started with Fireworks MX 2004 Fireworks is a graphics program for the Web Tasks are compartmentalized Fireworks operates similarly on Windows and Macintosh platforms Can work with, import from, and export files to other formats Getting started with Macromedia Fireworks

4 Web Collection: Fireworks M 2004 Chapter A4Getting Started with Fireworks MX 2004 Fireworks MX 2004 integrates seamlessly with other Macromedia MX and MX 2004 applications –Dreamweaver –Macromedia Flash –FreeHand –Director Getting started with Macromedia Fireworks

5 Web Collection: Fireworks M 2004 Chapter A5Getting Started with Fireworks MX 2004 Understand the Fireworks work environment Start Fireworks Open a file Adjust panels in the Fireworks window

6 Web Collection: Fireworks M 2004 Chapter A6Getting Started with Fireworks MX 2004 Viewing the Macromedia Fireworks window Fireworks window contains –Document window –Tools –Panels

7 Web Collection: Fireworks M 2004 Chapter A7Getting Started with Fireworks MX 2004 Viewing the Macromedia Fireworks window Document window contains canvas and display buttons –Original –Preview –2-Up –4-Up –2-Up & 4-Up buttons evaluate different optimization settings side by side

8 Web Collection: Fireworks M 2004 Chapter A8Getting Started with Fireworks MX 2004 Viewing the Macromedia Fireworks window Panels help perform specific functions –Tools panel houses tools separated into –sections Select, Bitmap, Vector, Web, Colors, View –tool groups small arrow on button indicates tool group

9 Web Collection: Fireworks M 2004 Chapter A9Getting Started with Fireworks MX 2004 Viewing the Macromedia Fireworks window –Property inspector –modifies selected objects –sets tool properties & other options –Rearrange panels in Fireworks window based on your preference –collapse/expand –open/close –regroup –dock/undock

10 Web Collection: Fireworks M 2004 Chapter A10Getting Started with Fireworks MX 2004 Opening a file and viewing panels Docked panel Document window Property inspector

11 Web Collection: Fireworks M 2004 Chapter A11Getting Started with Fireworks MX 2004 Work with new and existing documents Set document properties Use Index and Search tabs of Help Add a layer to the Layers panel Copy an object between documents by dragging and dropping

12 Web Collection: Fireworks M 2004 Chapter A12Getting Started with Fireworks MX 2004 Working with files Fireworks files are called documents A document consists of multiple layers –A layer can contain multiple objects Fireworks files are saved as PNG files –PNG = Portable Network Graphics –Files have.png extension

13 Web Collection: Fireworks M 2004 Chapter A13Getting Started with Fireworks MX 2004 Working with files Different file formats support different images Different ways to obtain images in different file formats –Import files –Open file –Copy and paste object –Drag and drop object

14 Web Collection: Fireworks M 2004 Chapter A14Getting Started with Fireworks MX 2004 Accessing Help Help command on Help menu Can access from three tabs –Content –lists topic by subject matter –Index –enter keyword to access topics that begin with keyword –Search –enter keyword to retrieve topics with keyword in title

15 Web Collection: Fireworks M 2004 Chapter A15Getting Started with Fireworks MX 2004 Accessing Help Use commands on Help menu bar to navigate Help and print topics Other ways to obtain support online –Fireworks Support Center –Macromedia Online Forums

16 Web Collection: Fireworks M 2004 Chapter A16Getting Started with Fireworks MX 2004 Creating a new document New document dialog box

17 Web Collection: Fireworks M 2004 Chapter A17Getting Started with Fireworks MX 2004 Using Help Help tabs

18 Web Collection: Fireworks M 2004 Chapter A18Getting Started with Fireworks MX 2004 Adding a layer to the Layers panel New/Duplicate Layer button Object dragged and dropped into document

19 Web Collection: Fireworks M 2004 Chapter A19Getting Started with Fireworks MX 2004 Work with Bitmap Images Modify a bitmap Create a layer Lock a layer

20 Web Collection: Fireworks M 2004 Chapter A20Getting Started with Fireworks MX 2004 Understanding the Layers Panel Layers position objects (not pixels) Layers panel –Arranges objects in document in logical design order and grouping Objects on layer similar to viewing multiple objects through clear acetate sheets –Stacking order affects visibility

21 Web Collection: Fireworks M 2004 Chapter A21Getting Started with Fireworks MX 2004 Understanding the Layers Panel Layers can be –Hidden/shown –Locked or unlocked –Rearranged/renamed –Duplicated/deleted –Collapsed or expanded

22 Web Collection: Fireworks M 2004 Chapter A22Getting Started with Fireworks MX 2004 The Layers panel Collapsed layer Expanded layer Show/Hide layer icon Lock/Unlock layer icon Delete selection icon

23 Web Collection: Fireworks M 2004 Chapter A23Getting Started with Fireworks MX 2004 Understanding Bitmap Images and Vector Objects Bitmap graphics represent a picture as a matrix of pixels on a grid –Realistically depict pixel colors in a photograph –Pixel = smallest discrete square of color Vector graphic is a mathematically calculated object –Composed of anchor points, straight or curved line segments

24 Web Collection: Fireworks M 2004 Chapter A24Getting Started with Fireworks MX 2004 Understanding Bitmap Images and Vector Objects Bitmap images lose image quality when enlarged –Resolution-dependent –resolution = the number of pixels in an image and its clarity and fineness of detail

25 Web Collection: Fireworks M 2004 Chapter A25Getting Started with Fireworks MX 2004 Understanding Bitmap Images and Vector Objects Vector objects do not lose image quality when enlarged –Resolution-independent –Will retain appearance Vector remains crisp Bitmap is jagged & blurry

26 Web Collection: Fireworks M 2004 Chapter A26Getting Started with Fireworks MX 2004 Moving a layer Pointer as layer being moved

27 Web Collection: Fireworks M 2004 Chapter A27Getting Started with Fireworks MX 2004 Create Shapes Display rulers and guides Modify a vector object Apply a stroke to an object

28 Web Collection: Fireworks M 2004 Chapter A28Getting Started with Fireworks MX 2004 Using Rulers, Guides, and the Grid Align and position bitmap and vector objects using displays opened from the View menu –Rulers –Chapter of measurement is in pixels –Guides –do not print –insert by dragging a guide from the ruler to the canvas

29 Web Collection: Fireworks M 2004 Chapter A29Getting Started with Fireworks MX 2004 Using Rulers, Guides, and the Grid –Grid –can display squares or rectangles –can modify grid colors

30 Web Collection: Fireworks M 2004 Chapter A30Getting Started with Fireworks MX 2004 Sizing and Moving Objects View the position of objects and the pointer using –Info panel –open from Window menu –also view color values of selected pixel –Property inspector

31 Web Collection: Fireworks M 2004 Chapter A31Getting Started with Fireworks MX 2004 Using the Tools Panel Fireworks automatically determines whether the tool is appropriate for the edited object View the position of objects and the pointer using –Info panel –open from Window menu –also view color values of selected pixel –Property inspector

32 Web Collection: Fireworks M 2004 Chapter A32Getting Started with Fireworks MX 2004 Using the Tools Panel Basic shape vector tools –Rectangle –Rounded Rectangle –Ellipse –Polygon Auto Shape vector tools

33 Web Collection: Fireworks M 2004 Chapter A33Getting Started with Fireworks MX 2004 Applying Fills and Strokes Adjust fill and stroke attributes on Property inspector Fills –Solid color –Texture –Pattern

34 Web Collection: Fireworks M 2004 Chapter A34Getting Started with Fireworks MX 2004 Applying Fills and Strokes Fill attributes –Color –Category (solid, gradient, or pattern) –Type and amount of edge of fill Stroke attributes –Color –Tip size –Softness –Texture

35 Web Collection: Fireworks M 2004 Chapter A35Getting Started with Fireworks MX 2004 Applying Fills and Strokes Anti-Aliasing = blends the edges of a stroke or text with surrounding pixels –Edges blend into the background –No, Crisp, Strong, or Smooth

36 Web Collection: Fireworks M 2004 Chapter A36Getting Started with Fireworks MX 2004 Rounded Rectangle Auto Shape properties Fill properties Color pop-up window Stroke properties

37 Web Collection: Fireworks M 2004 Chapter A37Getting Started with Fireworks MX 2004 Vector object with applied stroke Bitmap image Vector object

38 Web Collection: Fireworks M 2004 Chapter A38Getting Started with Fireworks MX 2004 Create and Modify Text Create text Create a path with the Pen tool Spell check text Attach the text to the path

39 Web Collection: Fireworks M 2004 Chapter A39Getting Started with Fireworks MX 2004 Using Text in a Document Text tool properties –Font, size, color, style, kerning leading, alignment, text flow, offset, anti-alias Kerning adjusts the space between adjacent letters or a range of letters Leading adjusts the amount of space between lines of text

40 Web Collection: Fireworks M 2004 Chapter A40Getting Started with Fireworks MX 2004 Using Text in a Document Text blocks –Fixed-width size never changes –Auto-sizing expands the text block to accommodate the amount of text Spell check –Can perform on one or more blocks of text at a time

41 Web Collection: Fireworks M 2004 Chapter A41Getting Started with Fireworks MX 2004 Attaching Text to a Path Use the Pen tool to define points on a path –Path = an open or closed vector consisting of a series of anchor points –Anchor points join path segments –corner or curve To attach text to a path –Define points on path then attach text Can edit text attached to path

42 Web Collection: Fireworks M 2004 Chapter A42Getting Started with Fireworks MX 2004 Attaching Text to a Path Use the Pen tool to define points on a path –Path = an open or closed vector consisting of a series of anchor points –Anchor points join path segments –corner or curve Text on a path

43 Web Collection: Fireworks M 2004 Chapter A43Getting Started with Fireworks MX 2004 Attaching Text to a Path To attach text to a path –Define points on path –Use Attach to Path command on Text menu Edit text attached to path using Text tool Edit points on path using Subselection tool

44 Web Collection: Fireworks M 2004 Chapter A44Getting Started with Fireworks MX 2004 Attaching Text to a Path Modify path appearance –Alignment –Orientation –Direction

45 Web Collection: Fireworks M 2004 Chapter A45Getting Started with Fireworks MX 2004 Creating text

46 Web Collection: Fireworks M 2004 Chapter A46Getting Started with Fireworks MX 2004 Creating a path Attaching text to a path

47 Web Collection: Fireworks M 2004 Chapter A47Getting Started with Fireworks MX 2004 Chapter A Summary Fireworks creates graphics for Web Fireworks window includes Document window, tools, and panels that can be arranged based on user preferences Panels contain tools, properties and perform specific functions Fireworks documents are.png files and contain objects on layers

48 Web Collection: Fireworks M 2004 Chapter A48Getting Started with Fireworks MX 2004 Chapter A Summary Work with new and existing files and with bitmap and vector objects Use Help to learn skills User layers and Layers panel to arrange objects Create and modify bitmap and vector objects Align objects using guides, grid, and the ruler

49 Web Collection: Fireworks M 2004 Chapter A49Getting Started with Fireworks MX 2004 Chapter A Summary Size and position objects using Info panel or Property inspector Create and modify text Spell check text Attach text to a path


Download ppt "Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH."

Similar presentations


Ads by Google