Fireworks CS6 Essential Training

Shows how to create custom web graphics and web site mockups with Fireworks CS6.

Join Ray Villalobos in this course, Fireworks CS6 Essential Training, as he shows how to create custom web graphics and web site mockups with Adobe Fireworks CS6. The initial chapters explain the basics: how to get around in the interface and create and organize documents. The course proceeds to cover all the essential drawing features in Fireworks, from drawing simple lines and shapes to applying fills, strokes, and opacity values to objects. The course also covers how to move, scale, and otherwise transform text and images as well as create symbols, use sprites, and integrate CSS and jQuery Mobile.

Adobe Fireworks

• What is Fireworks?

Introduction

• Welcome
• Using the exercise files

1. Understanding the Interface

• Learning Fireworks menus and shortcuts
• Getting around your document and the Application bar
• Working with panels
• Using the Tools panel
• Working with the Properties panel

2. Working with Files

• Opening documents and setting up the workspace
• Organizing documents
• Importing graphics
• Saving and exporting files
• Optimizing and previewing graphics

3. Drawing with Fireworks

• Setting up rulers, guides, and grids
• Drawing lines and shapes
• Selecting and grouping objects
• Applying fills
• Styling strokes
• Applying opacity, blending modes, and Live Filters
• Using styles
• Styling with patterns and textures
• Drawing vector shapes
• Working with freeform tools and reshaping vector objects

4. Working with Objects

• Working with bitmaps
• Working with text
• Aligning and distributing elements
• Transforming objects
• Moving, cloning, and duplicating
• Reshaping with the Path panel
• Masking objects
• Animating objects with states
• Using the 9-Slice Scaling tool

5. Organizing Documents

• Working with layers
• Working with pages
• Working with Web Layers

6. Using Symbols

• Creating graphic symbols
• Creating 9-slice scaling symbols
• Creating button symbols
• Creating animation symbols
• Using the Common Library

7. Enhancing Fireworks

• Creating component symbols
• Working with the Commands menu
• Adding extensions
• Creating commands with the History panel
• Using batch commands

8. Using Sprites

• Understanding sprites
• Creating symbols for sprites
• Exporting sprite CSS

9. CSS Integration

• Using CSS tools in the Object panel
• Working with the CSS Properties panel

10. jQuery Mobile

• What is jQuery Mobile?
• Creating a jQuery Mobile template in Fireworks
• Working with a jQuery Mobile template

Conclusion

• Next steps