27 Finest Adobe Fireworks Tutorials

Adobe Fireworks is a new kid in the Adobe Family, although relatively new but its very useful. Most of its features are unnoticed but are of high importance. We can export CSS based layouts, created PDFs, design application interfaces, create vectors, design digital artwork and much more.

Today we are showcasing some highly useful Tutorials based on Adobe Fireworks to make it more adaptable. You will be able to explore different functions and features of Adobe Fireworks through following tutorials. Enjoy!

Designing An Effective Gaming Clan Logo in Adobe Fireworks

In this Adobe Fireworks tutorial , you will learn how to create your own gaming logo for your website using Adobe Fireworks.

Designing An Effective Gaming Clan Logo in Adobe Fireworks

Read More on Designing An Effective Gaming Clan Logo in Adobe Fireworks

How to make items and people stand out

How to make items and people stand out through a photo manipulation.

How to make items and people stand out

Read More on How to make items and people stand out

Learn Fireworks

Tutorial for Fireworks CS3, CS4, CS5, as well as conveying the creative logic for people working in Photoshop or Gimp. Learn to Inset, Emboss, and Etch into custom patterns to give a depth perception to your graphic elements. It is sharp, smooth, and very easy to accomplish using fireworks.

Learn Fireworks

Read More on Learn Fireworks

Creating a Web Site Top Menu with CSS: Part 2

In the first part this tutorial, we create the foundation of our top, inserting some simple effects, however powerful as the result final. In sequence, complementary to the top by placing the main menu and two icons for RSS and Twitter, and then apply the techniquesprites with the css to give “life” to this menu and icons, ok?!

Creating a Web Site Top Menu with CSS: Part 2

Read More on Creating a Web Site Top Menu with CSS: Part 2

How To Create a Stylish Navigation Bar In Adobe Fireworks

I love Photoshop. I guess we all do. But there are some times when I like to design using Adobe Fireworks instead. After all Fireworks was created with web-designers in mind and it allows us to quickly prototype and design for the web, so let’s see what it can do.

How To Create a Stylish Navigation Bar In Adobe Fireworks

Read More on How To Create a Stylish Navigation Bar In Adobe Fireworks

The Abduzeetles Rockband Website in Fireworks

We’re going to use nice commands on this tutorial, and what is really cool is trying to test other values on each step, other colors, other shapes, always exploring the whole potencial from every tool.

The Abduzeetles Rockband Website in Fireworks

Read More on The Abduzeetles Rockband Website in Fireworks

Stars and sparkles

The star auto shape in Adobe Fireworks is a versatile auto shape and can be used to create polygons: sparkles, stars, triangles, stickers or even flowers.

Stars and sparkles

Read More on Stars and sparkles

Creative twist and fade in Fireworks CS4

Lean how to create a creative twist and fade in Fireworks cs4.

Creative twist and fade in Fireworks cs4

Read More on Creative twist and fade in Fireworks cs4

ista styled buttons with rounded corners

In this tutorial author will show you how to create Vista styled buttons with rounded corners using Adobe Fireworks.

ista styled buttons with rounded corners

Read More on ista styled buttons with rounded corners

Creating A Fading Line Effect Using Adobe Fireworks CS4

One of the most overlooked tools in Adobe Fireworks is the Eraser Tool. It is a neat tool especially if you want to manipulate bitmaps. Vector paths with fills have options to use fill colors that are gradients , or semi transparent colors.

Creating A Fading Line Effect Using Adobe Fireworks CS4

Read More on Creating A Fading Line Effect Using Adobe Fireworks CS4

iPhone-like buttons

Awesome i-Phone-like buttons in Adobe Fireworks using the Photoshop Live Effects.

i-Phone-like buttons

Read More on i-Phone-like buttons

Sparkle in Adobe Fireworks

This tutorial is for beginners using Adobe Fireworks. It’s an easy technique that can add finishing touches to your design.

Sparkle in Adobe Fireworks

Read More on Sparkle in Adobe Fireworks

How to create clouds in Adobe Fireworks 1/2

Here is a two-part series about how to create clouds in Adobe Fireworks. Here is a very quick way to create clouds, flat clouds, (not the fluffly style) in Adobe Fireworks – from scratch. It’s really easy to accomplish this and they fit perfectly in any colorful nature theme artwork you might create.

How to create clouds in Adobe Fireworks 1/2

Read More on How to create clouds in Adobe Fireworks 1/2

Fireworks CS5 with Device Central

This brand new feature in Fireworks CS5 allows users to prototype an interface with mobile devices.

Fireworks CS5 with Device Central

Read More on Fireworks CS5 with Device Central

Fireworks CS5: FXG Files to Catalyst

The FXG file format allows for documents to be moved from one Creative Suite application to another with ease.

Fireworks CS5: FXG Files to Catalyst

Read More on Fireworks CS5: FXG Files to Catalyst

Text Kerning in Adobe Fireworks

Kerning refers to adjusting the space between two letters. In Adobe Fireworks , the default horizontal kerning or “tracking” is 0. If we use only 1 word , it can easily be kerned by using the justified alignment button or by using tracking.

Text Kerning in Adobe Fireworks

Read More on Text Kerning in Adobe Fireworks

Inset Button using Adobe Fireworks

This tutorial will show you how to create an inset button using Adobe Fireworks. In this tutorial I demonstrate several features of Fireworks including how to use gradients, add shadowing, create shapes, and add filters and effects.

Inset Button using Adobe Fireworks

Read More on Inset Button using Adobe Fireworks

How to blur background in Adobe Fireworks

In this tutorial you will learn how to blur the background of digital photos with Adobe Fireworks in a non destructive way.

How to blur background in Adobe Fireworks

Read More on How to blur background in Adobe Fireworks

How to Create an RSS Icon

In this tutorial we will see that, using simple tools of Fireworks, we can create a nice icon RSS.

How to Create an RSS Icon

Read More on How to Create an RSS Icon

Export Your Website Layout as CSS and Images in Fireworks CS4

This is part of the tutorial on designing the below layout and converting it to a functional PDF and CSS Website using Fireworks CS4.

Export Your Website Layout as CSS and Images in Fireworks CS4

Read More on Export Your Website Layout as CSS and Images in Fireworks CS4

Adobe Workflow Lab to Fireworks, Part 1

This is the final video in this four-part series which begins with an in-flight entertainment device, and moves into the new Workflow Lab app from Adobe and eventually into Fireworks to create a Rich Media Application. Click here to download the files to follow along with this lesson.

Adobe Workflow Lab to Fireworks, Part 1

Read More on Adobe Workflow Lab to Fireworks, Part 1

Effects with advanced stroke options

The advanced stroke panel is used to create and edit custom strokes. This feature is in Fireworks from the early versions (Fireworks 1or 2). While Fireworks does not have versatile tool like brushes in Photoshop, you can still achieve unique effects with Fireworks built-in stroke like the Bokeh effect, stars from the outer space or even clouds, etc. All the effects requiring random objects.

Effects with advanced stroke options

Read More on Effects with advanced stroke options

Creating a Web Site Top Menu with CSS: Part 1

In today’s tutorial we’ll see how to create a stylized top site (1st part) and apply the technique of sprites CSS for navigation (part 2). Therefore, we will divide this post into two parts, ok?!

Creating a Web Site Top Menu with CSS: Part 1

Read More on Creating a Web Site Top Menu with CSS: Part 1

Creating a Background for Twittertitle

It is not true that a well prepared background ( image background) associated with Twitter, cause a great impression, when it shows, which already is the style of the person, what it does and what you can expect from theirtwitter?

Creating a Background for Twittertitle

Read More on Creating a Background for Twittertitle

How to Create a Magazine Cover with Fireworks CS5

Well, this tutorial will show you how to create a cover of the magazine with our old, versatile and powerful Fireworks.

How to Create a Magazine Cover with Fireworks CS5

Read More on How to Create a Magazine Cover with Fireworks CS5

Thick Text Outline with Adobe Fireworks

Thick text outline is usually seen in text-based logo or in headlines. In this tutorial, I am going to show you three different ways of creating thick text outline in Adobe Fireworks: stroke, glow and Photoshop Live Effects.

Thick Text Outline with Adobe Fireworks

Read More on Thick Text Outline with Adobe Fireworks

Game Center Layout Style in Fireworks

This tutorial was inspired on the new Apple Game Center design. Besides to teach you guys how to make all the effects we will use the whole work spent on that to create a cool wallpaper. So check out the resolution of your computer and let’s get started!

Game Center Layout Style in Fireworks

Read More on Game Center Layout Style in Fireworks

Sharing is Caring
  • http://dpshots.com Uzair

    Awesome post.

  • http://www.zurmat.com Habibies

    Nice article for adobe users …..

  • denbagus

    thank you for share..

  • Sarthak Singhal

    Hi Sunalini,

    Good collection of tutorials!

    ..Sarthak

    • http://slodive.com/ Sunalini

      Sarthak, I’m glad you like the article. Thanks for your comment.

  • Firework

    which fonts are used for the steel and wood textures text engraving/embossing in the “Learn Fireworks” tutorial???

  • Siren

    i wish there was more tutorials made for fireworks…

  • http://linuxthebest.com Sinbad Konick

    Nice tutorials best wishes and Creation is the best motivation…

  • Manuel Garcia

    Awesome collection. I think the “buttons tutorials” won’t be necessary at this time because the trend now is buttons made in CSS.

  • http://www.geekandblogger.com Pavan Somu

    In the future, fireworks will come close to photoshop and AI, as the need for it increases. If Adobe has a vision. Fireworks will become industry standard software when it comes to photo, graphics and image. I am completely speechless for this article. I’m very happy to read this article and it is very helpful to me.

  • Jean

    Useful tutorials!
    Thanks a lot!

  • http://blogged.jimdo.com Ben Stuart

    Thanks, another collection of great tutorials for photoshop.

  • Jai

    Sunalini is the best when it comes to collections of everything. Always have a bright idea of a topic to post. Thanks for this great post.

  • Prabha

    it looks that adobe fireworks can help peoples in bulding thier website beautifully thanks for sharing a new adobe product…

  • Prabha

    Awesome tutorials of adobe fireworks i really enjoyed learning it.

  • Kamal

    Amazing collection of adobe fireworks tutorials. It is very helpful for me to use in my projects. Thanks for sharing such useful tutorials.

  • BHring Nath Prasad

    Really nice collection adobe firework are shared her i love these tutorial really they are very helpful to me.