BA0453 how to find the perfect color tủ tài liệu bách khoa

Colors don’t exist in a vacuum but are always seen with other colors.. Because of this, you can design a color- coordinated document based on the colors in any element on the page...

Before & A f e r฀® BAmagazine.com i U X

Before & A f e r฀® BAmagazine.com i U X

How฀to฀ind฀the฀perfect฀color

Hidden฀in฀your฀photo฀is฀the฀color฀palette฀you฀need.฀Here’s฀how฀to฀get฀it฀out.

No single visual element has more effect on a viewer than color Color gets attention, sets a mood, sends a message

But what colors are the right

ones? The key is that color is

relational Colors don’t exist in

a vacuum but are always seen with other colors Because of this, you can design a color- coordinated document based

on the colors in any element

on the page Here’s how.

Before & A f e r฀® Perfect color 3 of 16 BAmagazine.com i U X

Look฀close,฀closer,฀closest Every photo has a natural color palette First step is to ind it and organize it Zoom

in on your photo, and you’ll be astonished by how many colors you see

Before & A f e r฀® Perfect color 4 of 16 BAmagazine.com i U X

Hair

JacketShadow฀side

Light฀side

Pull฀out฀the฀colors Now extract colors with the eyedropper tool Work from the biggest color (the one you see most of) to the smallest For contrast, pick up dark, medium and light pixels of each.

Before & A f e r฀® Perfect color 5 of 16 BAmagazine.com i U X

Try฀each฀one฀on Place the photo on a swatch of each color The results are pretty, aren’t they? What’s fun

is that this will always look good, because the colors you’re using are already there.

Warm฀colorsThese฀are฀the฀warm฀colors—

would฀be฀good฀for฀a฀cos-message

Cool฀colorsThe฀cool฀colors—blues,฀

mainly—make฀for฀a฀more฀

tionship฀and฀convey฀a฀direct,฀

Before & A f e r฀® Perfect color 6 of 16 BAmagazine.com i U X

Add฀to฀the฀colors The next step is to add more colors Select any of the colors, and locate it on the color wheel

The purpose of a color wheel is to show you a color’s relationship to other colors.

Before & A f e r฀® Perfect color 7 of 16 BAmagazine.com i U X

Create฀color฀palettes From your base color, you can now create an exciting range of coordinated color palettes

Values can mix For example, medium blue works with light teal and dark violet.

AnalogousOne฀color฀step฀either฀side฀of฀the฀base฀

color฀are฀its฀analogous฀colors.฀Analogous฀

green,฀blue,฀and฀blue-violet),฀which฀

colors฀share฀undertones฀(here,฀blue-create฀beautiful,฀low-contrast฀harmony.฀

Analogous฀palettes฀are฀rich฀and฀always฀

easy฀to฀work฀with.฀

MonochromaticFirst฀are฀the฀dark,฀medium฀and฀light฀

chromatic฀palette.฀It฀has฀no฀color฀depth,฀

values฀of฀the฀base฀color.฀This฀is฀a฀mono-but฀it฀provides฀the฀contrast฀of฀dark,฀

medium฀and฀light฀that’s฀so฀important฀

to฀good฀design

Before & A f e r฀® Perfect color 8 of 16 BAmagazine.com i U X

Split฀complementOne฀step฀either฀way฀are฀the฀comple-ment’s฀own฀analogous฀colors.฀This฀

Before & A f e r฀® Perfect color 9 of 16 BAmagazine.com i U X

Analogous/complementColors฀analogous฀to฀our฀base฀color฀make฀

split฀complement฀but฀with฀more฀color.฀

mony฀on฀the฀warm฀side฀and฀sharp,฀icy฀

Before & A f e r฀® Perfect color Perfect color 10 10 of 16 of 16 BAmagazine.com i U X

message Weigh each against the original purpose by asking, which colors meet the goal?*

*Review฀the฀design฀goal฀on฀page฀2

Before & A f e r฀® Perfect color Perfect color 11 11 of 16 of 16 BAmagazine.com i U X

Before & A f e r฀® Perfect color Perfect color 12 12 of 16 of 16 BAmagazine.com i U X

Before & A f e r฀® Perfect color 13 of 16 BAmagazine.com i U X

Before & A f e r฀® Perfect color Perfect color 14 14 of 16 of 16 BAmagazine.com i U X

result฀is฀a฀slightly฀latter฀image,฀because฀face,฀hair฀and฀back-(with฀undertones฀of฀freshness)

Before & A f e r฀® Perfect color Perfect color 15 15 of 16 of 16 BAmagazine.com i U X

Mitner

FALL฀SCHEDULE

SCHOOL฀OF฀BUSINESS฀ADMINISTRATION

Typefaces1฀(a–b)฀Trajan฀Bold฀|฀a)฀36฀pt,฀b)฀8฀pt2฀Trajan฀Regular฀|฀18฀pt

Images3฀Rubberball.com

Article฀resources

Colors

C0฀M40฀Y60฀K0C100฀M60฀Y0฀K45C0฀M40฀Y100฀K0C0฀M90฀Y80฀K45C0฀M25฀Y60฀K0C60฀M0฀Y20฀K15C30฀M0฀Y12฀K0C100฀M90฀Y0฀K25C60฀M50฀Y0฀K15

456789

3

45

1a

1011

67

10119

4124

12

Before & A f e r฀® Perfect color Perfect color 16 16 of 16 of 16 BAmagazine.com i U X

After฀is฀dedicated฀to฀making฀graphic฀design฀understand-John฀McWade฀Publisher฀and฀creative฀directorGaye฀McWade฀Associate฀publisher

Vincent฀Pascual฀Staff฀designerDexter฀Mark฀Abellera฀Staff฀designerEditorial฀board฀ Gwen฀Amos,฀Carl฀WintherBefore฀&฀After฀magazine

323฀Lincoln฀Street,฀Roseville,฀CA฀95678฀

Telephone฀916-784-3880฀

Fax฀916-784-3995 E-mail฀mailbox@bamagazine.com฀฀

Before & A f e r฀® BAmagazine.com i U X

For the current table of contents, click here To save time and paper, a paper-saver format of this article, suitable for one- or two-sided printing, is provided on the following pages.

Print฀

Format:฀Landscape฀

Page฀Size:฀Fit฀to฀Page

SavePresentation฀format฀or฀

Paper-saver฀format

No single visual element has more effect on a viewer than color Color gets attention, sets a mood, sends a message

But what colors are the right

ones? The key is that color is

relational Colors don’t exist in

a vacuum but are always seen with other colors Because of this, you can design a color-coordinated document based

on the colors in any element

on the page Here’s how

Every photo has a natural color palette First step is to ind it and organize it Zoom

in on your photo, and you’ll be astonished by how many colors you see

Light฀side

Pull฀out฀the฀colors Now extract colors with the eyedropper tool Work from the biggest color (the one you see most of) to the smallest For contrast, pick up dark, medium and light pixels of each

Try฀each฀one฀on Place the photo on a swatch of each color The results are pretty, aren’t they? What’s fun

is that this will always look good, because the colors you’re using are already there.

Warm฀colors These฀are฀the฀warm฀colors—

would฀be฀good฀for฀a฀cos-message.

Cool฀colors The฀cool฀colors—blues,฀

mainly—make฀for฀a฀more฀

tionship฀and฀convey฀a฀direct,฀

The purpose of a color wheel is to show you a color’s relationship to other colors

Create฀color฀palettes From your base color, you can now create an exciting range of coordinated color palettes

Values can mix For example, medium blue works with light teal and dark violet.

Analogous One฀color฀step฀either฀side฀of฀the฀base฀

color฀are฀its฀analogous฀colors.฀Analogous฀

green,฀blue,฀and฀blue-violet),฀which฀

colors฀share฀undertones฀(here,฀blue-create฀beautiful,฀low-contrast฀harmony.฀

Analogous฀palettes฀are฀rich฀and฀always฀

easy฀to฀work฀with.฀

Monochromatic First฀are฀the฀dark,฀medium฀and฀light฀

Analogous/complement Colors฀analogous฀to฀our฀base฀color฀make฀

split฀complement฀but฀with฀more฀color.฀

mony฀on฀the฀warm฀side฀and฀sharp,฀icy฀

message Weigh each against the original purpose by asking, which colors meet the goal?*

*Review฀the฀design฀goal฀on฀ page฀2

result฀is฀a฀slightly฀latter฀image,฀because฀face,฀hair฀and฀back-(with฀undertones฀of฀freshness).

Typefaces 1฀(a–b)฀ Trajan฀Bold ฀|฀a)฀36฀pt,฀b)฀8฀pt 2฀ Trajan฀Regular ฀|฀18฀pt

Images 3฀ Rubberball.com

Article฀resources

Colors C0฀M40฀Y60฀K0 C100฀M60฀Y0฀K45 C0฀M40฀Y100฀K0 C0฀M90฀Y80฀K45 C0฀M25฀Y60฀K0 C60฀M0฀Y20฀K15 C30฀M0฀Y12฀K0 C100฀M90฀Y0฀K25 C60฀M50฀Y0฀K15

4 5 6 7 8 9

10

11 12

After฀is฀dedicated฀to฀making฀graphic฀design฀understand-John฀McWade฀Publisher฀and฀creative฀director Gaye฀McWade฀Associate฀publisher

Vincent฀Pascual฀Staff฀designer Dexter฀Mark฀Abellera฀Staff฀designer Editorial฀board฀ Gwen฀Amos,฀Carl฀Winther Before฀&฀After฀magazine

323฀Lincoln฀Street,฀Roseville,฀CA฀95678฀

Telephone฀916-784-3880฀

Fax฀916-784-3995 E-mail฀mailbox@bamagazine.com ฀฀

6 7

10

11 9

4 12 4