Saturday, May 07, 2005

Photoshop - Cut Out Object

I cannot figure out how to cut a picture of an object out of the entire picture. I used the magic eraser and got rid of the background. The problem is that I would like to both change the color of the background and also to have the bird as a separate object, so I could place it with other things. There must be a very simple way to do this, but I have been trying for days and cannot seem to figure that out. I know nothing about "masks," and I think this might have something to do with it. I want to place the cutout parrot on a card I am making. I hope someone can help. If the background could be clear, I would be able to do what I want. I also tried to use the magic lasso, but that did not work so well.

Is there an easy way to cut out something where there is not great contrast between the object and the background? Then, if you do get rid of the background (even pixel by pixel), how do you cut out that object and take it to another program without the white background.

1. Duplicate your background image and select the copy.
2. Make a very crude selection around your bird using the lasso tool, the marquee tool or what ever is convenient.
3. Click the "Add Layer Mask" icon at the bottom of layer palette. A layer mask icon will appear next to the image icon in the layer.
4. Alt+Shift+Click on the layer mask icon. This will display your mask made from the selection in a dark (usually red) color superimposed on your image.
5. Choose the brush tool. Adjust size as needed. Hardness=100%; Feather=0% Make sure foreground color is black and background color white. Enlarge the image as needed.
6. Paint with black to add to the mask and get right up to the edge of the bird. If you go too far switch to white and correct your mistake.
7. When you are satisfied, RIGHT click on the mask icon. This will bring up a menu where you can select "Apply Layer Mask". When you choose this your bird will be all alone on a completely transparent background. Take it from there.

Friday, May 06, 2005

CSS Bullets

I designed a site and am not happy because in Internet Explorer the bullets are round and in Firefox the bullets are diamonds. Is there a way to force Firefox to display round bullets?

If you use an image, it will remove ambiguity between browsers.

li {
list-style: none;
background-image: url(path/to/your/image.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 15px; /* space for the image adjust as needed */
}

Thursday, May 05, 2005

Web Page Dimensions In A Drop-Down List?

I've just started using Dreamweaver Mx 2004. I am working through a Dreamweaver book at the moment but I am stuck. I am supposed to use the drop down list on the bottom right to set the page dimensions to 760 x 420 but all the sizes on there are greyed out. I can't select any size. Does anyone know why it would do this and what I can do to fix it?

The window in which you are working on your page is maximized. Click the Window button (two little rectangles) in the top right corner of the window with the page in it (not the one at the very top of DW). Then it will work. When you select a different size it will, of course, resize your window; if it's maximized it can't do that.

Wednesday, May 04, 2005

Fireworks Tutorials

Tuesday, May 03, 2005

Dreamweaver - Looking For FREE Templates?

Possibly the most important part of any Template is the CSS script that goes with it, this is the thing that makes the look and feel of the site consistant.

There aree quite a few Shareware scripts out there which include CSS in their makeup

I just googled "Html Template" and got 27.1 Million results including:

SourceForge
2 Create A Website
Sparklist
WebDesignHelper

All the above offer FREE templates just to get you started

Monday, May 02, 2005

How To Set Page Dimensions?

How can I set my page dimenisons in Dreamweaver? I have a background image I want to use for the entire index page but not all of the image is showing up. I have tried other images but still get the same problem.

You can't. You have no way of knowing how big I'm going to set my viewport. You can create a fixed width container for your content but as far as overall size goes it's out of your hands.

You will have to repeat the image (either horizontally, vertically or both) or use a photo large enough that it will cover all available sizes -- 4000x3000 should do it, but I would strongly discourage this approach due to the time that it would take to download the image because of such a large size.

Sunday, May 01, 2005

Color All Links Black When Printing

I have a calendar that has about 20-30 links. Each week I make a separate printable calendar (to remove headings, graphics, side-bars, etc)... but when I do, the default link color is hard to read. So I'd like to just remove all the links... which would make the text black. Is there a simple way to remove all links on a page at once?

Instead of removing the links, why not change the their color to black when you print?

a:link {color:#000;}
a:visited {color:#000;}
a:hover {color:#000;}
a:active {color:#000;}

Add this in your print stylesheet and that should do it.