0% found this document useful (0 votes)
60 views

Adobe Photoshop CS Design Professional: Incorporating Color

The document discusses color techniques in Photoshop, including: 1) Color modes determine how color data is stored and displayed, while color models like RGB, CMYK, and HSB are used as the basis for color modes. 2) Images are made up of pixels arranged in a grid, and resolution affects detail and color transitions. 3) Common color modes include RGB for monitors, and CMYK for printing, which uses cyan, magenta, yellow and black inks. 4) Tools for working with color include the color picker, swatches, and gradient tool for blending colors.

Uploaded by

Prashant
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
60 views

Adobe Photoshop CS Design Professional: Incorporating Color

The document discusses color techniques in Photoshop, including: 1) Color modes determine how color data is stored and displayed, while color models like RGB, CMYK, and HSB are used as the basis for color modes. 2) Images are made up of pixels arranged in a grid, and resolution affects detail and color transitions. 3) Common color modes include RGB for monitors, and CMYK for printing, which uses cyan, magenta, yellow and black inks. 4) Tools for working with color include the color picker, swatches, and gradient tool for blending colors.

Uploaded by

Prashant
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 36

Adobe Photoshop CS

Design Professional

INCORPORATING COLOR
TECHNIQUES
Color Modes

Photoshop displays and prints


images using specific color modes
A mode is the amount of color data
that can be stored in a given file
format

Incorporating Color Techniques Chapter D 2


Color Models
A color model determines how
pigments combine to produce
resulting colors
Photoshop uses standard color
models as the basis for color modes

Incorporating Color Techniques Chapter D 3


Image Characteristics
An image is a bitmap:
– A geometric arrangement of different
color dots on a rectangular grid
Each dot is called a pixel:
– Represents a color or shade

Incorporating Color Techniques Chapter D 4


Understanding Resolution
Bitmapped images are resolution-
dependent
Highly magnified bitmapped images
can lose detail
Images with high resolution show
more detail and more subtle color
transitions

Incorporating Color Techniques Chapter D 5


Color Models
Four color models:
– L*a*b Model
– HSB Model
– RGB Mode
– CMYK Mode
A color mode is used to determine
which color model will be used to
display and print an image
Incorporating Color Techniques Chapter D 6
RGB Mode
Red, Green, Blue
Most colors in the spectrum can be
represented by mixing various
proportions and intensities of
Red, Green, and
Blue colored light

Incorporating Color Techniques Chapter D 7


More on RGB Mode
RGB colors are Additive colors
Additive colors are used for lighting,
video, and computer monitors
Color is created by light passing
through red, green, and blue
phosphors
RGB value of 0 = White
RGB value of 255 = Black

Incorporating Color Techniques Chapter D 8


CMYK Mode
Cyan, Magenta, Yellow, Black
Based on the light-absorbing quality
of ink printed on paper
Colors are partially absorbed as the
ink hits the paper and then
partially reflected back
to your eyes

Incorporating Color Techniques Chapter D 9


More on CMYK Mode
CMYK colors are Subtractive colors
The absence of cyan, magenta, yellow
and black creates white
When combined, cyan, magenta, and
yellow produce black

Incorporating Color Techniques Chapter D 10


More on CMYK Mode
CMYK mode is used in four-color
process printing
Convert an RGB image into a CMYK
image to produce a color separation
The computer monitor uses RGB
mode so the exact CMYK colors are
apparent only upon printing

Incorporating Color Techniques Chapter D 11


Bitmap Mode
Uses black and white color values
to represent image pixels
Good choice for images with subtle
color gradations, such as
photographs or painted images

Incorporating Color Techniques Chapter D 12


Grayscale Mode
Uses up to 256 shades of gray
Assigns a brightness value from 0
(black) to 255 (white) to each pixel

Incorporating Color Techniques Chapter D 13


Foreground and Background
Colors in Photoshop
By default, the foreground color is
black
By default, the background color
is white

Incorporating Color Techniques Chapter D 14


Changing Foreground and
Background Colors
Change the foreground color using:
– Colors palette
– Swatches palette
– Color Picker
– Eyedropper tool
Change the background color using:
– Paint Bucket tool

Incorporating Color Techniques Chapter D 15


Foreground & Background
Color Buttons: Toolbox
Set foreground
Switch
color button
Foreground and
Background
Colors button

Default Set background


Foreground and color button
Background
Colors button

Incorporating Color Techniques Chapter D 16


Foreground & Background
Colors: Color Palette

Active color
selection box

Slider

Incorporating Color Techniques Chapter D 17


Using Ruler Coordinates
Rulers run along the top and left sides of
the document window
The X coordinate: horizontal position
The Y coordinate: vertical position
X and Y coordinates appear on the Info
palette
Use coordinates to position images and
colors precisely
Incorporating Color Techniques Chapter D 18
Use the Color Picker and the
Swatches Palette
Using the Color Picker
Use the Color Picker feature to:
– Choose a color from a color spectrum
– Numerically define a custom color

Incorporating Color Techniques Chapter D 19


Color Picker Methods
Drag the slides along the vertical
color bar
Click inside the vertical color bar
Click inside the Color field
Enter a value in any of the text
boxes

Incorporating Color Techniques Chapter D 20


Swatches Palette
Visual display of colors you can
choose from
Can add new colors or delete
colors

Incorporating Color Techniques Chapter D 21


Place a Border Around an Image
Using Borders
Use borders to emphasize an
image
Placing a border is called stroking
the edges
Default border color: current
foreground color
Use the Stroke dialog box to
modify a border
Incorporating Color Techniques Chapter D 22
Locking Transparent Pixels
Use the Layers palette to lock
(protect) elements within a layer
Lock transparent pixels when
adding borders so that stray marks
are not included in the stroke

Incorporating Color Techniques Chapter D 23


Layer Properties to Lock
Transparency
– Limits editing capabilities to opaque
areas
Image:
– Prevents the modification of layer
pixels using painting tools
Position
– Prevents pixels from being moved
Incorporating Color Techniques Chapter D 24
Locking Options
Locking options are located on the
Layers palette
Lock transparent
pixels

Lock image
pixels Lock position Lock All

Incorporating Color Techniques Chapter D 25


Blend Colors Using the Gradient
Tool
Blending Colors
Use the Gradient Tool to blend
colors
A gradient is a blend of colors
using to fill a selection of a layer or
an entire layer

Incorporating Color Techniques Chapter D 26


Gradient Picker
Gradient Picker can be used to
create dramatic effects

Incorporating Color Techniques Chapter D 27


Five Gradient Styles

Linear Diamond Radial

Angle Reflected
Incorporating Color Techniques Chapter D 28
Customizing Gradients
Create a new gradient from an existing
gradient
Modify an existing gradient
Add intermediate colors to a gradient
Create a blend between more than two
colors
Adjust the opacity values
Determine the placement of the midpoint

Incorporating Color Techniques Chapter D 29


Add Color to a Grayscale Image
Colorizing Grayscale Images
Tint grayscale images with color to
produce interesting effects
Convert a color image to grayscale,
choose a color mode, then apply
color

Incorporating Color Techniques Chapter D 30


Use Filters, Opacity and Blending
Modes
Using Filters
Filters are used to significantly alter
the appearance of an image
Examples include the Watercolor
filter and various Sharpen filters

Incorporating Color Techniques Chapter D 31


Understanding Blending Modes

Controls how pixels are either made


darker or lighter based on underlying
colors
When planning a blending mode, consider:
– Base color: original image color
– Blend color: color applied with a paint
or edit tool
– Resulting color: color created as a
result of applying the blend color

Incorporating Color Techniques Chapter D 32


Blending Modes Available
Dissolve, Behind, and Clear modes
Multiply and Screen modes
Overlay mode
Soft Light and Hard Light modes
Color Dodge and Color Burn
modes

Incorporating Color Techniques Chapter D 33


More Blending Modes
Darken and Lighten modes
Difference and Exclusion modes
Color and Luminosity modes
Hue and Saturation modes

Incorporating Color Techniques Chapter D 34


Matching colors
Make a selection in the source
image
Make a selection in the target
image
Use the Match Color command

Incorporating Color Techniques Chapter D 35


The Match Color command
Click Image on
the menu bar,
point to
Adjustments,
then click Match
Color

Incorporating Color Techniques Chapter D 36

You might also like