To create a header with a colored background and your name and a picture on it:
1. Open up GIMP (or whatever image editing software you're using).
2. Click "File" and "New." You'll get a box that looks like this::
Note that I'v entered a width of 940 (anything between 900 and 980 is pretty standard these days), and a height of 250 pixels. Click "OK".
You should get a box that shows a long rectangle on your screen.
Next you want to make the color the background color that matches your theme. You should have noted the hex value (something like #0e8a1c) you want to use for the header background. To change the box to that color, click on the Foreground color box at the bottom of the toolbox area. An arrow points to it below. It will bring up a larger color selector box. You can enter the hex code in the box circled below or you can play around with clicking onc colors until you find the one you want.
3. Now that youve got you're color set, you need to transfer that color to the box you created earlier. Look for the "Bucket" tool. t. (Circled below).
Click it and your cursor turns into a miniature paint bucket. When you click inside the rectangle, it turns into the color you've chose to dump into it.
4. You have your background. Now to add the picture you want to add. Click "File" and "Open" and find the picture you want to use. It will pop open in a new window. Clicking on them lets you jump back and forth.) It may open in a new window that hides behind your current window for GIMP. You should see a box for it in the task bar that you can click on to open it up above the current image.
Odds are your picture isn't going to fit on your banner at the size it is. Remember that the banner is 250 pixels high, so the picture to add can't be any bigger than that unless you don't mind clipping pieces of it off. Click "Image" and "Scale Image " in the SAME BOX AS THE IMAGE and the following box comes up:
Because I want the height to be exactly 250 pixels and don't care as much what the width is, I put "250" in the height box, then clicked in the width box, which automatically converted to "167." Click "Scale" and your image resizes.
5.Now we want to put the image onto the header background. With the picture still showing, hold down the control key and press the "A" key. That selects the entire picture. (You should see a dotted line around the image.) Now hold down the control key and press the letter "C". You've juts copied your resized picture onto the clipboard (which you can't see, but trust me, it's there).
Now, click on the large banner background bar on your desktop. Hold down the Control key and Press "V" to paste the picture from the clipboard onto the banner.
If the picture is exactly where you want it now, great. If not, click on the "Move" tool (circled below).. Click on the image and hold down the mouse button. Now when you move the mouse, the image will move with. Once the picture is where you want it, release the mouse button.
6. Next step: Put text on the header!
First you need to pick a color for the text that will contrast with the background. Go back to the Foreground color box, click in it again and choose the color you want to contrast with your background.
Hint: the hex value for black is '000000' and the hex value for white is 'ffffff'. You can enter those values direclty in the hex box or pick any other color that will give you good contrast with your background. I went for black
Now you need to choose your font and size.
Click on the text icon, which looks like a capital "A" (circled below). A text tool menu appears under the toolbox. You now need to choose the font and size for your text. To choose the font, click on the box next to "Font" (arrow below points to it) and choose a font from the drop-down box that shows all the fonts available.
Once you've selected the font, you want to select a size for it. The size selection is right beneath the font selection (arrow points to it, below). You can either use the up and down arrows to increase or decrease the font size, or you can just type in the number of your choice in the box.
HINT: I find it easier to try out fonts and sizes in Word. Open a new document, type in text, now start playing with selecting fonts and sizes until you've got the right font. The size may not be perfect, but it helps to have a starting point. Now go back to GIMP and set the font and size.
With font and size set, you're ready to enter your text, so click somewhere in the image near where you want the text to start. When you click in the image, the side panels disappear and you get a new popup box:
Type your text into the box and then click "Close" when you're done. You'll see that your text transfers to the image behind the box as you type.
Size too small or too big, color wrong? Click on the font box to change fonts or the size box to adjust the size and your text on the image will change.
7. Once you've got the text the right color, font, and size, you probably still don't have it in the right position. You can Undo and Redo it until you get the perfect starting position, but there's an easier way. You can actually grab the text and move it around. We need the "Move" tool for this. (It's circled below.) Click on it, then click on the text and hold the button down. When you move the mouse around, the text moves with it. Move it around until it's in exactly the right position. Once it's in the right position, release the button.
You should have a pretty cool looking header banner now:
8. We just need to save it for loading up to WordPress now. Before doing that, I suggest you check the exact size of your banner and write it down. (Click "Image" and "Scale Image"; it will show you the Width and Height. Click Cancel to get out of it without making any changes.
Click "File" and "Save As". You'll get a box that looks like this:
Give you banner a name and choose a location to save it and click "Save" and you'll get another box:
Click on "Export." Now click in the square where it says "Show Preview." You may need to move some windows out of the way by grabbing and dragging them aside so you can see your banner.
Look at the slider at the top that says, "Quality" and the file size indictor right below it.
Sizing of web images is always a trade off between size and quality of the image. The higher the quality of the image, the bigger the file and the longer it takes to load. In general you want your header image to be no more than 50-70K, so ajdust the slider until the file's about the right size and the image isn't too fuzzy. Then click "OK"
Once you've got it to a good balance of file size and image quality, click "Save."
Your image is now saved and ready to be loaded up.
9. Open your browser and go to your WordPress dashboard.
Before you load the image, go to the "Appearance", "Weaver Admin" and "Main Options" page. Change "Theme Width" to the width of your image. Scroll down a bit in the Header section to: "Hide Site Title/Description". Click in that box to check it since the title is on your graphic. Right below that, at "Header Image Height," change the height to equal the height of your image. Save your Settings and go to the "Appearance" and "Header" page.
Where it says "Upload Image" click on the "Browse" box and locate the image we just saved. Once the link is in the box, click "Upload" and there's your new header! Now scroll down and click "Save Changes" Take a look at your site in another tab.
You may find you'll need to adjust some of your colors to co-ordinate with the new header.