comprar priligy comprar cialis comprar viagra
Arrow style Logo Gimp tutorial

Arrow style Logo Gimp tutorial

Use The Gimp to create a Cool Arrow Style Logo, neat effect.

This tutorial has been viewed: 10368 times

 

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: ,

 
Added By:
  1. Snulturgerbut Said: Comment by Snulturgerbut on February 6, 2009 at 1:55 am | Permalink
     

    Hi. Your site displays incorrectly in Explorer, but content excellent! Thanks for your wise words:)

    Reply

  2. Jordan Garn Said: Comment by Jordan Garn on February 6, 2009 at 2:11 am | Permalink
     

    Yeah, I’m working on an Internet Explorer 6 bug, it works good in IE 7

    Reply

    Testing out threaded comments ignore this

    Reply

    More Testing of threading

    Reply

  3. Tyler Said: Comment by Tyler on February 6, 2009 at 9:12 pm | Permalink
     

    always good to share your skills.

    Reply

  4. Radnor Said: Comment by Radnor on March 12, 2009 at 7:27 pm | Permalink
     

    Nothing wrong with this, at all, people should get it more.

    Reply

    Thanks for your words!

    Reply

  5. sean potter Said: Comment by sean potter on May 9, 2009 at 1:47 pm | Permalink
     

    Normally I don?t comment on sites but your article was good.

    Reply

  6. vertu Said: Comment by vertu on July 31, 2009 at 11:37 am | Permalink
     

    Hi. Your site displays incorrectly in Explorer, but content excellent! Thanks for your wise words:)

    Reply

  7. Mode konsulent Said: Comment by Mode konsulent on August 28, 2009 at 7:03 am | Permalink
     

    Good post, thanks for sharing.

    Reply

  8. Gimp Tutorials Said: Comment by Gimp Tutorials on September 19, 2009 at 8:06 pm | Permalink
     

    Thanks for this valuable post. I love gimp.

    Reply

  9. Blog Geek Said: Comment by Blog Geek on March 26, 2011 at 1:21 am | Permalink
     

    This logo could work for my Blog !
    But i’ll try to do one of my own.

    Reply

 

Leave a Comment