Her

Home Photoshop Tutorials Drawing Techniques Design Logo

Design Logo

Author: AdobeNerds.com Author's URL: www.adobenerds.com More by this author

This Photoshop tutorial teaches you to create a Logo for your web pages. The dimensions used in this tutorial is : width 200px, height 200px and resolution 72px. This tutorial demonstrates the use of Elliptical Marquee Tool and the Add to Selection Option for this tool. At the end of this tutorial you will be able to create your own logos like the one shown below using some simple techniques.

image 1

Creating Shape for the Logo.

Start by creating a new document of dimension 200 x 200 px with resolution 72px and background color white. First draw a circle using the Elliptical Marquee Tool (M) image 2 .

image 3

In the Layer options palette click on Add to Selection option.

image 4
Click to enlarge

Draw the second circle next to the first one with their sides just touching each other.

image 5

Then draw the third circle below the first and the second. The 1/4th of the top part of the third circle should touch the first and the second circles like shown in the image below.

image 6

Press Alt + Backspace to fill the circles with any foreground color and press Ctrl +D to deselect the layer. Name the layer as Shape.

image 7

Double click on the Shape layer in the layers palette or right click on the Shape layer in the layers palette and select Blending Options. From the Layer Style window select the Stroke option. Set the fill type to color, stroke color to #0d1a65, size 2px and position outside.

image 8

Select the Color Overlay option and set the Blend mode to normal, Color to #48689e and opacity to 100%.

image 9

Select the Satin Style and set the Blend mode to Normal, Opacity 50%, angle -45, color #748692, Distance 11px and Size 14px.

image 10

Select the Inner Glow and set the Blend Mode to Screen, Glow color to #9b9eaf, choke 4% and size 40px.

image 11

Select the Bevel and Emboss Style and set the style to Inner Bevel, depth 1px, size and soften 10px, Shading angle to 90 and altitude to 37. Set the Highlight and the shading color to #ffffff.

image 12

Duplicate the Shape layer.

image 13

Right click on the Shape Copy layer in the layers palette and select Clear Layer Style.

image 14

Double click on the Shape copy layer. In the Layer style window select the Color Overlay style. Set the color to #314c81, Blend mode Normal and opacity 100%.

image 15

Then select the Inner Glow style. Set the Blend mode to screen, glow color to #1f6780 and size 13px.

image 16

Select the Elliptical Marquee Tool (M) image 2 and draw an oval and position it as shown in the image below.

image 18

Select the Shape copy layer from the Layer palette and press del.

image 19

Select the Text tool from the Tool Bar and Type the letter ‘Y’. I have used the text options : font family : Elementary SF Black, font size : 60px and color : #fff500.

image 20
Click to enlarge

image 21

Double Click on the Y layer and in the Layer style window, select the stroke. Set the stroke color to #bbe71e, size to 2px and position as center.

image 22

Duplicate the Y layer and place the new layer below the Y layer

image 23

Double click on the Y copy layer and from the layer style window select the Stroke option. Set the stroke color to #364a6b, size to 3px and position outside.

image 24

Select the Outer Glow option. Set the Blend mode to normal, opacity 60%, glow color #738caa, technique Precise and size 13px.

image 25

Make a another duplicate copy of Y layer and position it above the Y Layer.

image 26

Set the foreground color to #b6e316 and press Alt + Backspace to change the text color of the new layer.

image 27

Right click on the Y copy 2 layer and select Rasterize Type.

image 28

Select the Elliptical Marquee Tool (M) ) , draw an oval and position it as shown in the image below:

image 29

Select the Y copy 2 Layer and press del. The Logo should appear like the one shown below.

image 30

Next we will create the bubbles. Create a new layer, name it as bubbles1 and place it below the Shape layer in the Layers palette. Select the Elliptical Marquee Tool (M) and also click on the Add to Selection in the Tool Options bar.

image 4
Click to enlarge

Draw some circles as shown in the image below.

image 32

Set the foreground color to #84bc35 and press Alt + Backspace to fill the bubbles.

image 33

Double click on the bubbles layer in the layers palette and select the stroke option. Set the stroke color to #5b8510, size to 1px and position as center.

image 34

Repeat the step 4 and create the layers bubbles2 and bubbles3 and position it as shown in the image below:

image 35

Select the Elliptical Marquee Tool (M) image 2 from the tool bar. Create a new layer and name it as mask. Draw the circle using the Elliptical Marquee tool, set the foreground color to #61952e, press Alt + Backspace to fill the circle and press Ctrl + d to deselect the layer.

image 37

Select the Mask layer and press Ctrl and click on the bubbles3 layer to load the selection.

image 38

Press Ctrl + Shift + I to inverse the selection and press del. Press Ctrl + D to deselect.

image 39

Finally create the Name for the company. Select the Text tool , set the font family to Elektra, font size to 24px and color to #345387 and type the text Yera.

image 40
Click to enlarge

image 41

Double click on the Year layer and open the layer style window and select the stroke option. Set the stroke color to #0f1c65, size to 1px and position to outside.

image 42

Select the Text Tool and set the font family to Elementary and color to #61952e, type the text Designs.

image 43

Double click on the Designs layer and open the layer style window and select the stroke option. Set the stroke color to # 3f620d, size to 1px and position to outside.

image 44

The Final Logo should look like:

image 1