To create a header with a colored background and your name and a picture on it:
1. Open up Paint.net (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 #AA1212) you want to use for the header background. To change the box to that color, go to the color box at the bottom left of the screen and click where it says, "More >>" which will bring up an enlarged box. To set the color to the exact shade you want, look under "RGB" then under the three rows beneath it where there's a line that says, "Hex" with a box beside it (circled below). Leave off the pound sign and type in your six characters there. I'm actually using #990000, which is a nice deep red.
3. Now that yuo've got you're color set, you can click "<< Less" to make the box collapse again. You now need to transfer that color to the box you created earlier. Look for the "Paint Bucket" icon. On the Paint.net side toolbar, it's the fifth icon down on the left. (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. (By the way, you haven't lost the background you created -- if you look in the upper right hand corner, you'll see small versions of the image you just opened and the header background [circled two pictures below]. Clicking on them lets you jump back and forth.) 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 "Resize" and the following box comes up:
In the box, where it says, "Pixel size" it is showing you the actual pixel size of the image. I don't know what width I want it to be, but I do know the height. I want my image to fit snugly on the header, so I'm going to change the Height to 250. Since I have "Maintain aspect ration" checked, changing the height will automatically change the width as well. When you've changed the numbers, click "OK" and the image resizes.
You might notice that your cursor is still showing the paint bucket. You need to change it to the "Move Selected" icon (top row of icons, on the right, circled below.
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 faint new 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). In the upper right hand corner, click on the little picture of that background you created to bring it back onto the desktop.
Now, you should have the background bar on your desktop. We want to create a new layer for the picture, so go to the "Layers" box at the bottom right and click the "New Layer" icon, which is the fartheset left at the bottom of that box (circled above). Once you have the new layer showing, 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, make sure you've clicked the"Move Selected" tool. 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 click on that "New Layer" icon on the bottom left of the "Layers" box to create another layer. Each element of the image (background, picture, text) should have its own layer. Now you also need to deselect the image, so click on the "Select Box" (upper left hand side of the tool bar; circled below) to deselect everything.
Click on the text icon, which looks like a capital "T" (circled above). A text tool bar appears near the top under the main menu. You now need to choose the font and size for your text.
HINT: I find it easier to do this 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 Paint.net and set the font and size there.
Once you've set the options to a cool font and the approximate size, click on the image in about the area where you want the text to be. You'll see a vertical blinking line at the place where you clicked. Go ahead and type your text here. Size too small or too big, color wrong? Click "Edit" and "Undo", Adjust and click and type again.
HINT: You don't have to stick to the preset sizes. If 48 is too small and 72 is too big, just enter something in between. I used 60 for my sample.
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. Since it's on its own layer, you can actually grab the text and move it around. We need the "Move Selected" (we used it earlier to move the picture) tool for this, which is right next to the Select tool. 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. You can do this since the text is on it's own layer. When you move the text, the background won't move. Once it's in the right position, release the button.
You should have a pretty cool looking header banner now. If you want to add a tag line below your name just repeat steps 6 and 7.
8. Now we need to save it for loading up to WordPress now. Click "File" and "Save As". Where it says, "Save as Type" click the arrow for the drop-down box and choose "JPEG". Click "Save". You'll get a box that looks like this:
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"
You'll get another box with this message: "Saving in this file format requires that the image is first "flattened", which reduces it to a single layer." Go ahead and click "Flatten."
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.