20 Tutorials For Learning Adobe Fireworks Basics

TimothyBlake • January 7th, 2013

Tutorials

learningadobefireworks 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 Photoshopstickynote 20 Tutorials For Learning Adobe Fireworks Basics

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 Photoshophowtotextwrapphotoshop 20 Tutorials For Learning Adobe Fireworks Basics

This tutorial was written for Fireworks CS4 and higher.

3. Fancy Rss Button Tutorialrssicon 20 Tutorials For Learning Adobe Fireworks Basics

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

4. Extracting Logosextractinglogofromwhitebackground 20 Tutorials For Learning Adobe Fireworks Basics

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 Pencilpencilicon1 20 Tutorials For Learning Adobe Fireworks Basics

A great tutorial on how to create a pencil icon.

6. How to blur background in Adobe Fireworksblurbackgroundinfireworks 20 Tutorials For Learning Adobe Fireworks Basics

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 Fireworksgradienttextlogo 20 Tutorials For Learning Adobe Fireworks Basics

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 20 Tutorials For Learning Adobe Fireworks Basics

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 outhowtomakeimagesstandout 20 Tutorials For Learning Adobe Fireworks Basics

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

10. Amazing Neon Lights on Fireworksneontexteffect 20 Tutorials For Learning Adobe Fireworks Basics

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 ribbonshinyribbon 20 Tutorials For Learning Adobe Fireworks Basics

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 serieslighteffectsinphotoshop 20 Tutorials For Learning Adobe Fireworks Basics

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 seriesjeweelbutton 20 Tutorials For Learning Adobe Fireworks Basics 

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 Effectdottedmap 20 Tutorials For Learning Adobe Fireworks Basics

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 Fireworksphoneillustration 20 Tutorials For Learning Adobe Fireworks Basics

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 Fireworksgrungetext 20 Tutorials For Learning Adobe Fireworks Basics

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 Fireworksfiretuts 20 Tutorials For Learning Adobe Fireworks Basics 

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

18. Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Papercollage 20 Tutorials For Learning Adobe Fireworks Basics

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 20 Tutorials For Learning Adobe Fireworks Basics

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 TutorialGoldenbadge 20 Tutorials For Learning Adobe Fireworks Basics

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.

Share on social media

You Might Also Like

Please leave a comment

  • http://www.clippingpathzone.com/ Sila Mahmud

    Great job on this! You made something that is usually pretty
    confusing very simple and easy to understand. I LOVE your tutorial.