Curly's Splatter/Vector Sig Tutorial!

This form is specific to GIMP tutorials and tips. GIMPTalk's official illustrated tutorials and tips.

Postby curly haired boy on Mon Aug 28, 2006 7:43 pm

This tutorial will show you how to make a sig like this in GIMP.

Image

Warning! This tutorial is not for GIMP beginners! You will need
some experience with GIMP to be able to do this tutorial
successfully.

Note: This tutorial will not work well with all renders. Try
to pick a render that has a limited color range, i.e., one
that is several shades of the same color.

Start out with a basic new canvas. Take a look at your render
and pick a color that is similar. Fill your canvas with that
color.

Image

Now, paste your render in on a new layer. Position it slightly
to one side.

Image

Now, duplicate the render layer, and pick a new dark color
from the render. Then go to your gradient tool, and set the
gradient (double-click on "gradient" in the tool options) to
'FG to transparent'.
Then, go to Filters > Colors > Map > Gradient Map.
You should get this:

Image

Now, in your layers dialog, right click on the Gradient Mapped
layer, and choose "Alpha to Selection". Make a new layer.
In your Paths dialog, click the button at the bottom that looks
like this:

Image

That is the "Selection to Path" button. While you are in the
Paths dialog, click to the left of the path you just
made to make it visible. Then select the Paths tool.
You should see something like this:

Image

Now, with the Paths tool selected, click on one of those
thin red lines. The picture will change to this:

Image

Go back to your Paths dialog, and click the eye to make the
path invisible again. Then click this button at the bottom of
the dialog:

Image

That is the Path to Selection button. You should have this:

Image

Now, go back to the Layers dialog and make sure that you
have that new blank layer selected. Then fill the selection
with the Paint Bucket tool. You should get this:

Image

Your sig looks half-vectored already! But it is very dull and
flat. Let's spruce it up. Set the bottom render layer to Dodge.
Move the Filled selection Layer down underneath the
Gradient Mapped layer, and set it to Difference. Set the
Gradient Mapped Layer to Hue. You should get this:

Image

Now that's a lot more vibrant! AND it looks vectored, but
without the hours of labor with the Paths tool. ^_^

Let's add some cool effects. Make a new layer, and use the
Paths tool to make a diagonal line across the sig:

Image

Pick a new lighter color, and then go to Edit > Stroke Path.
Set the width to about 15. You should get this:

Image

Repeat this with a new path to the side, and a new color:

Image

Now, make a new layer, and get out your Sparks Paintbrush.
Brush lightly around the render, flowing upward.

Image

Go to your Layers dialog, and right click on the layer with the
sparks on it. Choose "Alpha to Selection". Then go to your
Paths dialog and click the button at the bottom that looks like
this:

Image

Now go to Select > None and then go back to the Paths dialog.
Click the button at the bottom that looks like this:

Image

Now, make a new layer above the sparks layer, pick a new
matching color, and fill in the selection. Then delete the
sparks layer. You should have something like this:

Image

Repeat this process with a new spark layer, and a new color.
After doing that several times, you'll get something like this:

Image

The sig needs something more...In your Paths dialog, select
the original path that you made from the Gradient Map.
Make a new layer, pick a new color, and then go to Edit >
Stroke Path. Set the width to 2 or less. Move the layer to the
side a few pixels, and then erase where it doesn't
look good. You should get something like this:

Image

Repeat this process with new layers and colors:

Image

Now it's time for a border. Follow these directions to get a
border similar to the one i have.

Make a new layer. Go to Select > All, then Select > Rounded
Rectangle. Set it at 35. Leave the other settings alone.

Fill the selection with a color. Go to Select > None.
Move the layer up and to the right about 15-20 pixels.

Go to Layer > Layer to Image size. Go to the Layers dialog,
right click on the selected layer, and choose "Alpha to
Selection". Go to Select > Invert.

Make a new layer.
Fill the selection with color. Delete the mostly filled rounded
layer. Go to Select > None. You should get this:

Image

It's time to add text. Try to choose a font that is sleek
and modern. Make the text color similar to the other colors
in the sig. Angle the text with the Rotation tool to make it
line up with the stripes.

Now your Splatter/Vector sig is complete!

Image
User avatar
curly haired boy
 
Posts: 3496
Joined: Thu Dec 29, 2005 5:29 pm

Postby sydney on Mon Aug 28, 2006 7:48 pm

wow, nice tut, Curly! I gotta try this out some time!
Image
User avatar
sydney
 
Posts: 5410
Joined: Tue Jul 04, 2006 12:19 am

Postby Blazeboy on Mon Aug 28, 2006 8:39 pm

Looks cool, I'll try this aswell.

Gawd I hate school, all these awesome tutorials and no time to do them.
User avatar
Blazeboy
 
Posts: 1074
Joined: Thu Jun 01, 2006 6:07 am

Postby +-HaWk-+ on Mon Aug 28, 2006 8:58 pm

really cool im trying it out now but its just not working out for me the path instructions when the render colors are changing really threw me off but im trying to figure it out :c:
User avatar
+-HaWk-+
 
Posts: 137
Joined: Sun Aug 27, 2006 4:50 pm

Postby Pricklyporcupine on Mon Aug 28, 2006 9:11 pm

great tut.
i was pretty into vectors a short while ago, i'll have to get back into them :w:
Latest Work:
Image
AKA: Calpalg.
Pricklyporcupine
 
Posts: 63
Joined: Sat Jul 15, 2006 11:48 am

Postby darkblade44431 on Mon Aug 28, 2006 9:34 pm

Very nice tutorial curly! I love the results and i've definately been waiting for something like this and wondering how the hell you did your samus sig1. Now i get it! Thanks! But just one question, on the part where you used the pen tool to do and make the little square rectangle looking lines. How did you get them to look so perfect,eh?huh?
LATEST:
Image
darkblade44431
 
Posts: 133
Joined: Wed Jul 26, 2006 11:27 pm

Postby ravenflock on Mon Aug 28, 2006 9:34 pm

i love it, ill post an outcome soon
Image
ravenflock
 
Posts: 93
Joined: Tue Jan 03, 2006 9:12 pm

Postby Vo1ture on Tue Aug 29, 2006 1:28 am

Nice job on the tutorial.
User avatar
Vo1ture
 
Posts: 1870
Joined: Tue Feb 28, 2006 9:36 pm

Postby Rob 3.0 on Tue Aug 29, 2006 8:41 am

watcha think curly?I think the render choice threw me off.this vector style gives me some ideas,i will be making more sig with this tut.(that are actually good renders)
Image
Image
Rob 3.0
 
Posts: 57
Joined: Sat Jul 15, 2006 5:37 am

Postby darkblade44431 on Tue Aug 29, 2006 9:04 pm

Awesome tutorial curly, once again! NICE RESULT! HERE'S MINE!
Image
I think what you should do is make an ultimate tutorial called "Curly's Ultimate Tutorial" and have it include all of your techniques throughout all of your tutorials and even new ones for this one!
LATEST:
Image
darkblade44431
 
Posts: 133
Joined: Wed Jul 26, 2006 11:27 pm

Postby KITM on Wed Aug 30, 2006 12:30 am

*praises*
My result:
Image
Image
KITM
 
Posts: 43
Joined: Tue Jun 13, 2006 3:28 am

Postby Blazeboy on Wed Aug 30, 2006 3:01 am

Awesomeness curleh!

I finaly got some freetime, in other words your tute will be used and abused.

Result:

Image

Oh and Mwahahahaha, thanks to Watup's awesome tips I made splatter brushes a while back. That just cut off half the tute :w:
User avatar
Blazeboy
 
Posts: 1074
Joined: Thu Jun 01, 2006 6:07 am

Postby for$aken on Wed Aug 30, 2006 3:08 am

@darkblade44431 hey why do u do the same exact thing as him? jw i thought tuts were to show u how to do stuff but not to be duplicated?
**currentt**
Image
User avatar
for$aken
 
Posts: 220
Joined: Fri Jul 07, 2006 4:56 pm

Postby Rob 3.0 on Wed Aug 30, 2006 5:44 am

look curly another result
Image
Image
Rob 3.0
 
Posts: 57
Joined: Sat Jul 15, 2006 5:37 am

Postby gnar on Wed Aug 30, 2006 7:33 am

here's my results.....
Image
I tried to make the image look vectored like in the tut but it looked horrible, I didn't quite pick out a good render for it but i liked it so I kept the gradient map on and just used that!
Image
User avatar
gnar
 
Posts: 23
Joined: Mon Aug 28, 2006 4:40 am

Postby -)G(-Kratos on Wed Aug 30, 2006 11:07 am

Hey (first post woot)

Great tutorial, I am new but i could made it. Here's my result :

Image

I made it vertical, it came out good :) made it for a friend though
-)G(-Kratos
 
Posts: 7
Joined: Wed Aug 30, 2006 11:05 am

Postby Watup on Thu Aug 31, 2006 1:04 am

Nice dude but I already knew about the sparks brush thing.
Image
User avatar
Watup
 
Posts: 571
Joined: Thu Mar 09, 2006 1:32 am

Postby freddy5feengaz on Thu Aug 31, 2006 2:40 am

nice, easy, great tut dude! :w:
Image
freddy5feengaz
 
Posts: 1
Joined: Fri Aug 25, 2006 10:39 pm

Postby Fr0sty on Thu Aug 31, 2006 4:04 am

yo dark samus i just played u in halo about an hour ago.....i dont think u realized it was me
Image
Fr0sty
 
Posts: 44
Joined: Sun Aug 13, 2006 1:42 am

Postby Blazeboy on Thu Aug 31, 2006 9:06 pm

yo dark samus i just played u in halo about an hour ago.....i dont think u realized it was me


How on topicImage. Please PM instead of spamming.

And yeah, I am a hypocrite :w:
User avatar
Blazeboy
 
Posts: 1074
Joined: Thu Jun 01, 2006 6:07 am

Postby Fr0sty on Thu Aug 31, 2006 9:24 pm

what if i dont know how to pm?
Image
Fr0sty
 
Posts: 44
Joined: Sun Aug 13, 2006 1:42 am

Postby Mike1946 on Thu Aug 31, 2006 10:48 pm

ay,curly,what font did ya use?that font pwns,i think it is the only 1 that would go good with this type of sig
Image
^POWER UP^
Mike1946
 
Posts: 2476
Joined: Wed Aug 09, 2006 2:34 pm

Postby Mercenary on Fri Sep 01, 2006 1:34 am

AWESOME!!!!

Image
Favorite
Image
User avatar
Mercenary
 
Posts: 1400
Joined: Mon Jul 24, 2006 2:23 am

Postby curly haired boy on Fri Sep 01, 2006 2:23 am

@mike: i think it's "century Gothic".
User avatar
curly haired boy
 
Posts: 3496
Joined: Thu Dec 29, 2005 5:29 pm

Postby Mike1946 on Fri Sep 01, 2006 3:26 am

is it a default font or do i have to install it?
Image
^POWER UP^
Mike1946
 
Posts: 2476
Joined: Wed Aug 09, 2006 2:34 pm

Next

Return to GIMP Tutorials and Tips

Who is online

Users browsing this forum: No registered users and 14 guests