[Haku2]

Hello,

I've been working on a layout for my website in PhotoShop CS2 and am wondering how to slice the image fast and easily. I tried slicing a PhotoShop image to use it as my website template, but it seems that when I slice and save my images, PhotoShop creates some additional images, and some are named "spacer" without the quotes. It seems that I fixed some of the problems by fully stretching my slice area off the viewing area to make sure that it got all of the area I actually wanted and I did that for all of the sliced areas. However PhotoShop creates some additional images and even mentions them in the web page coding, although the file is so small that you can't notice a difference when deleting the additional images. I don't see where there is a space I left un-sliced. Could some one give me some advice that will help me in situations like these?

- Haku2

[Haku2]

Learn CSS and HTML and do it by hand, code generated by Adobe and Microsoft applications is crap.

I am doing it by hand. However, I use Adobe to slice the layout image to use when I am doing it by hand. I don't actually use the html file PhotoShop generates. I only use the sliced images from it when coding my layout by hand. The problem is that PhotoShop is some how generating some extra images that aren't part of the slices I made or intended to get from the layout image.

- Haku2

[SmashinGarcia]

I am doing it by hand. However, I use Adobe to slice the layout image to use when I am doing it by hand. I don't actually use the html file PhotoShop generates. I only use the sliced images from it when coding my layout by hand. The problem is that PhotoShop is some how generating some extra images that aren't part of the slices I made or intended to get from the layout image.

- Haku2

What do you mean?

Usually what I do is just crop images individually and then save them and code it properly.

[Brendon Koz]

Garcia, there's a tool in Photoshop that allows you to use something like the guides to separate your image (and be quite precise) so that when you export it, you already have all of the separate images that you wanted/need. It's simply a slightly quicker and easier method to what you already do.

For the record, I use the marquee tool and either copy merged or copy (depending on the situation), make a new file, then paste... I like being certain that I know what I get and it's of the smallest possible size when exported.

[Haku2]

Garcia, there's a tool in Photoshop that allows you to use something like the guides to separate your image (and be quite precise) so that when you export it, you already have all of the separate images that you wanted/need. It's simply a slightly quicker and easier method to what you already do.

For the record, I use the marquee tool and either copy merged or copy (depending on the situation), make a new file, then paste... I like being certain that I know what I get and it's of the smallest possible size when exported.

Thank you. However, how would I know that I didn't go over part of the same spot I already copied by accident? What does copy merged mean? I've seen it in a menu but i'm not sure what it does. Oh, hold on, i'll look up what copy merged means in the documentation. I really appreciate your help.

- Haku2

[SmashinGarcia]

Garcia, there's a tool in Photoshop that allows you to use something like the guides to separate your image (and be quite precise) so that when you export it, you already have all of the separate images that you wanted/need. It's simply a slightly quicker and easier method to what you already do.

For the record, I use the marquee tool and either copy merged or copy (depending on the situation), make a new file, then paste... I like being certain that I know what I get and it's of the smallest possible size when exported.

Ya I know the tool I had to use it for a brochure I made for a class but can you save each of the slices without cropping or copying? I may have to do a little experiment.

[Strange_Will]

I love drawing one up, but you'll need to cut and place by hand, Adobe (at least the last time I used it) wasn't that great and caused more issues than it was worth to let it do it by itself.

[Haku2]

I love drawing one up, but you'll need to cut and place by hand, Adobe (at least the last time I used it) wasn't that great and caused more issues than it was worth to let it do it by itself.

You mean cut & paste? How do I know that next time I cut the image, I won't cut part of what I cut. Well, guess I got to be careful. By the way, when selecting things in photoshop with the marquee tool, does it obtain whatever is in the box or the box including the outline?

- Haku2

[Haku2]

I copy and paste, and the marching ants aren't included in the marquee's selection.

Ok. Thank you, but with using copy, when you want to copy another part next to the selection you already copied, how do you know your not including some of what you already copied?

[Strange_Will]

You mean cut & paste? How do I know that next time I cut the image, I won't cut part of what I cut. Well, guess I got to be careful. By the way, when selecting things in photoshop with the marquee tool, does it obtain whatever is in the box or the box including the outline?

- Haku2

You can cut and paste, or slice and export to a folder.

[Brendon Koz]

You mean cut & paste? How do I know that next time I cut the image, I won't cut part of what I cut. Well, guess I got to be careful. By the way, when selecting things in photoshop with the marquee tool, does it obtain whatever is in the box or the box including the outline?

- Haku2

It is the box including the outline, so if you selected something different, you would simply make sure the marquee was 1 pixel away from the last selection.

When I design a website though, I think not only in terms of imagery, but also in terms of HTML and CSS exportation and implementation. I'm not going to go in to how I do things though - we each do things differently. "Copy Merged" will simply copy everything that you see within a marquee as-is...whereas using just "Copy" will only copy to the clipboard the portion of your currently selected layer within the selection.