.sf {display:none;} #boxx { width:400px; border-right: 2px solid #ADD8E6; border-left:2px solid #ADD8E6; border-bottom: 2px solid #ADD8E6; background:white;} #boxx2 { width:185px; border-right: 2px solid #ADD8E6; border-left:2px solid #ADD8E6; border-bottom: 2px solid #ADD8E6; background:white; } textarea { font: 6pt century gothic; color: #000000; background:url(http://i42.tinypic.com/2gsl4s5.png); overflow-x: hidden; border: 1px dashed #303030; margin-bottom: 3px; height: 35px; width: 88px; } a:link, a:active, a:visited { color: #plum; text-decoration: none; border-bottom: 1px dotted #000000; letter-spacing: 1px; } a.nav:link, a.nav:active, a.nav:visited { font: 10px century gothic; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; background-color: #ADD8E6; display: block; margin-bottom: 0px; border-bottom: 1px dashed #515151; } a:hover { color: #40E0D0; text-decoration: none; letter-spacing: 5px; } h1 { font: 20px century gothic; font-weight: bold; color: black; text-align: center; text-transform: capitalize; background: #ADD8E6; letter-spacing: 2px; } h2 { font: 17px century gothic; color: black; text-align: CENTER; text-transform: lowercase; border-bottom:2px solid #DDA0DD; letter-spacing: 1px; } tr, td, table, body, .text { font-family:arial; font-size:8pt; color: dimgrey;} body {background: url(http://i42.tinypic.com/2gsl4s5.png) fixed;} b{color: #4169E1;} u{color: #87CEEB; text-decoration: none; border-bottom: 2px solid lightgrey;} i{color: #7B68EE;} />


To Kitty's GIMP Tutorial

Hey there! I'm Kitty, who you might know from Shattered Crystals, my graphic site. After spending nearly a year making graphics for the general population of Neopia, I decided to create my own graphics tutorial! I was mostly inspired by Ashyruu's Button Tutorial and Creating a Petpage, two guides by a great affiliate of mine. Over the course of this petpage, you'll learn how to use the tools, upload & use brushes, upload & use fonts, create images, create glitters, save your images, and upload your images. I'll also teach you a quick way to make header images! This tutorial deals with GIMP, a free, downloadable graphics program.

Special Notes

to help with your experience

Please note that some of these images have been resized so they will fit on this page. Sometimes they will look blurry, but mostly they are for reference.

If you see this pixel:
you can simply drag the image to your address bar & drop it in there. Voila! The image is now readable!

If you see this pixel:
That means I have added an important note; DO NOT SKIP IT! The note is most likely vital to your GIMP-ing!


what have I been up to?

June 3, 2010
Okay, okay, I know, I'm terrible. It's been almost a YEAR since my Photobucket died, but I've only NOW gotten around to replacing everything on this guide. I've also got a few things that I've decided I needed to add. I saw a girl on the Help Chat today, asking how to make rounded corners on her rectangles. I helped her out, she was grateful, and I decided that this is a step that needs to be added to my tutorial. Look for it in the upcoming days!

December 6, 2009
I'm going to be restoring several things today. When I finish, I'll update and let you know what I did, okay?

Edit: I redid the "Creating Headers" section, and fixed up the "Saving Images" section. It's going to be a long week, that's for sure. *sighs* Bear with me.

December 5, 2009
Okay, I know, I fail epically XD But I promise that this week (or at least, before this YEAR is over!) that I'll get the site back up and running. Promise! And no - I'm not crossing my fingers! What are you saying?!

July 12, 2009
So, this is the first day that I've had time to work on this tutorial. Several sections were repaired today; the rest will have to wait until tomorrow. Bear with me!

Oh, and since I have last updated this page, my GIMP died on me as well. I had to redownload it, and now I have GIMP version 2.4.6, which means that I'll probably have to redo a section or two. Heehee.

June 25, 2009
Arg! Photobucket died on me! Please bear with me - I'm going to have to find a new image host and replace all the images. Don't worry - KGT will be back very, very soon!

March 17, 2009
I added one more effect today - Colorize! Isn't that great? It works for all images. Eventually, I'll probably create a section on creating blogs {but I'm afraid I can't code them; I use an auto-coder}, and the colorization tool will come in handy then!

March 15, 2009
Oops. So sorry for the lack of updates ^.^ I've been busy with my review site & other things like that.... But anyways, I got a 100% on my review from Broken Dreams Reviews {and a magical, shiny award!!} Aren't you happy for me? I promise that from now on, I shall try to update more often!! It all depends on whether or not I can learn more about GIMP!

March 5, 2009
I got my braces off today :D Isn't that fantastic? What? You were looking for actual news? Well, I guess I have a few things. I was listed on Sarah's Hopeful Heart Directory today. Other than that...nothing eventful!

March 1, 2009
I added more to the Cool Effects section. I think I'll be able to launch this website tomorrow! If not, then...well....stay tuned for the launch date!

February 28, 2009
Today I added a counter to my site. I also added a section entitled Cool Effects. I'll be adding much, much more to this section - it's all about some pretty sweet effects that you can do with GIMP. I can't go over all of them, but I give simple step-by-step directions to the effects I have added! Be sure to stay tuned so that you don't miss the grand opening of my tutorial ^.^

February 27, 2009
Added one new affiliate today - Sarah's Neopoint Making Guide. Sarah is also the one who has been crash-testing all of my instructions in this guide. Thanks, Sarah!

February 26, 2009
I finished up the "Saving Images" and "Uploading Images" sections today, and I added a new link-back button. I'm pretty confident that I can launch this site pretty soon! Keep watching!

February 25, 2009
Since I have a school project to do, I'm doing it in GIMP as well - a great way to tell your parents that you must play with GIMP in order to finish your project on time!! I'm doing a flag & an emblem for my "country" that I must rule. And let me tell you that it's turning out fantastically! I'm using the new blood-brushes that I uploaded when I created this tutorial - the set in the "Uploading Brushes" section ;D

February 24, 2009
Today I finished the "Creating Glitters" and "Creating Headers" section today. I think they turned out very well - I applaud Sarah for helping me test out the sections - she's a new GIMP user as well!! Thank you, Sarah!

Feb. 23, 2009
Hey there! It's Kitty! This is technically my fifth site, because the other two sites {My "About me" site & my "The Hike" site don't count as sites in my eyes. Anyways, I started this site yesterday, and am adding sections as fast as I can. It should be ready to launch by next week, if I'm lucky! Keep wishing! I'm accepting affie requests at the moment, so you can request to be affiliates with me ^.^

The Tools

Familiarize yourself with them

These are the tools that you'll use while you're playing with GIMP. I can only give you a basic overview of them - it's up to you to figure out what else they can do!

Okay, I want you to follow along with the image on the left while I explain each of the tools to you. It's much easier to have a visual than just explaining the tools to you, is it not?

The black-enclosed sections are selection tools. These are tools that you will use to select parts of images. The first one {the square} is a rectangular selection tool. The second one {the circular one} is a circular selection tool. The last one {the loopy one} is called the lasso tool. It allows you to free-form select anything you wish.

The red-enclosed tool is called the fuzzy selection tool. You will use this tool to select parts of areas in order to glitter them {at least, that is what I do with it}. It's up to you to figure out what else it can do!

The orange-enclosed tool is something that you should all be familiar with: the zoom tool. You will use this tool to zoom in on your images in order to make tiny changes to them.

The blue-enclosed tools are the basic editing tools. These tools will allow you to, respectively, rotate, scale, shear, and change the perspective of your image. Personally, I've never used these tools before, but you might find them handy.

The pink-enclosed tool is the font tool. This tool allows you to add text onto your image. It's basically the same tool as you use in Microsoft Paint, although this tool has a much wider selection of fonts.

The green tools are the most important tools you have here - they are your decorating tools. The tool that looks like a paint bucket is, indeed, a bucket that you use to fill large areas with textures or pure color. The pencil & brush tools work pretty much the same - you paint with them {uploaded brushes work with both the pencil & brush tool}. The airbrushing tool {the first one on the 5th row} can also use brushes, but you can choose different effects to go with it. The last tool, the stamp tool, works just like the brush, pencil, and airbrush tools - it allows you to use the brushes to create stamps. You can use textures & plain colors with this tool. Use them creatively!

The yellow tool is the eraser tool. You should know what this does ;)

The purple-enclosed tools are altering tools. These tools will allow you to {respectively}, blur/sharpen, smudge, and burn your image. Use them as you wish!

The remainder of the tools are things that I have either never used, or are not {to my knowledge} very useful. If you have another opinion, please tell me, and I'll be sure to add it to this guide!

Back to Top?

Uploading Brushes

how to save them

The best place to find brushes is through Google. There are several websites that house a collection of GIMP brushes, but Deviantart is a great place to get them.

Before you do any of this, find the folder {for me, it's underneath "Owner" - ".gimp-2.4"} that has all the file types in it, such as "brushes" and "fonts". It may be different for you. Open up the "Brushes" folder. Keep this open.

1. First, find your selected brush using Google. After you've clicked on the link that leads to your brush-downloading page, click on the "Download" button:
After you've clicked the "Download" button, click on the "Save File" button.

2. When the download completes for your brush set, go to the now-open folder. Select all of the files {they are set as .gbr files} and right click on them.
Copy all of the files that you have highlighted.

3. After you've copied all the files, go to your previously-opened "Brushes" folder. Right click anywhere in the folder.
Now, select the paste option and paste the brushes into this file.

Voila! You now have new brushes for GIMP! Isn't that great? You can do this as many times as you like for each set of brushes you wish to download. They will automatically insert themselves into your GIMP program without any further effort on your part! Amazing! Now you're ready to enjoy your brushes.

how to use them

Okay, you've uploaded your brushes. Now what? Well, you should probably learn how to use them! Let's start with just a basic brushing. I'm going to show you how to find the brushes & how to place them on your image.

1. Open up a new file in GIMP.
Now, while opening up a new file, you'll be given the options to change the height & width of the document, like so:
Choose a width & height that will work for your image.

2. Now, click on the "Brush" tool, and then click on the little circle that appears on the bottom half of the GIMP control board. That will open up your brush selection chart.
Select a brush.

Note: the following step is optional. If you do not want to change the size of your brush, skip to step number four.

3. The brush that I chose is really big. So, how do I make it smaller? Simple, really! See the little slider-thing underneath the brush-selection button?
That's how you change the size of the brush! Simply slide the slider-button back and forth. Slide it to the right to make the brush bigger, and slide it to the left to make the brush smaller. Simple!

4. Okay, now, simply place your mouse over the open blank image.
As you can see, the brush will be depicted as a dotted outline, so you know where you're placing your brush.

5. Step-by-step we go! You've placed your mouse over your blank image - what to do next, you ask? Click! Click! Click!
Your brush will appear on the once-blank image. Now, wasn't that easy?

Special Effect: Opacity

Another cool thing about GIMP brushes is that you can make them as transparent as you want. Let's check out how to do this.

1. Choose your brush. You should know how to do this, so I'm not going to put an image here.
I'm using the brush set "snowflakes," by Hawkfrost, if you must know.

2. Okay, now look at the main toolbar. Remember when we changed the size of the brush? Well, there's also a slider for opacity!

3. Look above the brush slection box. Do you see the slider there? Good. Simply slide it back and forth.

4. Choose the opacity that you want. The lower the number, the more you can see through it.
Simple, right? Go crazy!

Woo! You've now uploaded and used your first set of brushes! Awesome, isn't it? Well, there's much more to GIMP than just brushes! Let's continue on to the fonts!

Back to Top?

Uploading Fonts

how to save them

The best place to find fonts {or so I believe} is DaFont. I shall show you how to upload the fonts, how to find them.

Before you do any of this, find the folder {for me, it's underneath "Owner" - ".gimp-2.4"} that has all the file types in it, such as "brushes" and "fonts". It may be different for you. Open up the "Fonts" folder. Keep this open.

Please note that you will have to drag & drop several of these images if you wish to see them full-sized!

1. Go to the website & click on a font. There will be a box in the right-hand corner, like so:

2. In the box that pops up,
select "Save File As..."

3. When the little box opens up that contains the file, simply right click on the file that has your font name, copy it, and go to your font-file window:
and paste it into your font files. This will allow your font to be kept with all of your other fonts!

4. Enjoy your new font! You can do this as many times as you like with each new font, and it will automatically appear in your font-list.

How to use them

You've uploaded your fonts, now you need to use them. Sure, pictures are worth a thousand words, but sometimes graphics need some words. So, what's a person to do? The great thing is, if you've used Microsoft Paint, you will probably get the hang of using the GIMP font tool pretty quickly!

1. What you've got to do first is click on the font tool.
It looks like a big letter A. It opens up a whole new cache of options for you! But first you need to click on the big letter "A" in the little white box.

2. The big letter "A" will open up a dialog box that is full of different fonts!
Choose one that you like. I'm going to choose the one that I just uploaded - Shanghai.

The following step is optional; if you do not wish to change the color of your font, skip to step number four.

3. Once you've chosen your font, you can change the color. See the little black box underneath the font-selection box?
Yeah, that's the one! Click on it. Another box will pop up.
In this box, there are three different ways to find a color. You can move your mouse around on the color selection field, slide the colors with values, or choose a color from the last 12 you used. There's also an eyedrop tool {the little eye-drop thing next to the white box with a hex code in it} if you want to get a specific color from your image. Play around with them to your content!

4. Okay, you've chosen your font and changed the color of it. Now, click on the image. Another little box will pop up:
Start typing in the box. Whatever you type in the box will show up on your image!
Sweet, huh?

5. Nice! So, what else is there to do? Let's change the font size! Right below the font-selection box is a box that has a number in it.
Simply use the arrows to scroll up and down through the numbers! You can go up into the thousands. Now that is a huge font!

Back to Top?

Creating Images

Put it all together!

Now we're going to create a simple image using your uploaded brushes & fonts.

1. Open up a new file in GIMP.
Now, while opening up a new file, you'll be given the options to change the height & width of the document, like so:
Choose a width & height that will work for your image.

2. Now, find an image that you want to play around with. I'm going to use this one:

3. Copy & paste the image onto your canvas:
Move your image around to your liking. I'm going to put mine in the bottom right-hand corner.

4. Add some brush effects. There's no right or wrong way to apply brushes; just put them where you want them & don't worry about what other people think.
Once you're finished with the brushes, let's add some words to your banner!

5. You can add whatever you want to your banner - it could be a quote, something you made up yourself, or a single word. You could put an entire paragraph on the banner!
Do whatever you like - remember, this is YOUR banner, and nobody can tell you what to put on it!

6. Before you do anything else {such as saving}, make sure to merge all of your layers together!
Right click on your font layer, then click "Merge Down". BAM! You've created an image! Now all we have to do is upload it!

Back to Top?

Creating Glitters

How to create sparkly images!

Now, we're on to something that most people enjoy seeing & want to know how to create - Glitters!

1. Find an image you want to glitter. For my example glitter, I'm going to use an image of a baby bruce. Now, right-click on the image:
...and select "copy". Now, you're going to go to "File - Acquire - Paste as New".
This will paste your image without you having to figure out the width & height of your image.

2. You'll want to decide what you're going to glitter before you start glittering. I choose to glitter the big red bow on my baby bruce. Nice. Now, you need to select the fuzzy select tool.
Okay, hold down the shift key while you're selecting the areas you want to glitter. When you're done selecting your areas, they should be surrounded by a moving outline:
You're almost ready to glitter!

3. Okay! Now what? Well, we have to duplicate some more layers. Why? Well, this will create the animation later! Let's duplicate:
You're going to do this four times. That makes a total of FOUR LAYERS:

4. Now, click on your first layer {it should be titled pasted layer}. Let's start glittering! Click back on your main image & go to "Filters - Noise - RGB Noise".
Click on "RGB Noise". A window like this will pop up:
Make sure that you unclick "independent RGB" and click on "correlated noise".

5. Now, you're going to play around with the values! They range from .00 - 1.00; mess with them to your content!
Now, you're going to repeat this for pasted layer copy, except you're going to make the value 5 less than you did for pasted layer! Repeat this step for each different layer.

6. When you're done, click on "Filters - Animation - Animation Playback".
Another window will pop up:
Click on the "Play" button. This will show you what your glitter will look like!

7. All that's left to do is save your image & upload it, so why don't we move on to that section?

Oh? My completed glitter?
Fantastic, isn't it? :D

Back to Top?

Creating Headers

quick & easy titles

The past few things we've created had a lot of steps to them, did they not? Well, I'm happy to say that the next thing is quick, easy, and requires little effort on your part, although there are a lot of steps! There are a lot of steps mostly because I explain everything step-by-step, so you don't get confused or anything! I'm going to teach you how to make a header, like my awesome "Kitty's GIMP Tutorial" one at the top of this page.

Note: This is only for GIMP 2.4.6. If you have GIMP 2.4 or below, I believe there is an "XTNS" tab at the top of your page. Click on that, scroll down to logos, and the rest of the stuff is the same.

1. Click on Filters. Scroll down to "Alpha to Logo." A large side-menu will pop up:
MAKE SURE that you have already made your text the size and font style that you would like to have it in!

2. Select the style you want your header to be in. I'm going to choose Neon. When you click on your style, another box will pop up:
First, we're going to choose the width of the glow effect. Make it sort of small, depending on the radius you want the effect to cover.

3. Then, choose the background and glow color. Easy. I'm keeping the stuff the way it is. When you're done, choose whether you want a shadow or not, then click on OK. There you go! You have your header! (Yes, I know, my is awful. But yours will be much better, trust me!)

4. But what's this? There's an ugly black background behind it! Let's get rid of it. Press ctrl+L to open up the Layers section, if it's not already open. This is going to be quite important! On the Layers menu, right click on the "Background#1" layer.
Go up (or down) to the "Delete this layer" selection, and click on it. BAM! Your background layer is deleted, and your background will be the color that you previously chose. Now, go down to "Background" (it's the background that was under "Background#1"), right-click, and delete that layer. BAM! Now your background's transparent!!

5. Your header-image is currently in three separate layers; you want it to be in only one layer! So, how do we do this? Well, go back to your nifty little Layer window, and right click on the top layer.
Click on "Merge Down". That will merge your three layers into two layers. Do this one more time.

And you're done! You've got a header!! Fwooo! Now all you have to do is save your image; learn how to do this in the next section.
If you want to see it, here's mine:

Back to Top?

Saving Images

File Types

Now that you've created your image, you have to save it! There are a few different ways to save it: .gif, .png, and .jpg. Which one do you choose?

.png: Normally for non-moving images, .png is the best way to save things so they look crisp and clean. If you have different layers, you must merge them together before you save them.

.jpg: Normally for non-moving images, .jpg is the second-best way to save things if they're non-animated. Since some old computers can't display .pngs, this file type works on all computers.

.gif: For animated images {e.g. glitters & other moving images}, they will save all of your layers as layers, so the layers will switch between things! This creates the awesome moving effect. However, if you try to save things as .gif and don't wish to have them animated (you only have one layer, for example), your image will lose color and sharpness.

Saving as .PNG

1. Go to your image and select "File - Save As".
Wait for the -blocked-

2. When the window pops up:
name your image, choose where you want to save it, and select select file type. This will allow you to choose .png as your file type!

3. One MORE box will pop up. If you want to, click the box next to "Interlacing."
This will make just a small difference. The image on this page is interlaced. See how cool that is?

4. Now, click on "save." Congratulations! You've saved your first .png image!

Saving as .GIF

1. Go to your image & select "File - Save As".
Wait for the -blocked-

2. When the window pops up, rename your file, select where you want to save it, & scroll through the Select File Type list until you get to .gif.
Select the "Save" button at the bottom of the screen.

3. Another window will pop up. This one is very important!
Make absolutely sure that you choose "Save as Animation" before you click export, otherwise your "glitter" will not be saved as a glitter! It'll be a plain image with black dots on it!

4. Once you've clicked "Export" on the previous window, another window will pop up! (GIMP enjoys its windows, I suppose!):

5. Now you've got your image saved as .gif! This is what you do for all of your animated images, so don't forget it!

Back to Top?

Uploading Images

Get them to the internet

Now that you've created your images, you have to get them upload onto the internet! There are a few good image-hosting sites: Photobucket, ImageShack, & TinyPic. For this tutorial, I'm going to be using Photobucket and TinyPic. You'll have to find this yourself via a search engine if you do not know the URL, as I am not allowed to post off-site links on here.

Note: Photobucket has died on me once before. It requires registration, whereas TinyPic does not. I strongly suggest using TinyPic, unless you want Photobucket's image editor.

Uploading with Photobucket

1. Click on the "choose files" button:
Make sure that the button clicked is the "from my computer" button!

2. When the box pops up, go to the file that you want.
If you want to choose more than one file, hold down the ctrl button and click on each file.

3. Wait while they upload. When the images have uploaded, they'll appear in your folder:

Uploading with Tinypic

Under construction.
Now you're ready to put them on your petpage!

get them on your petpage

1. On Photobucket, click on the Direct Link box. For me, it's the only box under my images. For you, unless you've specified something else, it will be the second box underneath your image.
You must right click on the direct link box, and select "Copy". 1. On Tinypic, click on the box.

2. On your petpage, do this code:
{sorry this isn't copy & pasteable; I don't know how to do that} Don't worry - we're going to put something in the coding.

3. Place your cursor between the two quotation marks, right click, and select "Paste"
Your code is now complete! It should look like this:

4. You want to know what the border="0" code is? Let me show you the difference:

With the Border="0" Code:

Without the Border="0" Code:

You see the difference? With the border="0" code, you don't have that ugly border around your image! Always put your border="0" code in!

Resizing Images

Wait - what's this?
Your image is too large for the column? Oh, no! And it's making the column stretch funny? NO! Well, then, I guess you'll have to resize it! How should you resize it? Good question!

To resize your image, you must add this into the image code:
You can replace the # in the code with any number that you want!

Back to Top?

Cool Effects

They'll knock your socks off!

Okay, so you might have noticed that people who use GIMP often do amazing things with the program - things that you can't seem to figure out how to do. Guess what? These things are called effects. I'm going to show you some of the more-commonly used ones. In this section, the image I'll be using is one of my Zafara, AvalonCode:

Soft Glow

Adding a soft glow to your image

1. Click on "Filters - Artistic - Softglow"
Another little window will pop up.

2. In this window, you can mess around with the little numbers.
When the preview image is the way you want it to be, click on "Okay" at the bottom of the screen. This will apply your Soft Glow to your image. Ta-da! Instant effect.

My Softglow'd image:

Spinning Globe

How to make a globe similar to the one used at The Golden Neopia.

1. Click on "Filters - Animation - Spinning Globe"
A window will pop up.

2. In this window:
You can change the number of frames & the Index to colors {up to you to figure out what that is...I have no idea XD}. When you're done messing around with that, hit the "Okay" button at the bottom of the window and wait while GIMP modifies your spinning globe.

3. Your globe will open in a new -blocked- To preview the animation, click on "Filters - Animation - Playback"
If you like how it looks, go ahead and save it as a .gif. If not, go back and change your details about the spinning globe until you're satisfied!

My Spinning Globe:
For another example, look below:


How to make your image ripple like water, not to be confused with Rippling.

1. Click on "Filters - Animation - Waves"
Wait for the -blocked-

2. When the window pops up, tinker with the settings to your heart's content.
Then click "Okay" at the bottom of the -blocked-

3. Your wave'd image will open in a new -blocked- To preview the animation, click on "Filters - Animation - Playback"
If you like how it looks, go ahead and save it as a .gif. If you don't like how it looks, go back and change the settings until you're satisfied!

My Wavey Image:


Adding a ripple effect to your image, not to be confused with Waves.

1. Click on "Filters - Animation - Rippling"

2. Mess around with the settings to your content...
...and when you've gotten them the way you want, hit "Okay"!

3. Your rippling image will pop up in a new -blocked- Click on "Filters - Animation - Playback" to preview your rippling effect.
If you like what you see, save it! If not, then go back and try again!

My Rippling Image:

Lens Flare

How to make it look as if there's a sunglare on your picture

1. Click on "Filters - Light and Shadow - Lens Flare
Wait for the -blocked-

2. When the window pops up, press anywhere on your image in the preview window to move the lens flare to that location.
When you're satisfied with the position of your lens flare, click "Okay".

3. You've "lens-flare'd" your image! Congratulations! That was easy. Now, if you'd like to change the position of the lens flare because you don't like that, click "Edit - Undo Lens Flare", then go back and try your lens flare again.

My Lens Flare:


Make a shiny flare on your image

1. Go to "Filters - Light and Shadow - Supernova"
Wait for the -blocked-

2. When the window pops up, play around with the settings to your content.
You can change the color of your flare by clicking on the "color" tab. Right now, my Supernova's blue. You can also change how large it is and how many other colors are in it. When you're satisfied with how it looks, click "Okay".

3. If you like how your supernova looks, go ahead and save your image! You're done!

My Supernova'd Image:


Change the shade of your image

1. Go to "Colors - Colorize"
Wait for the -blocked-

2. When the window pops up, mess around with the sliders to your content.
If you've clicked the Preview button, you can see what your image will look like as you're messing with the buttons.

3. Click "Okay". Now your image is done!
If you're satisfied with it, save it as a .png and upload it! If not, click ctrl + z and undo your colorization. Then try again!

My Colorized Image:

Back to Top?

Need More Help?

Check out these cool pages!

These are extra sites that can also help you in your way to graphic-domination!

A great button tutorial

A tutorial on creating petpages

A CSS help site

An all-around graphic site guide

Still can't find what you need?
Click on the envelope to neomail me, and I'll try to answer your questions!

Back to Top?


For me?

Back to Top?

Link Back?

Did you find this site helpful? Do you want to tell your friends? Then please, by all means, take a button home with you!

Text Link
Kitty's GIMP Tutorial


My Other Sites


Neomail Me?



Listed On


Neomail Me?


The Pages

Layout by

All Graphics by

Coding Help by

Counter from

Page Hosted by

The People

Thanks to Siddey for all of her input on what to put in this tutorial. She helped me with the differences between GIMP 2.4 and GIMP 2.4.6.

Thanks to Sarah for testing this tutorial for me. As a new GIMP user, I couldn't have asked for anybody else to help me!

And thanks to YOU, guest, for visiting this page! I hoped it helped you!

The Counter

Counter started
28 February 2009


Kitty's GIMP Tutorial © Kitty, 2010.

Everything here was made entirely by me, with the exception of the GIMP Brushes & Fonts. I, Kitty, am the owner of Shattered Crystals, so all of the graphics you see here are from that site. Kitty's GIMP Tutorial is in no way affiliated with GIMP, its creator, or its other users.

KGT is in no way responsible for any injuries or life-threatening shrapnel wounds that may occur from using this tutorial.
Live, Laugh, Love.

Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?

It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?

It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?

It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions