Adobe Fireworks CS6

Adobe Fireworks is a professional imaging application that combines vector and bitmap imaging technologies and techniques in a single graphics application. This unique approach to imaging is due to the specific focus of Fireworks, Which is creating and manipulating screen graphics for the web or for other screen based tools such as mobile applications or Adobe Flash products. Firework is a tool that lets you easily create, edit, or alter graphics and designs. Firework helps you create beautiful designs for websites and mobile applications in a snap without writing code.

Duration:45 hours
Validity:1 month


Who uses Adobe Fireworks?

Firework is made for web designers for rapidly creating website prototypes and application interfaces. Adobe Fireworks is a powerful graphic design application that is used by many professional Web and graphic designers, UX designers (User Experience designers), illustrators and visual artists. Firework was built from the ground up for UI and screen design, every single feature in it is intended specifically to help the UI designer. For Illustrators and visual artist Firework has powerful vector tools which are used by them to create the simplest of wireframes to the most complex of screen graphics, illustrations, icons, and full page designs and comps, and export the entire page or just selections as optimized bitmaps or SVG, without ever needing to switch to another application.


Course Details

This course covers many new features in Adobe Fireworks, such as CSS3 properties extraction, jQuery Mobile theming, enhancements to the Properties panel, the Common Library, templates, and the Styles panel.
An overview of the Adobe interface is covered in the first lesson, where you will learn how to configure the panels and document windows in Fireworks to suit your workflow. You will learn how to edit bitmap images and work with vector paths to create web interfaces. You will learn how to create and edit symbols, a powerful feature of Fireworks, and how to use such rapid prototyping tools as Master pages, shared layers, pages and states, styles, and Common Library symbols while you work on a wireframe for a tablet app and a high-fidelity prototype for a website. In addition, you will explore the art of optimizing graphics for the Web, striking that perfect balance between file size and image quality. As you progress through the lessons, you will discover the many time-saving features Fireworks offers, such as the Batch Process Wizard, the Import command, and the Export Area command. Plus, you will learn how Fireworks integrates with other Adobe CS6 applications like Photoshop and Bridge. Finally, you will test out new Fireworks CS6 features, such as the CSS3 Properties extraction panel. You will learn how to customize a jQuery Mobile website by using the new jQuery Mobile Theme command, and see how both these mobile-focused features work with Adobe Dreamweaver.


Course Overview

Getting to know the workspace
In this lesson, you will get up to speed on the Adobe Fireworks CS6 interface. Creating a brand-new web page design and exploring the interface as we go.
Pages, states and layer panels
Understand the relationship between pages, layers, and states the most important concept to grasp in Fireworks. These elements add structure to your document. Layers are probably the most important workflow and design tool you have in Fireworks
Working with bitmap images
Adobe Fireworks includes a solid set of tools for creating and editing bitmap images for websites and mobile applications. Learn how to crop, manage, import and improve appearance for a bitmap using bitmap tools and live filters.
Working with bitmap selections
Making selections on a bitmap image is the key to working with bitmaps regardless of the software application. Learn how bitmap selection isolates a specific area for alteration, protecting all other areas from being affected.
Working with vector graphics
You can draw almost any shape in Fireworks by using vectors. Learn how to use the Properties panel and sub selection tool to modify vectors you have created.
Masking, combined with strokes, live filters, and gradient fills, is a key technique for creating and editing imagery without permanently affecting images. Fireworks lets you work with both bitmap and vector masks easily and seamlessly.
Working with text
Working with type can be a fun and creative part of your design. Learn the text formatting features normally found in desktop publishing applications, such as kerning, spacing, color, leading, and baseline shift. Learn how to edit text any time even after you apply Live Filter effects.
Using styles and the styles panel
Working with styles can improve productivity, because you can apply a series of preset effects for text, vectors, and, to some extent, even bitmap images. Learn how to save a style and use it as often as you want without having to rebuild or match the complex effect from scratch.
Using symbols
Symbols can contain multiple objects within a single asset while still giving you quick access to editing those objects. They are a great option for reusing common graphical elements, such as logos and buttons in a design.
Optimizing for the web and mobile
Proper optimization minimizes quality loss while reducing file size, thus cutting download times for images. In previous lessons you learned the basics of working with graphics in Fireworks. Now you will combine those skills with some new tools to optimize assets for web pages and web-page creation.
Prototyping basics
Learn how layout features (Smart Guides and tooltips), new symbol libraries, and the ability to switch seamlessly from vector to bitmap graphic editing make Fireworks an ideal application for building prototypes.
High-fidelity prototyping
Fireworks is an excellent graphics editor but it is not designed to be an HTML web-page editor you can find all the tools you need to build a realistic, dynamic prototype to whet your client’s appetite. This lesson focuses on prototyping and use slices for visual effects such as rollovers and other interactivity.
Improving your workflow
Firework has full ways to save you time from batch processing and custom automation of tasks to built-in features and integration with Adobe Bridge. You will find many ways to speed up your project workflow without cutting corners.
Going further
Fireworks CS6 does not stop at creating graphics and prototypes. New in CS6 is the ability to skin (create a visual look and feel) for a jQuery mobile site. In this lesson, you will learn how to create a theme for a jQuery Mobile site and customize and edit a jQuery design in Dreamweaver.

Check out our sample video tutorials


45 hours


1 month



This course is interactive and not taught in real-time. So you can login at your convenience and do your classes and exercises. Our interactive interface offers useful features such as fast forward, rewind, pause and you can even redo a lesson before moving ahead. These features help you track your progress and learn just what you want. Included are project files to allow you to learn right along with the instructor using the exact same files that they use. Each individual lesson has been provided with an eBook and a quiz to test your knowledge of each lesson before you take your final test. In addition to this hands-on learning experience, our trainers will evaluate your course work, clarify questions and give relevant feedback to help you grow