GimpTalk Announcement :
Try your digital-art skills against your fellow gimpers in GIMPtalk's Biweekly Art competition !


Board index » GimpTalk » GIMP Tutorials and Tips Web Development Services . Convert FLV to Cell Phone Format
Featured Tutorial : Learn how to create characters by Griatch
Search for :  


Post new topic Reply to topic   [ 188 posts ]   Go to page 1, 2, 3, 4, 5 ... 8  Next


Author Message
Offline
 Post subject:
PostPosted: Fri Sep 08, 2006 6:47 pm 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics

Today, we are going to learn how to make your render "pop-out" of the signature area. It gives a really cool effect and is really simple to do. When we are done, it will look a little like this.

Image

OK, to begin, you need to prepare your render. I am going to use this one.

Image

Feel free to use it if you want to.

Open up a new image with the dimensions of 400 x 125. Now you will need to make a background. I'm not going to give any real steps on how to do this, but if you look around on this site, there are many tutorials showing you how to make them. Try using this one, as it is the way I am going to make mine. Don't add the render to your background though. We will do that later.

Following those steps you will get something like this. If you want to add a border, now is the time to do it. The link to the tutorial I told you about above will also show you how to do this.

Image

You now have both a background and a render. Press Ctrl + A to select everything. Now go to:
Image ---> Canvas Size
A window like the screenshot below will appear. If you made the size of your image 400 x 125 like I told you, simply set the settings to the same as shown. If you have used a different size, double the width and height of your image and type what the numbers come to into the boxes names "Width" and "Height". Set the offset X and Y values the same as in the screenshot.

Image

Press "Resize".

Your canvas will now look something a little like this.

Image

This is just how you want it.

Now for your render. Open it up and it will appear in a new window. If its to big, resize it. Now go back to your signature window and make a new layer. Copy your render and paste it on to your new layer. A handy tip to know is when you press F11, it will bring The GIMP into full screen mode allowing you to see what you are doing clearly. You should get something like this. Yours will have little dotted squares all behind it though like the image above. Its OK, its how it should be.

Image

Now add some text or whatever you want on your signature. A cool way to make text look good is to type what you want out on to your signature in white, move it to where you want it to be, set that layer's mode to "Overlay" and then duplicate it untill it looks nice. Heres what I got. Again, squares should still be present.

Image

Now merge all the visible layers by pressing Ctrl + M. Select the first option. Now right click on the layer in the layers window and select "Alpha to Selection". This will select all your signature. Copy it by pressing Ctrl + C. Then go to:
Edit ---> Paste as New
This will open up a new window with your signature in it. Go to:
File ---> Save as . . .
Save it as "Popout Signature.png" it must be in a .png for it to work.
Thats it your all done! This is what I got.

Image


_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Fri Sep 08, 2006 7:34 pm 

Joined:
Wed Aug 09, 2006 2:34 pm

Topics:
Posts: 2468

Find User's Topics
i've always wanted to make a pop-out sig,but i think it draws too much attention to the render and attention away from everything else,so that's why i see a lot of people with pop-out sigs and then they just stick a giant render on there and then they do bareley nething to the rest of the sig and ppl think its l33t coz it looks kewl -.-..........great tut tho

_________________
Image
^POWER UP^


Top
 Profile E-mail  
 
Offline
 Post subject:
PostPosted: Fri Sep 08, 2006 9:24 pm 

Joined:
Wed Aug 23, 2006 11:50 am

Topics:
Posts: 7

Find User's Topics
Sweet Tut! :l: Heres my try:Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 09, 2006 8:31 am 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Thanks guys! Nice result to! Glad you like the tutorial.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Fri Sep 22, 2006 8:41 pm 

Joined:
Fri Sep 01, 2006 11:10 pm

Topics:
Posts: 76

Find User's Topics
same as curly's i'd guess

_________________
http://gfxpimps.3.forumer.com/index.php?act=idx
JOIN TO BE A PIMP!!!
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Fri Sep 22, 2006 8:55 pm 

Joined:
Mon May 22, 2006 8:15 pm

Topics:
Posts: 104

Find User's Topics
cool, popout signatures are cool

_________________
Image
Gimp Rules


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 23, 2006 8:01 am 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Thanks mate.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 23, 2006 5:13 pm 

Joined:
Mon Jul 24, 2006 4:03 pm

Topics:
Posts: 56

Find User's Topics
cool. heres mine :l:

Image

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 23, 2006 7:51 pm 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Thanks for trying. I like the animation.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 23, 2006 8:56 pm 
User avatar

Joined:
Sat Sep 23, 2006 4:29 pm

Topics:
Posts: 10

Find User's Topics
I love this tut, i made a pretty sweet sig.
Image

_________________
Image
My newest sig.(also my favorite one)
http://www.pixeltechnix.comA very awesoem mature site with all kinds of media! Join, regester, and apply to become a member of a great media exp


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Sep 23, 2006 9:02 pm 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Very nice! Thanks for trying!

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sun Sep 24, 2006 6:51 am 
User avatar

Joined:
Tue Jul 18, 2006 6:27 pm

Topics:
Posts: 29

Find User's Topics
Nice tutorial, i really like it. I made two versions though .. i'd like to know which one you think is better.

Without Scanlines:

Image

With Scanlines:

Image

Theyre not all the best, but I tried. :w:

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sun Sep 24, 2006 9:45 am 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Good job there mate! Thanks for trying! I really like your results.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sun Sep 24, 2006 8:19 pm 
User avatar

Joined:
Mon Sep 18, 2006 3:45 pm

Topics:
Posts: 923

Find User's Topics
Nice tutorial, haven't done any pop-outs before. Heres what I made:

Image

Again, nice tutorial

_________________
Image

Thanks to White fang for the gift.
Image

Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sun Sep 24, 2006 9:10 pm 

Joined:
Fri Sep 08, 2006 5:52 pm

Topics:
Posts: 32

Find User's Topics
thought i would give it a go to :)

Result:

Image

that alright?

i went a bit wild i know :S

but i like sig tuts lol..
yours are pretty clear aswell :)
Thanks


let me know what you think please :)

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Mon Sep 25, 2006 7:28 am 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
I really like it. It has flow IMO. Thanks for trying dude.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed Oct 18, 2006 2:56 pm 

Joined:
Fri Oct 06, 2006 1:37 pm

Topics:
Posts: 4

Find User's Topics
Good tut right up to the point of copying as a PNG. I have everything but whenever I convert to PNG, when I post to the sig to a forum that handles transparencies, I get either a black background or a white one. I've spent the better part of two afternoons, and I can't figure it out. I have Wingimp, and when I convert to PNG I get an option menu with several boxes to check. Can someone tell me what I'm doing wrong?


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed Oct 18, 2006 3:03 pm 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Quote:
Good tut right up to the point of copying as a PNG. I have everything but whenever I convert to PNG, when I post to the sig to a forum that handles transparencies, I get either a black background or a white one. I've spent the better part of two afternoons, and I can't figure it out. I have Wingimp, and when I convert to PNG I get an option menu with several boxes to check. Can someone tell me what I'm doing wrong?


Right before you save it, does the image have tons of squaures behind it? If so, this is correct. When you save it as a .PNG, just leave all the settings that pop up on default. The reason you most likely can't see the transparency on the internet is because of your browser. Internet Explorer 6 (Windows default browser) can not display .PNGs correctly. There are ways to get around this. Changing browser is a good example. I use Firefox and it fully supports PNGs. You can download it for free from here. When Internet Explorer 7 comes out, Microsoft say it will have full PNG support.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed Oct 18, 2006 3:31 pm 

Joined:
Fri Oct 06, 2006 1:37 pm

Topics:
Posts: 4

Find User's Topics
I get the checkerboard pattern and I used the defaults. This is what I'm getting on the forum:

Pretty basic Sig. My first ever. It's for a FOF online American Football simulation league.

Image

Image

Simple fix actually. Instead of saving as a .PNG, I saved as a .GIF and lost the white background. Posted on the forum with invisible so the airplanes really pop now!


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed Oct 18, 2006 5:43 pm 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Quote:
I get the checkerboard pattern and I used the defaults. This is what I'm getting on the forum:

Pretty basic Sig. My first ever. It's for a FOF online American Football simulation league.


Looks fine to me. It is popping out and everything.

_________________
Image
My Blog


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Wed Oct 18, 2006 6:22 pm 
User avatar

Joined:
Sun Sep 24, 2006 8:35 pm

Topics:
Posts: 4981
Location: somewhere on earth....

Find User's Topics
yeah i make popout sigs somesimes but i'm not that good at em but nice tut :l:

_________________
If I were a mod you would pay the price O_O

Image
Image

Latest....


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Oct 21, 2006 9:53 pm 

Joined:
Thu Aug 17, 2006 10:03 pm

Topics:
Posts: 91

Find User's Topics
What I got:

It wasn't popping out, w/e.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Oct 21, 2006 9:55 pm 
User avatar

Joined:
Wed Jul 19, 2006 7:15 pm

Topics:
Posts: 45

Find User's Topics
Going to post an ooutcome monday/tuesday, anyway nice tutorial.

_________________
Image


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sat Oct 21, 2006 11:07 pm 
User avatar

Joined:
Tue Aug 29, 2006 4:14 pm

Topics:
Posts: 167

Find User's Topics
Very nice, detailed.

I wont do one though because pop outs jsut arent my style. : P I dont like the way they turn out.

_________________
Image

Credit to mah buddy Pnoi = ]


Top
 Profile  
 
Offline
 Post subject:
PostPosted: Sun Oct 22, 2006 9:52 am 
User avatar

Joined:
Sun Aug 27, 2006 2:12 pm

Topics:
Posts: 1338

Find User's Topics
Quote:
Going to post an ooutcome monday/tuesday, anyway nice tutorial.


Cool.

Quote:
Very nice, detailed.

I wont do one though because pop outs just arent my style. : P I dont like the way they turn out.


Thanks. Sure, not everyone likes the same things.

_________________
Image
My Blog


Top
 Profile  
 
Display posts from previous:  Sort by  

Post new topic Reply to topic
 [ 188 posts ]  Go to page 1, 2, 3, 4, 5 ... 8  Next



Who is online

Users browsing this forum: jntucehyd and 12 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Related Website
Gimp tutorials database
All rights reserved © GimpTalk 2008
forum software by
phpBB