Gimptalk - Premier Gimp Community: Text Blending in GIMP - Gimptalk - Premier Gimp Community

Jump to content

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

Text Blending in GIMP

#1 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 28 June 2005 - 05:10 PM

EDIT: This tutorial has been modified from the original version. I have attempted to clarify some steps that may have created some confusion. I also reordered a couple of steps to simplify


In this tutorial, we're going to simulate the blending techniques utlized by photoshop users in many of the signatures you've seen around the web. This certainly isn't the only way, but it is the first one we'll explore.


From here on out, there will be no more blah looking text on our signatures!


We'll make an image that has beautifully blended text. Like this:

Posted Image


1. Open up your favorite background or signature. I'll be using one I created for a signature a few days ago.


Posted Image


2. Grab your favorite font (I'm using Planet Kosmos, which is a fat font)

3. Write out your desired text in white.


Posted Image


4. Alpha select the text layer to select the outline of the text.

5. Invert the selection (Ctrl-i), which will select everything but the text.


Posted Image


6. Add a drop shadow (Script FU-->Shadow-->Drop Shadow) using the following settings:

X:2 ; Y:2 ; Blur 5 ; Color Black ; Opacity 80 ; Deselect "Allow Resizing"


As you can tell in this image, the shadow has been added to the inside of the font. This was accomplished by inverting the selection in step #5. It's probably not noticeable to you right now, but a shadow was also added to the outside of the layer on the right and bottom sides. We will correct this situation later.


Posted Image


7. Now add another drop shadow using the following settings:

X:1 ; Y:1 ; Blur 0 ; Color White ; Opacity 80 ; Deselect "Allow Resizing"


This will add a white edge to the upper left edges of the font. This step is not absolutely necessary, but when I was playing around with the different settings, I felt it created a really nice touch! Again, as in the last step, a shadow has also been added to the outside of the layer. This too will be corrected later.


Posted Image


This is where I changed the order of steps....


8. Here we'll add a stroke to the text. This is how I do it:


[*]Add a new layer and move it below your text layer.

[*]Select the outline of the text by right-clicking the Text Layer in the Layer Dialog Window and choosing Alpha to Selection.

[*]Grow the selection by 1 or 2 pixels (I used a value of 1) - You can do this by going to the Select Menu and Choosing "Grow."

[*]Make the new layer active by clicking on the New Layer in the Layer Dialog Window (the selection will still be shown) and fill with black.


Posted Image


Your layers should now look something like this:


Posted Image


9. Now let's merge all the existing text layers.


[*]Make your top layer active as I've shown above.

[*]Select Layer | Merge Down

[*]Continue with Layer | Merge Down until all your text layers are made into 1 (one) layer.


10. Now add a little bevel to the main text:

Script FU-->Decor-->Add Bevel

Thickness: 5


Posted Image


11. Now, select the outline of the text layer (Alpha to Selection).

12. Add a drop shadow (Script FU-->Shadow-->Drop Shadow) using the following settings:

X:2 ; Y:2 ; Blur 5 ; Color Black ; Opacity 80 ; Deselect "Allow Resizing"


Posted Image


13. Now, select the top text layer and merge the text layers into 1 (one) layer (Layer | Merge Down)


14. Here's where we'll fix the shadows outside of the layer.


[*]Select the outline of the text layer (Alpha to Selection). This will select everything including the drop shadow. If you want to see what I'm talking about, grab your move tool (4-headed arrow) and move your text layer up and to the left. You'll see a white and a black drop shadow. We need to correct this just in case you decide you want your text in another location.

[*]Select Layer | Crop Layer. Now, move your layer again. There should be no more shadows outside of the layer.


15. Adjust the blend mode of the layer to Multiply, Burn, Overlay, Value, or whatever looks good to you. I used Value.


Posted Image


This is my result:


Posted Image


You're Done!


Looks pretty good. Doesn't it?

We'll look at some other methods later.


Show me your results. As always, if you have any questions or need clarification, post it here.


Art

This post has been edited by fencepost: 29 January 2014 - 02:04 AM

0

#2 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 28 June 2005 - 10:13 PM

on step 11 what does that mean I dont get how to do it
Thanks
0

#3 User is offline   noclayto 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 315
  • Joined: 04-May 05

Posted 29 June 2005 - 12:10 AM

Select->Selection Editor->Stroke Selection. There's probably many other ways.

NC
0

#4 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 29 June 2005 - 01:33 AM

Yeah, NC's right, there are many ways to do it. I was rushed putting it together and didn't explain it. Sorry. I'll post what I did here and then change the tutorial so it covers the steps I used.

Here's what I did, but you can use NC's suggestion. Mine never quite looks right when I do it that way. Probably not doing the correct procedure. Anyways....

[*]On the text layer, do an Alpha to Selection
[*]Grow the selection by 1-pixel or so
[*]Add a new layer and place it below your text layer
[*]Make that new layer active and fill it with black.

That's it. The text now has a pretty black border around it.

Make sense?

Hope this helps.

Art

EDIT: Tutorial corrected above to show details of "stroked text"
0

#5 User is offline   noclayto 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 315
  • Joined: 04-May 05

Posted 29 June 2005 - 02:16 AM

I don't think I have ever used the stroke selection for real. I normally do what Art does. Grow my selection by 1 or 2 pixels then fill it with black, then shrink it by 1 or 2 and crop that part. Some time I feather the selection then crop or blur or whatever.

NC
0

#6 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 29 June 2005 - 07:47 AM

Posted Image
for some reason mine came out with white outlines I am sure I missed something thanks guys for your help
0

#7 User is offline   jayli 

  • Member
  • PipPip
  • Group: Members
  • Posts: 11
  • Joined: 29-June 05

Posted 29 June 2005 - 09:00 AM

cool thanks for the Tutorials :h:
0

#8 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 29 June 2005 - 12:02 PM

Quote

Posted Image
for some reason mine came out with white outlines I am sure I missed something thanks guys for your help


BR, send me a PM and we'll talk about the trouble you're having. If the step(s) you're missing is due to something I need to clarify in the tut, I'll modify the tut accordingly. :w:

Art
0

#9 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 03 July 2005 - 02:57 AM

Now that I got my shortcuts fixed this made it easy (THANKS FENCEPOST!!!)
Posted Image
0

#10 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 03 July 2005 - 02:59 AM

Very nice! Did you want to end up with the text being white? If you want it to fully blend, try setting the text layer's blending option to Value or something else.
0

#11 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 03 July 2005 - 03:03 AM

Yea I wanted white I thought if I used blue it wouldnt look as well :h:
0

#12 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 03 July 2005 - 03:04 AM

try it and see. I bet it would.
0

#13 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 03 July 2005 - 04:27 AM

Posted Image
Thanks once again fencepost :l:
0

#14 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 03 July 2005 - 04:31 AM

I knew it would look good. Keep up the good work.

Is this the one you PM'd me about? You had a different one that was showing up in the PM.
0

#15 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 03 July 2005 - 04:34 AM

Its a new one I just redid it all incase I missed something :h:
0

#16 User is offline   *Profeit* 

  • Member
  • PipPip
  • Group: Members
  • Posts: 33
  • Joined: 02-July 05

Posted 04 July 2005 - 03:39 AM

Man How Do I Pick My Font??
0

#17 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,646
  • Joined: 01-March 05

Posted 04 July 2005 - 03:43 AM

Double-click on the font tool and a font tool options dialog box will open up where you can select what you want.

a
0

#18 User is offline   360 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 342
  • Joined: 03-July 05

Posted 04 July 2005 - 04:45 AM

It should be fat enough at defult tbh(To Be Honest)
0

#19 User is offline   360 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 342
  • Joined: 03-July 05

Posted 04 July 2005 - 04:48 AM

I found (And forgot) a way where you can make one without an outline and it blends ON no matter what
0

#20 User is offline   Kytayle 

  • Member
  • PipPip
  • Group: Members
  • Posts: 234
  • Joined: 29-June 05

Posted 04 July 2005 - 10:58 AM

Posted Image

Just to make sure, does the text look right? I dont know if i did it right x.x

Mesh stink at text
0

Share this topic:


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