Creative Adobe Suite 5 Manual

							97CREATIVE SUITE 5Color management
Last updated 11/16/2011
About missing and mismatched color profiles
For a newly created document, the color workflow usually operates seamlessly: Unless specified otherwise, the 
document uses the working space profile associated with its color mode for creating and editing colors. 
However, some existing documents may not use the working space profile that you have specified, and some existing 
documents may not be color-managed. It is common to encounter the following exceptions to your color-managed 
workflow:
You might open a document or import color data (for example, by copying and pasting or dragging and dropping) 
from a document that is not tagged with a profile. This is often the case when you open a document created in an 
application that either does not support color management or has color management turned off.
You might open a document or import color data from a document that is tagged with a profile different from the 
current working space. This may be the case when you open a document that was created using different color 
management settings, or scanned and tagged with a scanner profile.
In either case, the application uses a color management policy to decide how to handle the color data in the document. 
If the profile is missing or does not match the working space, the application may display a warning message, 
depending on options you set in the Color Settings dialog box. Profile warnings are turned off by default, but you can 
turn them on to ensure the appropriate color management of documents on a case-by-case basis. The warning 
messages vary between applications, but in general you have the following options:
(Recommended) Leave the document or imported color data as it is. For example, you can choose to use the 
embedded profile (if one exists), leave the document without a color profile (if one doesn’t exist), or preserve the 
numbers in pasted color data.
Adjust the document or imported color data. For example, when opening a document with a missing color profile, 
you can choose to assign the current working space profile or a different profile. When opening a document with 
a mismatched color profile, you can choose to discard the profile or convert the colors to the current working space. 
When importing color data, you can choose to convert the colors to the current working space in order to preserve 
their appearance.
Color management policy options
A color management policy determines how the application handles color data when you open a document or import 
an image. You can choose different policies for RGB and CMYK images, and you can specify when you want warning 
messages to appear. To display color management policy options, choose Edit
 > Color Settings. 
To view a description of a policy, select the policy and then position the pointer over the policy name. The description 
appears at the bottom of the dialog box.
RGB, CMYK, And Gray (Gray option is available for Photoshop only.) Specifies a policy to follow when bringing colors 
into the current working space (either by opening files or importing images into the current document). Choose from 
the following options:
Preserve Embedded Profiles Always preserves embedded color profiles when opening files. This is the 
recommended option for most workflows because it provides consistent color management. One exception is if you’re 
concerned about preserving CMYK numbers, in which case you should select Preserve Numbers (Ignore Linked 
Profiles) instead.
Convert To Working Space Converts colors to the current working space profile when opening files and importing 
images. Select this option if you want to force all colors to use a single profile (the current working space profile).
Preserve Numbers (Ignore Linked Profiles) This option is available in InDesign and Illustrator for CMYK. 
Preserves color numbers when opening files and importing images, but still allows you to use color management to  
						

							98CREATIVE SUITE 5Color management
Last updated 11/16/2011
view colors accurately in Adobe applications. Select this option if you want to use a safe CMYK workflow. In InDesign, 
you can override this policy on a per-object basis by choosing Object
 > Image Color Settings. 
Off Ignores embedded color profiles when opening files and importing images, and does not assign the working 
space profile to new documents. Select this option if you want to discard any color metadata provided by the original 
document creator.
Profile Mismatches: Ask When Opening Displays a message whenever you open a document tagged with a profile 
other than the current working space. You will be given the option to override the policy’s default behavior. Select this 
option if you want to ensure the appropriate color management of documents on a case-by-case basis.
Profile Mismatches: Ask When Pasting Displays a message whenever color profile mismatches occur as colors are 
imported into a document through pasting or dragging-and-dropping. You will be given the option to override the 
policy’s default behavior. Select this option if you want to ensure the appropriate color management of pasted colors 
on a case-by-case basis.
Missing Profiles: Ask When Opening Displays a message whenever you open an untagged document. You will be given 
the option to override the policy’s default behavior. Select this option if you want to ensure the appropriate color 
management of documents on a case-by-case basis.
Color conversion options
Color conversion options let you control how the application handles the colors in a document as it moves from one 
color space to another. Changing these options is recommended only if you are knowledgeable about color 
management and very confident about the changes you make. To display conversion options, choose Edit
 > Color 
Settings, and select Advanced Mode (Illustrator and InDesign) or More Options (Photoshop). In Acrobat, select the 
Color Management category of the Preferences dialog box.
Engine Specifies the Color Management Module (CMM) used to map the gamut of one color space to the gamut of 
another. For most users, the default Adobe (ACE) engine fulfills all conversion needs. 
To view a description of an engine or intent option, select the option and then position the pointer over the option 
name. The description appears at the bottom of the dialog box.
Intent (Photoshop, Illustrator, InDesign) Specifies the rendering intent used to translate one color space to another. 
Differences between rendering intents are apparent only when you print a document or convert it to a different 
working space.
Use Black Point Compensation Ensures that the shadow detail in the image is preserved by simulating the full dynamic 
range of the output device. Select this option if you plan to use black point compensation when printing (which is 
recommended in most situations).
Use Dither (Photoshop) Controls whether to dither colors when converting 8-bit-per-channel images between color 
spaces. When the Use Dither option is selected, Photoshop mixes colors in the destination color space to simulate a 
missing color that existed in the source space. Although dithering helps to reduce the blocky or banded appearance of 
an image, it may also result in larger file sizes when images are compressed for web use.
Compensate For Scene-Rendered Profiles (Photoshop) Compares video contrast when converting from scene to 
output profiles. This option reflects default color management in After Effects. 
						

							99CREATIVE SUITE 5Color management
Last updated 11/16/2011
About rendering intents
A rendering intent determines how a color management system handles color conversion from one color space to 
another. Different rendering intents use different rules to determine how the source colors are adjusted; for example, 
colors that fall inside the destination gamut may remain unchanged, or they may be adjusted to preserve the original 
range of visual relationships when translated to a smaller destination gamut. The result of choosing a rendering intent 
depends on the graphical content of documents and on the profiles used to specify color spaces. Some profiles produce 
identical results for different rendering intents. 
In general, it is best to use the default rendering intent for the selected color setting, which has been tested by Adobe 
Systems to meet industry standards. For example, if you choose a color setting for North America or Europe, the 
default rendering intent is Relative Colorimetric. If you choose a color setting for Japan, the default rendering intent is 
Perceptual.
You can select a rendering intent when you set color conversion options for the color management system, soft-proof 
colors, and print artwork:
Perceptual Aims to preserve the visual relationship between colors so it’s perceived as natural to the human eye, even 
though the color values themselves may change. This intent is suitable for photographic images with lots of out-of-
gamut colors. This is the standard rendering intent for the Japanese printing industry.
Saturation Tries to produce vivid colors in an image at the expense of color accuracy. This rendering intent is suitable 
for business graphics like graphs or charts, where bright saturated colors are more important than the exact 
relationship between colors.
Relative Colorimetric Compares the extreme highlight of the source color space to that of the destination color space 
and shifts all colors accordingly. Out-of-gamut colors are shifted to the closest reproducible color in the destination 
color space. Relative Colorimetric preserves more of the original colors in an image than Perceptual. This is the 
standard rendering intent for printing in North America and Europe.
Absolute Colorimetric Leaves colors that fall inside the destination gamut unchanged. Out-of-gamut colors are 
clipped. No scaling of colors to destination white point is performed. This intent aims to maintain color accuracy at 
the expense of preserving relationships between colors and is suitable for proofing to simulate the output of a 
particular device. This intent is particularly useful for previewing how paper color affects printed colors.
Advanced controls in Photoshop
In Photoshop you display advanced controls for managing color by choosing Edit > Color Settings and selecting More 
Options.
Desaturate Monitor Colors By Determines whether to desaturate colors by the specified amount when displayed on 
the monitor. When selected, this option can aid in visualizing the full range of color spaces with gamuts larger than 
that of the monitor. However, this causes a mismatch between the monitor display and the output. When the option 
is deselected, distinct colors in the image may display as a single color. 
Blend RGB Colors Using Gamma Controls how RGB colors blend together to produce composite data (for example, 
when you blend or paint layers using Normal mode). When the option is selected, RGB colors are blended in the color 
space corresponding to the specified gamma. A gamma of 1.00 is considered “colorimetrically correct” and should 
result in the fewest edge artifacts. When the option is deselected, RGB colors are blended directly in the document’s 
color space. 
Note: When you select Blend RGB Colors Using Gamma, layered documents will look different when displayed in other 
applications than they do in Photoshop. 
						

							100
Last updated 11/16/2011
Chapter 6: Kuler panel
About the Kuler panel
The Kuler™ panel is your portal to groups of colors, or themes, created by an online community of designers. You can 
use it to browse thousands of themes on Kuler™, and then download some to edit or to include in your own projects. 
You can also use the Kuler panel to create and save themes, and then share them with the Kuler community by 
uploading them.
The Kuler panel is available in Adobe Photoshop®, Adobe Flash® Professional, Adobe InDesign®, Adobe Illustrator®, 
and Adobe Fireworks®. The panel is not available in the French versions of these products.
For a video on the Kuler panel, see www.adobe.com/go/lrvid4088_xp.
For an article on Kuler and color inspiration, see Veerle Pieters blog at 
http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/.
Browse themes
An Internet connection is required to browse themes online.
Search themes
1Select Window > Extensions > Kuler, and then select the Browse panel.
2Do either of the following:
In the Search box, enter the name of a theme, tag, or creator.
Note: Use only alphanumerical characters (Aa-Zz, 0-9) in searches.
Filter the search results by selecting an option from the pop-up menus above the results.
View a theme online on Kuler
1In the Browse panel, select a theme in the search results.
2Click the triangle on the right side of the theme and select View Online in Kuler.
Saving frequent searches
1Select the Custom option in the first pop-up menu in the Browse panel.
2In the dialog box that opens, enter your search terms and save them.
When you want to run the search, select it from the first pop-up menu.
To delete a saved search, select the Custom option in the pop-up menu. Then clear the searches you want to delete, 
and click Save. 
						

							101CREATIVE SUITE 5Kuler panel
Last updated 11/16/2011
Working with themes
You can use the Kuler panel to create or edit themes, and include them in your projects.
Note: In Illustrator, you create and edit themes with the Edit Color/Recolor Artwork dialog box, rather than the Create 
panel. For details, see Illustrator Help.
Add a theme to the Swatches panel of your application
1In the Browse panel, select a theme you want to use.
2Click the triangle on the right side of the theme and select Add To Swatches Panel.
You can also add a theme from the Create panel by clicking the Add Selected Theme To Swatches button.
Edit a theme
1In the Browse panel, locate a theme you want to edit and then double-click the theme in the search results. The 
theme opens in the Create panel.
2In the Create panel, edit the theme using the tools at your disposal. For more information, see the Create Panel 
Tools topic that follows.
3Do one of the following:
Save your theme by clicking the Save Theme button.
Add the theme to your application’s Swatches panel by clicking the Add To Swatches Panel button at the bottom 
of the panel.
Upload the theme to the Kuler service by clicking the Upload button at the bottom of the panel.
Create panel tools
The Create panel provides a variety of tools to create or edit themes.
Select a harmony rule from the Select Rule pop-up menu. The harmony rule uses the base color as the basis for 
generating the colors in the color group. For example, if you choose a blue base color and the Complementary 
harmony rule, a color group is created using the base color, blue, and its complement, red.
Select the Custom rule to create a theme using free-form adjustments.
Manipulate the colors in the color wheel. As you make your adjustments, the selected harmony rule continues to 
govern the colors generated for the color group.
 Move the Brightness slider beside the wheel to adjust the color brightness.
Set the base color by dragging the Base color marker (the largest, double-ringed color marker) around the wheel. 
You can also set the base color by adjusting the color sliders at the bottom of the dialog box.
Set one of the four other colors in the color group as the base color. Select the color’s swatch and click the bull’s-eye 
button below the color group. 
Set the host application’s foreground/background color or stroke/fill color as the base color. Click one of the first 
two buttons below the color group. 
						

							102CREATIVE SUITE 5Kuler panel
Last updated 11/16/2011
Remove a color from the color group by selecting the color’s swatch and clicking the Remove Color button below 
the color group. Add a new color by selecting an empty color swatch and clicking the Add Color button. 
Try different color effects by selecting a new harmony rule and by moving the markers in the color wheel.
Double-click any of the swatches in the color group to set the active color (foreground/background or stroke/fill) 
in your application. If the application doesnt have an active or selected color feature, the Kuler panel sets the 
foreground color or the fill color as appropriate.  
						

							103
Last updated 11/16/2011
Chapter 7: Save for Web & Devices
Optimizing images
About optimization
When preparing images for the web and other online media, you often need to compromise between image display 
quality and the file size of the image. 
Save for Web & Devices
You can use the optimization features in the Save For Web & Devices dialog box to preview optimized images in 
different file formats and with different file attributes. You can view multiple versions of an image simultaneously and 
modify optimization settings as you preview the image to select the best combination of settings for your needs. You 
can also specify transparency and matting, select options to control dithering, and resize the image to specified pixel 
dimensions or a specified percentage of the original size.
When you save an optimized file using the Save For Web & Devices command, you can choose to generate an HTML 
file for the image. This file contains all the necessary information to display your image in a web browser.
Photoshop Save As and Image Processor
In Photoshop, you can use the Save As command to save an image as a GIF, JPEG, or PNG file. Depending on the file 
format, you can specify image quality, background transparency or matting, color display, and downloading method. 
However, any web features—such as slices, links, and animations—that you’ve added to a file are not preserved.
You can also use the Photoshop Image Processor to save copies of a folder of images in JPEG format. You can use the 
Image Processor to resize and convert the images’ color profile to web standard sRGB.
Save For Web & Devices overview
You use the Save For Web & Devices dialog box (File > Save For Web & Devices) to select optimization options and 
preview optimized artwork. 
						

							104CREATIVE SUITE 5Save for Web & Devices
Last updated 11/16/2011
Save For Web & Devices dialog box (Photoshop version)A. Display options  B. Toolbox  C. Optimize pop-up menu  D. Color Table pop-up menu  E. Animation controls (Photoshop only)  F. Zoom text 
box  G. Preview In Browser menu  H. Original image  I. Optimized image  
Preview images in the dialog box
❖Click a tab at the top of the image area to select a display option:
Original Displays the image with no optimization.
Optimized Displays image with the current optimization settings applied.
2-Up Displays two versions of the image side by side.
4-Up Displays four versions of the image side by side.
Navigate in the dialog box
If the entire artwork is not visible in the Save For Web & Devices dialog box, you can use the Hand tool to bring another 
area into view. Use the Zoom tool to magnify or reduce the view.
Select the Hand tool  (or hold down the spacebar), and drag in the view area to pan over the image.
Select the Zoom tool , and click in a view to zoom in; hold down Alt (Windows) or Option (Mac OS), and click 
in a view to zoom out. 
You can also type a magnification percentage or choose one at the bottom of the dialog box.
HI FD
C
E
G
A
B 
						

							105CREATIVE SUITE 5Save for Web & Devices
Last updated 11/16/2011
View optimized image information and download time
The annotation area below each image in the Save For Web & Devices dialog box provides optimization information. 
The annotation for the original image shows the file name and file size. The annotation for the optimized image shows 
the current optimization options, the size of the optimized file, and the estimated download time using the selected 
modem speed. You can choose a modem speed in the Preview pop-up menu.
Preview image gamma at different values
The gamma value of a computer monitor affects how light or dark an image looks in a web browser. In Photoshop, you 
can preview how your images will look on systems with different gamma values and make gamma adjustments to the 
image to compensate. Activating a preview option does not affect final image output.
❖Choose one of the following options by using the Save for Web/ & Devices dialog box Preview pop-up menu
Monitor Color Makes no adjustments to image gamma. Monitor Color is the default setting.
Legacy Macintosh (No Color Management) Simulates the default gamma of 1.8 used by Mac OS 10.5 and earlier.
Windows (No Color Management) Simulates the default gamma of 2.2 used by Windows and Mac OS 10.6 and later.
Use Document Profile Adjusts the gamma to match any attached document color profile in a color-managed 
document.
Optimize an image for the web
1Choose File > Save For Web & Devices.
2Click a tab at the top of the dialog box to select a display option: Optimized, 2-Up, or 4-Up. If you select 4-Up, click 
the preview you want to optimize. 
3(Optional) If your image contains multiple slices, select one or more slices you want to optimize.
4Select a preset optimization setting from the Preset menu, or set individual optimization options. The available 
options change depending on the file format you select.
If you’re working in 4-Up mode, choose Repopulate Views from the Optimize menu to automatically generate lower-
quality versions of the image after you change the optimization settings.
5Fine-tune the optimization settings until you are satisfied with the balance of image quality and file size. If your 
image contains multiple slices, be sure to optimize all the slices.
To restore an optimized preview to the original version, select it and then choose Original from the Preset menu. 
6If optimizing an image with an embedded color profile other than sRGB, you should convert the image’s colors to 
sRGB before you save the image for use on the web. This insures that the colors you see in the optimized image will 
look the same in different web browsers. The Convert to sRGB option is selected by default.
7(Photoshop only) From the Metadata menu, choose what metadata to save with the optimized file. (Choose File > 
File Info to view or enter document metadata.) Metadata is fully supported by JPEG file format, and partially 
supported by GIF and PNG file formats.
Note: The output metadata conforms to Metadata Working Group standards, so some JPEG metadata is stored in the 
EXIF and IIM formats, rather than XMP.
None No metadata saved (except for the EXIF copyright notice in JPEG files). Produces the smallest file size.
Copyright Saves copyright notice, rights usage terms, copyright status, and copyright info URL. 
						

							106CREATIVE SUITE 5Save for Web & Devices
Last updated 11/16/2011
Copyright and Contact Info Saves all copyright information, plus the following information: creator, creator job title, 
e-mail(s), address, city, state/province, postal code, country, telephone(s), and website(s).
All Except Camera Info Saves all metadata, except EXIF data about camera settings such as shutter speed, date and 
time, focal length, exposure compensation, metering pattern, and flash use.
All Saves all metadata in the file.
8Click Save.
9In the Save Optimized As dialog box, do the following, and then click Save:
Enter a file name, and select a location for the resulting file or files. 
Select a Format option to specify what kind of files you want to save: an HTML file and image files, only image files, 
or only an HTML file.
(Optional) Set output settings for HTML and image files.
If your image contains multiple slices, select an option for saving slices from the Slices menu: All Slices or Selected 
Slices.
To reset optimization settings to the last saved version, press Alt (Windows) or Option (Mac OS), and click Reset. To 
keep the same settings the next time you open the Save For Web & Devices dialog box, press Alt/Option and click 
Remember.
For a video on saving files for the web in Illustrator, see www.adobe.com/go/vid0063.
More Help topics 
Save for web in Illustrator video
“Web graphics optimization options” on page 109
“Preview optimized images in a web browser” on page 108
“Set output options” on page 120
Save or delete optimization presets
You can save optimization settings as a named set and apply the settings to other images. Settings that you save appear 
in the Preset pop-up menu, together with the predefined named settings. If you edit a named set or a predefined set, 
the Preset menu displays the term “Unnamed.” 
1Set optimization options as desired, and choose Save Settings from the Optimize palette menu.
2Name the settings, and save them in the appropriate folder: 
Photoshop (Windows XP) Document and Settings\[Username]\Application Data\Adobe\Adobe Photoshop 
CS5\Optimized Settings 
(Windows Vista) Users\[Username]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings 
(Mac OS) Users/[Username]/Library/Preferences/Adobe Photoshop CS5 Settings/Optimized Settings
Illustrator (Windows XP) Document and Settings\[Username]\Application Data\Adobe\Adobe Illustrator CS5 
Settings\[Language]\Save for Web Settings\Optimize
(Windows Vista) Users\[Username]\AppData\Roaming\Adobe\Adobe Illustrator CS5 Settings\[Language]\Save for 
Web Settings\Optimize
(Mac OS) Users/[Username]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Language]/Save for Web 
Settings/Optimize