How to Create a Simple yet Stylish Logo in Photoshop (For Beginners)advertise here

How to create a simple yet stylish Logo in Photoshop (For Beginners)

Today i have created a simple photoshop tutorial for beginners to make really cool and stylish logo. You can follow these simple steps and make this sort of logo really easily . Feel free to share your suggestions and your ideas regarding it in the comments section below.

You might also like to view : Create a stylish Desktop Wallpaper in Photoshop

Before we go further remember to Subscribe to our Free Rss Feed or Follow us

on Twitter to stay updated with our postings

Final Result:

Step 1:

Create a New  file , i prefer a square shaped file for this logo. Double click on the background layer to make it a Layer.

Step 2:

Create a New layer. Use the Ellipse Tool to make a big circle by holding shift while you drag (For equal size perfect circle)

Step 3:

On the created Layer using the brush tool color the circle in black (It’s obligatory to be imperfect so it will give the logo a more stylish look)

P.S. Don’t delete the path you’ve made with the Ellipse Tool.

Step 4:

Go to PATHS (Window> Paths) and hit the Interrupted Line Circle; so the path circle you’ve made with the Ellipse Tool will transform into a selection area.

Now hit Delete button on your keyboard.

Step 5:

Press M (Marquee Tool)  and click once near the selection area so it will disappear.  Using the Erase Tool get in the right shape your circle (like i did in the image below)

Step 6:

Now you can make a copy of this layer and resize  it (CTRL + T) by holding shift to a smaller circle or create a new Layer and perform the same steps (2-3-4-5).

You should have something like this (check the image below)

STEP 7:

Make a new Layer and using the Brush Tool make the lines between the 2 circles.

STEP 8:

Select the 3 layers with the big circle , small circle and the lines between them (click on the layer names holding CTRl , or for  a faster select holding SHIFT click the first layer you want to select and the last one , so all the layers between them will be also selected) , and right click ” Merge Layers”

STEP 9:

Using the Fill Tool drop colors in the areas you between the lines (Quick TIP : fill more than once , so there will be no blank spaces)

STEP 10:

Using the Text Tool drag and create the area where will be the text. Add your text. Here are the text parameters which i used you can use as u like.

Font: AfterShockITC TT Size: 105 pt

Right click on the Text Layer and then hit Rasterize Text. Now you can treat the text like an Image. Afterward move the text in the middle of the circle.

STEP 11:

Make a new layer. And using Brush tool and different colors make a childish coloring style like i did in the image below.

STEP 12:

Now holding CTRL hit the text layer’s icon. (do not click the text layer , stay on the colors layer) It should make the selection of the text area.

STEP 13:

Hit Delete and you are done! So here you have a nice , simple and stylish logo. You may delete the Background layer.

Save it as a PNG file and use it on T-Shirts and wherever you would like to.

Hope you’ve learned something new , and stay tuned for new tutorials.

Final Result

Sathu sathu sathu sathu sathya……Punchnama on YouTube Box Office. Absolutely Free!

As a logo designer, I am frequently asked to make a logo for blog owners. Mostly, blogs have this Web 2.0 styling which is a simple

design, eye-friendly, three-color scheme and WordPress powered websites.

If you paid attention to their logos, you can see what they have in common: glossy, reflected (often) and light-colored text. Actually

it doesn’t take a real gifted artist to create such a logo, so in this tutorial, I’m going to show you how to create a nice-looking,

simple, eye-candy logo for your blog in Photoshop.

Thus, before dropping me an email ordering a logo for your blog, try it yourself (hell, am I losing my money here?) just to find out

that you can’t make it better than me.

Open Adobe Photoshop and create a new document (Ctrl+N or File->New). Set width and height to 400 and 100 pixels

respectively. Make resolution 72 pixels/inch, leave the background as white. Note: these size and resolution settings are

only web-friendly. For printing, use a higher resolution (like 300 pixels/inch).

Using the Type tool, choose a clear, rounded font like Arial, set the size to 60 and type some text (i.e. your blog’s title).

Set the color to sky-blue (hex code: #0099cc):

Right-click on your text layer, select Blending options and set as shown on screenshots below:

(Drop Shadow: Structure: Blend Mode - Multiply, Opacity- 61%, Angle – 120, Distance – 5, Spread – 0, Size – 5;

Stroke: Structure: Size – 3, Position – Outside, Blend Mode – Normal.)

Ads by Google

Ra.One YouTube Channel www.youtube.com/RaOneMovie

Latest Songs, Trailers & More. Get The Latest Updates For Ra.One!

Home Interior Designer yellowpages.sulekha.com/Home

Decorate Your Living Environment Easy Contact With Interior Designer

Fashion and You fashionandyou.com

Designer Wear at Guilt Free Prices Get Fashion Forward NOW!

Web Designing Courses www.Shiksha.com/Web-Designing

Find Top Institutes in India.Get Info on Courses,Admission,Fees etc.

Click OK. Here’s what you must have came up with:

Almost done. In the next step, we will add a glossy effect to the text.

Ctrl+click on your text layer to choose the text only:

Create a new layer (Ctrl+Shift+N or Layer->New Layer->OK).

Using Paint Bucket tool , fill the selection with white color:

Deselect (Ctrl+D) and with the Elliptical Marquee tool make a selection as below:

Now we need to invert the selection. For that, press Ctrl+Shift+I or right-click over the selection and choose Select

Inverse. Press Delete and deselect:

Set the opacity of this layer to 32:

Take a look at your now-glossy blog title:

Let’s add some keywords under the title. Using the same font, size 12 and light-grey color (hex code: #b0b0b0), type

something like I did “Internet. Life. Future.” (I don’t know why, just from the top of my head, you use yours of course)

just under the main text: