 |
First, copy this
image to the clipboard by right clicking and clicking again on copy. |
 |
Next, open Photo Impact. Click on edit,
and then paste - as a new image. Your image is now opened and ready
to edit.
|
 |
On the lower right hand of your screen,
you will see four icons. Click on 256, and then on RGB true color
in the popup menu. This will open a duplicate image, only in full color.
Note: If you are working in 256 mode, many
of your functions in Photo Impact will be grayed out, so it is a good idea
to always check this. |
 |
I have already
resized this image for you, but most of the time you will need to
do this yourself. Click on the transformer tool, and press and hold
the shift key while clicking and dragging the bottom right corner square
in and up. Make sure your ending graphic is less than 250 pixels
wide. If you are making a background border for a web page, it should
be even less--no more than 200 pixels wide. You can tell how large your
graphic is at any point by looking at the title bar. Here, the title bar
is outlined in black. It's a good idea to resize your window either full
size or slightly larger than the graphic you're working with so that you
can easily grab the corner square. In this example, you can see that my
window is larger than the graphic area.
You can resize your window as you would
with any windows window: hold your mouse over a side or corner and
click and drag it to the desired size. |
 |
Now click on the
selection tool, and hold down on the little arrow in the corner of the
box until a box opens with the other selection tools. Click
on the magic wand tool. |
 |
Here are the mode and similarity settings
for your wand. On mode, click on the + sign, and for similarity,
set the number on 40. It should be no less than 33, which is the default
setting. |
 |
Click in the white
area surrounding this graphic. This will select the white area. Click
again between the arm and leg of the little girl where there is another
white area. Also click on the white area inside the bow. If the + sign
is not selected, this will make a new selection, so be sure it is indented.
Right click and click again on invert to select only the graphic.
Note: This will only
work if your image is already merged. If you have an object floating
on top of your workspace, and are trying to select the white area of it,
it will not work. To fix this, right click on the image and click
again on merge all. |
 |
Right click on your selected image, and
click again on convert to object. (At this point, if you wish, you
can click on your object and drag it to the easy palette. If the
easy palette is not open, you can open it by clicking on this button.
When you drag your object to the easy palette,
a box will open allowing you to name your new object.) |
 |
Press the space
bar to select the background image. The selection marquee will disappear.
Click on the transformer tool , and click and drag the square in the middle
of the right side farther to the right. This will give you some extra
room to add a divider bar later. |
 |
Press the control key and F at the same
time to open the fill dialog box.
Right click on the color box and click again
on eyedropper. A new box will open. Choose a color in the image
that you think compliments the image by clicking on the desired color.
I have chosen a light blue.
Make sure that you don't see a selection
marquee at this point. If the marquee is still around the image of the
little girl, you will have a blue silouhette of the image. |
 |
Now you can adjust the background color
using the color toolbox on the right side of your screen. Clicking
on the + or - sign beside any color will take away from or add to
the amount of that color in the selected part of the image. You should
still have the background selected. I chose to add a little blue. |
 |
Now, with the background
still selected, go to the menu bar and click on effect. This popup menu
will appear. Click on creative, then painting. |
 |
A box will open.
On the left side of the box will be some numbered thumbnails. Click
on # 44. In the right side of the box, you will see these settings.
Make sure yours match.
Put a check mark in the box next to Tile.
I encourage you to experiment
with different thumbnails and settings here.
You can use this method to produce interesting backgrounds too. Test different
effects by clicking on the "try" button. |
 |
Your image will now look something like
this. |
 |
At this point, I like to check my seams.
An easy way to do this is to click on web in the menu bar, then shift image.
A box will open with your background showing. When you point your
mouse on it, the cursor will turn into a hand indicating that you can move
it around. Click and hold the mouse button while moving the image
up or down. Make sure you can't see a seam. (you probably won't,
but I like to make sure.) When you are sure there is no seam, or
line where you can tell the images met, click cancel. With this particular
painting effect, there will be a line on the side. For our purposes,
that does not matter, so ignore it. |
 |
Now click on the shape tool marked with
a black arrow here. Make sure your shape is rectangle. Set
the color to blue by clicking on the color box. I like to use a darker
color than is in my background for contrast. You can use either the
windows color picker or the ulead color picker. I find the windows
color picker is easiest to use. For mode, (2nd black arrow,) set
it on 3D custom. |
 |
Now click and drag on the image area, and
draw a long thin rectangle. Click on the transformer tool (illustrated
above) and drag the middle top square up so that it extends up and below
the image window. You will need to maximize your image window before
doing this. This will keep you from having to crop your image later.
If you wish, make another bar by right clicking on your bar and then clicking
on duplicate. Line both bars along the right side.
Right click and then click on merge all.
Press control and C at the same time to
copy the image to the clip board.
(At this point, you may save your image if
you wish and use the stationery wizard to make it into stationery.
However, there are several benefits to continuing and using a strip.) |
 |
Click on file, new and then in the box that
opens as a result, click on "active image" This will set the size
of your new image the same as your image that is already open. Now
erase the number in the width box, (marked with an arrow here), and type
in 1152. Click on ok to close the box. Right click on the white area of
the new image, and click again on paste.
This will line up your image just right
along the left side, and will be perfectly centered. |

|
At this point, I often add a drop shadow
to the image. Right click on your selected image, and click again
on shadow. Click in the Check box to add a shadow, and click
on ok.
Even with the Y-offset set at zero, there
will be a small gap in the shadow. I use the split shadow option
to fix this. Right click on the image, and then click on split shadow. |
 |
This allows you to re-size the shadow with
the transformer tool as we did with the divider bar, so that it is taller
than the real image. Click on the shadow to select it,
click on the transformer tool, and then
drag the square in the center of the top up, and drag the square in the
center of the bottom down. No more gap! |
 |
Now press the space bar to select the white
area under your image. Press control and F key at the same time to open
the fill dialog box. Again, just like above, use the eydropper tool
to select the same color in the background of your clip art.
Click on OK. Your strip is almost
ready.
Right click and merge all.
|
 |
Now we need to optimize
or shrink the size so that your friends won't have to wait forever
when downloading their mail. I like to keep the size under 60 kbs
if at all possible.
Now click on web in the menu bar and click
on Image optimizer. |
 |
This will open another box. In this box,
you will see your image shown in two boxes. The one on the left is
the uncompressed version, and the one on the right is the compressed version.
You will only see the background color of your strip when the box opens.
Point to and click on the image, and slide it to the right so that you
can see the image, and not just the background.
Make sure you have jpg selected.
Use the slider to adjust the level of compression,
while noticing the differences the compession level makes in your image.
Slide it far enough back to the left until you begin to see a difference,
and then back up just enough so that you see no difference. This
will give you the most compresed image possible while your end product
is still attractive. Be aware, that if you fill your background strip
with a texture, the more textured it is, the higher the size of the end
product. While textured backgrounds can be very attractive, they
are also quite costly to the size, and should especially avoided in web
backgrounds. |