TutorialChip

TutorialChip

All Designs, Graphics, WordPress, Web Development Resources

Skip to content
Menu
  • Home
  • Design
  • Tips
  • Tools
  • Inspiration
  • WordPress
  • Tutorials
  • Articles
Search

Design a Cool WordPress Logo in Photoshop CS5

  • by abie
  • Posted on January 9, 2012January 9, 2012

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.

Other related photoshop tutorials:

  • Learn How to Create a Glass in Photoshop CS5
  • Creating a Watercolor Painting Effect in Photoshop
  • Create a Fantastic Retro Radio Using Photoshop CS5
  • How to Create a Pencil Sketch Effect in Photoshop CS5

Tutorial details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 30 Mins

Create a WordPress Logo in Photoshop – Final Preview

Final Preview

Tools and Resources

Tools and Resources

External Resource

  • Capitalis Typoasis Font

Photoshop Tools

  • Text Tool
  • Ellipse Tool
  • Gradient Overlay
  • Elliptical Marquee Tool

Lets start to create our word press logo in Photoshop.

Step 1

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

Create a New Document

Step 2

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

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.

Gradient Overlay

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

Get a Beautiful Effect

Step 3

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

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

Gradient Overlay

Stroke

Stroke

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

Get a New Effect

Step 4

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

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.

Paste Layer Styles

Step 5

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

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

Inner Glow

Gradient Overlay

Gradient Overlay

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

Get Awesome Effect

Step 6

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

type a Text

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

Make a Selection

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

Inverse The Selection

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

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

Bevel and Emboss

Gradient Overlay

Gradient Overlay

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

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.

Create a White Circle

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

Make a Selection

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

Deselect Selection

Down Opacity (10%) of this crystal layer.

Down Opacity

After down opacity get nice result.

Get Nice Result

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

Final Preview

Final Preview

I hope you will have like this WordPress logo tutorial. With theses useful techniques you can create your own any logo. If you have any question you can share with us without any hesitate. Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.

Share this:

  • Facebook
  • Twitter
  • More
  • Pinterest
  • Tumblr
Posted in PhotoshopTagged photoshop drawing effects, tutorial, wordpress logo

Author: abie

I am a blogger, web designer, graphic designer, and overall art lover! View all posts by abie

Post navigation

Prev 30 Handy Professional Tumblr Themes for Better Blogging
Next Create a Beautiful Clean Button in Adobe Photoshop CS5

Recent Posts

  • How Can You Use Videos in Your Email Marketing Strategy?
    February 24, 2021
  • 5 Useful Tips to Boost Your YouTube Video
    February 23, 2021
  • How to Strengthen Your Social Media Online Presence
    February 19, 2021
  • Website Design Tips For Beginners
    February 17, 2021
  • Top Benefits of Blog Writing for Your Restaurant
    February 16, 2021

Archives

  • About
  • Contact
  • Write For Us
© Copyright 2021 – TutorialChip
Magazine WordPress Themes ⋅ ⋅ Crayon ⋅ ⋅ Folder ⋅ ⋅ WPSnow ⋅ ⋅ MagTemplates ⋅ ⋅ TechLarva
Press Enter To Begin Your Search
×