IPB

Welcome Guest ( Log In | Register )



Tags
This content has not been tagged yet
 
Reply to this topicStart new topic

[gimp] Gradient-brush Sig Tutorial

, As requested...

truefusion
no avatar
Ephesians 6:10-17
Group Icon
Group: [MODERATOR]
Posts: 1,998
Joined: 22-June 05
From: somewhere... Where am i?
Member No.: 8,528
myCENT:66.56



Post #1 post May 5 2007, 09:32 PM
This tutorial assumes that you know the basics and way around the GIMP. This tutorial is also based on the following sig:


Note: This tutorial was written and made under Linux for convenience purposes (gotta love KSnapshot xd.gif), so shortcut keys may differ under Windows.
  1. Create a new document: File > New (Ctrl+N): 400px (w) by 150px (h).
  2. Load up your render: File > Open As Layer (Ctrl+Alt+O).
  3. Scale the image (render) down a bit if it covers too much room.
  4. Make sure this first layer stays on top, and duplicate the render layer enough times to cover the background. Get creative, not just with random placement, so that it looks okay.
  5. Make a new layer below the first (main) render layer and name it grad1.
  6. Here you can either stick with the color white or choose another bright or light color. Take out your gradient tool, and in Gradient in the options, choose FG to Transparent.
  7. In that new layer that we created, create a gradient that looks similar to this (which can be achieve in around 3-4 tries, +/-):
  8. Select the first (main) render layer and then apply a Script-Fu script: Shadow > Xach-Effect (use the default settings). Select > None (Shift+Ctrl+A), afterwards.
  9. Reduce the newly-created Shadow layer's transparency to 30. Then position the shadow to where it looks like it is more behind the render rather than to the side.
  10. Select the newly-created Highlight layer and nudge (move) it once to the left.
  11. Select the grad1 layer and select the gradient tool. Under Shape choose Radial, and make sure Reverse is checked. Try to estimate where the center would be on the render, click there and drag outward to a good distance so that the edges of the sig are a bit filled with white.
  12. Create a new layer above the grad1 layer and name it grad2.
  13. Now under "Shape" pick Bi-linear, uncheck Reverse, and under Gradient choose FG to BG (RGB). If you have chosen a different bright or light color other than white, click on the black or your background color and change it to its dark version. Then, in the center (vertical) of the sig, click and drag outward so that you get a manga/comic-book feel to the background.
  14. In the layers palette, under Mode pick Lighten Only for that layer (grad2).
  15. Create a new layer and name it grad3. Switch the colors around so that the background color is now the foreground color. In Shape choose Linear. And in Gradient choose FG to Transparent.
  16. Just right below the light-color streak, click and drag downward.
  17. Grab the rectangular marquee tool and select the upper half of the sig. Then clear it: Edit > Clear (Ctrl+K); Select > None (Shift+Ctrl+A), afterwards.
  18. Reduce grad3's opacity to 10.
  19. Duplicate the layer and flip it vertically: Layer > Transform > Flip Vertically.
  20. Duplicate that layer and flip it vertically as well: Layer > Transform > Flip Vertically.
  21. Move the duplicated layers (should be grad3 copy and grad3 copy#1) up and down till you have a nice looking streak effect going on. You may duplicate and flip again if wanting/necessary.
  22. Make a new layer below the first (main) render layer and name it brush1.
  23. Switch the colors around so the light color is the foreground color. Select the brush tool and choose a brush that is fitting with the render: abstract, grunge, grungstract, stars/sparkles and similar work well here.
  24. Start brushing over the lower half of the sig—but don't cover up too much—and brush just a little bit around the render.
  25. After a few brushes have been applied, make a new layer and cal it brush2.
  26. Switch the colors again, and pick another brush style and start brushing around the render.
  27. Make a new layer on top of all the layers and name it grad4. Switch the colors around so that the bright or light color is the foreground color. Pick the gradient tool (settings should be: Linear and FG to Transparent) and drag from above the sig to around 60% inward.
  28. In the same layer, from a good distance below the sig, click and drag about 10% inward.
  29. Then make a new layer (border, if you will) and add a border, and some text, and you're done!
You may try out this unique way of making a sig in the GIMP and, if possibe, in Photoshop if you want.

Outcome

[hr=noshade]
Text
  1. Analyze the sig as a whole and try to picture a matching font (and effect to go with the text).
  2. Grab the text tool and click in the area where you want the text to show up in the sig.
  3. A dialog box will appear: type in your user name (forum name) (or whatever you want), then close the box. (You may have to position the text afterwards.)
  4. Search out the font that is similar to what you have imagined and pick the size.
    • Note: For this tutorial i have chosen to use the font "Arial;" font size: 10px.
  5. Duplicate the text layer twice.
  6. Position the first duplicate slightly below the original text layer, and nudge it to the right a bit.
  7. Position the second duplicate slightly below the first duplicate (matching the x-coordinate), and nudge it to the right exactly the same amount of times you nudged the first duplicate.
  8. For the first duplicate change its opacity to 40. For the second duplicate change its opacity to 20.
Tip: Never have your text touching the border or edge of the sig.
[/hr]
Reason for edit: To describe how i committed the text.
Go to the top of the page
+Quote Post
Imtay22
no avatar
Super Member
*********
Group: [HOSTED]
Posts: 299
Joined: 27-January 07
From: Winter is cold here.
Member No.: 37,984
Spam Patrol



Post #2 post May 5 2007, 10:28 PM
Thanks TrueFusion! I needed a new gimp sig tutorial. Making the text, did you just Gaussian Blur it at different Rates every time? That's a nice sig tut, should be using it to do my next sig!~
Go to the top of the page
+Quote Post
truefusion
no avatar
Ephesians 6:10-17
Group Icon
Group: [MODERATOR]
Posts: 1,998
Joined: 22-June 05
From: somewhere... Where am i?
Member No.: 8,528
myCENT:66.56



Post #3 post May 5 2007, 11:03 PM
QUOTE(Imtay22 @ May 5 2007, 06:28 PM) [snapback]322973[/snapback]
Making the text, did you just Gaussian Blur it at different Rates every time?

3 text layers: each with its own opacity level—very low opacity levels for the last two; under 50, i think; maybe under 30.
Go to the top of the page
+Quote Post
Ridwan sameer
no avatar
Advanced Member
*******
Group: Members
Posts: 137
Joined: 20-March 07
From: Where ever you want me to be
Member No.: 40,391



Post #4 post May 6 2007, 06:11 PM
hey truefusion,

I couldn't get the gradient to appear. reallyi made a new layer and named it grad1 i added the gradient but it neve worked. can u find the prob?
Go to the top of the page
+Quote Post
Imtay22
no avatar
Super Member
*********
Group: [HOSTED]
Posts: 299
Joined: 27-January 07
From: Winter is cold here.
Member No.: 37,984
Spam Patrol



Post #5 post May 6 2007, 06:11 PM
Ahhh. Okay thanks dude, just wondering! I will post mine back here when I am finished.

This post has been edited by Imtay22: May 6 2007, 06:15 PM
Go to the top of the page
+Quote Post
truefusion
no avatar
Ephesians 6:10-17
Group Icon
Group: [MODERATOR]
Posts: 1,998
Joined: 22-June 05
From: somewhere... Where am i?
Member No.: 8,528
myCENT:66.56



Post #6 post May 6 2007, 07:42 PM
QUOTE(Ridwan sameer @ May 6 2007, 02:11 PM) [snapback]323106[/snapback]
hey truefusion,

I couldn't get the gradient to appear. reallyi made a new layer and named it grad1 i added the gradient but it neve worked. can u find the prob?

Hmm, the only reason i can think of why it wouldn't work is if the blending mode for the gradient tool is on something else (e.g. overlay, soft light, etc.) instead of normal. Besides that, any other reason might include the layer being turned invisible; not sure what else it could be.
Go to the top of the page
+Quote Post
Ridwan sameer
no avatar
Advanced Member
*******
Group: Members
Posts: 137
Joined: 20-March 07
From: Where ever you want me to be
Member No.: 40,391



Post #7 post May 7 2007, 05:55 PM
Hey true,

My ple buddy and pal' .This was made by my request. He said he neede some time so i thought he just needed the pictures. I did;t know he would make it this cool .Oh yeah true one morething In this same topic can you please give us a tut on how to apply the text affect you have used in your sig?

Thanks any way your the best in GIMP
Go to the top of the page
+Quote Post
truefusion
no avatar
Ephesians 6:10-17
Group Icon
Group: [MODERATOR]
Posts: 1,998
Joined: 22-June 05
From: somewhere... Where am i?
Member No.: 8,528
myCENT:66.56



Post #8 post May 8 2007, 10:41 PM
QUOTE(Ridwan sameer @ May 7 2007, 01:55 PM) [snapback]323249[/snapback]
Oh yeah true one morething In this same topic can you please give us a tut on how to apply the text affect you have used in your sig?

Done: edited topic-post to include such. I tried to add it in this morning, but when i submitted it returned an error about my bbcode syntax, and i didn't feel like repeating myself again after that.
Go to the top of the page
+Quote Post
Ridwan sameer
no avatar
Advanced Member
*******
Group: Members
Posts: 137
Joined: 20-March 07
From: Where ever you want me to be
Member No.: 40,391



Post #9 post May 10 2007, 08:11 AM
Hey true,

Really mani love this tut so much. I can't telyouhow much i appreciate you doing this for me. I a entering this a SOTW ( you said this tut was based on that hulk sig right. I see you uploaded it to the same SOTW i am going to put it in. Well thank you for everything . The text effect was really great. Thanks alot truefusion. Iw ill post my results here.

BTW i am putting in the SOTW #58 render challenge.


ok I finished it. here goes nothing. Note:- images hosted by imagefilez.com. If unable to see image please send PM

No border: -





With border: -




One last thing I want to ask you. Can you provide us with a cropped version of the render you used? please? and tell me from which game show or whatever it is

Thanks cta

This post has been edited by Ridwan sameer: May 10 2007, 10:56 AM
Go to the top of the page
+Quote Post
crazymind21
no avatar
Member [Level 3]
******
Group: Members
Posts: 93
Joined: 20-May 07
From: holland
Member No.: 43,377
myCENT:ZERO



Post #10 post May 20 2007, 03:06 PM
nice tut but the outcome aint that good realy,its to light and blurry just isn' t pretty to look at
Go to the top of the page
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts   0 Albus Dumbledore 1,138 18th June 2006 - 08:28 AM
Last post by: Albus Dumbledore
No New Posts   9 noxit 874 30th July 2004 - 02:57 PM
Last post by: templest
No new   32 ultrasmad 3,934 14th February 2005 - 11:01 AM
Last post by: Someone
No new   16 ultrasmad 3,098 21st May 2005 - 10:04 AM
Last post by: alexia
No New Posts   3 ultrasmad 785 30th July 2004 - 03:27 PM
Last post by: templest
No new   34 Bash 9,081 23rd February 2007 - 05:13 AM
Last post by: btdesign
No New Posts   0 etycto 302 2nd September 2007 - 09:43 PM
Last post by: etycto
No New Posts   9 neeki4444 2,478 25th March 2008 - 03:19 AM
Last post by: osknockout
No New Posts   1 NeXDesigns 609 16th September 2004 - 07:46 PM
Last post by: ipunto21
No New Posts 4 mrintech 113 6th November 2008 - 07:08 AM
Last post by: Vyoma
No New Posts   7 NeXDesigns 620 30th September 2004 - 01:16 PM
Last post by: Amorphia
No New Posts   1 NeXDesigns 1,149 30th September 2004 - 09:28 AM
Last post by: OpaQue
No New Posts 11