How To Create A Logo Using Custom Shapes In Photoshop

Bakari Chavanu 26-12-2009

create a logoFirst off, a warning. This how-to article is about graphic design written by a non-designer, for non-designers. I only claim to be someone who appreciates the art and work that real graphic designers do. But I also know that just like you don’t have to be a professional photographer to make great photos, you don’t have to be a trained graphic designer to explore the art and techniques of graphic design. So now that you’ve been warned, feel free to read on.


This how-to focuses on using custom shapes in Photoshop to explore possible ways to create a shaped-based logo. You will not be successful at creating your own logo without lots of patience. You might create a likable design on your first try, but more than likely it will a take a few hours to several weeks trying out different shapes, colors, fonts, and sizes to get your desired results. If this sounds like a hassle, then you need to pay a graphic designer. If you like a creative challenge, then read on.

To get started, let’s just play around. Open a version of Photoshop. Create a file large enough (5 by 5 inches, for example) to layout your design.

Now select the  rectangle or oval shape tool in the tool’s palette. Select a foreground color that you want to start with. Remember, be willing to experiment. Just because you choose black as your starting point doesn’t mean you should stop there. In fact, you should go on to try 10 more colors.

With the regular or oval shape tool selected as your base, hold down the shift key and draw a perfect square or circle with the mouse and cursor. Draw it large enough so that you’re comfortable working within it.

Now here’s where the fun begins. Select the shapes tool again, but this time, click and hold on the tool button and select Custom Shape Tool.

create a logo


Select the Custom Shape Palette in the menu bar of Photoshop. Choose a custom shape that you want to experiment with. Don’t spend time fretting over what shape you should use. If you have never done this before, your first goal is to experiment with possibilities. So choose a shape, and then using the mouse and the cursor, draw the shape over the square. When you do this, the colors of the custom shape and the square might be the same. After you click the return key to apply the shape, keep its layer selected and then change the color of the custom shape to white.

create a logo in Photoshop

After the color is set, select the move tool in the Tool Palette. Be sure your custom shape layer is still selected. Now resize the shape to create a new shape mixing the square and the custom tool.

Here’s an example combining an umbrella shape and stretching it a little until it takes on a slightly different shape combined with the black square.


create a logo for free

Now select the move tool again; option-click on the background square or oval shape, and drag it to make a copy. Change the color and try some new shapes. Don’t limit yourself. You can spend a few hours just experimenting, and that’s exactly what it takes to come up with a possible good design.

Keep experimenting. Have fun and don’t censor yourself. Mix background shapes with fonts, as in the example on the right, which is a combination of a circle and the font, Jazz LET (letter S).

create a logo in Photoshop for free


Photoshop may contain a shape or two that will fit your needs, but more than likely, if you want your logo to be unique, you’ll need to create an entire new shape. Head over to Ladyoak or do a search for free custom shapes for Photoshop to download more custom shape styles to combine.

You will also have to consider the font style of the business name for your logo. That’s a subject for another article or book, but just as you experiment with shapes and colors, do the same with experimenting with font styles and the various character tools found in the Character Palette of Photoshop.

When you’re ready to design your logo, visit YouTheDesigner to get ideas and inspiration for designing your logo.  If you’re interested in learning more on the subject of graphic design, I strongly recommend a classic primer, The Non-Designer’s Design Book, by Robin Williams.

create a logo for free


Let us know how you get on with your own logos and if you have any questions, let us know in the comments.

Related topics: Adobe Photoshop, Image Editor.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Andi Pang
    January 4, 2010 at 8:29 am

    I love this tutorial! It's so nice! Thank you so much! I'm still new to creating logos. But, Bakari, if you would want to see what I've created, here's the link [Broken URL Removed] (I'm pretty proud of the outcome!)

    • Bakari
      January 7, 2010 at 4:54 pm

      Hey Andi, I just saw your comment. Yeah, those are great. I like the first version best, but I can see uses for all three versions. Even if you're not doing a logo, it's still fun just to create designs and see what you come up with. Eventually you'll want to try more advance tools like drawing on path, or designing in Adobe Illustrator.

  2. Chanio
    December 27, 2009 at 7:17 am

    Some basic concepts to add:
    * Scales are the trick. Always work with a picture 10 times the size you'll need. Then when you scale down, the finishing looks like from a pro. It also works like a graphic expertisse. You should always check if the image works as a strong graphic impact. Watch it resized as an icon. Can you still see the picture clearly? If you can, then the picture has a strong graphic impact.
    * You should always try using the same font. Mixing fonts is a very difficult task.
    * The same happens with colors. Try using different shades of the same color.
    * The basic idea of a graphic dessign is to like it after several years of watching it. Try it for some days, and notice what should be taken away from it. Less is more.

    Happy new year!

  3. Bakari Chavanu
    December 26, 2009 at 9:13 pm

    Very cool. Those who are working on a project using these tools, or trying it out for the first time, please send me, or post, a link and show what you came up with.

  4. Justin
    December 26, 2009 at 9:12 pm

    Does anyone know how this can scale? I always thought that you wanted to use vectors for logos so that you can scale them as needed.

    • Bakari Chavanu
      December 26, 2009 at 9:20 pm

      Justin, I should have included that in the article. I think you should transfer or create your logo on a background transparent file, then save it as a TIFF image. Of course, start off making it large so that it can be scaled down if needed. From there, you can make different variations of the logo (colors, file formats, and sizes) using Save AS.

  5. Hector
    December 26, 2009 at 8:45 pm

    I am actually working on a project using these built in objects. It does the job.

  6. pceasies
    December 26, 2009 at 6:43 pm

    Very nice, I'll probably be giving this a try soon