How to Create a Logo

Updated on: August 5, 2013

Creating a logo is one of the common tasks a graphic designer will be asked to do, and this tutorial will walk you through all of the steps involved.

1.)  First, let’s create a new blank document. Click File > New or Press Ctrl+N.

Screen shot 2012 03 20 at 11.26.22 AM

A pop-up box will open.  Set your canvas size to 600x400 pixels then click OK.

Screen shot 2012 03 20 at 11.26.49 AM

2.)  Create a new layer by clicking the lower left icon on the Layer Dialog box. If you cannot locate the Layer Dialog box, go to Windows > Dockable Dialogs > Layers or Press Ctrl + L.

02

A pop-up box will appear where you have can adjust the layer settings.  Name the new layer “Ring”.  Set the Layer Fill Type to Transparency and then click OK.

Screen shot 2012 03 20 at 11.27.28 AM

3.)  Select the Elipse Select Tool by clicking the dashed oval icon located on the first upper row in the Toolbox or simply press E.

Screen shot 2012 03 20 at 11.56.24 AM

Create a circle that’s 250x250.  Click and drag anywhere on the canvas.  Press shift to adjust the dimensions so that you can create a perfect circle.  You can check the dimensions in the lower area of your window.

11

4.)  Click the foreground color in the Toolbox.

23

A pop-up box will then appear.  Type in 333333 in the HTML notation box. Click OK.

Screen shot 2012 03 20 at 12.10.01 PM

Go to the background color and make sure it’s white.

3

5.) Select the Blend Tool by clicking the icon highlighted below or simply press L.

Screen shot 2012 03 21 at 2.13.39 AM

Click the image of the gradient and select FG to BG (RGB) in the dropdown menu. This setting makes sure that the gradient is composed of your foreground and background colors.

4

Next, select the checkbox beside the gradient image to reverse the direction of the gradient.

5

Click the Shape option and select Radial.

Screen shot 2012 03 20 at 12.11.48 PM

Click the checkbox for Adaptive Supersampling.

6

Now, go back to your canvas.  Click and drag from the top to the bottom of the circle.

7

This is how your canvas should look like afterwards.

Screen shot 2012 03 20 at 1.49.25 PM

6.)  Now, go to Select > Shrink.

Screen shot 2012 03 20 at 1.55.12 PM

A pop-up box will appear. Shrink the selection by 25 pixels and click OK.

Screen shot 2012 03 20 at 1.54.03 PM

You’ll notice that the circle outlined by the animating dashed lines is now smaller than the first one you created.

Screen shot 2012 03 20 at 1.56.37 PM

7.)  Select the Blend Tool once again.

Screen shot 2012 03 20 at 1.58.15 PM

On your canvas, click and drag from the bottom to the top.

8

Your output should look similar to this.

Screen shot 2012 03 20 at 1.59.16 PM

8. Now, add a new layer.

9

A pop-up box will appear.  Name your layer Sphere.

Screen shot 2012 03 20 at 2.01.13 PM

Click Select > Shrink.

Screen shot 2012 03 20 at 2.15.08 PM

A pop-up box will appear.  Shrink the selection by 5 pixels and click OK.

Screen shot 2012 03 20 at 2.01.31 PM

This is how your canvas should look like afterwards. You’ll notice the animated circular outline is now a bit smaller than before.

Screen shot 2012 03 20 at 2.20.15 PM

9.)  Now, click the Bucket Paint Tool in the Toolbox or simply press Shift+B.

Screen shot 2012 03 20 at 2.21.32 PM

&Click the foreground color.

24

A pop-up box will appear.  Select any blue color or you can use the same shade I used.  Type in “216eda” for the HTML notation. Once you’re happy with your color, click OK.

Screen shot 2012 03 20 at 2.26.01 PM

On your canvas, click anywhere inside the animated circular outline.  The outline will be filled with the blue color you assigned.

Screen shot 2012 03 20 at 2.28.26 PM

Click your foreground color once again.  In the pop-up box, assign a cyan color.  You can use the same shade in this tutorial.  Type in 4feeff in the HTML notation.

Screen shot 2012 03 20 at 2.33.07 PM

In your toolbox, you’ll notice that the blue foreground color is now replaced with a cyan shade.

Screen shot 2012 03 20 at 2.35.29 PM

Click the blend tool once again.  Set the Gradient to FG to Transparent.

10

Deselect the Reverse option as well as the Adaptive Supersampling.

111

Create a gradient.  Start from a little above the lower end of the circle and create a line that’s 120 pixels long.  You can check the dimensions on the lower portion of the window.

12

Your image will now look similar to this.

Screen shot 2012 03 20 at 3.05.27 PM

10.) Now, change your foreground color to white.

13

Click the Brush Tool in the Toolbox or simple press P. Set the opacity to 70%.  Select the Circle Fuzzy (19) brush, and set the scale to 10.

14

Position the brush with the top half overlapping with the circle.  Click.

Screen shot 2012 03 21 at 1.40.30 AM

You’ll notice there’s a faded white shade coming from the bottom.

Screen shot 2012 03 21 at 2.03.47 AM

11.)  Add a new layer.

15

A pop-up box will open.  Name the new layer Gloss and click OK.

Screen shot 2012 03 21 at 1.51.01 AM

Click the Elipse Select Tool or press E.

Screen shot 2012 03 21 at 2.01.52 AM

Create an oval at the upper part of the cirlce.

Screen shot 2012 03 21 at 2.15.50 AM

In the Toolbox, select the Blend Tool or Press L.  Set the Gradient to FG to Transparent, the Offset to 0, and the Shape to Linear.

16

Click and drag from the top of the oval to the bottom.

17

You’ll have a white gradient from the top afterwards.

Screen shot 2012 03 21 at 2.16.53 AM

Set the opacity of the layer to 75%.

Screen shot 2012 03 21 at 2.14.45 AM

You’ll notice the gradient has become lighter and more discreet.

Screen shot 2012 03 21 at 2.28.25 AM

12.)  Next, let’s add text to the logo.  Select the Text Tool in the Toolbox by clicking the letter A icon or simply press T.  You can choose any font you want.  Just make sure you pick a big font enough font size so the text is noticeable.

Screen shot 2012 03 21 at 2.33.08 AM

Click anywhere in the canvas.  The Text Editor dialog box will appear.  Type in the initials you want to insert in your logo.  In this tutorial, I used “GS” to stand for GIMPShop.

Screen shot 2012 03 21 at 2.36.56 AM

Whatever you type in the Text Editor will reflect on the canvas.

Screen shot 2012 03 21 at 2.49.01 AM

However, you may notice that the letters don’t really blend in with the rest of the picture.  To fix this,  first click Select > None or press Shft+Ctrl+A.

Screen shot 2012 03 21 at 2.41.10 AM

Next, click Filters > Light and Shadow > Drop Shadow.

18

A pop up-box will appear.  Set the X and Y Offset to 0 and then click OK.

Screen shot 2012 03 21 at 2.40.29 AM

You’ll notice there’s now a shadow around the text that makes blend better with the rest of the elements.

Screen shot 2012 03 21 at 2.49.01 AM1

13. Lastly, select the Background Layer in the Layer Dialog Box and set its opacity to 0.

Screen shot 2012 03 21 at 2.49.52 AM

Now, you have a transparent background.

Screen shot 2012 03 21 at 2.49.55 AM

Great!  Now you know how to create your own logo which you can use as your signature mark.  Watch out for more cool tutorials on the site!

Access 4,242+ video lessons. Instantly.
Start Learning Now →

Advance your skills with thousands of professional classes made by experts

4,242+
Lessons
2,351+
Hours of video content
56+
Different skills
crossmenuarrow-right