Gimptalk - Premier Gimp Community: Make a cool glass/metal sig - Gimptalk - Premier Gimp Community

Jump to content

  • 7 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic

Make a cool glass/metal sig

#1 User is offline   littleem 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 20-January 07

Posted 21 January 2007 - 03:04 AM

This is my first tutorial, so don't expect it to be very good.

I'm going to show you how to make a sig that looks something like this:
Posted Image

It might not end up exact, but I'll try to remember what I did.

Open a new document 400x120 with a transparent background.

BASE
Go Select/All. Now go Select/Rounded Rectangle - 50% radius, concave unchecked. OK. Now make your foreground colour black. Fill in the selected shape with the bucket, so you have a black, rounded rectangle. It should now look like this:
Posted Image

GLOW
Go Select/Shrink - 10 px, check shrink from image border. OK. Create new transparent layer called 'Glow'. Have it selected. Make foreground black, and background colour of your choice. I used red in the original sig, I'm using blue in this sig. Use the gradient tool. Drag from top of selection to bottom (use ctrl to make it straight) so it looks like this:
Posted Image
Go Select/All. Go Filters/Blur/Gaussian Blur - 30px. OK. It should now look like this:
Posted Image

HIGHLIGHT
Create new transparent layer called 'highlight'. Right click on the Background layer in the Layers box. Go Alpha to Selection. Go Select/Shrink - 5px. OK. Select rectangle tool. In tool options, select the 'Subtract From Current Selection' box. Drag rectangle across the bottom half of selection, so you are left with this:
Posted Image
Select 'Highlight' layer in Layers box. Select gradient tool. Have foreground as white. In tool options, make it 'FG to transparent'. Now drag gradient from top of selection to a bit past the bottom, so it looks like this:
Posted Image
Drag guides from the top of the Image box, and left side of the image box, so it is set up like this:
Posted Image
Select Perspective Tool. Click on selection so that little boxes appear on the corners. Drag the two bottom boxes to where the guides intersect, like this:
Posted Image
Click Transform in the little box. It should now look like this:
Posted Image
Drag the guides back to the sides. It is now a floating layer, so click the little page icon in the bottom left corner of the Lyers box:
Posted Image
You can delete the Highlight layer now, and call the new one Highlight. Now you've finished your glassy thing! Here's what mine looks like:
Posted Image
Sorry, I forgot to change transparentcy of highlight - make it 80%.

METAL CORNERS
Right click on the background layer and go 'Alpha To Selection'. Now go Select/Invert, so that the corners are selected. Make a new, transparent layer called 'Corners', and put in on the top of the layers stack. With the bucket, fill the selection with grey. I used 909090.It should look like this:
Posted Image
Duplicate the 'Corners' layer, and fill the corners of that with white, like this:
Posted Image
Go Select/All. Then go Filters/Blur/Gaussian Blur - 8px. Now select original 'Corners' layer and go Filters/Map/Bump Map. The Bump Map you are using is 'Corners Copy'. Map type is Linear. Compensate for darkening checked. Nothing else checked. Depth - 8. OK. Delete 'Corners Copy' from Layers box. It should look like this:
Posted Image
Have 'Corners' layer selected. Go Layer/Colours/Curves. Make it look like this:
Posted Image
OK. Now it should look like metal like this:
Posted Image

METAL BAR
Using the rectangle tool (make sure you click the 'replace' box, since we had it on 'subtract' before), select a bar across the image, like this:
Posted Image
Make a new transparent layer called 'Bar'. Fill the selection with the same grey we had before (909090). Duplicate the layer, and fill selection on the new layer with white. Go Select/All. Then go Filters/Blur Gaussian Blur - 10px. OK. Select original 'Bar' layer. Go Filters/Map/Bump Map - Use 'Bar Copy', keep other settings. OK. Delete 'Bar Copy' Layer. It should now look like this:
Posted Image
Go Layer/Colours/Curves. Have the graph like before:
Posted Image
It should now look shiny like this:
Posted Image

TEXT OUTLINE
Put in some text in any colour.
Posted Image
Duplicate it. Right click on the newest text layer in the Layers box. Go Alpha To Selection. Go Select/Grow - 5px. Fill with 909090 - use ink or large brush to fill in gaps.
Posted Image
Select the first text layer, right click and go Alpha To Selection. Go to newest layer and go Edit/Clear. Go Select/All. Do the same that you did with the pipe and corners with the text outline, using 8px on the Gaussian Blur. It should end up like this:
Posted Image

COLOUR OF TEXT
Make the original text a colour that looks good with your glassy thing.
Posted Image
Right click on original text layer, go Alpha To Selection. Go Select/Shrink - 2px. make a new transparent layer called 'Text Glow'. Fill the selection with a lighter version of the text colour.
Posted Image
Go Select/All. Then go Filters/Blur/Gaussian Blur - 8px.
Posted Image
Go Alpha To Selection on original text layer. Cut the bottom half off using subtract with the rectangle tool. Create new transparent layer called 'text highlight' Fill with white fading to transparent, like highlight on glassy thing.
Posted Image
Go Select/All. Make 'text highlight' layer 80% opacity. Add drop shadows on text and pipe.
Posted Image
Add lots of small text behind the 'highlight' layer, saying whatever you want. Make it 60% opacity.
I adjusted the 'highlight' layer to 70% opacity because it looked better.

Here is my result:
Posted Image

Original:
Posted Image

Hope you can understand everything in this tutorial!
Posted Image
Go see what I made:
http://littleemwall.deviantart.com/
I'm new, so there's not much there.

I make stuff for The Sims 2:
http://www.modthesim...om/member/ewall
0

#2 User is offline   FullMetalEnvy 

  • Member
  • PipPip
  • Group: Members
  • Posts: 719
  • Joined: 26-November 06

Posted 21 January 2007 - 03:06 AM

Wow I really like this tut it will be great for my site banner thx :w:
0

#3 User is offline   Parrappa 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,484
  • Joined: 17-September 06

Posted 21 January 2007 - 04:23 AM

Great tutorial! I was curious how you made that signature. Great job, could you link me to the text in both signatures please?
http://parrappa.deviantart.com <------- My Templates
0

#4 User is offline   littleem 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 20-January 07

Posted 21 January 2007 - 04:45 AM

Yes. I'll go see if I can find them
Posted Image
Go see what I made:
http://littleemwall.deviantart.com/
I'm new, so there's not much there.

I make stuff for The Sims 2:
http://www.modthesim...om/member/ewall
0

#5 User is offline   boudey 

  • Member
  • PipPip
  • Group: Members
  • Posts: 85
  • Joined: 01-December 06

Posted 21 January 2007 - 06:16 AM

looks cool ill make it tomorrow
Posted Image
gift from flying penguin
0

#6 User is offline   cgwyllie 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,024
  • Joined: 03-December 05

Posted 21 January 2007 - 09:23 PM

This looks really cool, thanks =D
Posted Image
my deviantART
Live your dreams...
0

#7 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 21 January 2007 - 11:11 PM

Posted Image

adding the text on the bar took me a long time but heres my result (didnt wana add little text in bg)

nice tut :w:
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#8 User is offline   littleem 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 20-January 07

Posted 21 January 2007 - 11:53 PM

Looks really good! But you didn't get the silver border on the text. Or did you mean to do that? Thankyou for trying it anyway! I'd love to see some other peoples results.
Posted Image
Go see what I made:
http://littleemwall.deviantart.com/
I'm new, so there's not much there.

I make stuff for The Sims 2:
http://www.modthesim...om/member/ewall
0

#9 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 22 January 2007 - 12:18 AM

A nice tutorial and a good looking signature too. I don't do sigs, but I like that metallic text. :-)
.
Griatch
0

#10 User is offline   Devilcut 

  • Member
  • PipPip
  • Group: Members
  • Posts: 661
  • Joined: 28-December 06

Posted 22 January 2007 - 01:02 AM

Nice job, might do this later

Also it might look better with no corners
Membership has been revoked due to inappropriate behavior.
0

#11 User is offline   victoria 

  • Member
  • PipPip
  • Group: Members
  • Posts: 11
  • Joined: 22-January 07

Posted 22 January 2007 - 01:15 AM

nothing but AWSOME, thanks from a newbie :)
0

#12 User is offline   sydney 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 6,247
  • Joined: 04-July 06
  • Location221b Baker Street

Posted 22 January 2007 - 01:17 AM

excellent tutorial for your first. pretty cool results!
Posted Image
forgot to do the levels thing on the text, though.... :P
Posted Image
0

#13 User is offline   MotoXguy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,155
  • Joined: 01-June 06

Posted 22 January 2007 - 02:49 AM

i tried to get silver border on the text but it wansnt working out then i got that and figured it was good enough also i used a diferent method on making the metal edges
Posted Image
_______________________________________
XFIRE= jlng37
PS>GIMP
0

#14 User is offline   Devilcut 

  • Member
  • PipPip
  • Group: Members
  • Posts: 661
  • Joined: 28-December 06

Posted 22 January 2007 - 02:55 AM

sweet tut but i suck wit h text

Posted Image
Membership has been revoked due to inappropriate behavior.
0

#15 User is offline   jJmF1226 

  • Member
  • PipPip
  • Group: Members
  • Posts: 449
  • Joined: 23-October 06

Posted 22 January 2007 - 03:05 AM

Nice tut!

I'll add the little text tomorrow...
Posted Image
Posted Image
Gifts | You may know me as ToAd or toadeh (hence the T in my avatar)
0

#16 User is offline   littleem 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 20-January 07

Posted 22 January 2007 - 10:45 PM

You look like the only one who got the silver text border to work jJmF1226. These are the steps to make something shiny:

1. Duplicate
2. Alpha To Selection on top layer
3. Fill with white
4. Select/All
5. Filters Gaussian Blur
6. Filters/Map/Bump Map on bottom layer, using top layer
7. Delete top layer
8. Layer/Colours/Curves (like in picture)

^ Remember to do all of this ^
Posted Image
Go see what I made:
http://littleemwall.deviantart.com/
I'm new, so there's not much there.

I make stuff for The Sims 2:
http://www.modthesim...om/member/ewall
0

#17 User is offline   jJmF1226 

  • Member
  • PipPip
  • Group: Members
  • Posts: 449
  • Joined: 23-October 06

Posted 23 January 2007 - 02:37 AM

Quote

You look like the only one who got the silver text border to work jJmF1226.

Haha, you're right. That's cause I'm awesome, lol. But really, it took me a little while to get it like that...

Anyway, I added the small text and arranged it in a little pattern:
Posted Image

What do you think?
Posted Image
Gifts | You may know me as ToAd or toadeh (hence the T in my avatar)
0

#18 User is offline   Flame142 

  • Member
  • PipPip
  • Group: Members
  • Posts: 49
  • Joined: 28-August 06

Posted 23 January 2007 - 10:40 AM

Nice tutorial! I'll try in a second and post my outcome :l:
Posted Image
0

#19 User is offline   littleem 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 20-January 07

Posted 24 January 2007 - 01:00 AM

i like the little text! good job
Posted Image
Go see what I made:
http://littleemwall.deviantart.com/
I'm new, so there's not much there.

I make stuff for The Sims 2:
http://www.modthesim...om/member/ewall
0

#20 User is offline   CelibateButDashing 

  • Member
  • PipPip
  • Group: Members
  • Posts: 69
  • Joined: 26-July 06

Posted 26 January 2007 - 04:16 AM

Really great tut! I love the outcome! This might be one of the easiest tuts for me to follow (which is saying a LOT) it was so detailed and in depth. ^.^

Here's my result:
Posted Image

I don't like how my text...died like it did. Any advice on how to make it smoother?

Keep making tuts!
-CBD
Posted Image
0

Share this topic:


  • 7 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic