Web Design Guide  

Adobe Fireworks
Graphic Design Ideas
Image Feathering
Image Rollovers
Swap Images
Animated Gifs
Fireworks Tips
Fireworks 4.0 Tips
Web Design Ideas

Adobe Dreamweaver
Dreamweaver Templates
Server Side Includes
Design for All Screens
Dreamweaver Tips
Inbuilt Behaviors
Image Rollovers
Pop-Up Windows
Pop-Up Menus
Jump Menus
Adding Sound
Image Maps
Making your Site Live!

Web Site Design Tips
Advanced Designer
Design Tips
Navigation Tips
Fast Loading Web Sites
Cool Bullet Tips
CSS Styles Tutorial
Text Rollovers
Links w/o Underline
General web-dev Tips
Best web design Tools
Free Web Tools

Feather Image Editing in Macromedia Fireworks

Tool(s) Required:

Graphics Editor: Fireworks 4 or above
Recommended: Adobe Fireworks CS3

While using pictures in designing we often don't require certain parts of a picture to be seen, or else, just need a particular part of a picture. For this we can use the Feather effect of Macromedia Fireworks. Basically feather removes the otherwise jagged finish to an edited image by giving it a fading in pixel radius. This cool effect makes your pictures stand out and look really professional. Follow these easy steps:

1. In your Fireworks PNG file, ready the original image you would like to edit. Our example is shown below:
   
   

2. Select the area that you would like to feather using one or more of the Bitmap Tools (the 4 shown below and the yellow magic wand below the marquee tool). The Lasso tool and the magic wand (selects one colored section it is clicked on) are very useful for fine tuning your outline.
   
   

3. Keep the shift button pressed if you want to do multiple selections within the image.

4. Important: Once you have drawn/selected the feather area, check if the selection is what you want deleted. If not, that is, the selected area is what you would like to keep, then right click the area, from the list select Modify Marquee >> Select Inverse (Ctrl+Shift+I).

5. Now you are ready to apply the feather. Right click on the selection once again, and from the pop-up list select Modify Marquee >> Feather. Give the feather radius in pixels (less for sharper feather and more for increased fading). Take a look at the screen-shot below to see this step:
   
   

6. Now click delete to remove the unwanted (selected) area and your remaining required picture will be feathered nicely.
   
   

7. Tip: For a sharper finish give a feather radius 5 and click delete twice.
8. Tip: For extra fade (useful in collages) try a feather radius 30.

That's it, you now know how to do Feathering using Fireworks! You can experiment with various pictures and learn how to merge and create attractive collages.

Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!

FREE Flash Actionscript & Animation Guide
Learn Flash the easy way using these easy-to-follow tutorials! Get your basics right or learn advanced flash actionscript!

Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization