© 2011 Delmar, Cengage Learning Chapter 5 Incorporating Color Techniques.

Slides:



Advertisements
Similar presentations
Adobe InDesign CS5 - Illustrated Unit G: Working with Color and Tables.
Advertisements

Incorporating Color Techniques
Objectives Understand grayscale Investigate a grayscale image
Chapter 5 Working with Color. Work with process colors Apply color Work with spot colors Work with gradients Chapter Objectives.
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Adobe Photoshop CS Design Professional TECHNIQUES INCORPORATING COLOR.
Adobe Photoshop 6 Foundation Level Course. What is Photoshop? Photoshop is a graphics program, which allows you to manipulate elements of photographs.
Welcome eager young artists! Ms. Edelman Monday, August 10, 2015  DO NOW: take out your notebook and a pen. Copy and open CMYK color.ppt from the lessons.
Chapter 11 Preparing a Document for Prepress and Printing.
© 2011 Delmar, Cengage Learning Chapter 11 Preparing a Document for Prepress and Printing.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 6 This presentation © 2004, MacAvon Media Productions Colour.
Understanding Colour Colour Models Dr Jimmy Lam Tutorial from Adobe Photoshop CS.
Adobe Illustrator CS2 — Revealed GRADIENTS CREATING TEXT AND.
Creating Snow. Step 1 Begin opening an image on photoshop.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 5 CREATING SPECIAL EFFECTS.
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Adobe Photoshop CS Design Professional COLORS ADJUSTING.
© 2011 Delmar, Cengage Learning Chapter 11 Adjusting Colors.
Chapter 11 Adjusting Colors. Chapter Lessons Correct and adjust color Enhance colors by altering saturation Modify color channels using levels Create.
BC 420 Foreground and Background Colors Foreground color used –With any painting tool –Creating type –Using the stroke command Background color used –What's.
Digital Images Chapter 8, Exploring the Digital Domain.
Welcome eager young artists! Ms. Edelman Thursday, September 17, 2015  DO NOW: take out your notebook and a pen.
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Chapter 3 Space. Three Kinds of Space Space as format: size, scale, and presentation. Space as the relationships among objects and the areas surrounding.
Color. There are established models of color, each discipline uses it own method for describing and discussing color intelligently.
Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Aim: Review.
Chapter 2 Creating Text and Gradients. Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients.
Photoshop I I450 Technology Seminar. Adobe Photoshop Illustrator Acrobat InDesign ImageReady.
Adobe Photoshop CS4 - Illustrated
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
1 Pertemuan 09 Working with Color Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.
© 2011 Delmar, Cengage Learning Chapter 10 Enhancing Specific Selections.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Color modes are how Photoshop reproduces colors. These colors are found in a range of display colors, or gamut. Color gamuts come in different shapes,
Lesson 6 Painting and Retouching Load the pslessons into your folder.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Chapter 3 - Photoshop® Elements Outline 3.1 Introduction 3.2 Image Basics 3.3 Vector and Raster Graphics 3.4 Toolbox Selection Tools Painting.
© 2011 Delmar, Cengage Learning Chapter 5 Working with Color.
Do Now: Take out your notebook and a pen. Good Morning Do Now: Take out your notebook and a pen. Good Morning Aim: What is color? Mr. Spaterella Technology.
Introduction to Computer Graphics
Adobe Photoshop Ch 7 Notes Using Positioning Tools.
Elements of Design 1.02 Investigate Design Principles and Elements.
Chapter 5 Color in Digital Media © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible.
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
Intro to Color Theory. Objectives Identify and discuss various color models including RGB, CMYK, Black/white and spot color. Investigate color mixing.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Digital & Interactive Media
Chapter 8 Recoloring Artwork and Working with Transparency, Effects, and Graphic Styles.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Desktop Publishing Lesson 5 — Enhancing Publications.
Do Now: Take out your notebook and define the Gradient Tool. Good Morning Do Now: Take out your notebook and define the Gradient Tool. Good Morning Aim:
Adobe Photoshop CS5 Chapter 5 Enhancing and Repairing Photos.
© 2010 Delmar, Cengage Learning Chapter 5 Working with Color.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Getting Started with Adobe Photoshop CS6
Chapter 5 Working with Color.
Chapter Lessons Create and format text Flow text into an object
Chapter 5 Working with Color.
ورشة عمل : لنفبرك معاً! تقديم : مها عبوش.
Introducing Adobe Illustrator
Color Model By : Mustafa Salam.
Presentation transcript:

© 2011 Delmar, Cengage Learning Chapter 5 Incorporating Color Techniques

Work with color to transform an image User the Color Picker and the Swatches panel Place a border around an image Blend colors using the Gradient tool Add color to a grayscale image Use filters, opacity, and blending modes Match colors © 2011 Delmar Cengage Learning Chapter Lessons

Develop an understanding of color theory and color terminology Identify how Photoshop measures, displays and prints color Learn which colors can be reproduced well and which ones cannot © 2011 Delmar Cengage Learning Using Color

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 © 2011 Delmar Cengage Learning Color Modes

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

An image on your monitor 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 © 2011 Delmar Cengage Learning Image Characteristics

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

Photoshop reproduces color using models of color modes A gamut is the range of displayed color © 2011 Delmar Cengage Learning Working with Color Models

Color Psychology Safety and Stability Calming or Youthful Call to Action Purity and Luxury Power and Strength © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

L*a*b Model Based on one luminance (lightness) component and two chromatic components Largest number of colors available with greatest precision Create all colors contained by other color models Device-independent: colors will not vary, regardless of hardware © 2011 Delmar Cengage Learning

HSB Model Based on the human perception of color HSB stands for Hue, Saturation, Brightness HSB model can be used to define a color on the Color panel or in the Color Picker dialog box HSB is not offered as a choice for creating or editing images © 2011 Delmar Cengage Learning

Hue in the HSB Model Color reflected from or transmitted through an object Hue is expressed as a degree Each hue is identified by a color name (e.g., red or green) © 2011 Delmar Cengage Learning

Saturation in the HSB Model Also known as chroma Strength or purity of the color, representing the amount of gray in proportion to the hue Measured as a percentage from 0% (gray) to 100% (fully saturated) © 2011 Delmar Cengage Learning

Brightness in the HSB Model Measurement of relative lightness or darkness of a color Measured as a percentage from 0% (black) to 100% (white) © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

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

Foreground and Background Colors in Photoshop By default, the foreground color is black By default, the background color is white Press [D] to return Tools panel to default foreground/background colors © 2011 Delmar Cengage Learning

Changing Foreground and Background Colors Change the foreground color using: –Colors panel –Swatches panel –Color Picker –Eyedropper tool Change the background color using: –Paint Bucket tool © 2011 Delmar Cengage Learning

Foreground & Background Color Buttons: Tools panel © 2011 Delmar Cengage Learning Set foreground color button Set background color button Switch Foreground and Background Colors button Default Foreground and Background Colors button

Foreground & Background Colors: Color Panel © 2011 Delmar Cengage Learning Active color selection box Slider

Using Ruler Coordinates Rulers run along the top and left sides of the image window The X coordinate: horizontal position The Y coordinate: vertical position X and Y coordinates appear on the Info panel Use coordinates to position images and colors precisely © 2011 Delmar Cengage Learning

Use the Color Picker and the Swatches panel Use the Color Picker feature to: –Choose a color from a color spectrum –Numerically define a custom color © 2011 Delmar Cengage Learning

Color Picker Methods Drag the sliders 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 © 2011 Delmar Cengage Learning

Swatches Panel Visual display of colors from which you can choose Can add new colors or delete colors © 2011 Delmar Cengage Learning

Add Color with Kuler Can be added from a web browser or from within Photoshop URL is kuler.adobe.com © 2011 Delmar Cengage Learning

Kuler Panel in Photoshop To open Kuler panel, click Window on the Application bar, point to Extensions, then click Kuler © 2011 Delmar Cengage Learning Adds selected theme to Swatches panel

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 © 2011 Delmar Cengage Learning Place a Border Around an Image

Locking Transparent Pixels Use the Layers panel to lock (protect) elements within a layer Lock transparent pixels when adding borders so that stray marks are not included in the stroke © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

Locking Options Locking options are located on the Layers panel © 2011 Delmar Cengage Learning Lock image pixels Lock position Lock All Lock transparent pixels

Blend Colors Using the Gradient Tool 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 © 2011 Delmar Cengage Learning

Gradient Picker Gradient Picker can be used to create dramatic effects © 2011 Delmar Cengage Learning

Five Gradient Styles © 2011 Delmar Cengage Learning LinearDiamondRadial AngleReflected

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 © 2011 Delmar Cengage Learning

Add Color to a Grayscale Image Tint grayscale images with color to produce interesting effects Convert a color image to grayscale, choose a color mode, then apply color © 2011 Delmar Cengage Learning

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

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 © 2011 Delmar Cengage Learning

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 © 2011 Delmar Cengage Learning

More Blending Modes Darken and Lighten modes Difference and Exclusion modes Color and Luminosity modes Hue and Saturation modes © 2011 Delmar Cengage Learning

Matching Colors Make a selection in the source image Make a selection in the target image Use the Match Color command © 2011 Delmar Cengage Learning

The Match Color Command Click Image on the Application bar, point to Adjustments, then click Match Color © 2011 Delmar Cengage Learning