How to web 2.0 your logo
January 7, 2008 – 12:45 pm
After I had designed a vector logo for a client, I was asked to web 2.0-ify it.
This is what I did. The “Toby Beresford” and the cogs are on separate layers in Photoshop. Individually I set the Layer Styles of Gradient Overlay and Bevel and Emboss.
The Gradient Overlays are the same on both layers. I picked a light blue colour for my background colour and a dark blue colour for my foreground colour and selected them in the Gradient pull down menu in the Layer Styles pop-up box.
In the same pop-up box, but with the Bevel and Emboss style selected, I played around with Depth, Size and Soften, as well as the opacities of the highlights and shadows until I got the desired effect on both the elements of the logo.
Lastly I created a shiny table top reflection effect using the Free Transform tool.



