Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Use beautiful color

Use beautiful color provides you with in-depth training on Design. Taught by John McWade as part of … Show More

Before & After: Things Every Designer Should Know

with John McWade

Video: Use beautiful color

Use beautiful color provides you with in-depth training on Design. Taught by John McWade as part of the Before & After: Things Every Designer Should Know
please wait ...
Use beautiful color
Video Duration: 7m 31s 1h 5m Appropriate for all


Use beautiful color provides you with in-depth training on Design. Taught by John McWade as part of the Before & After: Things Every Designer Should Know

View Course Description

Appearance may not be everything, but how something looks has a fundamental impact on how it's perceived, what it communicates, and whether it succeeds. In this course, author John McWade of Before & After magazine shares foundational graphic design techniques that will make your page, screen, product, or presentation look and perform its best.

These design essentials can be used by nondesigners as tips, tricks, and shortcuts, and by professionals as building blocks to greater understanding. Each lesson is a short, easy-to-understand how-to that can be applied regardless of the brand of software and hardware you use. This course was created and produced by the Before & After magazine team. We are honored to host this content in our library.


Use beautiful color

Color is like magic. We are so attracted to color and so repelled by color we don't like that the coolest design in the world could be presented to us, and if we don't like its color, we don't like it. This is true of clothing. It's true of cars. It's true of all kinds of consumer products. They can have the greatest design, the greatest cut, and the fabric, the nicest material, the highest quality craftsmanship.

And if we don't like the color, we're not going to buy it. So what I like to show you here are several ways to get good results using color. These are easy repeatable things that you can do working on really almost anything. In this case we're going to work with an image and make a magazine spread. So it begins with the photograph.

I've picked this photograph on purpose, this particular picture on purpose, because it's quite neutral. Flash tones, light brown hair, neutral. What we want to do is begin by finding the color palette that's in the picture. The easy way to do that is to pixelize this photo. This could be done in Photoshop. It could be done in Illustrator. And reduce it to large squares. This averages these colors together.

Once you get experienced with this, you don't have to take this step. But for now, it's worthwhile. Just select colors from around the picture. You're going to want to get the big colors, meaning that colors there's most of. You're going to want to get some small colors, the colors there is least of. You're going to want to get some shadows and some highlights and some midtones.

Now what you can do is take any of those colors to color the facing page. You could do a medium brown, a dark gray, a light sandy tan color. They all look nice. The reason they all look nice is because they are all native to that photograph. So they just automatically go with it.

You can get great results this way with almost with any photograph. Use colors that are in the photo. Depending on your picture, sometimes you'll find that you need a wider range of colors. In some cases pulling colors solely from the photo can make it look a little flat. To do that you'll need to bring in the color wheel. The color wheel we use is just an old fashion artist's wheel with the three primaries of Red, Blue, and Yellow on it.

It's used for paining. This is not an RGB wheel that's on your computer in Photoshop, or combination RGB/CMYK wheel. It's used strictly as a guide. The wheel that we use has 24 different colors on it and shades from light to dark. Anyway, bring the wheel over and now select a color from the photo. Your first step is going to be to find it on the color wheel. It doesn't have to be an exact match.

This is just a guide, but find it on the wheel and that color will then give you what we call a monochromatic range from light to dark. And you can use any of the tints and shades in that range will work as a color for you. A little wider range of color, the colors we call analogous colors. That's the color that you find in the photo plus the colors immediately to the right or left of it.

Sometimes you can go to two slots to the right two slots to the left. In this case, we're going for a fresh lime green as well as yellow. Analogous colors always work well together. That's because they have a lot of color in common. In this case, all three of these colors are full of yellow. And because the original color came right from the photo, they just will all go naturally with the photo.

If you use colors on opposite sides of the wheel, you have what we call complimentary colors. These have nothing in common. Compliments are the highest contrast colors. Purple and yellow which is what we have in this case also have the highest value contrast of all colors. Purple being very dark, yellow being very light. They, too, will go with your photo, as you can see here.

Purple facing page, light word summer. Again, both go with this kind of neutral image, but they are all based on or both those colors are based on the colors that you see in the image. Similarly, you have the triadic colors. These are colors in thirds around the wheel. In this case because we're starting with yellow, our triad happens to be the primary colors of Yellow, Red, and Blue. These colors always go together also.

Note here that we're using Red, Yellow, and Blue pretty much at full strength, fully saturated, or almost fully saturated. But if we change that, if we keep the Red, Yellow, and Blue, but move the sliders out toward the shades and the tints, we get a much more desaturated look. So it's a lower key look, more sophisticated look. You might call it a classier look, but they are the same basic colors, just different tints and shades.

Here we've stared with a darker shade of Yellow, which changes the other two triads as well. Very handsome results. In this case, we're using a very deep Blue Green and a very light Magenta to go along with the sandy color. Just by changing the two to a lighter blue green, we now change the look of the page as well. All of these combinations are easily used with any photo or in any design.

Remember that you can use light and dark shades of the same color and they'll always work, giving you good-looking repeatable results every time.

There are currently no FAQs about Before & After: Things Every Designer Should Know.






Don't show this message again
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.

Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.

Mark all as unwatched Cancel


You have completed Before & After: Things Every Designer Should Know.

Return to your organization's learning portal to continue training, or close this page.


Upgrade to View Courses Offline


With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a Member and Create Custom Playlists

Join today and get unlimited access to the entire library of online learning video courses—and create as many playlists as you like.

Get started

Already a member?

Log in

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

You started this assessment previously and didn’t complete it.

You can pick up where you left off, or start over.

Resume Start over

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.