View Full Version : Using Adobe Fireworks CS4 to add shadow to png image.

09-21-2010, 12:02 PM
I want to add a matching shadow to the centre image on my website homepage. I have Fireworks CS4 and can't find how to do it if it is possible. Help appreciated.

The page is in my Signature - My website.
I only want to process the opening image. Not the div.


09-22-2010, 05:59 AM
Doing a simple web search gets you the answer. Basically you just add a drop shadow filter to the image.

Google Search (http://www.google.com/search?q=how+to+add+drop+shadow+to+image+in+fireworks+cs4&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a#sclient=psy&hl=en&client=firefox-a&hs=iSx&rls=org.mozilla%3Aen-US%3Aofficial&source=hp&q=how+to+add+drop+shadow+in+fireworks+cs4&aq=f&aqi=&aql=&oq=&gs_rfai=&pbx=1&fp=6f32b8af52b7e0b8)

(1st result) http://help.adobe.com/en_US/Fireworks/10.0_Using/WS4c25cfbb1410b0021e63e3d1152b00d08d-7ffa.html

Major Payne
09-22-2010, 07:30 AM
How To: Add a Drop Shadow in Fireworks (http://web.uvic.ca/akeller/pw401/howto/drop_shadow_FW_HT.html)

A tutorial on how to apply a drop shadow to an object over tiled or colored background in Fireworks 2 (http://www.loriswebs.com/tutorials/dropshadow.html)

Working with Macromedia Fireworks MX images in Macromedia Dreamweaver (http://www.adobe.com/support/dreamweaver/programs/fw_dw_images/fw_dw_images05.html)

Should help.

Source (http://www.google.com/search?q=Fireworks%3A+how+to+add+shadow+to+png+image&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a)

09-22-2010, 08:57 AM
Thank you both, but they do not help.

I cannot find a plus icon next to a filters label.

Apply a drop shadow or inner shadow
Click the plus (+) icon next to the Filters label in the Property inspector, and then select a shadow option from the pop-up menu:

■Shadow and Glow > Drop Shadow.


■Shadow and Glow > Inner Shadow.

2.Edit the filter settings in the pop-up menu.

Major Payne
09-22-2010, 09:18 AM
OK. In my Fireworks I had to go to Window Menu at top and turn on Effect (or Alt + F7). This should bring up the Effects box on the right. Should be on the Effect tab by default with "None" showing in the selection menu. The drop down menu should have "Shadow and Glow". Select your option there.

09-22-2010, 09:55 AM
Effects or alt f7 doesn't exist in my Fireworks CS4 Windows tab


09-23-2010, 01:25 PM
Any further thoughts anyone?
The image has already had rounded corners from Fireworks but I just cannot find a way to do a drop shadow on it.

Most frustrating. I have the £40 book from Adobe but even that does not help me. I have just ordered Photoshop CS5 in the hope that it may do better. Not a very good testimony for Adobe.


09-23-2010, 01:35 PM
No the way we've told you is how its done. I just did it in CS4. You press Alt+F7 to get the effects window, its not a menu option, its just the keyboard shortcut. I feel that ordering Photoshop was a waste of money. It has a higher learning curve than Fireworks. Good luck.

09-23-2010, 03:06 PM
Thanks Aero, I'll have another go. I am used to Photoshop but I have only used cs1 and I do not have that any more. I also have Photoshop Elements, also an early version.

Apart from that, what do I attach a shadow to. The image or an enclosing div. It is complicated by the Javascript image handling code.
I am not sure what to add the shadow to.

EDIT: Ihave given up on Fireworks CS4 and have used CSS3 to add the shadow. Not perfect, but acceptable.


09-23-2010, 06:12 PM
Christ, Frank, did you own a bank when you were younger?

09-23-2010, 07:17 PM
Christ, Frank, did you own a bank when you were younger?
I was an electronics engineer for almost all of my working life and was well paid. I have never been unemployed or had major health problems. Even now at 85 I only suffer age wear and tear. I have been fortunate. My main problem these days is with my sight. I have had retinal bleeding in both eyes. I have cataracts and suffer macular degeneration.
Apart from that I'm fine. (I think.)

Dead. But i won't lie down. Awkward to the last!



09-24-2010, 09:03 AM
Frank, for future reference I’ve attached screenshots. It’s from CS5 but it hasn’t changed since this functionality has been invented, I guess.

At first you must select the object on your canvas to which you want to apply the effect. Then you look into the properties inspector (if not visible go to the “Window > Properties” menu to activate it). There you have your filters button. Once clicked you should see a list of effects you can add, drop shadow among them. When selected you can change the blur radius, shadow position, and color, etc.

09-24-2010, 01:37 PM
Many thanks VIP. I'll print it off ready for future reference. I have just received my Photoshop CS5 extended. I'm more used to that as I have had version CS2 for several years. I destroyed it because I found that it was a bootleg from a EBay customer.