How to web 2.0 your logo

web 2.0 logo

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.

You can subscribe to new posts via RSS or by email, or follow me on Twitter.

Related articles

7 Responses to “How to web 2.0 your logo”

  1. awesome logo design i love to touch it. some of the logos i have adored and never forgot.

  2. Thank you Web Design and Development services, for your kind words!

  3. Hmm, I don’t know – I don’t like it.

    But who am I to say that when I am so rubbish at graphic design myself?

    The problem with following the trend is that – sometimes people do something because they can – instead of because it is needed.

    When you create something that looks impressive at first (ie for the first 3 seconds) – novelty soon vanishes and you end up with a white elephant.

    A logo should be simple. Clear. And above all scalable.

    When you add reflection you add noise. But such noise can be minimised by making a rough surface reflection say.

    But given that your article is about how-to-do a logo that way. Rather then what constitutes a good logo. The information is useful for those wanting to learn.

  4. You’re absolutely right Henry, logos should be simple, something you could draw with a pen in two seconds and this “web 2.0″ design treatment is something that is here today gone tomorrow. At the behest of the client, a designer sometimes has to do these things!

  5. And that is where I fail. I never listen to my clients !!

    Client: Can you make our Logo reflected now?
    Henry: No
    Client: What? Why not?
    Henry: Because I wouldn’t like to be responsible in making your website look tarty and cheap.
    Client: But my wife says she likes it
    Henry: OK let’s not go there …

  6. I agree that these web2.0 logos are not gonna stay. So back to the pencil drawing days for you logo design.

  7. Logo design still starts with a pencil drawing or the outline of a simple idea first. The web 2.0 effect can be added later and taken away for when the web 3.0 look comes in!

Leave a Reply