Q: “How can I create a Web 2.0 style logo?”

Hit play in this answer and you will discover how to produce a super slick and friendly red-hot web 2.0 logo in photoshop step-by-step.

Step 1 Create A New Document

1 Your canvas size should be 500 pixels x 500 pixels on a black background.

Step 2 Type

1 From the menubar, select the type tool.
1 Draw type selection area – ensure it is the width of the canvas.

Enter text and choose font and color.

1 Enter text.
2 Choose #03cef9 as the color for our text.
3 After you enter text press “commit” in the options bar to apply the text to our document.

Step 3 Type Layer Blending options

1 In the layers palette, right click on the type layer we just created then select “blending options”.
1 In the blending options dialogue box select “gradient overlay”.
1 The default black to white gradient should already be selected – we are going to use this gradient.

Change the blending mode to …

1 Change the blending mode of the gradient to “overlay”.

Observe where we are now at:

We now have some type centered on a black background with a slight gradient.

Press “OK” and exit the blending options box.

Step 4 Create New Layer

1 At the bottom of the layers palette, click on the “new layer” button.
1 In the toolbar select the “elliptical marquee” tool …
1 Click and drag to draw an eliptical shaped selection as shown.
1 Go to the menubar, and choose “Edit > Fill”.
1 In the fill dialogue box choose “white” from the drop down menu then press “ok”.

Step 5 Click on type layer …

1 In the layers palette, press CTRL and click on type layer – this well select our type.
1 Go to the menubar and choose “Select > Inverse”.
Press “delete” on your keyboard.
1 Go to the menubar and choose, “Select > Deselect”
1 In the layers palette, change the opacity of what we will call our “shine layer” down to 45%.

Step 6 Select the layers we have created thus far – type layer and shine

1 In the layers palette, hold down SHIFT and select the two layers we have been working on.
1 With our two layers selected drag them down to the “new layer” button at the bottom of the layers palette.
1 Go to the menubar, and choose “Layer > Merge Layers” – to merge our layers together into just one.
1 Go to the menubar and choose “Edit > Transform > Flip Vertical”.

Enter blending options …

In the layers palette, right click on our duplicated layer and choose “blending options”.
1 Select the “gradient overlay” checkbox.
1 Using the default black to white gradient, change the gradient overlay blending mode, to “linear burn”.

When we move the cursor into the active image area we can adjust the position of the gradient …

1 When we move the cursor into the active image area a “move” cursor appears that allows us to move the position of the gradient overlay.
1 Move the gradient upwards as needed.

Step 7 Choose Custom Shape Tool

1 Go to the toolbar and choose the “Custom Shape Tool”.
1 Choose this shape.
1 Hold down shift to maintain the proportions of the shape, and click and drag.
1 Go to the toolbar and select the “Move” tool.
1 Move our shape to the optimum position.
1 Go to the layers palette and double click on the shape layer we just created.
1 Change the color to “#d6ce00″.

Step 8 Blending Options

1 In the layers pallete, right click on our custom shape layer and choose “blending options”.
1 Select the “gradient overlay” checkbox.
1 With the default black to white gradient selected, change the blending mode to “overlay”.

Our document should now look like this:

Create new layer

1 Go to the layers pallete and click on the “New Layer” button, to create a new layer.
1 Go to the toolbar and select the “elliptical marquee” tool.
1 Draw ellipse shape as shown
1 Go to the menubar and choose “Edit > Fill”.
1 Select white from the drop down menu and press “ok”.

Step 9 A Few More Steps

1 In the layers palette, press CTRL and click on the shape layer to create a selection.
1 Go to the menubar, and choose “Select > Inverse”.
1 Press “delete” on your keyboard.
1 Change the opacity of our layer down to 45%.
1 Go to the menubar and choose, “Select > Deselect”.

Step 10 Select Type Tool

1 Go to the menubar and choose the “Horizontal type” tool.
1 Click and drag to create a selection area – make it the width of our custom shape.
1 Enter text – in this example we are going to use “NEW” – as our text.

Step 11 The Final Web 2.0 Style Logo

The final logo – looking superb!
Become a fan of PhotoshopAnswers

Share post on facebook

Your Comments

  • Brj1500

    good///brj1500@gmail.com,,,,,,india