Nov 21, 2009

Gimp: Working With Text - Simple GIMP tutorial for beginners

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation

Gimp: Working With Text - Simple GIMP tutorial for beginners

levimage
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

 

 

 


Comment/Reply (w/o sign-up)

yordan
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

Comment/Reply (w/o sign-up)

Quatrux
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

Comment/Reply (w/o sign-up)

Snake
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


Comment/Reply (w/o sign-up)

levimage
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.

Comment/Reply (w/o sign-up)

Snake
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

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : gimp, working, text, simple, gimp, tutorial, beginners

  1. Gimp Animation Tutorial
    Read in the first part of the tut why i made another tut same as Lance (16)
  2. How To Make Simple Animations In The Gimp
    in the form of an Animated GIF. (2)
    This is a very simple technique which even young school children can manage... use the method in
    class if you like (but show them for real rather than making them read something; they will pick it
    up a lot faster). I am using Gimp 2.4 for this tutorial. When saving layered images in GIF format,
    the Gimp knows how to prepare them in a special way which will work automatically on websites. I
    recommend you are moderately familiar with the Gimp and at have at least a basic understanding of
    layers to follow this tutorial. Part 1: Get Ready 1. Start a new image in Gim....
  3. Text Outline In Gimp
    (2)
    Hello, When I first started using GIMP, it took me a while to figure it out, and I made a few
    mistakes. Well, here's a tutorial so others won't! Although, you will need some VERY basic
    knowledge of the gimp, ie placing text and choosing a colour. Anyway; 1) Create a new image. Any
    size is ok. 2) Put in some text of your choice. Now, select the text, and using the text tool, click
    the button marked "Path from Text". 3) Now, make a new transparent layer. 4) Selecting the new
    transparent layer, make sure it is below the text layer, and then use the select menu's....
  4. Gimp Userbar Tutorial
    Very Easy... (9)
    Hello, I will tell you how to create a nice userbar in the open-source software called GIMP. You
    should GIMP 2.4.6 installed on computer, and if you don't, go to The GIMP Website. Make sure
    to view a few beginner tutorials to have a basic understanding of GIMP. This is what the finished
    userbar will look like: It is very simple, and I learned it easy. I will guide you through all
    the steps of making a userbar. ~ Now we will go through all the steps. 1. Open GIMP and click
    New(Ctrl + N) and make the size for your new image 350 by 19. Your screen should look....
  5. Photoshop Text Effect
    A photoshop text effect i found and thought was kool (1)
    Ok, well the other day i was making a video *dont ask why* and for the intro i wanted some pretty
    cool font, and font effects and so i experamented with Photoshop for a while until i came up with
    somthing i liked and i liked what i came up with so i think imma share it with people /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> QUOTE First off i used
    the font Angryblue Available for download Here for PC's and Here For Mac's Now lets
    start off by getting a new or existing image, for existing image just open an exi....
  6. Fading Text
    (4)
    1. Open up any background or make a new one. user posted image 2. Add whatever text you want to
    it. user posted image 3. Duplicate the text layer 4 times. There should be five layers of the
    same text now. Change the opacity of each layer so that each text layer is 20% less opacity than the
    one below it. (Most bottom text layer would have 100%, the one on top should have 80%, the next one
    should have 60%, and so on. The topmost layer should be 20%.) user posted image 4. Now, you are
    ready for ImageReady. Jump to ImageReady (Shift+Ctrl+M). The animation palette sh....

    1. Looking for gimp, working, text, simple, gimp, tutorial, beginners

See Also,

*SIMILAR VIDEOS*
Searching Video's for gimp, working, text, simple, gimp, tutorial, beginners
advertisement



Gimp: Working With Text - Simple GIMP tutorial for beginners

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com