Pinterest Stumbleupon Whatsapp
Ads by Google

Photoshop can do a lot more than just edit photos What Can You Actually Do With Adobe Photoshop? What Can You Actually Do With Adobe Photoshop? Photoshop can now do a lot more than just edit photos; some of the tools from programs like Illustrator have made their way into the software and vice versa. Read More . It’s not quite as powerful as Illustrator or InDesign Your Guide to Choosing The Right Adobe Product Your Guide to Choosing The Right Adobe Product When most people think of Adobe, they either think of Photoshop or Acrobat Reader. But the company has a plethora of other useful software packages that most people know nothing about. Read More but it’s still more than capable of simple design work. Today I’m going to show you how to make a simple geometric logo in Photoshop.

Clean, modern logos are easy to create and look great. If you have a small business and can’t afford a professional designer How to Be a Profitable Online Graphic Designer How to Be a Profitable Online Graphic Designer If you're a graphic designer struggling to turn a profit, all is not lost. Here are some tips for getting your freelance career back on track. Read More , it makes sense to put something together yourself. I’m going to create a sample logo for my adventure photography business. You can then use all the tools and tricks I show to make your own.

In the short screencast below you can see me work through the process of creating my new logo; read on to find out exactly what I’m doing.

Coming Up With Ideas

The hardest part of logo design is coming up with good ideas. I do a lot of adventure photography during the winter so I wanted my logo to represent that. I brainstormed different concepts and came up with the idea of using simple geometric triangles as mountains. This would give my logo a clean, modern look while still having the outdoor vibe I wanted.

0_logo_final

Ads by Google

When you’re coming up with ideas for your logo, think about what you want it to represent. Sketch out a few ideas on a sheet of paper — it’s faster than using Photoshop — and play around with different shapes. Circles, squares, triangles, and other, more complex shapes are easy to work with and combine in Photoshop. I’m just using three triangles but you can use whatever combination of shapes you like.

Once you have an idea of what you want the logo to look like, it’s time to jump into Photoshop.

Step One: Setting Up the Canvas

Start by creating a new document. For my logo, I created a 1000 pixel by 1000 pixel square canvas. This gives me enough flexibility to work through a couple of different configurations.

0_photoshop_canvas_for_logo

Next, you need to create some guides to make positioning the logo elements easier. Go to View > New Guide and create both a Horizontal and Vertical guide at 50%. You can create more guides if you need to.

Step Two: Building the Base Shape

For this logo, I’m using three right angled triangles. The easiest way to create them is to start with a square.

1_square_for_logo

Select the Rectangle Tool (its keyboard shortcut is U) and make sure Shape is selected. Hold down the Shift key to confine the proportions and draw a square roughly 220 pixels a side anywhere on the canvas.

2_triangle_for_logo

Next, grab the Pen Tool and click on the bottom right anchor point of the square you just drew. This will delete the anchor point and turn the shape into a right angled triangle.

Use the keyboard shortcut Command- or Control-T to transform the triangle. Rotate it so that the right angle is pointing up.

3_triangle_for_logo_transformed

With the move tool (the keyboard shortcut is V) position the triangle so that it’s right corner is in the center of the canvas.

Step Three: Positioning the Shapes

Now that the base triangle is built, select it and duplicate it (Command or Control + J) twice.

4_two_triangles_for_logo

Take one of the copies and, with the move tool, position it so that its left corner is in the center of the canvas touching the other triangle.

5_three_triangles_for_logo

Select the other copy and transform it so it’s 125% larger vertically and horizontally. With the Move tool, position it so its base is aligned with the other two triangles and its top corner is positioned on the center guideline.

6_three_triangles_for_logo_positioned

Step Four: Coloring the Shapes

To create a sense of depth, I want the closer mountains to be darker than the one in the distance. Select the Rectangle tool and then select one of the foreground triangles. Change its Fill and Stroke to black. Do the same for the other foreground triangle.

7_trianges_for_logo_coloured

For the background triangle, change its Fill and Stroke to a dark gray. I used #404040. If the background triangle appears above either of the foreground triangles, drag it to the bottom of the layer stack.

Step Five: Adding the Text

With the actual logo shape made, it’s time to add the text. With the text tool (the keyboard shortcut is T) click somewhere on the canvas and enter the name of your business; for me, it’s Harry Guinness Photography.

8_text_for_logo

Center align the text and choose a font that fits the look you’re going for. I went with Gotham Bold in all caps. With the Move and Transform tools, position the text so it works with the logomark.

To finish and tie the text and logomark together, I changed the color of Photography to the same dark gray I used for the big triangle.

Step Six: Try Some Different Variations

The secret to good logo design is trying loads of different variations. You’re unlikely to stumble on the perfect logo first time. When I was working on this logo, I tried a load of other variations around the same idea. You can see them below.

9_logo_iterations

Some of the variations will work, some won’t. The trick is to combine all the bits that do work. Once you’ve got your first variation done, go back in and see what changes you can make. If you’ve used color, try it in black and white. If you’ve just used outlines, try it with shapes and vice versa. Keep experimenting until you’ve something awesome.

Wrapping Up

Photoshop is such a powerful program, there’s very little you can’t do with it. Creating a simple logo uses only a fraction of the design tools available. If you’re interested in learning more advanced design skills, check out these great courses 10 Great Design Courses on Lynda That'll Supercharge Your Skills 10 Great Design Courses on Lynda That'll Supercharge Your Skills Read More .

I’d love to see any logos you create by following along with this article. Share them, and ask any questions you have, in the comments below.

  1. Squalle
    September 18, 2016 at 6:03 am

    Nice logos, Harry! It's hard to say which one I like better, as they all look good.

    • Harry Guinness
      September 18, 2016 at 12:10 pm

      Thanks Rick, I like the symmetry and the depth of the main one but once you've got a decent concept, it's easy to create a few strong variations!

Leave a Reply

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