Navigation

Categories

Search



Fun Banner Project

Here's a fun project creating a banner, using the Gimp! Such a banner may be used for a website, or a flier, or a T-shirt, or a....

First, open a new project in the Gimp, and for this project we are going to go with a 600 pixels X 100 pixels canvas. If you know the background color for your banner, it's a good time to introduce it. For this tutorial let's go with a burnt orange, like to cool Corvette I saw today.

so at this point we have a canvas that looks like this:

20100218-banner1.png

Next, select the text tool, then set some attributes. In this case I selected Bitstream Vera Sans Bold as the font and 42 as a font size, a color (I chose blue for this exercise). Now go ahead and type a message, preferably not something as dumb what I chose to type on my example banner. As follows:

20100218-banner2.png

Next, goto Layer --> Duplicate Layer, what this action will do is create a layer of the font message I just typed. Now select the text tool, then click on the banner message; this action will open the small text window and the text attributes. Now highlight the text in the text edit window, then change the color of the text to black:

20100218-text editor.png
20100218-text color.png

Now on our canvas we see something like this:

20100218-show to front.png

Now, with the move tool, drag the layer with the black font down and to the right, as follows:

20100218-shadow to front.png

Now goto Layer --> Stack, then choose to lower, layer. The result as follows:

20100218-shadow to back.png

Now I bet you can see where were headed here. Now let's make the shadow look more real! Goto Filters --> Blur --> Gaussian Blur. Now I chose 5px horizontal, and 5px vertical, which gave me the following result:

20100218-blurred shadow.png

Looking good so far aye!!! Now let's close this thing up! Goto Image --> Flatten Image. Now goto filters --> Decor --> Rounded Corners. I chose the following settings:

20100218-rounded corners attributes.png

Here is the finished product:

20100218-banner.png
































22:30:38 - john -