isantop
November 6th, 2007, 09:51 am
Since I can't find a thread on this with the search function (If there is one, do what you want with this one), I figured I'd try my teaching skills out.
Please note that I'm using The GIMP 2.4.0-rc3 for Linux, but these should easily translate to other versions and OSes, just keep in mind your menus and tools may not be named the same or be in the same order as what I say. It'd also be great if someone can port this for photoshop. I think GIMP and PS come with most of the same filters.
First off, open the GIMP. After the splash screen goes awayyou should see at least one window; a tall skinny one. If you have other windows open, you can close them, since we won't be using them. We'll call the tall skinny window the "Main window". Click File in the main window, then click new. You should get a new window titled "Create a New Image". Ignore where it says "Template" for now, and skip to where it says "Image size". The current standard Resolution for a monitor is 1024x768, but I always make my wallpapers 1280x1024, so that the wallpapers look relatively good on most monitors. For this image size, enter 1280 in the text box labled "Width" and 1024 where it says "Height". Then click OK.
Now you should have a larger window with a large white space in the middle of it. The white area is the drawing area (most people should be able to figure that). We'll call the window with the drawing area the Drawing Window.
(I'm sorry if at this point it feels as if I'm testing your intellegence, but please keep in mind that I'm not that great a teacher)
Now we need a background image. We'll go ahead and make one for this.
The first thing we need to do for our background is cover the entire drawing area in black. Make sure you have Black and white selected for your foreground color and background color respectively. Then select the bucket fill tool (It looks like a paint bucket) and click anywhere in the drawing area. The drawing area should turn black. Now we're ready to make the background more exciting.
In the Drawing window, click Filters, highlight over the "Light and Shadow" submenu, then click "Supernova" You should get a new window tiled "Supernova", which should have a small preview of our image and some sliders, in addition to other things. Leave the Supernova center where it is (128x128), as well as the color, but change the sliders to: 100 for "Radius", 239 for "Spokes", and 7 for "Random Hue". Then click OK.
We now have a drawing area that has a bright light comming from the top left corner. We're going to make this look more realistic by adding a lens flare. Click Filters, Light and Shadow, then Lens Flare to open a window titled "Lens Flare" Make sure the center of the flare is at 128x128, then click OK.
Now, our bright star thingy has a nice flare on it. Since the highlight of the picture should NOT[ be the background, this is all we're going to do on it. It would be wise to save the image at this point.
Next, we're going to add an external image to the wallpaper. I think Dark from DN Angel would fit well with the color scheme of the star-thingy, so we'll find an image of him to use. For the sake of keeping the tutorial consistent, I'll put the image in this post:
http://www.lauraharms.ca/images/Dark Profile.jpg
Just right-click it and save it to your computer.
Next, open the image with GIMP. We now have a second Drawing window open with our picture in it. First thing we need to do is scale the image so that it fits nicely into our pic. Click Image, then Scale Image to open a new window with a couple of text boxes and some drop-down menus. You should note that if you change one of the top two text boxes, the other one changes as well. Just change the "height" box to 1024. next, we want to flip it horizontally so that it goes with our background. Click Image, Transform, and Flip Horizontally.
We're almost ready to add the Dark image to the background, but we still have a couple of things left to do. First, click view, zoom, then zoom out until you can see the entire Dark image. Now, click Layer, Trasparency, then "Add Alpha Channel". Now, and I'm not sure if 2.2 has this feature, but my GIMP has a tool called "Fuzzy Select Tool". It may also be called "Magic Wand Tool". Select it, then click in one of the White areas in the Dark image. It selects the white area so that we can delete it easily. Now hit Ctrl+X to delete the white section. Do this for any white in the picture except for the bit on Dark's clothes, eyes, and teeth.
You should now have Dark on the right a checkerboard-looking pattern where the white was. Go ahead and save this image, just in case, then press Ctrl+A to select the entire image, and Ctrl+C to copy it to the clipboard. Then close the Dark window.
Now, click in the Background window and click Layer, then New Layer. When the new window opens, just click OK, then press Ctrl+V to paste the Dark image into the new one.
Now the tricky part. Use the move tool (which should automatically select itself when you Paste the image) to align the right, top and bottom sides of the Dark image with the corresponding side in the background. Once that's perfect (which isn't hard if you're careful) click the Eraser Tool. Below the area that lists all of the tools is an area where we can set options for using that tool. Set them all to the following; Opacity: Leave the same; Brush: Circle Fuzzy; Scale: 10; and leave everything else below those the same. Next, carefully go over the left side of the dark image with the right edge of the eraser tool until the left side of the Dark image fades out into the background (If you don't get it on the first pass, start at the top and go again, but this time, move the brush a little to the right).
Again, now is a great time to save, especially since we're almost done.
After it's saved, select the text tool (for me, it looks like an "A"). Before we add the text, we're going to make it readable. First, select a decent text size, like 60 pixels (px). Also, if you want, change the font. Then, where the color selection boxes are, There is a small bent arrow that points to both boxes. Click it to switch the Foreground and Background colors. Now white should be our forground color. Next, click somewhere beneath the bright-star thingy, and type some text you want to appear on your image. It can be anything, just make sure it's well below the bright part so that it's readable. I'm putting "Who says Dark is Bad?" in mine, but I'm terrible with comming up with creative text that goes well in this type of wallpaper, so you can put what you want.
Here's my finished version:
http://fc01.deviantart.com/fs20/f/2007/310/4/1/Dark_Wallpaper_by_Mysterian077.jpg
Please note that I'm using The GIMP 2.4.0-rc3 for Linux, but these should easily translate to other versions and OSes, just keep in mind your menus and tools may not be named the same or be in the same order as what I say. It'd also be great if someone can port this for photoshop. I think GIMP and PS come with most of the same filters.
First off, open the GIMP. After the splash screen goes awayyou should see at least one window; a tall skinny one. If you have other windows open, you can close them, since we won't be using them. We'll call the tall skinny window the "Main window". Click File in the main window, then click new. You should get a new window titled "Create a New Image". Ignore where it says "Template" for now, and skip to where it says "Image size". The current standard Resolution for a monitor is 1024x768, but I always make my wallpapers 1280x1024, so that the wallpapers look relatively good on most monitors. For this image size, enter 1280 in the text box labled "Width" and 1024 where it says "Height". Then click OK.
Now you should have a larger window with a large white space in the middle of it. The white area is the drawing area (most people should be able to figure that). We'll call the window with the drawing area the Drawing Window.
(I'm sorry if at this point it feels as if I'm testing your intellegence, but please keep in mind that I'm not that great a teacher)
Now we need a background image. We'll go ahead and make one for this.
The first thing we need to do for our background is cover the entire drawing area in black. Make sure you have Black and white selected for your foreground color and background color respectively. Then select the bucket fill tool (It looks like a paint bucket) and click anywhere in the drawing area. The drawing area should turn black. Now we're ready to make the background more exciting.
In the Drawing window, click Filters, highlight over the "Light and Shadow" submenu, then click "Supernova" You should get a new window tiled "Supernova", which should have a small preview of our image and some sliders, in addition to other things. Leave the Supernova center where it is (128x128), as well as the color, but change the sliders to: 100 for "Radius", 239 for "Spokes", and 7 for "Random Hue". Then click OK.
We now have a drawing area that has a bright light comming from the top left corner. We're going to make this look more realistic by adding a lens flare. Click Filters, Light and Shadow, then Lens Flare to open a window titled "Lens Flare" Make sure the center of the flare is at 128x128, then click OK.
Now, our bright star thingy has a nice flare on it. Since the highlight of the picture should NOT[ be the background, this is all we're going to do on it. It would be wise to save the image at this point.
Next, we're going to add an external image to the wallpaper. I think Dark from DN Angel would fit well with the color scheme of the star-thingy, so we'll find an image of him to use. For the sake of keeping the tutorial consistent, I'll put the image in this post:
http://www.lauraharms.ca/images/Dark Profile.jpg
Just right-click it and save it to your computer.
Next, open the image with GIMP. We now have a second Drawing window open with our picture in it. First thing we need to do is scale the image so that it fits nicely into our pic. Click Image, then Scale Image to open a new window with a couple of text boxes and some drop-down menus. You should note that if you change one of the top two text boxes, the other one changes as well. Just change the "height" box to 1024. next, we want to flip it horizontally so that it goes with our background. Click Image, Transform, and Flip Horizontally.
We're almost ready to add the Dark image to the background, but we still have a couple of things left to do. First, click view, zoom, then zoom out until you can see the entire Dark image. Now, click Layer, Trasparency, then "Add Alpha Channel". Now, and I'm not sure if 2.2 has this feature, but my GIMP has a tool called "Fuzzy Select Tool". It may also be called "Magic Wand Tool". Select it, then click in one of the White areas in the Dark image. It selects the white area so that we can delete it easily. Now hit Ctrl+X to delete the white section. Do this for any white in the picture except for the bit on Dark's clothes, eyes, and teeth.
You should now have Dark on the right a checkerboard-looking pattern where the white was. Go ahead and save this image, just in case, then press Ctrl+A to select the entire image, and Ctrl+C to copy it to the clipboard. Then close the Dark window.
Now, click in the Background window and click Layer, then New Layer. When the new window opens, just click OK, then press Ctrl+V to paste the Dark image into the new one.
Now the tricky part. Use the move tool (which should automatically select itself when you Paste the image) to align the right, top and bottom sides of the Dark image with the corresponding side in the background. Once that's perfect (which isn't hard if you're careful) click the Eraser Tool. Below the area that lists all of the tools is an area where we can set options for using that tool. Set them all to the following; Opacity: Leave the same; Brush: Circle Fuzzy; Scale: 10; and leave everything else below those the same. Next, carefully go over the left side of the dark image with the right edge of the eraser tool until the left side of the Dark image fades out into the background (If you don't get it on the first pass, start at the top and go again, but this time, move the brush a little to the right).
Again, now is a great time to save, especially since we're almost done.
After it's saved, select the text tool (for me, it looks like an "A"). Before we add the text, we're going to make it readable. First, select a decent text size, like 60 pixels (px). Also, if you want, change the font. Then, where the color selection boxes are, There is a small bent arrow that points to both boxes. Click it to switch the Foreground and Background colors. Now white should be our forground color. Next, click somewhere beneath the bright-star thingy, and type some text you want to appear on your image. It can be anything, just make sure it's well below the bright part so that it's readable. I'm putting "Who says Dark is Bad?" in mine, but I'm terrible with comming up with creative text that goes well in this type of wallpaper, so you can put what you want.
Here's my finished version:
http://fc01.deviantart.com/fs20/f/2007/310/4/1/Dark_Wallpaper_by_Mysterian077.jpg