HTML/CSS:
Cursors:
crosshair
wait
help
text
s-resize
w-resize (the one I'm using for this layout)
e-resize
ne-resize
nw-resize
se-resize
sw-resize
move
hand
Paint Shop Pro 7
Dotty Thing/Grids:
This is a really simple effect. It looks a little animated, and it goes really well with grungy layouts and buttons. Wanna learn how to do this?
1. Open the image you want to apply the effect to
2. Go to colors - decrease color depth - 2 colors (1 bit)
3. A new window will pop up. For the area where it says "reduction method" make sure it's set to "ordered dither", and for palette weight click "weighted".
4. Now your image should look incredibly...dotted. Select this image and copy it.
5. Go to edit - paste - paste as new image. A copy of your dotted image should appear. Copy this new image.
6. Go back to your original image and undo everything you've done up until your image is back to normal. Now go to edit - paste - paste as new layer
7. Now go to layers - properties. A new window should pop up. For "opacity" type in a number according to how dotted you want your image to be. For my image I used 50. Click OK.
8. Now go to layers - merge - merge all.
And now you're done.
What about grids? Basically you do the same thing (copying and pasting as new layers and adjusting the property), but instead of decreasing the color depth I want you to go to texture effects - tiles, and type in these settings:
tile shape: square
angularity: 0
tile size: 8
border size: 0
smoothness: 0
depth: 1
ambience: 0
shininess: 0
intensity: 34
elevation: 17
Copy this and repeat steps 6 - 8, but don't undo anything. All you're really doing is "blending" images with effects. Basically, your image should now look like this:
Ghost/Grungy Glow
This is just a little effect I discovered while messing around with PSP. So far I haven't seen anyone else use it. Hell, it was something that I made up out of the blue. It's a simple effect really, and I prefer to use it with RPGs and grunge backgrounds. It reminds me of haunted old photographs, all blurred up as if there were two images. Do you want to learn how to do this?
It looks haunting, depending on what your picture is. Also, in the image I used only a fraction of it was blurred, which gives it a ghostly effect. This works best with black and white images, so this tutorial will list steps for black and white. Wanna learn how? Just follow along.
1. Open the image you want to apply the effect to
2. Go to colors - adjust - hue/saturation/lightness
3. A window will pop up with a color wheel in the middle and two tabs on either side of it. Click on the tab on the left between the words "hue" and "saturation" and move it all the way down to the bottom. Your color wheel should have gray circles now, and your saturation should be down to -100. Don't touch the tab for lightness. It should be right in the middle, and it should read 0. Click OK.
4. Now your image should be black and white. Go to colors - adjust - brightness/contrast
5. A new window should pop up. For contrast, type in a number, depending on how strong you want the contrast of your picture to be. I recommend 60 or 70.
6. Now your image should still be black and white, but the tones and shades should be more emphasized. Next, I want you to copy the image and go to edit - paste - paste as new layer.
7. Now go to layers - properties. A new window should pop up. In the field marked "opacity", type in a number, depending on how obvious you want the ghostly blur to be. I recommend 50.
8. Now go to image - rotate. Another new window should pop up. Where it says "direction" I want you to click either "left" or "right", depending on where you want the tilt of the blur to be. I recommend left.
9. For the area where it says "degrees" click "free". Type in a number. I recommend 5 or 10. Click OK.
10. Now your image should look distorted. A copy of the same image should be faded into it, except it should be a little sideways. Click your freehand tool. (It looks like a yellow lasso) 11. Now I want you to go to layers - merge - merge all.
12. This step is optional. Go to your tool options and make sure that "freehand" is selected for your selection type. Select the part of the image that you want to blur.
13. I want you to go to effects - blur - gaussian blur. A new window should pop up. Type in a number according to how blurred you want your picture to be in the "radius" field. Click OK.
And you're done. If you want to give your image a more ghostly effect, go to adjust - colors - brightess/contrast and mess around with the image's brightness and contrast. Simple, eh?
Blends:
So you want to learn how to blend images, eh? It's really simple. The steps to creating a blend are easy, but the way the picture turns out is really up to you. You have to add your own personal touches or blended images won't look good at all. I'm going to teach you the basics.
1. First off, open Paint Shop Pro 7. Make sure you have two images (we'll just stick to 2 for now) that you want to blend.
2. Open another image (this will be your background). The size is up to you, of course, but make sure your pictures will fit. This is all common sense. =P
3. Select the picture you want to use first and copy it. Then I want you to go back to your background image and paste the picture you just copied as a NEW LAYER.
4. Move the picture around until it's right where you want it. You'll be able to move it again later.
5. Now click on your second picture (the one you haven't touched). Select that and copy it as well. Go back to your background image and paste your second picture as a new layer. This will become your second layer.
6. Now you should see your pictures overlapping one another.
7. Now I want you to go to Layers - Properties. A box will pop up. In the field where it says "Opacity" I want you to type in a number...any number. This number will determine how "invisible" your second layer will be. I suggest you start our with 60
8. Now you have a blend. You can mess around the numbers now until your satisfied. This next step isn't something you have to do, but you're probably going to want to. Do you only want certain areas to be blended and not the whole thing? If so, I want you to click your eraser icon (shows the eraser of a pencil).
9. Go to tool options and mess around with the opacity and size. This will allow you to make only certain areas invisible, depending on how strong your eraser tool and how big it will be. The rest is up to you. You can go on from here.
10. Don't forget to merge all your layers when you're done. You can do this by going to layers - merge - merge all.
And viola! There you have it.
Show Selection:
Ever wonder how people do this little nifty trick right here:
It's very simple. I'm going to show you the basics. This effect goes really well with blog spots (those light or dark patches on your background or images where your entires go). Interested? Read on.
1. Open the image you want to use for the select to show up on. I'm going to use the image I used for the my blend tutorial.
2. Click your selection tool. It should look like a broken-laced box. It's right above your freehand tool (the icon that looks like a yellow lasso).
3. Select the portion of your image you want to use for the effect. Don't deselect it.
4. Take a screen cap by clicking the print key on your keyboard.
5. Go to edit - paste - paste as new image.
6. An image of your screen cap will appear. Select the part of the screen cap that shows your original selected image.
7. Go back to the picture you wanted to use. Go to edit - paste - paste as new layer.
8. It's all common sense for this part. Make sure the selections match.
9. And that's it. Your done. If you want to use that area as a blog spot just select it and adjust the brightness, like what I did for the picture above. You can use this effect for any shape, with whatever picture, etc. You get the idea.
