Macromedia Fireworks - PowerPoint PPT Presentation


PPT – Macromedia Fireworks PowerPoint presentation | free to view - id: 20de2-ODNhN


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation

Macromedia Fireworks


Many file formats can be imported into Fireworks ... The Fireworks workspace is the area where you work with documents, tools, and panels ... – PowerPoint PPT presentation

Number of Views:240
Avg rating:3.0/5.0
Slides: 36
Provided by: marcse


Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Macromedia Fireworks

Macromedia Fireworks
Understanding Fireworks
  • What can you do in Fireworks MX?
  • Work with vector objects and bitmap images
  • Add JavaScript-enabled interactivity and
  • Optimize files for the Web

Working with Files
  • Fireworks files are called documents
  • Fireworks files are saved as PNG files
  • Portable Network Graphics
  • have .png extension

File Formats
  • Many file formats can be imported into Fireworks
  • Fireworks documents can be exported as a variety
    of file formats
  • You can copy and paste images into Fireworks

File Formats
  • Available options for Fireworks

The Fireworks Window
  • The Fireworks workspace is the area where you
    work with documents, tools, and panels
  • Panels help perform specific functions
  • Tools panel houses tools
  • Layers panel organizes objects

The Fireworks Window
  • Property inspector
  • used to modify selected object
  • shows properties specific to a tool or command
  • docked at bottom of workspace

The Fireworks Window
  • The document window has four tabs
  • Original
  • Preview
  • 2-Up
  • 4-Up
  • 2-Up and 4-Up are used to evaluate different
    optimization settings side by side

The Layers Panel
  • Layers are used to manipulate objects
  • Objects are the individual elements in your
    document, such as text or images
  • Layers function like folders, divided into
    sections that contain objects

The Layers Panel
  • Layers can be
  • hidden or shown
  • locked or unlocked
  • rearranged
  • duplicated
  • deleted
  • collapsed or expanded
  • renamed

The Layers Panel
  • Objects can be moved to new layers

Bitmap Images
  • A bitmap graphic represents a picture image as a
    matrix of dots, or pixels, on a grid
  • Resolution refers to the number of pixels in an
  • onscreen resolution is 72 or 96 pixels per inch

Bitmap Images
  • Bitmap file formats
  • BMP
  • PICT
  • GIF
  • JPEG
  • PNG
  • TIFF
  • PSD (Adobe Photoshop)

Bitmap Images
  • Bitmap tools in Fireworks are used to modify
  • Blur tool
  • Sharpen tool
  • Burn tool
  • Dodge tool
  • Smudge tool
  • Rubber Stamp tool

Vector Objects
  • Vector objects are mathematically calculated
    objects composed of
  • anchor points
  • straight or curved line segments
  • Vector objects are created in Fireworks with
  • Shape tools
  • Pen tool
  • Text tool
  • Line tool
  • Vector objects can be manipulated using the
    Subselection tool

Positioning Objects
  • You can align and position bitmap and vector
    objects using
  • Rulers
  • Guides
  • Grid
  • Objects can snap to guides
  • Guides can be hidden or shown using the View menu

Working with Text
  • Text can be created and modified in the
    properties panel
  • Text properties include font, size, color,style,
    kerning, leading, alignment, text flow, offset,
    and anti-aliasing
  • Kerning adjusts the space between adjacent
    letters or a range of letters
  • Leading adjusts the amount of space between lines
    of text

Working with Text
  • Fixed-width text blocks are created by dragging
    the Text tool on the canvas to a fixed size
  • Clicking the Text tool on the canvas and typing
    creates an auto-sized text block
  • Anti-aliasing blends the edges of type to the
    color behind them
  • You can choose Crisp, Strong, Smooth or No

Attaching Text to a Path
  • Text can be attached to a path to create an
    interesting design
  • Create text
  • Create path using Pen tool
  • Use Attach to Path command on Text menu

Attaching Text to a Path
  • You can edit text on a path
  • To edit a path, you must detach the text first
    using the Detach from Path command

Working with Objects
  • Fireworks can import and export many file formats
  • The workspace includes canvas, tools, and panels
  • Objects are organized in the Layers panel
  • The Property inspector helps you modify a
    selected object and shows options for tools

Working with Objects
  • Objects can be combined with others to become new
  • Apply fills, strokes and effects to objects using
    the Property inspector
  • Objects can be joined using the Group command
  • Group objects are treated as one unit
  • Ungrouped objects maintain their original

Path Operations
  • Fireworks offers six ways to the paths of two or
    more vector objects
  • Join
  • Split
  • Union
  • Intersect
  • Punch
  • Crop

Path Operations
  • Join
  • Combines the paths of two or more objects to
    create a single merged object
  • Includes all points on both paths
  • Overlapping area appears empty
  • Can be used to join selected end points of open

Combine Paths Options
  • Split
  • Splits the path of two or more objects that had
    been combined using the Join command
  • Union
  • Creates a path that is the sum total of all
    selected areas

Combine Paths Options
  • Intersect
  • Creates an object by eliminating everything
    except the overlapping areas of the selected
  • Punch
  • The topmost object carves its shape through all
    lower selected objects
  • Crop
  • The topmost path removes the areas of the paths
    beneath it

Modifying Objects
  • Vector objects can be modified by
  • Applying fill color, gradients and patterns
  • Changing stroke color, texture, type of edge,
    opacity and blend mode

  • Gradients are two or more colors that blend into
    each other in a fixed design
  • Gradient options are found in Property inspector
  • Fireworks includes preset gradients

  • Patterns are chosen from the Fill category list
  • There are many preset pattern fills
  • Pattern fills can be modified
  • Patterns can be previewed in the Property
  • You can create a custom pattern using a bitmap
    file of your own

Edges and Textures
  • Edges refer to the edge of a fill applied to a
    vector object
  • The type of edge (hard, soft or feather) make it
    appear to blend or fade into the background
  • Textures can be applied to fills to create a
    tactile illusion
  • Custom textures can be created from bitmap files

Working with Effects
  • Effects are like filters that add the illusion of
    depth and dimension to objects
  • Examples of effects include drop shadows, blurs,
    and glows
  • Effects are found in the Property inspector
  • Multiple effects can be applied to objects
  • The Edit and arrange effects list in the Property
    inspector lets you
  • Change effect settings
  • Temporarily hide an effect
  • Rearrange order of effects
  • Adjust opacity of effects

Understanding Filters
  • Filters are very similar to effects
  • Found under Filters menu
  • Are not listed in Edit and arrange effects list
    in Property inspector
  • Cannot be temporarily hidden or rearranged

Understanding Opacity
  • Opacity is the amount that an object is opaque or
  • Completely opaque 100 opacity
  • Completely transparent 0 opacity
  • Opacity settings are found in Layers panel and
    Effects section of Property inspector

Working with Styles
  • Styles are preset attributes that can be applied
    to text and objects
  • Style attributes include
  • color
  • texture
  • type of edge
  • Preset styles are found in the Styles panel
  • Styles can be renamed and edited
  • The Edit Styles dialog box allows you to control
    which attributes the style should apply
  • Example Deselect the Font and Text Size check
    boxes to maintain the original font style and

Using Plug-ins
  • Plug-ins are mini applications that add features
    or enhancements to other software applications
  • Eye Candy 4000 LE made from Alien Skin products
    is an example of a plug-in
  • Adobe Photoshop plug-ins are accessible in
  • Open Fireworks Preferences dialog box
  • Click Folders tab to access folders containing
    Photoshop plug-ins
  • Click Import tab to determine how Fireworks
    translates layers and text