Making Flashy Abstract sigs in gimp

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

Postby Havok on Tue Dec 27, 2005 1:34 am

Well, it's been a while, after my GIMP hiatus, I have finally come back to teach one and all how to make the flashy sigs out there.

Now this tutorial is for The GIMP, and I will also be using MicroSoft Paint, but just for a step or 2. And this is my 2 out of 3 part Signature tutorial, and this one is soooo better.

THIS TUT IS NOT RECCOMENDED FOR NEWBIES TO GIMP, LOOK AT MY TECH TUTORIAL FIRST!

Tech Tutorial- http://www.gimptalk.com/topic.php?a=v&t=1790&f=14

This tut is on how to make flashy abstract sigs. You will learn how to make sigs like this in my series of tuts:

Image
Image
Image

Lets get started, You'll need the brushes I'm going to use

Zhennu's brushes 1+3

[url]#1-http://www.deviantart.com/deviation/25702157/[/url]
[url]#3-http://www.deviantart.com/deviation/25702307/[/url]

Adhero Brushes
http://www.deviantart.com/deviation/25440541/

To get the brushes into GIMP, move the .gbr files, to C:\\Program Files\\GIMP-2.0\\share\\gimp\\2.0\\brushes, do this before starting up GIMP.

Getting the background:

1. Start up the Gimp, and start a new document 320x110

Image
2. Your background should be white, make a new layer

Image
2a. if you dont have that layers tablet, Right click the little arrow, then add tab>layers

Image
3. Now on the new layer, choose your first brush from the Zehnuu brushes, I'm using the 3rd pack, and choose a random brush, make sure your foreground is black. Now start brushing until almost no white is left. Opacity is 100%

Image
Image
4. Now make a new layer, do the same thing with white with a different brush, make sure hardly no black is showing.

Image
5. Repeat step 3, but set the layer to overlay, make sure you get something, then duplicate the layer.

Image

Image

6. Repeat step 4, and do the same things for step 5.

note (you should be using a different brush every time)

Image

7. Now you background should be almost all white, now change to the Adhero brushes, they should be all the way at the top of the brushe selection, then create a new layer.

Image

8.Now brush around in black, use 1 or 2 different brushes if you need to.

Image

9. Do the same thing with white. Use different brushes.

Image

10. Do step 3, but with the adhero brushes. Do it on a new layer, and set it to overlay, then duplicate it at the end.

11. Do step 4, just like step 10, but dont brush as much on this one, this is the last brushing layer.

Image

12. If it's a bit 2 bright, lower it's brightness by going to Layer>color> brightness and contrast and lowering on the top layer.

Color

13. Unlike in my last tutorial, instead of using graidents to color your sig, I'm going to use a picture. Use the below pic, and paste it into paint. Stretch and Skrew it by 50% in both on the top part. The strech and skew should be under image dropdown menu.

Image

Image

(From now on I may not put as many pics, since you should now how everything works, I'll just put what it should look like.)

14. Now copy the image and paste it on a new layer.Move where enough color is on the background.Duplicate it about 3 or 4 times.

Image

15. Now, cut the white part on the first layer before duplicating it. Then on each layer, rotate it and move it so it covers the whole sig.

Image
Image

16. Now you should have nearly the entire sig covered. Now on the layers tab, there should be an eye on the far left. Besides the 5 or 4 layers you just rotated, click all of the eyes.
Then like making a new layer, right click but then go to the bottom and "merge all visible layers"

Image

17a. Now re click all the eyes, and on the merged layer, go to filter>distort> polar coords
Then make the adjustments similar to mine.

Image

Image

17b. another way to achieve a good affect it to go to filter>distort>ripple and do it with the default settings.

(I'm going with the ripple effect)

18. Set the layer to overlay and duplicate it once or twice and move it to fill in the grey areas. I also did a motion blur on the top layer to give it some flair.

Image

19. Now if it's a bit bright in some areas, delete some of you adhero brush white layers, and just use the render (character or picture) to cover it up, it depends on your brushing.

Adding a render:

20. Pic a suitable render, I'm going to use the one I use to make the background. Make a new layer and paste it. Dont forget to cover up and major white spots.

21. Erase any un neccessary parts, duplicate the layer, set it to overlay, and do a gaussian blur of 4, repeat if you need to.

22.Do the merge visible layers trick .

Text

23. Choose the text tool, Choose you foreground color, (I'm Choosing Black) and your text.
Make a new layer under it, then on the text layer right click then alpha to selection, choose your outline color, then on the new layer, go to edit>stroke selection. Chosoe your outline size then ok.

Now you got your self a flashy abstract sig. Try and do you own style now instead of stealing mine >.- j/k lol.

You can flatten the image, duplicate it, set it to overlay, and do a gaussian blur of 4, for a extra effect.

Oh yeah and the border, Make a new layer, Select border color, sellect all, then edit>stroke selection, size 1.

Finished product

Image
Havok
 
Posts: 14
Joined: Sat Oct 29, 2005 2:49 am

Postby SPANKY on Tue Dec 27, 2005 1:51 pm

sweet your tutorials are so long and so illustrated great job I'll have to try this
Image
User avatar
SPANKY
 
Posts: 426
Joined: Tue Aug 23, 2005 12:48 am

Postby Chocolate570 on Tue Dec 27, 2005 2:16 pm

Do you think you could put [img] tags around the images? It'll make things so much easier.

Otherwise, great tut! I've always wanted to be able to do sigs like that. :)
User avatar
Chocolate570
 
Posts: 366
Joined: Fri Dec 16, 2005 2:31 am

Postby LTM on Tue Dec 27, 2005 4:09 pm

wOOt! This tutorial rocks! And you gave the links to the brushes also! Awesome! I'll try it later and post my results. :l:

Here is what I made: It didn't turn out to good. :s:

Image
Image
LTM
 
Posts: 35
Joined: Fri Dec 23, 2005 3:03 pm

Postby SPANKY on Wed Dec 28, 2005 2:08 am

thats pretty nice
Image
User avatar
SPANKY
 
Posts: 426
Joined: Tue Aug 23, 2005 12:48 am

Postby Socom2player on Thu Dec 29, 2005 3:39 am

Sort of did 50/50 my way and yours.

Result:

Image
User avatar
Socom2player
 
Posts: 49
Joined: Thu May 26, 2005 2:55 am

Postby Roken on Fri Dec 30, 2005 9:00 am

This might be a stupid question, but exactly how did you remove the background from the image?
User avatar
Roken
 
Posts: 92
Joined: Tue Dec 27, 2005 2:27 am

Postby Havok on Fri Dec 30, 2005 4:39 pm

You use the magic wand tool, it's not hard to miss
Havok
 
Posts: 14
Joined: Sat Oct 29, 2005 2:49 am

Postby MJF on Sat Dec 31, 2005 7:34 am

You use the magic wand tool, it's not hard to miss


The magic wand tool often leaves a rough edge around the render (such as white). In addition to what Havok said, you want to zoom in and manually erase the edges so you get a clean cut.
-----------------------------------------------------------------------------
My DeviantArt Gallery

Image
User avatar
MJF
 
Posts: 506
Joined: Mon Sep 12, 2005 5:50 pm

Postby Havok on Sat Dec 31, 2005 7:48 pm

or you could just feather it, it's hardly noticeable once you color it.
Havok
 
Posts: 14
Joined: Sat Oct 29, 2005 2:49 am

Postby plbeane94 on Mon Jan 09, 2006 6:26 pm

Sort of did 50/50 my way and yours.

Result:

Image


i cant find pictures of army guys, im making a black hawk down sig and i'm desperatly trying to find some
plbeane94
 
Posts: 13
Joined: Mon Dec 12, 2005 10:23 pm

Postby takkun987 on Tue Jan 10, 2006 11:17 pm

Image
how you get those lines?
Image
User avatar
takkun987
 
Posts: 77
Joined: Sat Nov 12, 2005 7:25 am

Postby takkun987 on Tue Jan 10, 2006 11:20 pm

You use the magic wand tool, it's not hard to miss


The magic wand tool often leaves a rough edge around the render (such as white). In addition to what Havok said, you want to zoom in and manually erase the edges so you get a clean cut.

but you can double click on the icon and change the fethering radius so the is no left overs
Image
User avatar
takkun987
 
Posts: 77
Joined: Sat Nov 12, 2005 7:25 am

Postby Havok on Wed Jan 11, 2006 12:39 am

I did a quick scanlines effect,
Havok
 
Posts: 14
Joined: Sat Oct 29, 2005 2:49 am

Postby ShadowMetis on Wed Jan 11, 2006 7:13 am

The link to the image after step four doesn't seem to be up anymore. Can someone tell me what is done in that image? I just want to make sure I'm not missing anything important.
User avatar
ShadowMetis
 
Posts: 14
Joined: Wed Jan 11, 2006 5:48 am

Postby damF on Wed Jan 11, 2006 9:36 am

May i get a link for adhero brushes :h:
User avatar
damF
 
Posts: 52
Joined: Sun Jan 08, 2006 11:27 am

Postby ShadowMetis on Wed Jan 11, 2006 7:05 pm

http://www.deviantart.com/deviation/25440541/

Click the link at the bottom of the page where it says "Download to desktop".
User avatar
ShadowMetis
 
Posts: 14
Joined: Wed Jan 11, 2006 5:48 am

Postby Havok on Wed Jan 11, 2006 9:51 pm

i'll rehost the image for step 4

edit- i cant find anything wrong for that, and you can still do the step.
Havok
 
Posts: 14
Joined: Sat Oct 29, 2005 2:49 am

Postby ShadowMetis on Thu Jan 12, 2006 8:21 pm

I found the problem with it. I forgot to post about it when I realized what it was. When you closed the image, you seem to have accidentally put [/IMGG] instead of the proper tag. This causes the image following step four, the text for step five, and the image following step five, to not be shown.

Code: Select all
<br>4. Now make a new layer, do the same thing with white with a different brush, make sure hardly no black is showing.
<br>
<br><img border=0 src="http://img404.imageshack.us/img404/3506/64zj.png[/IMGG]
<br>5. Repeat step 3, but set the layer to overlay, make sure you get something, then duplicate the layer.
<br>
<br>[img]http://img431.imageshack.us/img431/97/73up.png">
<br>
<br><img border=0 src="http://img431.imageshack.us/img431/8628/87va.png">


EDIT:
By the way, thanks for the tutorial. This is the first sig I've made in Gimp that I feel is as good as the ones I used to do in PS when I had Windoze. These forums are helping me to finally get the hang of The Gimp.
User avatar
ShadowMetis
 
Posts: 14
Joined: Wed Jan 11, 2006 5:48 am

Postby Kadaj on Fri Jan 13, 2006 1:42 am

The only problem im am having is when i copy and paste after streching and skewing the white background still shows up. How do i change that? or get it to where it doesnt?
Image
Kadaj
 
Posts: 253
Joined: Wed Jan 11, 2006 6:24 am

Postby Amazin on Fri Jan 13, 2006 3:08 am

Very good tutorial, easy to follow and u really get a good result....Here are my results :h:
Image
Amazin
 
Posts: 2
Joined: Mon Jan 02, 2006 2:30 am

Postby ShadowMetis on Fri Jan 13, 2006 9:14 pm

The only problem im am having is when i copy and paste after streching and skewing the white background still shows up. How do i change that? or get it to where it doesnt?

You have to remove the background yourself either using the magic wand tool (the quick, easy way) or using the lasso and zoom tool to cut it out yourself (the clean way).
User avatar
ShadowMetis
 
Posts: 14
Joined: Wed Jan 11, 2006 5:48 am

Postby Kadaj on Sat Jan 14, 2006 12:06 am

alright thanks
Image
Kadaj
 
Posts: 253
Joined: Wed Jan 11, 2006 6:24 am

Postby teragonto on Fri Jan 20, 2006 12:44 am

How do I get the brushes to work on GIMP?
User avatar
teragonto
 
Posts: 117
Joined: Wed Jan 18, 2006 10:24 pm

Postby Chrios on Sat Jan 21, 2006 1:58 pm

How do I get the brushes to work on GIMP?


All you have to do is move the brushes files to
C:\\Program Files\\GIMP-2.0\\share\\gimp\\2.0\\brushes
and click the refresh button in the brushes dialog.
User avatar
Chrios
 
Posts: 23
Joined: Tue Aug 09, 2005 8:17 am

Next

Return to GIMP Tutorials and Tips

Who is online

Users browsing this forum: No registered users and 2 guests