slicing images for web

Hi,

I sometimes have to slice up images for web production using photoshop, and my current method is not very efficient. I crop out one section, do a "Save for Web," then undo the crop, then make a second crop for the second section (which I must carefully align so that it begins where the first crop ended), "Save for Web" again, etc.

I know there is a better way to do this. Perhaps something where I could just draw my cut lines across the images, then execute some sort of "Slice Up" command, which would create new files for each slice. Or something to that effect. Does anyone know the best way to do this?

Thanks,
Lurisia

PS: I'm using Photoshop 7

From: lurisia

I sometimes have to slice up images for web production using photoshop, and my current method is not very efficient. I crop out one section, do a "Save for Web," then undo the crop, then make a second crop for the second section (which I must carefully align so that it begins where the first crop ended), "Save for Web" again, etc.
I know there is a better way to do this. Perhaps something where I could just draw my cut lines across the images, then execute some sort of "Slice Up" command, which would create new files for each slice. Or something to that effect. Does anyone know the best way to do this?

ImageReady does this automagically for you, even generating the html code ... go to the Help utility and search on 'slices' ...

Bill

lurisia

I sometimes have to slice up images for web production using photoshop, and my current method is not very efficient. I crop out one section, do a "Save for Web," then undo the crop, then make a second crop for the second section (which I must carefully align so that it begins where the first crop ended), "Save for Web" again, etc.

Save yourself the grief and use ImageReady. (I say that a lot! :))

For example, in ImageReady you can create guides automatically, or manually, and "slice on guides" with one click. Very, very nice feature. And when you export, it saves all the slices at once, and creates the HTML code that keeps it all lined up nicely.

PS: I'm using Photoshop 7

Photoshop 7 has an "image slice" tool. You use it to draw your slices, then use Save for Web to save all the slices as separate images.

ImageReady has this capability also.

--
Rude T-shirts for a rude age: http://www.villaintees.com Art, literature, shareware, polyamory, kink, and more:
http://www.xeromag.com/franklin.html

On Thu, 5 Feb 2004 12:08:04 -0600, "jjs" wrote:

For example, in ImageReady you can create guides automatically, or manually, and "slice on guides" with one click. Very, very nice feature. And when you export, it saves all the slices at once, and creates the HTML code that keeps it all lined up nicely.

Thanks for the replies.

Is ImageReady part of photoshop, or a plug-in, or another program entirely? If it is not part of photoshop, how do I get it and how much does it cost?

Thanks,
Lurisia

lurisia wrote:

Is ImageReady part of photoshop, or a plug-in, or another program entirely? If it is not part of photoshop, how do I get it and how much does it cost?

It is a separate program that came with Photoshop when you purchased it and should be installed on your machine. Have a look at your manual.
-------------------------------
Tom

Unsolicited advertisements cheerfully ignored.

From: lurisia

Is ImageReady part of photoshop, or a plug-in, or another program entirely? If it is not part of photoshop, how do I get it and how much does it cost?

It ships with Photoshop and was likely installed with it. Press cntrl-shift-m to jump to it (there's an icon to open IR at the bottom of the Photoshop Tool palette).

"lurisia" wrote in message

Thanks for the replies.

Is ImageReady part of photoshop, or a plug-in, or another program entirely? If it is not part of photoshop, how do I get it and how much does it cost?

It came with Photoshop. It is in the Adobe folder. If you have Photoshop without Adobe, then tell us how you managed that. (And do your control keys work?)

It came with Photoshop. It is in the Adobe folder. If you have Photoshop without Adobe, then tell us how you managed that. (And do your control keys work?)

Yes, I found it. Thank you everyone.

L

On 05 Feb 2004 17:48:43 GMT, (Bill Hilton)
wrote:

From: lurisia

I sometimes have to slice up images for web production using photoshop, and my current method is not very efficient. I crop out one section, do a "Save for Web," then undo the crop, then make a second crop for the second section (which I must carefully align so that it begins where the first crop ended), "Save for Web" again, etc.
I know there is a better way to do this. Perhaps something where I could just draw my cut lines across the images, then execute some sort of "Slice Up" command, which would create new files for each slice. Or something to that effect. Does anyone know the best way to do this?

ImageReady does this automagically for you, even generating the html code ... go to the Help utility and search on 'slices' ...

Bill

But...but I thought ImageReady was the spawn of Satan. Do you mean it's really OK to use?

I sometimes have to slice up images for web production using photoshop, and my current method is not very efficient.

I know there is a better way to do this. Perhaps something where I could just draw my cut lines across the images, then execute some sort of "Slice Up" command, which would create new files for each slice. Or something to that effect. Does anyone know the best way to do this?

ImageReady does this automagically for you, even generating the html code ... go to the Help utility and search on 'slices' ...

You can also do it from within Photoshop. Use the Slice tool to slice up your image and the Slice Select tool to select and modify a slice. If you double-click on a slice with the Slice Select tool, you will have access to further name and modify the slice.

Once in the SfW dialog box, select a slice and specify an optimization setting. You can elect to save each individual slice as a GIF, JPEG or PNG. Select all the slices with the Slice Select tool that you want to save and then in the Save Optimized As dialog box, you can select whether you want to save all slices, selected slices, images only or images and HTML code.

There's plenty of info in the help file re slices as well as tutorials on the Internet. Do a search on http://graphicssoft.about.com/

ImageReady CS has more options for slicing and saving slice information.

HTH.

Shangara Singh.
------------------------------------------------------------ ---------------- :: Photoshop CS Adobe Certified Expert (ACE)
:: Photoshop CS Essential Tips && ACE Exam Aids && Glossary :: http://www.photoshopace.com && http://www.examaids.com

In article , The hand cause
the ears ain't listening. wrote:

But...but I thought ImageReady was the spawn of Satan. Do you mean it's really OK to use?

It wouldn't be in the package if it weren't useful. It seems to have its place. Even if adding ImageReady's features to CS were possible without bloating the application, the conflicts with CS features might confuse people. (Conflicts with CMYK, LAB, layers, and such that don't fit with simple GIF or JPEGs, animation, for example.) So that is my guess as to why it is still separate.

IR not only does the HTML code for your webpages with slicing, but you can do two-state buttons for mouseovers, and the program will create the code for all of that too!

Nifty!

"jjs" wrote in message

"lurisia" wrote in message

Thanks for the replies.

Is ImageReady part of photoshop, or a plug-in, or another program entirely? If it is not part of photoshop, how do I get it and how much does it cost?

It came with Photoshop. It is in the Adobe folder. If you have Photoshop without Adobe, then tell us how you managed that. (And do your control

keys

work?)

One note -

you can set the alt image tags from this tool as well --- by using the slice tool and then going into the slices options ---

It is very smart to include your alt image tags --- as this can help you with SEO (Search Engine Optimization)

have a great day
"lurisia" wrote in message

It came with Photoshop. It is in the Adobe folder. If you have Photoshop without Adobe, then tell us how you managed that. (And do your control

keys

work?)

Yes, I found it. Thank you everyone.

L