PSDesignZone - Source for Photoshop, Fireworks, Gimp, and CSS Tutorials » Gimp

Welcome to the Gimp Arrow Logo tutorial, in this tutorial we will be creating a Logo like below. Note: I created this logo for the upcoming website StudyNShare.com

Be sure to also check our photoshop tutorials

To begin, create a new Image in Gimp with the following properties

Now that the new image is created create a new layer and name it Arrow-One use the rectangular select tool and create a selection with the following properties: Tip: Look to the left for these properties

Use the bucket tool (Shift + B) and fill the selection with the color #4DA900 you should now have the following:

You are now going to need to create a Triangle to do this activate the View-Show Grid option and the View-Snap To Grid Option, this will aid in the creation of the triangle. Select the path tool and use it to create a selection like below:

after you are finished, look to the left hand side and click the ‘Selection from Path’ button, this will create a new selection. Use the bucket tool and fill your new selection in with #4DA900 again. It should look like below.

Tip: You may need to move the selection around a little bit to get it aligned properly. You can also remove the View-Snap to Grid and Show Grid options.

Now right click on the Layer with the arrow on it And select Alpha to Selection this will select the arrow, now right click in the image editing area and choose Select then Grow this will expand the selection by a certain amount of pixels, grow it by 3 pixels like below

Now create a new layer underneath the arrow layer and name it Arrow Border use the bucket tool and fill the selection with white #FFFFFF. Right click in the selection area and go to Filters – Light and Shadow – Drop Shadow like below:

In the Drop Shadow Dialouge be sure to apply the following settings

Now right click on the main Arrow layer and select Alpha to Selection this will create a selection for the arrow, create a new layer and select the Rectangle Select Tool now press and hold ctrl and then drag a selection around the bottom of the arrow like below.

It should now look like this

Now select the Blend or Gradient Tool (L) and set it’s properties like so:

Create a new layer and name it Highlight Layer Now drag the gradient in a vertical line from Bottom to top Like so

Which should make it look like so: Tip: You can adjust the opacity of the highlight layer for a more realistic appearance

Now, merge every layer except for the background layer, Duplicate the newly merged layer, pull out the rotate tool click anywhere in the editing window and set the rotate tools angle to the following settings and press rotate. (only modify the angle

Now use the Move tool to position the newly created arrow underneath the first Arrow.

Now we can work on the Text of the logo

Pull out the text tool and click anywhere you want the text to be

I set the Text to the following properties

Now type in whatever you want for the tutorial I typed ’study’

Once again right click on the new ’study’ layer and choose, Alpha to Selection Create a new layer under the ’study’ layer and right click in the image editing area and choose Select then Grow this time choose 2 pixels and your selection will grow Fill the selection with white #FFFFFF, and apply a dropshadow (right click – filters – light and shadow – drop shadow) with the following properties:

And there you have it, do the same as the previous step with the rest of your text and you will come out with.

Tags: Gimp, Logo

PSDesignZone - Source for Photoshop, Fireworks, Gimp, and CSS Tutorials » Gimp

Avatar Aang Signature in Gimp

Related posts

Amazing Light Effects in Gimp

Related posts

Giving a Photograph some life in Gimp

Related posts

Folded Paper Effect in the Gimp

Related posts

Gimp Bird Poster Effect

Related posts

Winged Dragon Design Using the Gimp

Related posts

Trendy Blog theme Design in The Gimp

Related posts

Sun Rise Effect in The Gimp

Related posts

Cool Photo Effect in Gimp, Very Realistic

Related posts

Creating Awesome Fireball explosion in The Gimp

Related posts

Awesome Poster design in The Gimp

Related posts

Arrow style Logo Gimp tutorial

Related posts