RSS Feed About Tutorials Blog

All        Blog        Business        Entertainment        Illustration        Portfolio        Social NetworkContact Us
design-a-concept-web-logo-in-photoshop

Design a Concept Web Logo in Photoshop

1-30-08Category Filed under Designing & Photoshop Tutorials

Step 1:
Let’s start out by creating a new file. I used a 450×200 pixels canvas set at 72dpi, and I filled my background with a white color. Then on your tools palette set the foreground color to a cool blue, color code #00B6F3.

Step 2:
Choose the Pen tool with paths selected under the options palette. In a new layer make the same path shown below. Then right click with your mouse and select Fill pixels.

Step 3:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your shape layer from step two.

Step 4:
Duplicate your shape layer and clear out the Gradient Overlay blending option attached to the layer. Then go to Edit > Transform > Flip Horizontal.

Step 5:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your duplicate shape layer.

Step 6:
On your layers palette linked both the shape layers and merge by going to Layer > Merge Linked. This should combine the shape designs along with the styles attached in one layer.

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Outer Glow, Inner Glow and Stroke blending options to your merged shape design layer.

Step 7:
With all that blending options added to the shape layer, your design should now look like this.

Pages: 1 2 3
Did you enjoy this design? We publish fresh tutorials
on a daily basis so why not Subscribe to our RSS Feed?

8 Responses to “Design a Concept Web Logo in Photoshop”

  1. vallavank Says:
    January 31st, 2008 at 4:04 am

    just fun

  2. Wouter Says:
    January 31st, 2008 at 8:25 pm

    Heey dude,

    nice logo =)

  3. Tutorials » Blog Archive » Photoshop Tutorial for Concept Logo Says:
    February 5th, 2008 at 6:08 pm

    [...] This simple Photoshop tutorial can guide you through creating a very professional logo for your personal company or website, or something just to use as an avatar in your favorite game. To pay for the techniques utilized in this tutorial would cost hundreds of dollars, simply for a nice logo. If you would like to check out this tutorial it is available at PSTutorials  [...]

  4. Zinni Says:
    February 10th, 2008 at 1:22 am

    I can’t help but put it out there that tutorials like this totally undervalue the talent, work, education, and skill that is necessary for designers to create an identity for a business that accurately portrays its needs. While I know that was not the intention of the article, stating that it is easy to do yourself and expensive for a designer does imply it.

    Also on a completely technical level try printing the logo you just created on some large signage and let me know how it looks. Pixelated and crappy is the answer, Logos should almost always be created in a vector format… ie illustrator.

    I could go on forever, however designers cost “a lot” for a ton of reasons, which could not possibly be listed here.

  5. ABDUL REHMAN Says:
    February 21st, 2008 at 5:46 am

    it is good and nice tutorial

  6. OriginMaker » Design a Colorful Header in Photoshop Says:
    March 22nd, 2008 at 3:21 pm

    [...] Web Logo: Read Tutorial | Download PSD [...]

  7. mooqla Says:
    March 31st, 2008 at 9:23 am

    Can u explain ones more - where, on whet layer shoud I draw the line to get a blik on the circle?

  8. admin Says:
    March 31st, 2008 at 9:32 am

    mooqla I don’t understand your question, can you tell me which step your having problem with?

Add a Comment