GT Portal . Forums . Official Tutorials . Art Galleries . FAQs . Search . New Posts . Contact Us Login  .  Register


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


Board index » GIMP News and Help forums » GIMP Tutorials and Tips Make Money Online . Free Image Hosting Script . Convert FLV to Cell Phone Format
Featured Tutorial : Learn how to create characters by Griatch
Search for :  


Post new topic Reply to topic   [ 33 posts ]   Go to page 1, 2  Next


Author Message
 Post subject:
PostPosted: Fri Jun 09, 2006 9:41 am 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics

Welcome to class. What I'm going to teach you are two very simple ways of making your text look a lot better. The slightly more experienced gimpers will probably already know this, but for the newbies it's perfect.
Too many times have I seen unaltered, ugly text.

The Glowing Technique
First open up a project of your choice, I'm gonna be using this:
Image

Now create your text. I've noticed that it works best with white, but use whatever colour you think looks good.
Image

Now duplicate this layer and select the top layer. Then goto filters > blur > gaussian blur, and apply a gaussian blur of around 3-8. I used 6 for this perticular signature. Then set this layer to either Overlay, Soft light or Screen. Whichever looks best on your background.
Image

Easy isn't it?

The Semi-Transparent Technique
As before, open up a project of your choice. I've found that this technique works best with detailed backgrounds with colour. This is what I'll be using:
Image

Now create a text layer using white as your font colour (it works with other colours too, but white is definently best).
Image

Now set that layer to Overlay, and duplicate until it looks good.
Image

Now select one of your text layers, right-click on it and choose "Alpha to Selection". Now create a new layer that you place under the other text layers and name it "black". Then goto Select > Grow, and grow the selection by 1px. Then bucket fill it with black. Now set that layer to Overlay and duplicate it if it's still too bright. Just duplicate/delete text layers until it looks good. This is what I got:
Image

Cut me in two and make me invisible

Yeah, the name sucks, so sue me. This will be a more theoretical part, so I won't post any guiding pictures.
Good text is not just defined by fancy effects and glowing edges, but most of all it's because of the placement. A good idea is that you should never let the text be alone. Let me give you an example:

Bad text:
Image

Good text:
Image

So what's the difference between these two images? (textwise) The placement of the text is similar, but that's because there's nowhere else to put it on the second sig. But on the first one there's plenty of room to move the text. So why didn't I do that? To be honest, I have no idea. I guess I didn't really think about where I should put it.
Now to get to what's good about the text in the second one. First of all there's two lines of text. A headline (Nevon) and some subtext (lucky bastard). I choose to do the subtext in small letters only, to indicate that this is not the main thing in the text. If you look closely you'll see that the "k" sorta goes up into the "N", and the "b" goes into the "v". This makes it more of a unit, not two separate lines. This is good to try and achieve in most cases, but it's not neccessary. Can you also see that "Nevon" is written in a slightly bigger size? This is also to indicate that this is the main thing. Also, "Nevon" is of slightly higher opacity. Can you guess why? That's right, to indicate that this is the main thing. But here comes a neat trick. Try to accompany your text with a little blob of something, or a silhouette of something. This gives your text something extra, a little spice. Just try not to make it too big. The dohicky should be smaller than your text. Oh, and one more thing. Try to somehow connect it to the text. See how the crescent connects with the "N"? That makes it look like a unit.

Accio simplicity!

Let me start you off with another good text vs. bad text example.

Bad text:
Image

Good text:
Image

On the top example I'm using a very big, bold and fancy font. Sure, that can be good sometimes. But definently not here. Creating a sig with nice, big, bold and fancy text is VERY hard to pull off. In fact, I can't do it, and I'm writing a guide on how to make your text look better.
So for almost everyone I recommend using simple and small fonts. Such as Tahoma, Georgia, Times New Roman, Karthika and Arial. Arial is my personal favourite. I think all (or at least most) of these fonts belong to the serif-family. That means that they have little tails on the edges of the letters. the text I'm writing with right now belongs to the sans serif-family. It lacks that "tail".
Sans serif fonts look more modern, while serif fonts can both look modern and classic, depending on the style. Most fancy fonts are serif fonts.
On the bottom example I used Times New Roman for the main text, and a pixel font for the subtext. I'm not gonna explain the different strategies I had for this text, since you can read about those in the previous paragraph, but I am gonna tell you about the choice of colour, and that line.
Colour
I wanted to make sure that the main text and the subtext was clearly divided, so therefore I changed both the font and the colour. Since I wanted the main text to be the most visible, I chose to colour that. First I took a colour from my render. I chose a colour that fits with the main colour scheme, since I didn't want it to clash (luckily there were no such colours in this render). I then tried to type my text with that colour, but it was almost invisible (it blended TOO well with the background), so I made it a little bit darker. Then I typed my text in a pretty small size, and placed it where I wanted it (in the direction of the render's movement). After that I needed a subtext, so I named the piece "focus", for no perticular reason. I wanted to make sure that people didn't think my name was Focus (people are stupid), so I chose another small, modern font and typed it in black. Then I placed it under my main text. It looked okay, but it needed something extra. So I used a technique as old as time itself. The horizontal line.

The horizontal line
First I chose the same colour as my main text, since I wanted the line to be as long as my main text. So I made a new layer and used the pencil to draw a line that was slightly shorter than my text. Then I went to filters->blur->motion blur and set the direction to whatever is horizontal (0 perhaps?) and then just adjusted the length until it was the right length (the same length as my main text).

Stick to the formation. Just like the romans!
All along I've been talking about how important it is that your text is a unit, not several lines of (ugly) text. Well... I'm not gonna quit just yet. Take a look at these two images for example.

Bad text:
Image

Good text:
Image

(Note: I tried to find a sig that I made with multiple lines of text, and this was the worst I could find. If someone thinks they've made a sig with multiple lines of shitty text, and would be willing to let me use it in this tutorial, please send me a PM.)

On the top sig I tried my best to keep the text a unit, but because I had two lines of text plus an icon, I think I failed. I've seen worse, but this is definently not good. First of all I wan't to advice you not to have your name and a long subtext. If you want a subtext, keep it short. My max is 2-3 words, but it's all up to you. I guess what I want to say is: don't overdo it. The main reason why the text fails is because of the icon. in other words, I overdid it. I should've either gone with my name and an icon, or just the two lines of text (and somehow made them look as A UNIT!!.
If we study the bottom sig's text, we'll see that it consist of three letters aligned in a diagonal line. Around the two main letters there are two fields that almost blend into the background, and around those fields there's a 1px stroke that have been blended a little bit. All of a sudden we have the text in a square (and a cool looking square it is :h:). It's A UNIT!!.

I'm not quite sure how to phrase everything in this tutorial. Most of it is theoretical, and the knowledge is in my head. I think it has a lot to do with the feel of the text. I see what text is good and what text blows. Now, I'm no master, but I have some skills. This can all be achieved through training, so if you think your text sucks, don't worry, just keep training.

It's as easy as that. I hope this helped.

That's all for today. Class dismissed.


_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jun 09, 2006 11:37 pm 
Offline

Joined:
Mon May 22, 2006 8:15 pm

Topics: 5
Posts: 104

Find User's Topics
:l: :l: :l:this is a really neat tutorial, ive always wanted to kno how to make text better...when you have time if you could post even more methods that would be great, i am very interested :l:

_________________
Image
Gimp Rules


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 10, 2006 4:25 pm 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics
Thank you. I'll post more ways to spice up your text once I figure 'em out. But these two ways are extremely simple and effective, so you barely need any more.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 10, 2006 10:02 pm 
Offline
User avatar

Joined:
Mon May 15, 2006 5:31 am

Topics: 26
Posts: 596

Find User's Topics
You may very well have given me the solution to my sig problems. I could never get the text where I liked it and I believe you just gave me the answers I needed! Kudos!!

Greg

_________________
Image

My Sigs = My Photos
Check out my work at http://www.flickr.com/photos/photomastergreg.


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 11, 2006 11:00 pm 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics
I'm glad to hear that. After all, that's why I wrote this short tutorial. :h:

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jun 12, 2006 1:53 am 
Offline
User avatar

Joined:
Sat Jan 07, 2006 9:15 pm

Topics: 34
Posts: 457

Find User's Topics
Thanks, text is my worst part of a sig (most of the time), this helps.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jun 30, 2006 1:57 am 
Offline

Joined:
Tue Jun 27, 2006 9:49 pm

Topics: 12
Posts: 40

Find User's Topics
thx alot man im new to sigs and every sig i made was made fun of for the text thx alot this helps big time :l:


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jul 03, 2006 1:52 pm 
Offline

Joined:
Tue May 09, 2006 5:43 pm

Topics: 7
Posts: 36

Find User's Topics
what font u use at that 2/3th picture??


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jul 03, 2006 2:16 pm 
Offline
User avatar

Joined:
Tue Jun 13, 2006 8:45 pm

Topics: 111
Posts: 1388

Find User's Topics
There are better ways to blend text, but I like the glowing text. Im gonna try that out.

_________________
Image


Top
 Profile E-mail  
 
 Post subject:
PostPosted: Sat Jul 08, 2006 9:09 pm 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics
@ abc123 - It's called Kingthings spike (or something very similar). You can get it at dafont.com.

Fuglysheep - Yes there are. That's why I'm gonna continue writing this guide in a second.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jul 08, 2006 11:22 pm 
Offline
User avatar

Joined:
Thu Dec 29, 2005 5:29 pm

Topics: 322
Posts: 3764

Find User's Topics
text tuts are rare beasts indeed. but i'm always happy to come across one. :)

_________________
secks frum flamed:
Image

absolute awesomeness from Greentunic :3


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jul 25, 2006 12:44 am 
Offline
User avatar

Joined:
Fri Jul 07, 2006 12:19 am

Topics: 13
Posts: 89

Find User's Topics
i like to add a layer mask to my text layer, select by color, and have a white foreground and a black background. then, foreground to background gradient and drag it across the text. then do then add the bottom layer and do the grow selection and bucket fill. gives a nice effect, if you do it right. its tough. though... :s:

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jul 25, 2006 6:32 pm 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics
Quote:
i like to add a layer mask to my text layer, select by color, and have a white foreground and a black background. then, foreground to background gradient and drag it across the text. then do then add the bottom layer and do the grow selection and bucket fill. gives a nice effect, if you do it right. its tough. though...
You have no idea how much that confuses me... Could you post a result of this technique please?

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Wed Jul 26, 2006 9:49 am 
Offline
User avatar

Joined:
Thu Jun 01, 2006 6:07 am

Topics: 88
Posts: 1068

Find User's Topics
Quote:
i like to add a layer mask to my text layer, select by color, and have a white foreground and a black background. then, foreground to background gradient and drag it across the text. then do then add the bottom layer and do the grow selection and bucket fill. gives a nice effect, if you do it right. its tough. though...


I understand it but what gradient type did you use, linear?


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jul 28, 2006 7:48 pm 
Offline
User avatar

Joined:
Sun Jan 08, 2006 12:23 pm

Topics: 8
Posts: 182

Find User's Topics
Made another update. Not sure how helpful the last part is, but I do my best.

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jul 29, 2006 12:07 am 
Offline
User avatar

Joined:
Sat Mar 04, 2006 12:28 am

Topics: 18
Posts: 184

Find User's Topics
nice. This looks cool

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Mon Aug 14, 2006 9:53 pm 
Offline
User avatar

Joined:
Sat Mar 04, 2006 12:28 am

Topics: 18
Posts: 184

Find User's Topics
BTW what font is that one the olschool sig. I like it :l:

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Tue Aug 15, 2006 5:26 am 
Offline
User avatar

Joined:
Fri Jul 07, 2006 8:41 am

Topics: 21
Posts: 235

Find User's Topics
Those are some cool tips. Thanks.

I have two more that you might consider helpful.

One is the mirror technique. Here's an example-

Image

I'm talking about the part that says "Master Chief", not Sandwich. I'm not sure about that part.

Another technique is setting your Text layer to grain merge. Here's some examples-

Image

Image

Image

Feel free to add those to your tut if you want. Once again, thanks :w:

_________________
Image
Image
^ Thanks for the awesome gift saviorking :D ^


Top
 Profile E-mail  
 
 Post subject:
PostPosted: Wed Apr 25, 2007 11:44 pm 
Offline
User avatar

Joined:
Fri Apr 20, 2007 10:29 pm

Topics: 14
Posts: 100

Find User's Topics
Nice effects! I'm gonna have to try this stuff on my next sig.

_________________
Image
meh...


Top
 Profile E-mail  
 
 Post subject:
PostPosted: Fri May 11, 2007 12:40 am 
Offline

Joined:
Thu Aug 17, 2006 10:03 pm

Topics: 13
Posts: 91

Find User's Topics
My favorite by far:

Image

EDIT: What is the text in the first example?

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat May 12, 2007 8:29 am 
Offline

Joined:
Fri Feb 16, 2007 6:16 am

Topics: 18
Posts: 137

Find User's Topics
doe you have a site or specific search words for those little things with your tekst

Quote:
Try to accompany your text with a little blob of something, or a silhouette of something


_________________
click for an other GFX forum (originally dutch but english spoken)


Top
 Profile  
 
 Post subject:
PostPosted: Sat May 12, 2007 9:01 am 
Offline
User avatar

Joined:
Thu Apr 12, 2007 4:03 am

Topics: 6
Posts: 26

Find User's Topics
Do you have the ability to post properly?

Image

That's using the overlay text effect. Thanks!

_________________
Image
^Made by me, for me^


Top
 Profile  
 
 Post subject:
PostPosted: Wed May 30, 2007 2:32 am 
Offline
User avatar

Joined:
Thu May 24, 2007 8:44 pm

Topics: 5
Posts: 100

Find User's Topics
I've been wanting to know how to do this for quite some time, thankz man :)

_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Wed May 30, 2007 9:07 pm 
Offline
User avatar

Joined:
Fri May 04, 2007 3:55 pm

Topics: 0
Posts: 11

Find User's Topics
wow ... neat tut ... i got an advise on ur next add-on ... dunno ... maybe will look better on the sig ... when u blend in the text try to give it an extra shade .. by duplicatind the text layer ... alpha sel. ... and then with a soft brush ... brush smoothly (pref. at a brush transparancy of 25 - 50 %) where u want to be the shade .... then overlay (or use other blending ways : soft light and others ) and i say will look better ... how u blend the text has a giant touch ... just try it ... imagination counts ;)

_________________
Image
With The Honor of A Gladiator !


Top
 Profile  
 
 Post subject:
PostPosted: Thu Nov 22, 2007 7:56 pm 
Offline

Joined:
Tue Jun 12, 2007 4:08 pm

Topics: 6
Posts: 54

Find User's Topics
Great tut. I'm still fairly new to Gimp lingo even though I've been using it for about a year. Sometimes I figure things out on my own with pure luck. I always wondered how to get the glowing text! Thanks for letting us know.

And thanks for your other tips. It was very helpful!


Top
 Profile  
 
Display posts from previous:  Sort by  

Post new topic Reply to topic
 [ 33 posts ]  Go to page 1, 2  Next



Who is online

Users browsing this forum: No registered users and 9 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