40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files
Adobe Fireworks is getting popular than ever, many web designers find a lot of fun to experiment different techniques and learn how to work with various aspects of Adobe Fireworks to spice up boring pictures and make them into works of arts. So, if you’re interested in learning some new skills, whether you’re a beginner, intermediate or advanced user, these Adobe Fireworks tutorials are for you.
So in today’s post, you’ll find an assortment of top-notch tutorials, resources and .PNG downloadable files that others have freely contributed to the design community for making your next adobe fireworks effect.
1. Add Radial Gradient in Text
<img src=”http://noupe.com/img/fireworks_tutorials_1.jpg” alt=”fireworks tutorials”
A tutorial which will give you step-by-step instructions to create a peeling effect. Great for placing in a corner of a website to reveal news or offers.
Download .PNG file is available
2. Add Radial Gradient in Text
<img src=”http://noupe.com/img/fireworks_tutorials_2.jpg” alt=”fireworks tutorials”
A tutorial which will give you step-by-step instructions to create a peeling effect. Great for placing in a corner of a website to reveal news or offers.
3. Awesome Light Effects in Fireworks inspired by the James White’s O series
<img src=”http://noupe.com/img/fireworks_tutorials_3.jpg” alt=”fireworks tutorials”
This tutorial will reproduce James White’s style using Fireworks. The process is simple, just playing with some circles, blend modes and a bit of color!
4. Abstrakter Effekt in Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_4.jpg” alt=”fireworks tutorials”
This tutorial will teach you how to create an abstract effect in adobe fireworks.
Download .PNG file is available
5. Extracting Logos
<img src=”http://noupe.com/img/fireworks_tutorials_5.jpg” alt=”fireworks tutorials”
This tutorial will show 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.
Download .PNG file is available
6. Circular Shadows & Highlights
<img src=”http://noupe.com/img/fireworks_tutorials_6.jpg” alt=”fireworks tutorials”
Gradients and masks are all it takes to create lighting effects for circular shapes in Adobe Fireworks. Generate as many layers of shadows and highlights as you need. This tutorial will start by putting into a canvas a circular graphic to add shadows and highlights to.
Download .PNG file is available
7. Simple Orbs Tutorial
<img src=”http://noupe.com/img/fireworks_tutorials_7.jpg” alt=”fireworks tutorials”
The Simple Orbs Tutorial is a very simple technique , yet it could add some dramatic touches to your design. It is just one layer object but you can replicate it over and over, and change the sizes.
Download .PNG file is available
8. Papel de Parede 2009
<img src=”http://noupe.com/img/fireworks_tutorials_8.jpg” alt=”fireworks tutorials”
Learn how to create a grass text effect in adobe fireworks.
Download .PNG file is available
9. Create a vector in Adobe Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_9.jpg” alt=”fireworks tutorials”
This is a video tutorial that will teach you how to create a vector graphic in Adobe fireworks.
10. How to Create Explosive Flower Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_10.jpg” alt=”fireworks tutorials”
In this tutorial you will learn how to create a unique twist on the traditional fireworks display. The tutorial shows you how to create fireworks with Trapcode Particular, and how to reflect this effect over water.
11. Text effect download
<img src=”http://noupe.com/img/fireworks_tutorials_11.jpg” alt=”fireworks tutorials”
Download .PNG file is available
12. Creating the iPhone Interface on Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_12.jpg” alt=”fireworks tutorials”
Learn how to create the iphone interface on Fireworks.
Download .PNG file is available
13. Fireworks 101
<img src=”http://noupe.com/img/fireworks_tutorials_13.jpg” alt=”fireworks tutorials”
This tutorial will cover some basic functionalities and it’s very useful for those willing to improve their Fireworks skills. You will learn how to play with paths, combining, subtracting and much more. Also you will end up creating a logo.
14. Creating the IE7 logo effect in Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_14.jpg” alt=”fireworks tutorials”
Learn how to recreate the IE7 logo in Fireworks.
15. Remove Foreground Object in Fireworks/Photoshop
<img src=”http://noupe.com/img/fireworks_tutorials_15.jpg” alt=”fireworks tutorials”
Learn how remove a foreground object from a picture and keep the background with amendments to make it appear as though the object was never there to begin with.
16. Adobe Fireworks: Text to path
<img src=”http://noupe.com/img/fireworks_tutorials_16.jpg” alt=”fireworks tutorials”
Sometimes we want to align or place our text freely, without having to limit our self to vertical and horizontal view only. Maybe we want to create some so called typography art – which requires us to place text in, let say, a circle, or any free form shapes, created using pen tools. With Adobe Fireworks, you can easily attach texts onto any shape or path created using pen tools.
17. Beautiful night scene
<img src=”http://noupe.com/img/fireworks_tutorials_17.jpg” alt=”fireworks tutorials”
You don’t have to be Van Gogh to create a beautiful night scene. Fireworks artist Angelo Sabal will show you how you can easily create a realistic night sky using Fireworks.
18. Creating Fading Light Vectors in Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_18.jpg” alt=”fireworks tutorials”
In this tutorial, you’ll learn how to create some cool effects with fading light linear vectors in Fireworks. It’s really easy to do and takes just a few minutes. Create fading lights using vectors, then convert these vectors into bitmaps, and learn to use effects from Fireworks CS3.
19. Pixelate Effect Tutorial
<img src=”http://noupe.com/img/fireworks_tutorials_19.jpg” alt=”fireworks tutorials”
Have you ever wanted to create a pixelize look on your designs but you didn’t know how? Well here is your answer ! In this tutorial you will learn how to install 3rd party plugins in adobe fireworks and use them.
20. Awesome Floral Type in Fireworks and Photoshop in 5 minutes
<img src=”http://noupe.com/img/fireworks_tutorials_20.jpg” alt=”fireworks tutorials”
Download .PSD file is available, you can open in fireworks as well
21. Creating A Thick Text Outline
<img src=”http://noupe.com/img/fireworks_tutorials_21.jpg” alt=”fireworks tutorials”
22. Masking Effects Using Bitmap Masking
<img src=”http://noupe.com/img/fireworks_tutorials_22.jpg” alt=”fireworks tutorials”
Learn to use layer masks (Group as Mask) in Fireworks CS3 to create faded image silhouettes.
23. waterDrop
<img src=”http://noupe.com/img/fireworks_tutorials_23.jpg” alt=”fireworks tutorials”
Download .PNG file is available
24. Sticky Notes
<img src=”http://noupe.com/img/fireworks_tutorials_24.jpg” alt=”fireworks tutorials”
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.
Download .PNG file is available
25. Create Vista-like Wallpapers with Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_25.jpg” alt=”fireworks tutorials”
Download .PNG file is available
26. Fireworks 101
<img src=”http://noupe.com/img/fireworks_tutorials_26.jpg” alt=”fireworks tutorials”
This tutorial will go through some of the features that help with fast prototyping, like the fit canvas button and the optimizing panel.
27. Amazing Neon Lights on Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_27.jpg” alt=”fireworks tutorials”
This tutorial will go through a few steps to create neon effects on Fireworks.
28. Glowing light trail
<img src=”http://noupe.com/img/fireworks_tutorials_28.jpg” alt=”fireworks tutorials”
This tutorial will teach you how to create a colourful glowing light trail. This is rather a simple tutorial that can be performed in only 6 basic steps.
29. Exporting CSS and images in Fireworks CS4
<img src=”http://noupe.com/img/fireworks_tutorials_29.jpg” alt=”fireworks tutorials”
Wouldn’t it be nice to simply draw a website design in Fireworks and then instantly export the HTML, CSS code, and all associated files required to display the page, so that all the files are ready to upload to your web server. This article describes the new “CSS and Images” export option available in Fireworks CS4 and gives tips for getting the best results out of it.
30. Create Windows vista buttons
<img src=”http://noupe.com/img/fireworks_tutorials_30.jpg” alt=”fireworks tutorials”
31. Create a Slideshow in Adobe Fireworks CS4
<img src=”http://noupe.com/img/fireworks_tutorials_31.jpg” alt=”fireworks tutorials”
This tutorial will teach you how to create a beautiful slideshow gallery with transition effects, categories, captions and resizable images in Fireworks CS4.
Click here to view the finished gallery
32. How to Change the Colour of an Image Object in Adobe Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_32.jpg” alt=”fireworks tutorials”
Quite often, when searching for a relevant image to go on a new website we are designing, we’ll find one that’s almost right, but not quite! Read on to find out how simple it is to change the colour of a selected part of an image in Adobe Fireworks.
33. An example of how to create a computer mouse
<img src=”http://noupe.com/img/fireworks_tutorials_34.jpg” alt=”fireworks tutorials”
34. Light Painting in Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_37.jpg” alt=”fireworks tutorials”
How to create Light Painting in Fireworks.
35. How to make Animations and Animated Graphics in Adobe Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_38.jpg” alt=”fireworks tutorials”
Worth Checking Resources
- 131 Web 2.0 Layer Styles for Fireworks
<img src=”http://noupe.com/img/fireworks_tutorials_33.jpg” alt=”fireworks tutorials”
This set is based on Ultimate Web 2.0 Layer Styles for Photoshop and is re-done for Fireworks.
- 75 Powerful Adobe Fireworks Extensions
<img src=”http://noupe.com/img/fireworks_tutorials_35.jpg” alt=”fireworks tutorials”
Here are some of the best 75 Adobe Fireworks Extensions (MXP), nearly all are compatabile with Fireworks MX, 8 and CS3 (and quite a few with Fireworks 3 and 4).
- Fireworks Developer Center
<img src=”http://noupe.com/img/fireworks_tutorials_36.jpg” alt=”fireworks tutorials”
- List of Fireworks compatible plug ins
- The Things You Might Have Missed
- Rapid prototyping in Fireworks CS3
<img src=”http://noupe.com/img/fireworks_tutorials_39.jpg” alt=”fireworks tutorials”
Let’s take a quick look at how the prototyping process works today in the real world.
