20 Tutorials For Learning Adobe Fireworks Basics

• January 7th, 2013
• Tutorials

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 Photoshop

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 Photoshop

This tutorial was written for Fireworks CS4 and higher.

3. Fancy Rss Button Tutorial

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

4. Extracting Logos

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 Pencil

A great tutorial on how to create a pencil icon.

6. 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.

7. Gradient Text Logo Tutorial in Adobe Fireworks

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 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.

9. How to make items and people stand out

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

10. Amazing Neon Lights on Fireworks

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 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 series

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 series 

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 Effect

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 Fireworks

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 Fireworks

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 Fireworks 

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

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

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 Fireworks

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 Tutorial

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.