I am just interested to know how was the Flash logo shown bellow designed? How can something similar can be created using GIMP? sorry I can't afford Photoshop.
 In addition to GIMP, is it possible to do this in CSS?
Here's my attempt at creating this using CSS. The main idea here is to use both CSS3 multiple backgrounds and gradients to create the effect - a radial transparent to semi-transparent black gradient layered over a bright pink to dark red linear gradient.
The glaring omission is the lack of inset text shadow, which is CSS does not, and will probably not have in the near future.
Have a look at the live demo: http://jsfiddle.net/qrhSD/2/ (Mozilla only, though you can quite easily convert the rules to work for Webkit browsers too)
Subtle radial gradient for the background. It has a constant hue. The saturation varies because they wanted a soft, plastic effect.
The "hole" effect is made via a Photoshop feature called layer styles. It's easy in Photoshop but GIMP doesn't have layer styles so I think there's no easy way there.
Since this particular logo is simple, you can just look at the basic graphic elements and duplicate them by hand in GIMP. For example:
And so on.