PSP Picnic Basket
Classes from Virtual University -
Examples of background problems
|
|
||
|
Notice, how the drops, are not
uniform some are cut off? They sit on top of each other wrong? You can usually fix, this kind of problem by staying away from the edges then resize to an appropriate size for a background image. |
|
This is my 1st background
image |
|
|
||
|
Notice: How the single image looks okay alone but as a background it shows edges? The way to correct this is to come in and crop the edges anywhere from 2-10 pixels and resize the images to work correctly. |
|
This is my 2nd background image
|
|
|
||
| I cropped the edges but sitting here as it it tis image still doesn't look right, due to the gradient fill part of the colors. |
 |
This is my 3rd background image |
|
|
||
| So we can use this image by adding a border background and force it to blend up and down. We could also add a line down the very edge and create an extra area that stops the bleeding of the image that sometimes comes with jpgs and frames the edge. Or........ |
|
This is my border background
|
|
|
||
| We can open a new image and copy and paste 1 image into it, then a second image but on the second image mirror it. Now.... Notice I have a white line down the center lighter and doted? I needed to crop it one more time on the side that has the white line area. |
|
|
|
|
||
|
Notice how it now runs a bit more consistent to the eye? No dotted lines? Being careful to check your edges, makes for a great designed web page. |
|
|
|
|
||
|
This is a Gradient filled background that has had the edges cropped and has been saved as a jpg. |
|
|
|
|
||
|
This is a Gradient filled background that has been decreased in color to 256 (nearest Color) and saved as a gif. Thus creating the section effect you see here. |
|
|
