I popped "Fireworks tutorial" into Google, because I know Smashing Magazine had a nice roundup (http://www.smashingmagazine.com/2009/07/27/tutorials-and-resources-for-adobe-fireworks/).
You might read over these four tutorials, and see if any of them have techniques you could use or adapt:
Thanks for your help with all those links and sorry for delay in my reply, have been away for a week.
Thanks very much
1 person found this helpful
A very simple technique I have used in the past:
This tutorial covers creation of half-transparent "Aqua" buttons, and I think it may help you, too! :-)
Yeah I like that one 'alot', think I'll give it a go making it more the shape I'm after.
Love the shadow effect however I have just discovered the rollover effect in FW, I usually do this on the site I'm working on rather than FW.
I'm still getting to grips with rollover in FW but can see from some advice that transparent gif's can cause a problem using rollover and as I'm working on a transparent background with the button style you have posted which also has a shadow am wondering if this is getting a little more complicated than I would like.
Might be time for a new post.
Thanks very much for the button suggestion.
Maybe a time for a new post, indeed! ;-)
Rollovers are best made with CSS now, not with Fireworks -- the final, "production" version of the website, I mean!
You can use transparent GIFs or even half-transparent PNG32 files (although, if you use png32+alpha, best to prevent IE6 from "seeing" it, as it doesnt' support transparency).
Maybe time for a new post, indeed!
Yes I agree about rollovers in CSS. Been messing with FW for an hour now and don't like the way you create a rollover then have to export it and then mess with it onsite.
I am used to making rollovers work onsite and will continue to do so, I for just a moment, thought FW had something fabulous that would make life easier. It appears not.
No new post on this I feel, will stick with what I know already.
Thanks again for your help
1 person found this helpful
I do my rollovers with one image (per rollover), with CSS, and I simply shift the image using background-position. Very handy! :-)
You can use even more complex technique, like CSS sprites (one image for multiple rollovers), although it takes a lot of time to calculate all positions. Veerle Pieters, for example, uses a similar technique for the navigation on her website (http://veerle.duoh.com).
Anyway, if you have any more questions regarding Fireworks, feel free to ask! :-)
Well still getting to grips with FW so I'm sure I'll be back on here asking questions before long.
I keep an eye on the forums as it is very handy to see what problems other people have.
Has anyone seen a tutorial or have made a image, say a small rectangular image, into a glass effect button?