Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Using Adobe Fireworks CS4 to add shadow to png image.

    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.

    Frank.

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

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Doing a simple web search gets you the answer. Basically you just add a drop shadow filter to the image.

    Google Search

    (1st result) http://help.adobe.com/en_US/Firework...d08d-7ffa.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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
    1.
    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.

    Frank

    ■Shadow and Glow > Inner Shadow.

    2.Edit the filter settings in the pop-up menu.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    843
    Thanks
    11
    Thanked 79 Times in 77 Posts
    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.
    ☠ ☠RON☠ ☠

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Effects or alt f7 doesn't exist in my Fireworks CS4 Windows tab

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Resolved - Using CSS3.

    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.

    Frank
    Last edited by effpeetee; 09-23-2010 at 04:43 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #10
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Christ, Frank, did you own a bank when you were younger?

  • #11
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Apostropartheid View Post
    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!

    Frank

    Frank
    Last edited by effpeetee; 09-24-2010 at 08:54 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #12
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,775
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    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.
    Attached Thumbnails Attached Thumbnails Using Adobe Fireworks CS4 to add shadow to png image.-1.jpg   Using Adobe Fireworks CS4 to add shadow to png image.-2.jpg  

  • #13
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •