Access To 100's Of Premium Design Resources

Unlimited downloads
Share via:

20 Tutorials For Learning Adobe Fireworks Basics


When designing weather its a web design project or a print project a lot peoples tool of choice is always Photoshop, but fireworks is just as good, or some would even argue better than Photoshop. Fireworks is designed purposely for designing digital projects web interfaces, mobile apps etc. Its a great tool worth knowing how to use and will certainly add another string to your bow. Its always my tool of choice I recommend to aspiring designers who want to pursue a carer in web design, for the fact its so easy to learn.

1. How To Create Sticky Notes Using Photoshopsticky-note

Sticky notes are little pieces of bright-colored paper with an adhesive strip on the back, allowing you to jot down reminders, checklists, or *gasp* passwords and post them onto a surface. This Adobe® Fireworks®tutorial will show you how to recreate them digitally, with a certain degree of realism, for your own design projects.

2. How To Text Wrap In Photoshophow-to-text-wrap-photoshop

This tutorial was written for Fireworks CS4 and higher.

3. Fancy Rss Button Tutorialrss-icon

In this Adobe Fireworks tutorial , you will learn how to create a fancy RSS button for your blog / websites.

4. Extracting Logosextracting-logo-from-white-background

After a short hiatus, I’m back with a tutorial that shows you how to extract a logo and/or logotype from a raster image, using only Adobe® Fireworks®‘ Live Filters. With this method, you also have the option to re-color the lifted logo in anyway you want: solid, gradient, or textured. All of this, while avoiding the temptations of the quick-and-dirty Wand Tool .

5. A Simple Little Pencilpencil-icon

A great tutorial on how to create a pencil icon.

6. How to blur background in Adobe Fireworksblur-background-in-fire-works

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

7. Gradient Text Logo Tutorial in Adobe Fireworksgradient-text-logo

The gradient text logo tutorial is a very easy tutorial in Adobe Fireworks , and helps you create a quick text based logo for your website in just a few steps.

8. How to create clouds in Adobe Fireworksclounds

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.

9. How to make items and people stand outhow-to-make-images-stand-out

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

10. Amazing Neon Lights on Fireworksneon-text-effect

After a few tests to find the right colors and lights, I’ve created a nice image for this tutorial. I’m gonna show you here a few steps to create neon effects on Fireworks. The process is really easy, and for the cheers of everyone, we’re going to use lots of overlays, color dodges and lots of glow!

11. How to create shiny ribbonshiny-ribbon

Just in time for the the holiday season, this Adobe® Fireworks®tutorial will show you how to create a silky, flowing ribbon; the type that you could slap onto your graphic elements to make them more festive. I hope you enjoy my tiny Christmas present.

12. Awesome Light Effects in Fireworks inspired by the James White’s O serieslight-effects-in-photoshop

The process is simple, just playing with some circles, blend modes and a bit of color! So let me know guys what do you think and show us your experiments as well!

13. Awesome Light Effects in Fireworks inspired by the James White’s O seriesjeweel-button

The process is simple, just playing with some circles, blend modes and a bit of color! So let me know guys what do you think and show us your experiments as well!

14. Dot Matrix Effectdotted-map

In this resurrection post for the Rapid Fire tutorial series, we make use of Adobe® Fireworks®‘s Grid Fill Textureto apply a dot matrix effect to any vector element.

15. Creating an amazing Palm Pre icon on Fireworksphone-illustration

This last saturday we saw the release of the awesome new phone Palm Pre. A lot of people already bought their gadget, but if you want one, at least a icon one, we made that for you. This tutorial will show you how to create in Fireworks the icon for the Palm Pre frame.

16. Creating Grunge Text Using Adobe Fireworksgrunge-text

In the web, we have seen a lot of Photoshop tutorials on grunge text / special effects but none in Adobe Fireworks. We do not have brushes in FW, but we can try a different approach on creating a grunge look using vectors. The key thing to note here is , experiment on different approaches till you are satisfied.

17. Create Vista-like Wallpapers with Fireworksfire-tuts

I This is great tutorial to create a vista wall paper.

18. Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Papercollage

In this tutorial, you’ll learn how to use Fireworks CS3 and Illustrator CS3 together. You’ll create some illustrative vector elements to add to the final composition. You’ll also mix in photos and light effects. Learn how to use a cool paper background and tips to improve your workflow.

19. Build a Promotional iPhone App Website Wireframe in Fireworkswireframe

Wireframing is a useful part of the website design process. It’s great to separate out this planning stage and have your page positioning, spacing, layout, and other elements like text size and tone works out before you jump into Photoshop to add color, texture, images, and effects to polish off your design.

20. Golden Seal TutorialGolden-badge

Whether it’s signifying merit or signalizing new content, a golden seal graphic often does the trick. Utilizing two of Adobe® Fireworks®‘ nifty features—Auto Shapes and Text On A Path—you’ll be stamping shiny seals in no time.

Post tags


Please leave a comment

2 thoughts on “20 Tutorials For Learning Adobe Fireworks Basics

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Creative Nerds Premium

Access to a library of hundreds of design resources Photoshop brushes, textures, vectors, patterns and PSD files.

10 Smoke brushes
15 Light painting textures
15 Light painting textures
17 Authtic paint splatter brushes
17 paint splatters brushes
10 Fire flames brushes
10 Fire flames brushes

HELP SUPPORT US - Become a premium member

Regular updates

Regular updates

New content is continually added throughout each month, so frequently visit back to see new resources added.

1 year membership

1 year membership

Your membership lasts for 12 months, which cost less than a cup of coffee a month.

Unlimited access

Unlimited access

Download as many resources as you like throughout lifetime of your membership with over 100 resources.

Only $15.99 Per Year

Join today