Nov 03 2008

Photoshop Video Tutorial – Color Management for the Web

Published by at 3:20 am under Photoshop Tutorials,TUTORIALS,Video Tutorials

ps logo Photoshop Video Tutorial   Color Management for the WebIt’s time for another Adobe Photoshop video tutorial “quicky”.

I went thought my reader email bag and had quite a few of you wanting to know how to fix the color issues when saving images from Photoshop. The main complaint is that saved images, when viewed on the computer or the Web, look more saturated then what you see in Photoshop. Basically you’re asking: a) why is it that the saved image is more saturated? and, b) is there a way to adjust Photoshop to see the correct colors before post processing?

To answer part b): yes! and part a) is explained in the video. icon smile Photoshop Video Tutorial   Color Management for the Web

I would like to thank you for your tutorial suggestions. Please keep them coming!



email




DON'T MISS THE NEXT ARTICLE: RSS Feed | Email Updates

11 responses so far

11 Responses to “Photoshop Video Tutorial – Color Management for the Web”

  1. Jamieon 03 Nov 2008 at 4:25 am

    Wow that’s strange.. I’ve never noticed that in PS6. It seems totally unreasonable to have to do that every time you view an image!! What were Adobe thinking?

    I’m going to guess some people will be suffering with monitor calibration colour profiles and their workflow. I know that was a major hurdle for me – colour matching between the Canon software and Photoshop. And I didn’t even know about the proof colours thing!

  2. Tammyon 05 Nov 2008 at 8:25 am

    Thanks for the video – very interesting. Is there a setting in Photoshop that helps to get your print to look like what is on the screen, without buying expensive color calibration tools?

  3. Yanikon 05 Nov 2008 at 8:41 am

    @ Tammy

    Now you’ve just opened up a big can of worms! ;)

    This is every photographer’s nightmare when you consider that each monitor is calibrated differently and each printer prints differently. If you’re just using your personal printer or a specific photo lab to print, get one print with lots of colors and tonal ranges and manually adjust your monitor to match it. Make sure your in a brightly lit room when doing this.

    You could also use Photoshop, but I’m not very familiar with color profiles since my monitor is calibrated for my photo lab. Since I use a monitor calibration tool, I have 2 profiles saved. One for Web and one for print and I switch when needed.

  4. Elenaon 10 Nov 2008 at 4:21 pm

    hi yanik…
    very intresting your site and very helpful
    i want to thank you especialy for this video because this was my big problem for now (i am making stock images too) and nothing was the same… i was very mad… thank you

  5. fotoBrushon 29 Nov 2008 at 4:32 am

    all d tutorials are really nice continue yanik………..

  6. fredon 01 Jan 2009 at 10:59 am

    Hi all,

    I found something out that I though i’d share. It is quite stupid, but when i tried saving for web after doing the steps descibed here, I stil ended up with different colours for the end jpeg. I found out that the “Convert to sRGB” option was checked in the “Save for web and devices” dialog (my usual way to save pictures for the web. After unchecking this option everything was back to normal and both images had matching colours.

    Hope this helps.

    Thanks for the great tutorials and links.

  7. Marcuson 13 Jan 2009 at 2:39 pm

    really nice tut! keep up with that!

    BTW.
    What program are you using when you record?

    Greetings,
    Marcus

  8. Yanikon 13 Jan 2009 at 5:03 pm

    @ Marcus

    Thanks. Glad you liked it.

    I’m using Camtasia for my recordings.

  9. Rory Matthewson 12 Mar 2009 at 7:41 am

    Thank you soo much Yanik. I have wanted an answer to this for such a long time. Great site too!

  10. Zeroon 07 Sep 2009 at 10:08 pm

    How do you do this in Photoshop Elements?

  11. miriamon 30 Nov 2009 at 8:08 pm

    Hello, thanks for the great video.

    Though I have a question. I hope it’s okay to post it here?
    The tutorial is not exactly working out for me.
    I use Photoshop CS4, and tried to do the same thing that your tutorial (and other tutorials) say about the color management.
    When I follow the instructions, the copied image from the web DOES look a bit brighter, but still not as saturated as the original web image
    http://i27.photobucket.com/albums/c191/irrimiriam/overig/Picture21.png
    The background shows the original image, and on the foreground you see the copied image from the web, loaded in photoshop.
    Is there something else I should do that I am overlooking?

    I hope you can help me, this is really a problem at the moment.

    Kind Regards,
    Miriam

Trackback URI | Comments RSS

Leave a Reply