GIMP Tutorial Archive

Subject: GIMP Tutorial Archive Fri May 01, 2009 4:56 am

These tutorials are originated from the GIMP Thread in the IMVU group of ERG
Please note that some tutorials have been edited and organized.

Please ONLY POST TUTORIALS in this thread

TUTORIALS ON PAGE ONE OF THIS THREAD

Download & Find Brushes by: Extasy
Rotate an Image by: Extasy
Brushes by: EckoRedGirl
Resize An Image by: EckoRedGirl
Enhance Your Avi Skin by: EckoRedGirl
Add a Background by: EckoRedGirl
Add Neon Glow by: Extasy
Make Your Pic B&W by: EckoRedGirl
Make Your Pic Look Old by: EckoRedGirl
Making Your Image Transparent by: EckoRedGirl
Changing Image Opacity by: EckoRedGirl
Resize Your Brushes by: EckoRedGirl
Make Your Image Have Rounded Corners by: EckoRedGirl
Compress Your Image by: EckoRedGirl
Blinking/Winking Pics by:EckoRedGirl

TUTORIALS ON PAGE TWO OF THIS THREAD

Drop Shadow On Text by: xStepOnMex
Adding a lined background to your image by: Extasy
Gimp ScreenShots by: xCreate
Making Reflections by: SelinaHart
Slow Down Animations by: Wonder/Yui
Advanced Skin Enhancements by: Wonder/Yui
Outlined Text by: Kishiko
Adding New Fonts by: Kishiko
Realistic Hair by: Preciiouse
Make Your Pic Look Like A Puzle by: xEmoxKimx
Create a Box around your text by: EckoRedGirl

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 4:58 am

How To Download Brushes by EXTASY

First go to www.deviantart.com and find something you wanna download (make sure it says it's for GIMP). Then on the left you have a bunch of choices. One of them is Download. Click that. A window will pop up saying if you wanna Save or Open a file. Click Open. It'll open the file. A window will pop up with a bunch of brushes. You can see what each of them look like by clicking it and a pic will show you what that brush you clicked on looks like. When you find which ones you like (it'll probably be all of them, but be careful because the more you add to your GIMP, the more memory it'll take up on yor computer), drag it over to the brushes file on your computer. If you want to drag more brushes at the same time, start at the last brush you want and highlight up. Then just drag all those highlighted ones together.

How To Find The Brushes Folder To Put The Brushes In

1.Outside of GIMP, go to My Computer where it has a bunch of disk drives.
2. Open your C drive folder on the side.
3. go to program files and open that folder
4. go to GIMP-2.0 and open that folder
5. go to share and open that folder
6. go to gimp and open that folder
7. go to 2.0 and open that folder
8. go to brushes and open that folder

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 4:59 am

How To Rotate an Image by EXTASY

The red circle is in the spot where you click.
Then just click on the pic you wanna rotate and spin it any way you want.
GIMP Tutorial Archive GimpWindowROTATEBUTTON

GIMP Tutorial Archive GimpWindowROTATEBUTTON

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:00 am

Brushes by Eckoredgirl

Dark Wings Brushes
Good for the dark vampire or gothic style photo's

Snow Flake Brushes
I know winter is nearly over but these are cute

Chinese Dragons Brushes
These are nice when used sparingly

Doodle Brushes
Great for notepad style pics

Various Star Brushes
I love these I think they are very cute

Various Gun Brushes
I Like these for doing pics for guys or bad girls

Fractal Brushes
Perfect for backgrounds!

Grunge Brushes
Great for Punk and Emo style backgrounds

Fingerprints Brushes
For the aspiring C.S.I. agent LoL

Splatter Brushes
I used these for my website and loved the results

Bubble Brushes
Cute Bubbles - Everyone Loves Bubbles

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:01 am

Resize an image by Eckoredgirl

Obviously your first step is to open your image.

Now Right Click The Image And Click On Scale Image

GIMP Tutorial Archive Scale

Now The Scale Image Screen Will Pop Up For You To Put Your Image Size In
160 x 220 is the average size of an avi pic

GIMP Tutorial Archive Scale1

Choose The Size You Want and Click Scale

Now Save The Image and you are Done!

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:01 am

Skin enhancement by Eckoredgirl

So you want your avi to have the glow and shine look that most of the other great avi pics have. And whenyour a model your avi pic is the first thing people see so it has to look good. Here's a quick tutorial on how to add shine to your transparent snapshot.

Ok first open the image you want to use.
I will use this image for the tutorial

GIMP Tutorial Archive Shine0

Now that your image is opened you want to DUPLIACTE THE LAYER so ..
Go to Your Layer Dock
Now Right Click The Image
Select Duplicate Layer

GIMP Tutorial Archive Shine

You have now duplicated your image and your Layer Dock should look like this:

GIMP Tutorial Archive Shine1

Now in your Layer Dock you are going to go to MODES
Select OVERLAY in the drop down menu

GIMP Tutorial Archive Shine2

Now you will go back to your Layer Dock and right click the top layer
Select MERGE DOWN from the drop down menu

GIMP Tutorial Archive Shine3

Your avi pic now has glow and shine added to it so it will look like this

GIMP Tutorial Archive Shine4

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:02 am

Adding neon glow by Extasy

Start with a transparent image of any size. Go to Edit and then Copy.
GIMP Tutorial Archive Glow1

Next go to Filters then Alpha To Logo then Neon.
GIMP Tutorial Archive Glow2

Next choose the color of the glow and background. I choose based on my image so it will match. My recommended glow size is 150 because it's not too much but not too little either. You can also check off whether or not to create a shadow. With or without a shadow doesn't matter, I think it looks good either way.
GIMP Tutorial Archive Glow3

This is what you get after pressing OK. Now you go to Edit then Paste.
GIMP Tutorial Archive Glow4

This is what you get after you paste. Now on your layers panel (which you can get by pressing Dialogs then Layers), anchor your image and move the neon glow over the neon tubes.
GIMP Tutorial Archive Glow5

[color=red]And now your done! You can choose whether or not to keep the background or delete the background to make it transparent again.
GIMP Tutorial Archive Glow6

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:02 am

Making an image B&W by Eckoredgirl

Obviously your first step is to open your image.
I'll Use The Same Image As My Other Tutorials
GIMP Tutorial Archive Bw

Now hit CTRL D this will duplicate the image for you.
Next Click IMAGE - Mode - GreyScale (see Image Below)

GIMP Tutorial Archive Bw1

This Has Now Made Your Image Black & White so it should look like this

GIMP Tutorial Archive Bw2

You can go ahead and add glow, backgrounds, borders, text ect... to your image to make a gorgeous avi pic. Play around with it untill you get what you want.

Here is an example of my avi pic using the B&W image I just created

GIMP Tutorial Archive Bw3

Now Save The Image and you are Done!

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:02 am

Making your image look old by Eckoredgirl

Obviously your first step is to open your image.
I'll Use The Same Image As My Other Tutorials
GIMP Tutorial Archive Bw

Now Right Click the image and go to FILTERS - DECOR - OLD PHOTO (see image below)

GIMP Tutorial Archive Old1

Now you will see a new box pop up that looks like the image below

GIMP Tutorial Archive Old2

You can simply click enter and leave the setting as they are, which I am going to do. Or you can play with the settings to get the old look you want. Ok so when you click enter this is what your image will look like

GIMP Tutorial Archive Old3

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:03 am

Making a picture transparent by Eckoredgirl

Wanna Make Your Pic Have a Transparent Background - It Is VERY Simple.

Obviously your first step is to open your image.
I'll Use This Pic Of Carlee172
GIMP Tutorial Archive Tran

Go to SELECT - BY COLOR - Then click on the background of the image. In my photo the background is white so that is the area I am clicking. (see mage below)

GIMP Tutorial Archive Tran1

Now you have dotted lines around your avi. Next you will need to go to
LAYER - TRANSPERACY - ADD ALPHA CHANNEL

GIMP Tutorial Archive Tran2

Now you will click on the background of and click delete. You will get the gray boxed look in the background. (see image below)

GIMP Tutorial Archive Tran3

Now Save The Image and you can go ahead and add any extra's you need to add such as background, shine, glow, text ect...

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:04 am

Changing opacity by Eckoredgirl

Here are 2 Quick Examples on changing Opacity

Here's how to change your opacity of your brushes

Simply click your paint brush tool and choose your brush
Then lower the bar on your opacity from 100% to a lower percent

GIMP Tutorial Archive Opac

Here's how to change the opacity of your entire image

Simply open your image and go to your layer dock
You will see your opacity bar - Lower it from 100% to a whichever percent gives you the opacity you desire.

GIMP Tutorial Archive Opac1

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:04 am

Resizing your brush by Eckoredgirl

This is very simple. All you need to do is 3 easy steps

#1 Click your paintbrush

#2 Click on the brush you want to use

# 3 Lower or Raise the Scale Bar to the size you want

GIMP Tutorial Archive ResizeBrush

Choose The Size You Want and Click Scale

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:04 am

Rounded corners by Eckoredgirl

So Open Your Image Up First then move on to the following steps!

First go to SELECT and choose ROUNDED RECTANGLE

GIMP Tutorial Archive Round1

Now a new screen will pop up all you need to do is click ok

GIMP Tutorial Archive Round2

Now go to SELECT and click on INVERT

GIMP Tutorial Archive Round3

Now go to EDIT and click CUT

GIMP Tutorial Archive Round4

That's it - now you can either add a border or save it and you now have a rounded edged photo like this ...

GIMP Tutorial Archive Round6

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:05 am

Compressing your image by Eckoredgirl

This shows you how to compress your image so it's less kb.

This step is done after you've finished editing your pic to the point where you are ready to save it.

First click on SAVE AS and name your image then put .png after the name

Now a screen will pop up (see pic below)

GIMP Tutorial Archive Compress

The bar that is circled in red is what you will move down to a lower number. If you have a HUGE pic lower it to about a 6. If your pic isn't extremely large just lower it to an 8.
You can play with this till its the right KB for you. Then click SAVE when your done!!

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:05 am

Blinking/winking by Eckoredgirl

So Open Your Image Up First then move on to the following steps!
{I'll use a pic of Charmed (Nina) for my example!

First go to your LAYERS DOCK and right click the image and choose DUPLICATE
so you will now have 2 layers in your layer dock

GIMP Tutorial Archive Blink1

Now make sure the Background Copy layer is highlighted and use your ZOOM tool if you need the image a little bigger because we are going to color in the eyelid.

First Click your PAINTBRUSH TOOL and go to your BRUSH DOCK and choose your circle brush
(Make sure you have chosen the color you want to use to color in the lid.

Now color in the eyeball so it no looks like a closed lid (Do one eye for winks and both eyes for blinks)

Cirlced in Purple = ZOOM TOOL
Circled in Red = PAINTBRUSH TOOL
Circled in Blue = COLOR Your Using
Circled in Pink = BRUSH your using

GIMP Tutorial Archive Blink2

Now you colored it in so we need to make it animate.

RIGHT CLICK your picture and go to FILTERS then ANIMATION then PLAYBACK (click the play button when the screen appears)

GIMP Tutorial Archive Blink3

Oohh It's Winking/Blicking now YAY! Now go to SAVE and SAVE IT AS A GIF
A new screen will pop up and this is where you will save it and make the blinking/winking go slower or fast!

Ok so you ccan see everything circled in RED that you need to pay attention to.
After clicking EXPORT the new window will pop up which you see to the right of the picture below. This is where you change your miliseconds to go faster or slower.

When you clicked PLAYBACK your image should have been blinking REALLY fast and that was 100 ms. Now raise the number to about 1000 to have realistic blinking.

GIMP Tutorial Archive Blink4

And Now you have a Blinking/Winking Pic - Here's Mine!

GIMP Tutorial Archive Charm

You can also make other types of animated gifs by using the add layers tool but you need to play around with it. For example I made this in about 5 minutes using ADD LAYERS and ANIMATION!

GIMP Tutorial Archive ERGAnimate

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:05 am

Glowing text by xSteponMex

for text

1. After you have entered your text in a new layer go to Filters>>Light and Shadow>>Drop Shadow.
2. make sure that your X and Y offset are 0 and that your blur radius is 20 your opacity should be at 80 and make sure the box saying allow resizing is unchecked chose your color and press ok.
3. and there you go you have your text glowing make sure you merge your layers and save Smile

.

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:06 am

Adding BG lines by Eckoredgirl

1. Start with your already edited pic. Add a new layer to your pic. it can be any color or transparent.

GIMP Tutorial Archive LineTutorialPage2

2. Next, select the fill-in bucket. fill in the new layer with any solid color you want.

GIMP Tutorial Archive LineTutorialPage3

[b]3. Finally, while still in fill-in bucket, select fill in with texture. in the selection of textures/patterns,
you can choose normal sized lines or very thin lines.

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:06 am

Screen shots by xCreate

Part One.

1. Open the IMVU messenger: Then go to Rooms>Bionic White Room
2. Open your editing program: Gimp, Paint, Photoshop.
3. Expand your white room to fit your whole screen.
4. Pose, then take the screenshot by pressing the prnt scrn button in the right hand corner of your keyboard. It will look like nothing happened.
5. Select Gimp, and just press control (ctrl) V. (paste)
6. You should see your image. now it may look a bit smaller than usual, but thats normal...dont worry about that.
7. If you look at the Gimp messenger in the left top corner theres a little square, select it.
8. Make a square around your avatar, and cut it, (control X)
9. Exit out of that images remnants. dont save.
10. Paste (ctrl V) That cutted image after selecting Gimp.
11. You should see your cropped image.
12. Now, you can eithier save, (next step) or make the white part of the image green, which is sometiems the requirements for the group images. ( part 2, step one.)
13. SAVE: File>Save.

Part Two

1. You should only do this tutorial after the first one.
2. Now, open your image
3. Go to the Gimp main messenger, and click the "fuzzy select tool" it looks like a magic wand, its the fourth one from the right on the top.
4. Go to your image and select the white.
5. Go to the brush tool. (the one that looks like a brush? LOL)
6. Make the brush color lime green by going to the color box in the middle of the messenger and making it green.
7. Make the scale of the brush larger by going to the bottom section of the messenger and draggging the scale button to the right.
8. Color the WHOLE image green. The color will automatically go behind your avatar.
9. It should be mostly green, some tiny spots may be white still but you can zoom in (magnifying glass) and color it green.

(You can skip pt. 2 if you take your screenies in a green room *greaty suggested*)

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:06 am

Reflection by SelinaHart

1 ) Make sure you leave enough space at the bottom of your pic for a reflection.
Begin by duplicating your avatar layer (use the duplicate button at the bottom of the layers dialogue).
Make sure the bottom avatar layer is active as shown in the pic

2 ) Select your flip tool and make sure the flip type is vertical. Click anywhere on your pic and your bottom layer will flip upside down

3 ) Select your move tool, set it to "move the active layer". use it to move your upside down layer underneath your other avatar

4 ) Go to layer > transparency > alpha to selection. create a new, transparent layer above your upside down avatar layer and make your new layer active

5 ) Select your gradient tool and set your gradient to "FG to Transparent". In the window your pic is in, hold ctrl and drag the gradient tool from the top of your avatar down.

6 ) Go to layer > transparency > alpha to selection. Go to select > invert. Activate your upside down (lower) avatar layer by clicking on it in the layers dialogue. Go to edit > cut. Delete the midle layer (the one with the gradient)

Add a background to make the reflection show up more (darker colours work well). if the reflection is too solid, you can fade the opacity on the reflection layer. here is the finished product:
If you want it to look like the reflection is in water, it might look good if you blur it or use the ripple filter on it (filters > distorts > ripple)

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:07 am

Skin enhancing by Wonder/Yui

This is the way I enchance my skin/clothes/hair.
*NOTE* DO NOT MERGE ANY LAYERS INTILL THE END OF THIS OR IT WILL MESS IT UP!
This tut. normally just repeats itself but its really long because of the pictures lol.
First open up your picture and create a new transperent layer.
Then get one of your circle brushes and make it white and mark all the places
of your skin that you want brighter so it should look something like this.
GIMP Tutorial Archive Step1

Then once youve done that go to fliter>>blue>>Guasian blur. I normally put mine to 12.
Then go to your layerdock and go to overlay and you should have something like this.
(I didnt push overlay yet though)
GIMP Tutorial Archive Step2

Then create a new transperent layer and get your white cirle brush and make some of the places on your hair white then go to fliter>>blur>>guasian blur then go to your layer dock and go to overlay.
GIMP Tutorial Archive Step3

Then make a new transperent layer and get your white circle brush and mark your clothes where ever you want, then go to fliter>>blue>>guasin blur then go to your layer dock and overlay and you should get this or something similar.
GIMP Tutorial Archive Step4

Ok now you need to merge BUT you have to merge the one closet to your avi up or it wont work.so basically your doing this,
GIMP Tutorial Archive Step5

Then this is only if you want it to be bright, after your done merging then duplicate your avi and then go to fliter>>blur>>guasin blur, then back to your layer dock and go to overlay. Told you there was alot of repeating.

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:07 am

Creating an outline around text by Wonder/Yui

Okay , so I guess there's many ways of doing this ... but this way just sprung to my head and I find it really easy . ^^

BTW , Before we start , set the FG colour to whatever colour you want the outline to be . ^^ The FG colour is the top one , like when you start GIMP , you have Black && White . Black is your FG Colour . ^^

OKAY ! So basically , I'm gonna start with this text :

Next , simply duplicate the layer , and select the lower text layer , then go to Layer>>Transparancy>>Alpha To Selection

Then , Go to Select>>Grow

Set it to whatever you want , but I'm going to set it to 1 .

Then , go to Edit>>Fill With FG Colour

Basically now , go to Select>>None , or just press Ctrl + Shift + A .
And TA - DA ! You have outlined text ! My finished product came out like this ;

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:08 am

Adding fonts to GIMP by Wonder/Yui

NOTE - This will also make it so that the font is avaliable in all the aplications you use ! =]

OKAY ! so all you needa do once you've pressed download is to push the okay button when the popup comes up which should open it up with Windows Explorer [[Mine says Winzip , but that's because it made it the default program . x'']

Next , when windows explorer opens , find the control panel on the list on the left and click the arrow to open it , and then drag the folder or just the text file(s) down to the part called 'fonts' under control panel .

Then just drop it in , open GIMP , and it should be there ! And on any other program you use ! ^^

NOTE - I used Windows Vista for this , you may have to make slight alterations if you use XP or 2000 [Not sure anybody actually uses 2000 anymore though . LOL][/size]

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:09 am

Hair Enhancement by Preciiouse

Open up your image in Gimp & make it transparent.
I suggest editing hair after you edit the skin. =D
GIMP Tutorial Archive Hairtut

I'll be working with this one.
(You don't have to have a bun, but I'm going use the bun for the purpose of this tutorial)
I'm using black as my hair colour. Its by far the easiest (for me).

Get these Furraalliiicciioouussee.....! brushes.
Select the 10x10 fur brush. *whispers; pshht, thats this one: GIMP Tutorial Archive Furbrush

XD*
& fade out. Change the length to however long you want your hair to be. Mine will be 300px.

Make a new layer above & below your avi.
DRAW YERR HAIR.
If you want fringes & layers, change the fadeout to 50px - 100px. Whatever suits Yuuuuu. ;D
I'm giving myself a crazy , wacky ponytail with a stylish fringe.

GIMP Tutorial Archive Funkyhair

You can now (optionaly) blur & smudge your hair.
I'll just leave mine as it is.

Merge down yer layers & you're done.

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:09 am

Jigsaw image by xemoxkimx

Open up the pic you want to use
GIMP Tutorial Archive Baaay

Then go to Filters - Render - Pattern - Jigsaw..
GIMP Tutorial Archive Baaay2

Then once this pop up box comes up just press ok, if yew want 2 change deh type of puzzle, from square (normal) to curve then just switch it to curve ^-^ and press ok! hehe
Heres how they would look normal,square (1st one)...and curved (2nd one)
GIMP Tutorial Archive Jiggy1

Subject: Re: GIMP Tutorial Archive Fri May 01, 2009 5:10 am

Gradient box for text by Eckoredgirl

This is very simple to do so first open Gimp and the Image you want to have the gradient box text effect on.
The very first thing you will need to do is select your rectangle tool

GIMP Tutorial Archive Grad01

Now you need to select where you want it to go on your image

GIMP Tutorial Archive Grad02

Now lets go over to your gradient tool and select the one that goes from dark to transparent.

GIMP Tutorial Archive Grad03

Next you need to go back to the box you created on your image and click inside the box on the
left hand corner and drage to the center. Repeat the step moving from the right side to the center.

GIMP Tutorial Archive Grad04

You can play with that all you want to get the desired look you are going for.
Once you are satisfied go to add your text and you are done!

GIMP Tutorial Archive Grad05

Your image now has a gradient style box around your text to add to the style and look of your avi pic!!

» GIMP Tutorial Requests
» Tutorial Database