Graal Forums  

Go Back   Graal Forums > Development Forums > Graphic Design
FAQ Members List Calendar Today's Posts

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 09-27-2009, 11:12 PM
MagikMasterMind MagikMasterMind is offline
!
MagikMasterMind's Avatar
Join Date: Feb 2007
Location: Canada, Qc
Posts: 699
MagikMasterMind will become famous soon enough
Send a message via MSN to MagikMasterMind
Signature Tutorial

Hey everyone,

This is a signature making tutorial I just made, for those who wants nice and easy to make signatures(as you can see, it's not too long, nor too small).

--------------------------------------------------------------------------
Step 1:
Start by making a new folder with Graal's Forums max Width(500pixels) and max Height(100pixels). Make sur your background is transparent.
Click image for larger version

Name:	SigTutorial1.png
Views:	173
Size:	33.9 KB
ID:	49468

Step 2:
Select a dark foreground color and a lighter background color, then go in :
Filter - Render - Clouds
Click image for larger version

Name:	SigTutorial2.png
Views:	170
Size:	26.0 KB
ID:	49469

Step 3:
Add an icon or an image you like on your work. You might need to resize it.
Click image for larger version

Name:	SigTutorial3.png
Views:	171
Size:	43.1 KB
ID:	49470

Step 4:
Make a new layer and select the rectangular marquee and do a nice rectangle in the middle of your work. Make sure you leave edges on the top and bottom. Then, right click on your selection, then select: ''Select Inverse''. Then, re-right click your selection and this time, click 'fill'. It should use your foreground color. Make sure you have a 20-50percent transparency on it.
Click image for larger version

Name:	SigTutorial4 copy.png
Views:	170
Size:	65.5 KB
ID:	49471
Click image for larger version

Name:	SigTutorial6.png
Views:	171
Size:	37.5 KB
ID:	49472

Step 5:
Get the Horizontal Text tool and type in your nickname wherever you want. Then go to the Text Layer's options and make it atleast 50percent transparency so it blends, in my case, I used 29percent opacity.
Click image for larger version

Name:	SigTutorial7.png
Views:	174
Size:	20.9 KB
ID:	49473


Optional: You might want to have it all the same color or use color balance aswell. To have it all the same color, hit Ctrl + U and make sure you check the colorize option. For color balance, do CTRL + B. You might want to make the edges of your icon/image smoother aswell, either use a smudge or a blur tool to make it.
This last part is where you customize your signature and do whatever you want to make it look nice. You can add lines on the edges, texture or even more!
--------------------------------------------------------------------------


Anyways, hope you enjoyed my tutorial! Leave your comments and questions!


Examples of work using this technique:
Attached Thumbnails
Click image for larger version

Name:	SigTutorial6 copy.png
Views:	189
Size:	57.9 KB
ID:	49484   Click image for larger version

Name:	ex2.png
Views:	192
Size:	44.9 KB
ID:	49485   Click image for larger version

Name:	Ex1.png
Views:	189
Size:	56.4 KB
ID:	49486  
__________________

Last edited by MagikMasterMind; 09-28-2009 at 01:30 AM..
Reply With Quote
  #2  
Old 09-27-2009, 11:24 PM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
What program are you using?
__________________
Look beyond the monitor.
Reply With Quote
  #3  
Old 09-27-2009, 11:26 PM
MagikMasterMind MagikMasterMind is offline
!
MagikMasterMind's Avatar
Join Date: Feb 2007
Location: Canada, Qc
Posts: 699
MagikMasterMind will become famous soon enough
Send a message via MSN to MagikMasterMind
Quote:
Originally Posted by Unkownsoldier View Post
What program are you using?
Photoshop CS2. But this can be done with many other programs like Paint Shop Pro.
__________________
Reply With Quote
  #4  
Old 09-27-2009, 11:37 PM
Clockwork Clockwork is offline
ᶘ ᵒᴥᵒᶅ...ᶘ ಠᴥಠᶅ❤...ℳℴℯ
Clockwork's Avatar
Join Date: Feb 2007
Location: Pennsylvania
Posts: 2,071
Clockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant future
After you type, you could try right clicking the text layer and select 'Blending option' to give your text a nice stroke of white or something to add more definition to it.

Alternatively, you could do the same with an image.
__________________
Reply With Quote
  #5  
Old 09-27-2009, 11:39 PM
MagikMasterMind MagikMasterMind is offline
!
MagikMasterMind's Avatar
Join Date: Feb 2007
Location: Canada, Qc
Posts: 699
MagikMasterMind will become famous soon enough
Send a message via MSN to MagikMasterMind
Of course. Something I usually make and I didn't make this time is blending options on text. I usually give an outter glow and a drop shadow. :[

Woot 500th posts.
__________________
Reply With Quote
  #6  
Old 09-27-2009, 11:59 PM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
So.. I decided to make one, took about twenty mins, what do you think?


Click image for larger version

Name:	dddddd.png
Views:	167
Size:	54.7 KB
ID:	49479

I used Paint.net


also, btw, can you save tilesets with paint.net or no?
__________________
Look beyond the monitor.
Reply With Quote
  #7  
Old 09-28-2009, 12:04 AM
MagikMasterMind MagikMasterMind is offline
!
MagikMasterMind's Avatar
Join Date: Feb 2007
Location: Canada, Qc
Posts: 699
MagikMasterMind will become famous soon enough
Send a message via MSN to MagikMasterMind
I'm not very familiar with Paint.net unfortunatelly.

But I like your sig, very colourfull, I just think you blurred the character a bit too much, you should of just blurred the edges of it. :P
__________________
Reply With Quote
  #8  
Old 09-28-2009, 12:57 AM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
Thanks i will fix that.
__________________
Look beyond the monitor.
Reply With Quote
  #9  
Old 09-28-2009, 01:02 AM
Gothika Gothika is offline
Global News Team
Gothika's Avatar
Join Date: Mar 2006
Location: Newcastle, England
Posts: 2,425
Gothika is a splendid one to beholdGothika is a splendid one to beholdGothika is a splendid one to beholdGothika is a splendid one to beholdGothika is a splendid one to behold
Good tutorial.
Personally I think a lens flare looks pretty tacky, but I guess it's worked out here. Same with outer glows and strokes, they can look rubbish so I'm glad you didn't use them.
__________________


Reply With Quote
  #10  
Old 09-28-2009, 01:16 AM
MagikMasterMind MagikMasterMind is offline
!
MagikMasterMind's Avatar
Join Date: Feb 2007
Location: Canada, Qc
Posts: 699
MagikMasterMind will become famous soon enough
Send a message via MSN to MagikMasterMind
Quote:
Originally Posted by Gothika View Post
Good tutorial.
Personally I think a lens flare looks pretty tacky, but I guess it's worked out here. Same with outer glows and strokes, they can look rubbish so I'm glad you didn't use them.
Depends on how you use your glows, when I use them, I try to give 50percent opacity MAX.

Anyways, I just done 1 more sig using this technique.
1rst one - Same steps from the tutorial
2nd one - Used Hue/Saturation colorize technique.

Click image for larger version

Name:	Ex1.png
Views:	161
Size:	56.4 KB
ID:	49481
Click image for larger version

Name:	ex2.png
Views:	164
Size:	44.9 KB
ID:	49482
__________________
Reply With Quote
  #11  
Old 09-28-2009, 01:55 AM
WhiteDragon WhiteDragon is offline
Banned
Join Date: Feb 2007
Posts: 1,002
WhiteDragon is a splendid one to beholdWhiteDragon is a splendid one to beholdWhiteDragon is a splendid one to beholdWhiteDragon is a splendid one to beholdWhiteDragon is a splendid one to behold
Good tutorial... on using filters on a specifically shaped canvas I guess.

I think the more important things to focus on when making a signature are:
focus (i.e., sharp parts and blurred parts & how things flow into each other);
light (including: light sources and how they hit the different elements of the sig, etc.);
and color balance (making sure the different colors work together well).

I used to be into this signature stuff hardcore, but I think it's better to start off with the more important things rather than just how to use filters etc.
Reply With Quote
  #12  
Old 09-28-2009, 07:23 AM
Liberated Liberated is offline
not doing alot
Liberated's Avatar
Join Date: Feb 2008
Posts: 1,366
Liberated has a spectacular aura about
decent tutorial, should help some people new to signature making!
__________________
Quote:
Originally Posted by Tigairius View Post
I promise when I get rich I'll send you an iPhone. I'll send everyone an iPhone.
Reply With Quote
  #13  
Old 10-15-2009, 04:45 PM
ldhfd ldhfd is offline
Chali
ldhfd's Avatar
Join Date: Jul 2002
Location: Orlando, Florida
Posts: 313
ldhfd is an unknown quantity at this point
I made my signature with the gimp.

Its not bad looking for a 5 minute job.
__________________
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +2. The time now is 05:11 AM.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2026, vBulletin Solutions Inc.
Copyright (C) 1998-2019 Toonslab All Rights Reserved.