Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Gimp: Working With Text, Simple GIMP tutorial for beginners
levimage
post Feb 13 2008, 06:51 PM
Post #1


Member - Active Contributor
Group Icon

Group: [HOSTED]
Posts: 84
Joined: 1-October 07
From: United States
Member No.: 25,237



GIMP Working with Text


1) Start a new image with dimensions that hold your text. Plan for extra room.

2) Text Tool: Create a Text. Type in a name or something. Pick a font and Size of 50 pixels.


3) Adding a Shadow:

There are different ways add a shadow. There are many ways to add a basic shadow but some will
result in your shadow being clipped on the edges. So I'll show you a work around. This would also
Apply when part of your blur - or other filter - gets knocked off the text selection you apply it on.
I've found out you can do two things.

3.A) In your text dialog, you can enter a line return before the text, add some spaces before and
after the line of your text, and add a line return after the text. You can also set the text alignment
to center. This is a fast method to make empty space around your text. This makes your text layer
larger but might make it difficult if you use guides to align layers.

- or -

3.cool.gif Under the Layers menu, select 'Discard The Text Information' on your selected layer. You wont be
able to edit the text so make certain this is the size you want. Now under the Layers menu select
'Layer Boundary Size'. The layer size may say something like Width: 337, Height: 52, add the amount of
space around the text. So if I was going to add a Gaussian Blur at 25 pixels, I would need to make the
width 337 + (2*25 pixels) = 387; height 52 + (2*25pixels) = 102. So I unchecked the lock icon, enter

the
new values, click the Center button, and finally resize.

4) Now make two (2) Duplicate copies of the layer (Duplicate button on Layers Dialog). You can rename
the layer to note any modifications on it.

5) Now on the Filters.. Blur.. select Gaussian Blur (on the Menu). Select 4 pixels and click OK.


6) On the second layer. Make a second Gaussian Blur with a pixel of 15.


7) Make three (3) copies of the layer. Right-click the layer copy (layer dialog box) and select Merge
down. Do this till all the duplicated copies are merged with the original. This shows gives a deep
shadow behind our text.


8) Make a copy of the original Text Layer. Right click the copy (layer dialog box) and select 'Alpha
to Selection'. Now that your text outline is highlighted.

8.1) From the Select.. select Grow (on the Menu). Select 1 pixel and click OK.

8.2) Now select the Bucket Fill Tool. Make sure the 'BG color' and 'Fill whole selection' is selected
(on the Tool options). This will allow you to paint with the white to the entire text selection. Now
with the paint tool click inside the selection.

8.3) From the Select.. Select None (on the Menu)


9) Now click the foreground color to open the color selection dialog. Change the foreground color to
something like blue. Select 'FG color' in the bucket tool options. Finally select the background color. Paint
the background blue.


10) Congratulations. You're done. You can save this as the native GIMP format (.xcf) or export to
jpeg. tongue.gif
Go to the top of the page
 
+Quote Post
yordan
post Feb 14 2008, 09:35 AM
Post #2


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 1,886
Joined: 16-August 05
Member No.: 7,896



I love this your tuto. It's clear, with nice examples. Exactly what I was looking for, a step-by-step explanation on how to do the thing.
By the way, I hate the sig obtained that way, I hate this blur, I hate the colour you used, but that's not the aim of this topic. The goal was teaching how to do this, and this goal is obtained. Thanks.
Yordan
Go to the top of the page
 
+Quote Post
Quatrux
post Feb 14 2008, 12:13 PM
Post #3


the Q
Group Icon

Group: [HOSTED]
Posts: 982
Joined: 13-July 05
From: Lithuania, Vilnius
Member No.: 7,059



Yes, really great tutorial, it is something I have been doing with Gimp, except a bit different things with the font, you could also write about how to add shadows with some different or custom gradients, make a reflection of the font add something inside, a picture with different opacity and etc. smile.gif
Go to the top of the page
 
+Quote Post
Snake
post Jun 17 2008, 03:49 PM
Post #4


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 17
Joined: 16-June 08
From: USA
Member No.: 31,005



Thank you for this great tutorial!

I made a signature for myself with this tutorial. smile.gif
If you want to see it, here's a link:
http://img186.imageshack.us/img186/1601/snakesigho2.jpg

Please make more useful GIMP beginner tutorials!
I only got GIMP yesterday! biggrin.gif

Go to the top of the page
 
+Quote Post
levimage
post Jun 20 2008, 10:51 PM
Post #5


Member - Active Contributor
Group Icon

Group: [HOSTED]
Posts: 84
Joined: 1-October 07
From: United States
Member No.: 25,237



QUOTE(Snake @ Jun 17 2008, 09:49 AM) *
Thank you for this great tutorial!

I made a signature for myself with this tutorial. smile.gif
If you want to see it, here's a link:
http://img186.imageshack.us/img186/1601/snakesigho2.jpg

Please make more useful GIMP beginner tutorials!
I only got GIMP yesterday! biggrin.gif


pretty nice if green is your think, maybe tone down on the GB or try re-ordering your layers for a better effect.
Go to the top of the page
 
+Quote Post
Snake
post Jun 21 2008, 04:17 PM
Post #6


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 17
Joined: 16-June 08
From: USA
Member No.: 31,005



Yeah I've been looking up a lot of tutorials and I've been becoming better.
I even started my own userbar tutorial for Astahost waiting to be accepted! happy.gif

Oh and green, red, and black are my favorite colors. smile.gif

~ Snake
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. How To Remove Bad Sectors Or Bad Clusters From HDD(14)
  2. Cron Jobs Tutorial(3)
  3. Photoshop Tutorial: Forum Signatures(12)
  4. Short "slicing" Tutorial(12)
  5. Text File Operations VB.NET(5)
  6. How Do I "justify" Format My Text(11)
  7. Change Fonts On A S60 Phone [tutorial](13)
  8. Are There Any 3d Text Based Games ?(12)
  9. Help Me Create A Text-based, Turn-based Game(8)
  10. VB.NET: MS-Access Interaction Tutorial (Part I)(17)
  11. Advice About Making A Text Based Game(9)
  12. Vertical Text In Datagridview Column Header(5)
  13. Direct3d Setrenderstate(d3drs_zenable,true) Has No Effect ?(2)
  14. New Text Based Game Maker(12)
  15. C# Tutorial : Lesson 3 - Programming Constructs(1)
  1. Text Based Games(5)
  2. How To Boot A Pc From Your Usb Flashdisk(17)
  3. How To Disable The Enter Key Of An Input Text Box(6)
  4. Very Simple Login-script(18)
  5. A Simple Register Script(1)
  6. Need Help Making My Ftp Work(14)
  7. Linux For Beginners- Easy To Install(8)
  8. How To: Make A Simple Php Forum System(4)
  9. Can't Make This Query Working.(2)
  10. Conditional Statements Of Javascript(1)
  11. Gimp Userbar Tutorial(1)
  12. View New Posts Not Working(6)
  13. Gimp -gnu Image Manipulation.(0)


 



- Lo-Fi Version Time is now: 6th July 2008 - 10:56 PM