Naming images using 'Save for Web' based on layer name

Hi All
Hope someone can help, I'm a bit stumped!
I've got a PSD in Photoshop CS4 which is for some T-Shirt Designs. I have 15 colours of shirts, all on 15 different layers. Then I have the design of the t-shirt on the top layer. I want to create 15 images with the design shown on each of the 15 shirt colours.
Is it possible to automate the saving of the files? ie Always have the top layer (the shirt design) on, but save a file with just one of the shirt layers on, and save the file so the filename reflects the layer name?
I seem to recall Imageready doing something like this, though maybe it was in the Animation section, its been a while :-)
Cheers
Mark

Have a look at layer comps and File>Scripts>Layer Comps to Files.
more about layer comps:
http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-7870a.h tml
MTSTUNER

Similar Messages

Terrible image quality when using Save for Web in Adobe Illustrator CS6

When saving images of any format and of any ppi using "Save for Web", "round" corners become blurred and pixel , "acute" (vertical and horizontal) angles are clear and of good quality. Reinstalled system with the hope that the cure (Windows 7 64-bit) - has not helped. Up to this point, such a problem did not face, all was well. How can i deal with this?

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

Just go back in photoshop and use the Slice Select tool, then just click and select the slice and hit delete - if you're not sure which one is the active slice just right click and find the one that has the Delete Slice option.
It's possible you either added the slices by accident or if you received it from someone they just had the slices hidden. For the future, you can go to View > Show > Slices to display (or hide) slices.

Why do my images appear washed out when I use Save for Web?

Q: The color/brightness/tone of my image changes when I use
Save for Web. Why?
A: Photoshop is a color-managed application. The Web is not. Normally, when you view an image in
Save for Web or
ImageReady you are viewing it without color management and see it how it will appear when uploaded to the Web.
To minimize changes, Convert your image to sRGB (i.e from
Edit menu choose
Convert to Profile )before using
Save for Web. You should also make sure that
Save for Web has been configured so that images are displayed using the document color profile (see attached screenshot for guidance).
You should also ensure that your monitor properly calibrated and the gamma is set to 2.2.

Same here. Didn't get any good New Years Eve photos indoors.

Using "Save for Web & Devices" for a Organization Chart with Text

I created a document in CS3 Illustrator that is an Organization Chart. It contains rectangles, lines, and text. It looks great in Illustrator.
I have tried to save it using "Save for Web & Devices" to create a JPEG and a GIF so that I can pop it into a Dreamweaver document as an image and it keeps coming out blurry.
I have tried changing its size and resolution. I have tried opening and exporting it into Photoshop to try to "clean" it up. Nothing seems to be working.
I'm obviously unlettered in this modus operandi!
meem

Thanks for the response.
The background is transparent and will end up on a white background eventually.
I tried to make it clear in Dreamweaver by scaling it and it did seem to improve it somewhat. But it still doesn't look like the clear copy in Illustrator that I started with...
I also need to be able to embed this in a Word document to print for a hardcopy manual.
I had this same problem with Freehand a few years ago.

PNG changing colors using save for web (CS2)

Im having a problem with making PNG pictures when using the "save for web" function (this also happens in Image ready)
I make an image in sRGB color space and chose "save for web" and set the settings, all looks fine and i save it as png8 or png24.
Then when i view it in a browser the colors af "off" (desaturated) ??
But if i chose "Save as" in Photoshop, and chose png, and save it that way, the color macth up and looks allright.
What im a doing wrong ??
I have made a test with to sets of colors / picture one with "websave" color and one without then save them "using save for web" in gif, jpg with profile, png8 and png24
The gif and jpg goes well but the png's colors goes "off"
I also saved the to files using "save as" and here the png's colors looks fine
(Ther are also some screendums of my color setting, "save for web" setting and my screen profile if that can be of anny help
http://home19.inet.tele.dk/jgom/pngtest/
Also! can anybody tell me this ?
When using "save as" i cant chose what png im saving as ? (8 or 24) What type of png dos PS use when you save it like that ???

Now I've read up on it, it seems the issue is indeed gamma.
(I really appreciate the "that's impossible, you must be doing something wrong" comments, by the way. Not "hmm, I don't know," but actually "what you've described in detail isn't happening; you're imagining things." Super helpful.)
Anyway the real question is: is there a way to stop Photoshop from including gamma data? It's apparently an optional portion of the PNG spec.
The whole gamma thing is unfortunate, but the *really* unfortunate bit is that Photoshop includes this information at all, particularly in a Save for Web context.
Most importantly, it seems this has been an issue for some time (Google "PNG Photoshop gamma"), and PNG is usually used for web, so why on Earth hasn't Adobe addressed this? Let's not forget that Photoshop is the industry-leading tool, and the Extended version costs $1000 by itself. The only options I've seen for saving as PNG in PS so far is sRGB conversion, bit depth, transparency, and interlacing. This whole gamma thing seems pretty unacceptable behavior, even by default.
I'm looking into pngcrush; does anyone have a simpler solution to strip the gamma information? Of course, if there's a way to do this in Photoshop itself, please please let me know.
Thanks.

Is it possible to preset to JPEG High when using 'Save for Web...'?

Hi,
I am using photoshop elements 10. When I am ready to save an image under 'SAVE FOR WEB..' can I preset it to 'JPEG HIGH' cos right now it will pop up 'GIF'.
When I am using PSE2, I am able to launch it as JPEG HIGH. Now, I have to click on the popdown menu to select 'JPEG High'.

You need to right-click on the PSE desktop icon and choose "Run as Administrator".
Then, open a file in PSE, use Save for Web and change all the settings to what you prefer. Hold down the Alt key and the "Done" button will change to a "Remember" button. Click it and then save your image. The settings will be saved and you do not have to run PSE as an administrator again.
Ken

Photoshop CC2014: Can't use save for web option PLEASE HELP

Whenever I try and save a small animation as a gif (or anything in save ffor web) this happens http://prntscr.com/4gpseu This happened in CS6 I upgraded thinking it might fix it

As you can see from my screen capture I had no problem problem doing a 30 frame animation with Photoshop CC 2014. You screen capture looks strange. Your save for web screen capture shows frame 2 almost 8MP in size and all pixels are pinkish where the color map shows colors all a single gray for the animation no variation in color are all ??? You selected to only use 128 colors instead of the possible 256 and to do no transparency dither . Have you tried resetting your Photoshop preferences. I showed in my screen capture I was using CC 2014 had 30 frames in my frame animation. Showed what my Save for web looked like. Your Save For Web Capture looks very strange to me. Look at your's here then look a my screen capture. Even when I use the preset you chose GIF 128 No dither and a large image my save for web look nothing like your..

Color shift when using save for web

Hello,
I am converting my psd files to jpegs using "save for web". I am noticing that the colors are shifting from the original after saving for web. The color shift does not happen if I just convert the psd files to jpegs by using "save as". The psds have a profile of RGB1998. I am using CS3 and my monitor is color calibrated.
Do I need to convert the psd documents to sRGB first before I go to "save for web"?
The preview doesn't look any different if I check ICC profile in the save for web window. I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
Anyway I am wondering if I have to accept a color shift when saving for web or is there something I can do to get the saved for web jpegs to more closely match the original psd?
Thanks a lot for your help.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to keep all my web jpgs @ 72ppi. Any solutions?

It opens up as 900x600 @300ppi
Here's a screenshot-

Removing Exif Data with out using "Save for Web"

I have very large files. I need to remove thw EXIF data. I do not want to use "save for web" because it impacts the quality and size (recompresses) of the files. I need the files to remain un changed except for the removal of the EXIF data.
I have a large number of files to do this to.
Can anyone help?
Thanks

Thanks Tai Lao for the shortcuts.
I have RAW files to start. I "process" them and convert to jpg. Then send them to the client. But there are times the client doesn't need to be able to view the EXIF data, soooo....
1. I'm working on seting up an action to convert the processed RAW files to TIFF first,
2. then, using the shortcuts you listed, set up an action to take the tiff files through the process to strip them of the EXIF data and,
3. then convert the resulting "EXIF-less" TIFF files to jpg - also using an action. I'm going to try to build one action to do the whole thing but so far I'm still experimenting... I have to keep the file names...
Anyway, I'll post my findings.
Thanks
To whomever left the info about Exiftool - Thanks for that info as well. I'll check it out but is seems a bit too complicated for large numbers of files.

Exporting an animation using save for web

I am trying to export my animation as a GIF using save for web but when I try saving it gives me an error message saying: "Could not complete this operation. an unknown error has occurred." I am using Photoshop CC 2014.

I am on windows 8, The document is a PSD of course. It's a app UI animation using mostly smart objects and a timeline for the animations. My save options were:
reduction algorithm: Selective
Dither algorithm: pattern
No transparency dither
Color: 128
Dither: (Blank)
Matte: (Blank)
Web snap: 0%
Preview: Monitor color
Metadata: Copyright and contact info
Percent: 100%
Quality: Bicubic smoother
Looping options: forever

Slicing image issue when using "save for web"

Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

Completely wrong workflow. See the online help on the slice tool.
Mylenium

Can you make a fully automated Action using Save for Web? - Illustrator CC

I have been trying to create a simple action using the Save for Web feature. When I run the created action it stops on the Save to Web window until I click on "Save" then it brings up the finder window asking me to select where to save it and I then have to click "Save" At that point the Action continues to run and completes.
I'm using this process to export JPEGs of client labels for an web based government submission. The guidelines are pretty tight and the Save for Web gives me the best results for File Size, Image Size, and Quality... basically the files have to be small, but legible. Our files are organized in a Client/Project/SKU structure so batch processing with the Export command is not really an option.
I have created many actions & batches over the years, but never had this kind of issue with such a simple action. Is there a way to bypass these prompt similarly to what a batch would do?

I would love to know the answer to this as well. I am having the exact same issue. Super annoying

'Assertion has failed' Error when using Save for Web (PSCS)

This problem is due to the Save for Web preferences becoming corrupted.
Delete the Safe For Web Preferences by holding down CTRL+ALT whilst clicking on File>Save for Web.
(the Save foe Web preference file is saved at:
C:\Documents and Settings\~username\Application Data\Adobe\Save for Web\8.0\
if you wish to delete manually)

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

Naming images using 'Save for Web' based on layer name

Similar Messages

Maybe you are looking for