Cool website with a new community where we make,share, teach and view sigs with other people.
 
HomeHome  Donate!  PortalPortal  GalleryGallery  RegisterRegister  Log inLog in  

Share | 
 

 Text Blending in GIMP

View previous topic View next topic Go down 
AuthorMessage
bookert316
Co-Admin
Co-Admin
avatar

Number of posts : 118
Age : 49
Location : Jersey
Registration date : 2008-08-17

Sick Sigs
EXP:
10/10  (10/10)
Text Field: 3
Choice List: Man

PostSubject: Text Blending in GIMP   Sat Sep 20, 2008 2:08 pm

This is another great tut that I have tried that the great Fence Post has made for us gimpers as you may or not know but he has converted this technique from Photo Shop so we as gimp users can make our fonts look better.
here is the link to the original tut. http://www.gimptalk.com/forum/text-blending-in-gimp-t339.html

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:



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



2. Grab your favorite font (I'm using Planet Kosmos, which is a fat font)
3. Write out your desired text in white.



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.



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.



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.



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.



Your layers should now look something like this:



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



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"



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.



This is my result:



You're Done!

Looks pretty good. Doesn't it?
We'll look at some other methods later.

_________________


Last edited by bookert316 on Tue Jan 10, 2012 11:09 am; edited 1 time in total
Back to top Go down
http://themaddendungeon.forumakers.com
bookert316
Co-Admin
Co-Admin
avatar

Number of posts : 118
Age : 49
Location : Jersey
Registration date : 2008-08-17

Sick Sigs
EXP:
10/10  (10/10)
Text Field: 3
Choice List: Man

PostSubject: Re: Text Blending in GIMP   Sat Sep 20, 2008 3:53 pm


this is what I made with this, what do you think?

_________________
Back to top Go down
http://themaddendungeon.forumakers.com
Snorki
Admin
Admin
avatar

Number of posts : 322
Registration date : 2008-07-14

Sick Sigs
EXP:
1337/1337  (1337/1337)
Text Field: 1
Choice List: Man

PostSubject: Re: Text Blending in GIMP   Sat Sep 20, 2008 7:31 pm

That's really good. I like the way you blended it! Very Happy

_________________

Need a Sig? Click this icon! Refer us, click for more info!
Back to top Go down
http://sickadverts.forumotion.net
Guest
Guest



PostSubject: Re: Text Blending in GIMP   Sat Sep 20, 2008 7:50 pm

It's a nice effect, but I wouldn't call it blending, it's more just a fancy emboss effect. Not to put it down or anything but it wouldn't look great on a sig, it's more of a banner or logo type of effect/font.
Good job on finding the tut though. Razz
Back to top Go down
Sponsored content




PostSubject: Re: Text Blending in GIMP   

Back to top Go down
 
Text Blending in GIMP
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» how to select text from a disabled field?
» How to use storetext and verify text? It is failing for me..
» Entering a time stamp in comment / text box?
» Need to do a simple Left Click in a text box
» WEB DRIVER ALTERNATIVE FOR SELENIUM IDE WAIT AND WAITFOR TEXT PRESENT COMMAND

Permissions in this forum:You cannot reply to topics in this forum
Sick Sigs :: Signatures/Other GFX :: Gimp Talk-
Jump to: