Photoshop Tutorial: • Understanding Color • - To RGB or not to RGB

free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Photoshop

Photoshop Tutorial: • Understanding Color • - To RGB or not to RGB

RainbowPhoenix
Greetings All,

This tutorial is designed to help Photoshop users understand the sometimes cryptic, often misunderstood Color Settings. It assumes you have a basic understanding of Photoshop and requires Photoshop 7 or later on either PC or Mac.

Let's Get Started!
First, begin by firing up Photoshop and choosing Edit - Color Settings. This will bring up the standard Color Settings window. For this tutorial, please click the "Advanced Mode" box in the upper left corner of the window.

Working Spaces.
The first (and most important) section of this window is the Working Spaces area. This is the nuts and bolts of color management in Photoshop. Here you make workflow critical decisions about how Photoshop displays color. Not only that, you are literally defining just how much color you get to play with. This may not seem important to the average user, but choosing carefully here makes the difference between good color management and nasty surprises down the road. Nasty surprises ALWAYS include your work looking different than what you designed.

First, let's examine the RGB space. You probably already know that RGB means Red, Green, Blue and essentially corresponds to the colors your monitor can reproduce. That's not really the end of the story though. RGB color spaces can vary greatly from one profile to another. Why choose one over the other? The answer is gamut. Gamut is the range (latitude) of colors available in a given profile. RGB gamuts tend to be much larger than CMYK gamuts, but some RGB gamuts are larger than others. HEY! Let's just rush out and pick the biggest damn gamut we can find!!! The more the merrier, right? Wrong. Ask yourself a very important question... what is the final purpose of my design? Is it for print? For video? For the Internet? For my own personal entertainment? Each of these questions requires a different color space to achieve the best results. I'll detail a few for you here.

sRGB - This is the most common gamut available. It closely represents the colors reproducible on most CRT monitors. Use this one if you are producing graphics for the Internet.
Apple RGB - Simulates the color gamut of most Apple monitors. Not used as much any more as many Mac monitors are no longer produced directly by Apple.
Adobe RGB - This is a custom RGB profile for Adobe programs. It is widely accepted in the print and digital graphics industry and represents a larger gamut than sRGB. Working in Adobe RGB but outputting for Internet may result in unwanted color shifts.
WideGamut RGB - Exactly like it sounds... a RGB color space that allows a wider gamut than Adobe RGB. Carefull, young Jedi... you'll end up making something with colors only YOU can see. Not advised for Internet work.
NTSC (1953) - This is the gamut you want to use for video production. It is a smaller gamut than most but represents accurately the color space of NTSC broadcast standards.

CMYK - C what I Mean? Y, because I said oK!
Why use CMYK at all? It's a smaller gamut and half my darn filters are suddenly grayed out!!! AUGGHHH!!! Ok, relax, there's a reason for CMYK that goes beyond what meets the eye. It helps if you understand that Photoshop has been an industry leader in print production design for ages. Originally Mac-based, it is now exactly the same on a PC and offers the same horsepower that Mac users have enjoyed for many years. What is CMYK? CMYK is the standard four-color printing inks used in print production. CMYK stands for Cyan, Magenta, Yellow and Black. Why did they name Black K? Maybe because B already stood for Blue? I dunno, go ask your mother. blink.gif

Anyhoo, the CMYK color space is tricky indeed. It is important to understand that when using CMYK, your monitor has to "simulate" in RGB what your printer is going to produce in CMYK. That means that Photoshop has to secretly do a ton of work, instantly and behind the scenes on every single pixel on the screen to map it in and out of a CMYK workspace so what you see is (hopefully) what you get. Now, if you NEVER intend to have your work printed, then you can almost ignore this. Almost... I strongly recommend using US Web Coated (SWOP) as your default. That way, you're at least going to be in the same ballpark as a printshop. Incidently, Web Coated has NOTHING to do with the Internet... it's a term used for offset press equipment (SWOP=Standard Web Offset Press) and should not be confused with what your browser can display. A good gamut (imho) to use for CMYK is the Photoshop 5 Default CMYK. It's bigger than the SWOP profile and produces more brilliant colors.

It's Not Easy Being Gray.
Actually, it is. Gray gamut profiles are largely dependant on the gamma of your monitor. Gamma is closely related to the luminance (brightness) of your monitor and how RGB is blended to produce Gray. In theory, equal parts of RGB should produce shades ranging from pure white (255,255,255) to pure black (0,0,0) but this is not always the case. You should use a tool appropriate for checking the gamma of your monitor and select the appropriate gray profile to match. After that, forget all about it... chances are you'll never have to work in Grayscale again unless you're a professional printer type person.


Color Management Policies.
Moving down the window, you will now find yourself at the Management Policies area. This part is where you tell Photoshop what to do if a document comes in with a profile embedded in it already. More often than not, you'll want to convert RGB docs to your working space and preserve the embedded profiles of other color space documents. Photoshop can alert you to various situations it encounters if you check the available boxes. I'd rather know more than not know at all so I keep all three checked all the time.


Conversion Options.
Captain! The matter to antimatter converters can't take much more!!! Ok Scotty, relax and have a Scotch. This part isn't really a big deal and you shouldn't panic. It can be deceptively easy to screw yourself royally here though, so I strongly recommend at least a passing knowledge of the decisions you make.

Engine: First, the conversion engine. That's the bit of code in the background that does the pixel crunching when converting documents from one color space to another. If you're a diehard Microsoft fan, by all means choose Microsoft ICM (Internal Color Management) otherwise come play with the big boys and choose Adobe ACE (Adobe Color Engine). Mac users may have more options here... depending on your system-wide color management policies, you might want to set this to whatever you use for the rest of your Mac.

Intent: Now a bit of science, and we can go back to drinking Scotch with Scotty. Your intent is what determines how colors are actually mapped from one space to another. Generally, I use Relative Colorimetric. It tends to provide the most stable results. Perceptual color tries to keep the relationships between colors the same while not necessarily keeping the values identical. Basically, your document will look the same, but may not output what you had in mind. Saturation color is an intent I never use. It sacrifices the accuracy of your colors for making them "pretty". Screw that... if I want pretty I'll dang well make them pretty myself. Finally, Absolute color. This is a tricky one... you'll use it if color is mission critical and you spend a great deal of time working with Pantones and such. I recommend it if you have a Photoshop/Illustrator/Digital RIP workflow and do lots of mission critical color work. This one is about the hardest to set up properly, but the most rewarding in the end if accuracy is your goal.

Advanced Controls.
Desaturate Monitor Colors: This is a tough one to explain, which is probably why they call it "advanced". Essentially, when you start working in REALLY BIG gamuts (often provided by OEM manufacturers for their devices) you actually exceed the gamut of your monitor in a big way. Use this setting to "tone down" the saturation of your images. Like the warning says though... your output might not match. For standard Internet graphics, you don't EVER need to check this. No touchie, got it?

Blend RGB Colors: Depends again on what your final destination of your output is. For Internet, you can ignore this. For print production etc, you might consider trying this both ways and seeing which setting provides the most accurate monitor to output accuracy.


The Last Word.
Well congratulations... if you made it this far you probably are either twirling your finger beside your head or enjoying a slowly spreading grin as the lights go on in your head. Hopefully the latter... color management doesn't need to be difficult, but you can certainly make it so by making poor decisions with this panel. Once you have made a few settings to your satisfaction, I recommend saving them for recall later. You can try different "sets" and see what works for you! In the end, remember that although color is a pretty subjective medium, by taking an objective stance towards management you ensure accuracy and portability across your workflow!

Good luck and thanks for reading!!!

Cheers,
Phoenix smile.gif

 

 

 


Reply

redsox58
I had no idea there were so many different color choices. Very well written indeed.

Reply

finaldesign
QUOTE
CMYK stands for Cyan, Magenta, Yellow and Black. Why did they name Black K? Maybe because B already stood for Blue? I dunno, go ask your mother.
man you really have make some credits with such a loong post wink.gif
anyway in CMYK shortcut K stands for "Key" because in Offset printing maschine CMYK is a four color process of printing and often and almost always Black ink is printed last, as the ink that add contrast and realistick black to image... Because of that it's has "K" shortcut as "Key" or last color... wink.gif

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Similar Topics

Keywords : photoshop understanding rgb rgb

  1. How To Make Realistic Fire! - real fire in photoshop (19)
    Hello and welcome to my tutorial, I’m going to teach you how to make realistic fire!!!! this is how
    I figured it out, I was makeing smoke in photoshop one day, but i wanted color to be added to it,
    so I added some color balance to it and ""click"" it hit me.... it looked alot like fire. --I would
    rate this tutorial easy and on a scale from 1 to 10 of difficulty, I would say a 3 --this is how
    I did it. 1. first I started with a blank page.. duh it doesn't mater what the size is but I
    used 400 X 400 pixels 2. Ok, we got our blank document now were going to sel...
  2. Photoshop Tutorial: Pencil Sketch - (4)
    Ola a Todos /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />
    This tutorial will show you how to convert a photo in to a pencil sketch. Step 1 Open your photo
    in Adobe Photoshop. Step 2 Right click on Background layer and choose "Duplicate layer" Step
    3 Now, lets convert the new layer in to black and white. For this we'll use a shortcut
    CTRL+Shift+U, or just go to image->adjustments->desaturate Step 4 Duplicate a copy of the new
    Background layer, so that the new layer we will work on step 5 is above all others. St...
  3. Photoshop Tutorial: Signature - (4)
    Intro: Ok let's get started. Open up a new 400x130 px document. Play around with any render you
    feel like using. Resize it so that it's a good size for the signature. I will try to edit this
    post with a image version of the sig later* 1.) Choose a radial gradient type from your gradients.
    Pick black and another color. 2.) Click around the middle of the sig and hold it to around half-way
    to the end. Re-try until the middle of your sig has a gradient in it. 3.) Move your render into the
    sig and duplicate it 5 times (control+j) . 4.) Smudge the first one you co...
  4. Photoshop Tutorial: Full Grunge Signature - Using Photoshop 8.0 CS (16)
    Side Notes: I hope you enjoy it. I made this awhile ago, but didn't posted it before. I
    though it was time to be shared, so here it is. ...
  5. Photoshop Tutorial: Part 1 - Terminology - Get familiar with industry terminology (4)
    Key terms and concepts Adobe – software company established in 1982. Invented PostScript and
    later, the Portable document Format (PDF). They are responsible for the popular applications
    Photoshop, Illustrator and InDesign. Many beginners erroneously call Illustrator or Photoshop
    "Adobe" (as in "when I open up Adobe...") Don't make this mistake. Adobe is the company - use
    the name of the software you are working with. Photoshop – raster image manipulation application
    created in 1986 by Thomas Knoll and purchased by Adobe in 1988 to be released in 1990. Version...
  6. Photoshop Tutorial: Awesome Twirl Effect - I Can't Remember Where I Saw This... (9)
    Sorry I don't have any images for this tutorial, but it's so easy you won't need them!
    Okay, here we go... 1. Start off with a square image, white background. I think 400x400 works best.
    2. Go to Filter>Render>Clouds 3. Go to Filter>Pixelate>Mezzotint: Short Lines 4. Go to
    Filter>Blur>Radial Blur: 100%, Zoom, and Best. 5. Hit Ctrl+F to duplicate the filter 6. Duplicate
    the layer 7. Go to Filter>Distort>Twirl: 75 or -75 (top layer only) 8. Set the top layer's
    blending mode to "Lighten" 9. Now merge the layers and press Ctrl+U to colorize! Or... 1...
  7. Photoshop Tutorial: Cutting Out A Psd - (note: made with photoshop CS, may or may not work in other versions) (3)
    A PSD is an image, generally of a person (but not always) that has a transparent background around
    the main object. The name comes from that originally these were always saved with a .psd extension.
    I'm going to start with this image: To follow the tutorial, I suggest you copy this image.
    It is an easy image for beginner's because the background is very plain. Start off by selecting
    the polygonal lasso. You may have to click and hold down on the lasso tool so you can select the
    polygonal one. The image that you should select is shown below. After you h...
  8. Photoshop Tutorial: Great Night Effect - Please rate the tutorial (11)
    Hi guys, This is the first time I am writing a tutorial so please be patient where ever I go wrong.
    I saw an image at deviantart.com which i liked very much, however I have lost that now, but still
    have that in mind. In this tutorial i have tried to get that similar effect on any photograph.
    Here is the picture i started off with (better if there is no sun): The first step is to
    desaturate it: (ctrl+shift+u) Now we need to have a moon: Use eclipse tool to draw a circle
    (feather=10px) and fill it with white color. Lower down the opacity of it. Thus we have got...
  9. Photoshop Tutorial: Ghost Portal - A simple tutorial that gives a nice effect. (0)
  10. Photoshop Signature Tuturiol - My last ones didnt work right, hopefully this one will (8)
    Well I made this a little bit ago for a site called Gamexe.net, note i put .com on accident but
    other than that it should work just fine. Please do not put this on any other website without my
    permission. If you want to know what brushes I used just ask, I don't feel like figuring out
    right now =P ...
  11. Using Mask In Photoshop - Create a b/w in color image using mask (0)
    Hello , This is a good tutorial about a famous glamour effect used by photoshop editors all over
    the world .. Have you noticed these images for models in black and white with part or more in these
    images in colors ?! There are many ways to cet this type of effect applyed to your images .... You
    can select the parts you want and create a copy from your selection then apply the desaturation to
    the origional , Or you can create a copy layer from the origional and use erase tool to erase the
    parts you want and then apply the desaturation to the origional .. ,,, As you ca...
  12. Photoshop Tutorial: Make The Matrix Letters - (9)
    I took it upon myself to make visual instructions, its alot easier to understand. ok start out
    with a clean WHITE background you foreground color should be black. and background color should be a
    dark green (I use #14B908, but u can use any NEON GREEN looking color, you want something bright)
    go to FILTER>Texture>GRAIN make sure grain type is VERTICAL intensity=100 contrast=48 next step
    we go to FILTER>artistic>NEON GLOW the GLOW COLOR should be something darker (I use #185403) glow
    size= -11 glow brightness=34 hit OK and SUPRISE...the matrix reveals its secret...
  13. Photoshop: Smudge Signature Tutorial - (1)
    Note: Here (click) is the render i'm using for this sig. Ok so open up PhotoShop and
    let's begin: 1.) Open up your render and a sig document (new doc any size I use 400x100 for
    smudge) 2.) Bring render over to signature doc and smudge with these settings for the brush:
    This is what I have so far: 3.) Bring your render over again and resize so it fits. Here's
    what I have: 4.) Ok not duplicate it 3 times (control+j) and hide the bottom render layer. 5.)
    Smudge your render and set the layer above it to color dodge and the layer above that to ...
  14. Photoshop Tutorial: Tech Sig - (0)
    Ok so open up a new doc I use 400x130 px. 1.) Change colors to black and white. 2.) Go to
    Filter>Render>Clouds. 3.) Add some sparkle/nightsky brushes. 4.) Do a new layer and add your render
    and some grunge brushes in this order: White.new layer, black, new layer, white. 5.) Now it's
    time for the tech brushes! Add some tech brushes all around and make sure you right click the layers
    with the tech brushing and set drop shadow. 6.) Now press Cntrl+B for a color balance. Change it
    around until you get a good effect. 7.) You can now choose some of these effects: add a c4...
  15. Photoshop Tutorial: Make A Fireball Effect - Tutorial to make a fireball in PhotoShop (6)
    First open a new document Fill the layer with a color, start with black Use Filter>Render>Lens
    Flare and choose 50-300mm zoom Apply five lens flare, 1 in the center and 4 in each corner Then
    apply Filter>Sketch>Chrome with detail of 4 and smoothness of 8 Copy the layer and apply
    Filter>Distort>Twirl of 200 Copy that copied layer and apply Filter>Distort>Twirl with -400 Set
    both copied layers blending mode to Lighten and merge all layers Now go to Image>Adjustments>Color
    Balance and choose whatever color, I did red. You can mess around with some of those paramete...
  16. Photoshop Tools Reloaded - basics of Photoshop (0)
    Info: Did you ever wonder, while working in Photoshop: what does this tool do? Then this brief
    tutorial is for you. You will learn what are the most used tools in Photoshop, their names, what to
    do with chosen tool, and for what purpose. Let's start with the tutorial. NOTE: to
    access tools that are in same icon group as Main tool selected just click and hold to reveal menu
    with other tools inside. Marquee tool It's commonly used for selecting some part of
    opened image, that you want to cut-out, move resize or apply some filter on it. There are ...
  17. Photoshop Dashed Border Tutorial - Ever wanted to make a dashed border? heres your chance! (0)
    QUOTE Dashed Border Click the images to enlarge them Do this first!!! 1) Open a new
    image that is 8x8 pixels 2) Use the pencil tool (Right Click on the brush tool and selet Pencil". 3)
    Now, draw a patern like this: 4) Go to Edit -> Define Patern, and just click OK Now do this 1)
    Create a new image, or open an existing image you wish to put the border on. 2) Hit "Ctrl+Shift+N"
    to create a new layer or Layer -> New -> Layer.... 3) With the new layer selected hit "Ctrl+A" or
    go to Select -> All. 4) Now, go to Edit -> Stroke, and apply the following sett...
  18. Photoshop Tutorial: Jungle Style Text Effect - nice text effect (4)
    simple as they come, its my first, hope you like it /unsure.gif" style="vertical-align:middle"
    emoid=":unsure:" border="0" alt="unsure.gif" /> Tutby: joão mustra ...
  19. Photoshop Tutorial: Creating Actions For Batch Processing - Let Photoshop do all the work. (2)
    For those of you who don't already know, Photoshop has these nifty little features called
    Actions. Now, these actions can be used for many things, including the creation of beautiful and eye
    catching effects, maximizing your productivity, or simply to carry out the tedious and mundane tasks
    that your lazy ass just doesn't feel like doing. I recently had the pleasure of turning
    .diplomat.'s beautiful " Daze " theme for SMF into something of my own, and being the genius
    that I am, I used these wonderful actions and a little thing called Batch Processing. I'...
  20. Photoshop Tutorial: Create Neat Little Shape Effect For Sig - photoshop cs2 (4)
    I am going to show you how to create this neat little shape trick i used in my sig my sig isnt
    the best, but i like the little trick i did with the shape...a lot of people have been asking me
    about it so i decided to write a tut on it. anyways. you want to start out with a blank page, so
    goto File->New (for all the n00bs) and you want your image to be 425 x 125 pixels (doesnt have to be
    but that is the sig size). now you want to use your fill tool, which is on the toolbar (which is on
    the left of your screen) it is a rectangle with a gradient pattern filled in it. ...
  21. Rollover Buton - im photoshop + imageready (0)
    First of all start with a new document about 150w x 50h, » select a color and then using the
    rounded rectangle function create a rectangular box leaving about 5 pixels per side, » Add text
    then ratersize the text layer and the rectangle layer , » merge the two layers together(Ctrl + E),
    » duplicate the merged layer, » On the duplicated layer click image > adjustments > hue and
    saturation then tick colorise, » Move the hue and saturation bars until satisfied with color , »
    Delete all other layers such as background leaving just the rectangle and the duplicated la...
  22. Photoshop Tutorial: Abstract Background I - How to make a random backgrounds (1)
    Firstly, there are varying tutorials like this but this is one way in which you can achieve the
    simple effect. Program: Photoshop Elements or Higher Note: Reset your template colours to B/W
    (press D). Also, instead of screening blend, try Overlay. 1) Create a 500 X 500 pixel picture with
    Transparency 2) Go to Filters -> Render -> Cloud. (Repeat until a desirable cloud is shown) 3) Go to
    Filters -> Render -> Difference Cloud. 4) Invert the picture (Ctrl + I) 5) Make the levels equal.
    (Shift+Ctrl+L) Now comes the fun parts /laugh.gif' border='0' style='vertical-alig...
  23. Photoshop Tutorial: Sequences In Photoshop - making a sequenced picture in photoshop (1)
    Alright, heres what you gotta do. 1. you need a camera that has a burst mode, and depending on your
    sequence you'll want at LEAST a 2fps drive mode. 2. set up your shot and shoot the subject,
    besure to get entry shots and run off shots to fill up your picture space. 3. open all of the
    pictures into photoshop and chose the first picture as the "background". have your layer pallet
    open. drag the "background" layer onto the "new layer" button to make a copy of the background.
    delete the original. 4. now, one by one, you'll need to copy each picture one by one a...
  24. Photoshop Tutorial: Basic Photo Editing - In Photoshop CS... (0)
    Since this is the Photoshop board let's populate it with a post on the namesake of Photoshop:
    how to do basic editing of photos. Note: This is for both digital photos and film photos that have
    been scanned and turned into digital format. The key here is streamlining workflow. So usually,
    even before you think of opening up the photos in Photoshop. make sure you have deleted the ones
    that are too blur or are not satisfactory. If there is one thing Photoshop can't fix, that's
    overly blur pictures. So you can either open the photos up in ACDSee and see each ph...



Looking for understanding, color, rgb, rgb






*SIMILAR VIDEOS*
Searching Video's for understanding, color, rgb, rgb
How To Make
Realistic
Fire!
real fire in
photoshop
Photoshop
Tutorial:
Pencil
Sketch
Photoshop
Tutorial:
Signature
Photoshop
Tutorial:
Full Grunge
Signature
Using
Photoshop
8.0 CS
Photoshop
Tutorial:
Part 1 -
Terminology
Get familiar
with
industry
terminology
Photoshop
Tutorial:
Awesome
Twirl Effect
I Can't
Remember
Where I Saw
This...
Photoshop
Tutorial:
Cutting Out
A Psd (note:
made with
photoshop
CS, may or
may not work
in other
versions)
Photoshop
Tutorial:
Great Night
Effect
Please rate
the tutorial
Photoshop
Tutorial:
Ghost Portal
A simple
tutorial
that gives a
nice effect.
Photoshop
Signature
Tuturiol My
last ones
didnt work
right,
hopefully
this one
will
Using Mask
In Photoshop
Create a b/w
in color
image using
mask
Photoshop
Tutorial:
Make The
Matrix
Letters
Photoshop:
Smudge
Signature
Tutorial
Photoshop
Tutorial:
Tech Sig
Photoshop
Tutorial:
Make A
Fireball
Effect
Tutorial to
make a
fireball in
PhotoShop
Photoshop
Tools
Reloaded
basics of
Photoshop
Photoshop
Dashed
Border
Tutorial
Ever wanted
to make a
dashed
border?
heres your
chance!
Photoshop
Tutorial:
Jungle Style
Text Effect
nice text
effect
Photoshop
Tutorial:
Creating
Actions For
Batch
Processing
Let
Photoshop do
all the
work.
Photoshop
Tutorial:
Create Neat
Little Shape
Effect For
Sig
photoshop
cs2
Rollover
Buton im
photoshop +
imageready
Photoshop
Tutorial:
Abstract
Background I
How to make
a random
backgrounds
Photoshop
Tutorial:
Sequences In
Photoshop
making a
sequenced
picture in
photoshop
Photoshop
Tutorial:
Basic Photo
Editing In
Photoshop
CS...
advertisement




Photoshop Tutorial: • Understanding Color • - To RGB or not to RGB