The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Tutorials Drawing Techniques Design a Cool WordPress Logo in Photoshop CS5

Design a Cool WordPress Logo in Photoshop CS5


WordPress is a powerful personal publishing platform, and it comes with a great set of features designed to make your experience as a publisher on the Internet as easy, pleasant and appealing as possible. WordPress is one of the best wed development platforms in the net today. Many don't know what is WordPress and its capabilities.

Today I am going to share with you that how to design a WordPress logo in Photoshop CS5. Its so simple and easy tutorial to create your own logo designing. I have complied this tutorial step by step. I hope you will like it. Always remember to share your sweet comments with us.

Create a WordPress Logo in Photoshop - Final Preview

img

Final Preview

 

Step 1

1st of all create a new document (Ctrl+N) with 600x500 of size.

img

Create a New Document

Step 2

Select Ellipse Tool (U) from tool panel and draw a circle with black color #000000.

img

Draw a Circle

Name this layer 1st Circle, now we will applying Gradient Overlay on this 1st circle layer.

Go to Layer > Layer Styles > Gradient Overlay.

img

Gradient Overlay

After applying gradient overlay we get a cool effect on 1st circle layer.

img

Get a Beautiful Effect

Step 3

Select Ellipse Tool again and create a circle with white color #ffffff as like in preview.

img

Create a Circle

Name this layer 2nd Circle, go to the Blend Options and applying some Layer Styles on this 2nd Circle layer.

Go to Layer > Layer Styles and applying these Layer Styles.

Gradient Overlay

img

Gradient Overlay

Stroke

img

Stroke

After applying these layer styles we get a new effect on 2nd circle layer.

img

Get a New Effect

Step 4

Select Ellipse Tool ones again and create a circle with white color #ffffff as like in picture below.

img

Create Circle

Name this layer 3rd Circle, select 1st circle right click and chose (Copy Layer Style) option then paste layer style on 3rd circle layer.

img

Paste Layer Styles

Step 5

Select Ellipse Tool and create a circle center of all circles with white color #ffffff name it 4rth Circle.

img

Create White Circle

Go to the Layer Styles and applying some Blending Options on this circle layer.

Go to Layer > Layer Styles and applying these Blending Options.

Inner Glow

img

Inner Glow

Gradient Overlay

img

Gradient Overlay

After applying these layer styles we get awesome effect on 4rth circle layer.

img

Get Awesome Effect

Step 6

Select Text Tool from tool panel and type a text with (220px) applying white color #ffffff.

img

type a Text

Hold Ctrl key and click thumbnail of 4rth circle layer to make a selection.

img

Make a Selection

Press (Shift+Ctrl+I) to inverse the selection.

img

Inverse The Selection

Select text layer rasterize it hit delete button to delete selected area then press (Ctrl+D) to deselected selection.

img

Delete Outer Area

Go to the Blending Options and applying some Layer Styles on text layer.

Go to Layer > Layer Styles and applying these Layer Styles.

Bevel and Emboss

img

Bevel and Emboss

Gradient Overlay

img

Gradient Overlay

After applying these layer styles we get nice effect on text layer.

img

Get Nice Effect

Step 7

Select Ellipse Tool from tool panel and create a circle with white color #ffffff top of all the layers name it layer Crystal.

img

Create a White Circle

Select Elliptical Marquee Tool and make a selection as like in preview.

img

Make a Selection

Rasterize crystal layer and hit delete button to delete selected area then press (Ctrl+D) to deselect selection.

img

Deselect Selection

Down Opacity (10%) of this crystal layer.

img

Down Opacity

After down opacity get nice result.

img

Get Nice Result

After complete all steps, we get our WordPress logo in final preview.

Final Preview

img

Final Preview



Author's URL: tutorialchip.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: