common object example

Summary:

Choose Your Colors - Learn how to Use Kuler to select a Color Scheme

    ●   Picking colors can be difficult for those of us who are color-challenged. Fortunately, there is kuler.adobe.com.

    ●   If you're building a web site, a consistent color scheme can help establish a sense of unity between pages. If you're designing an ad or other artwork the colors you choose can set the mood.


Learn About:

Hexadecimal Color ColorsSwatches in AiScreen Print Triadic Colors

  •   This tutorial is part of the Free Trade, the Art Genre, the Home Sweet Home Portfolio, What in the World? and other Web Design Projects..

Step #1: Kuler.Adobe.com

Go to: kuler.adobe.com and click Explore:


IF you're working on the Free Trade project …

… search for Pastel Colors as required by the rubric for that project.

 


Step #2: Adjust your Colors ~

Select a color harmony and click "Edit Copy" …


Try picking a color harmony …

… and mess around with the colors (if necessary).


Step #3: Screen Print ~

Once you've decided on a 5 color scheme …


… hit: Cmd(⌘)+Shift(⇧)+4 + +
and drag out a box to copy the screen:

That's right! Make a screen print!

The file goes to the desktop.



Step #4: Open your Screen Print in Illustrator ~

Open your screen print in Illustrator - Right-Click it and select Adobe Illustrator



Step #5: Eyedropper ~

Get the Eyedropper Tool or hit the keyboard shortcut (i) …

… and select a color from your screen print:


Step #6: Swatches ~

Click the Swatches icon or go to: Window > Swatches

… and click on New Swatch

…name your New Swatch and hit OK.


Step #7: Check your New Swatch ~

Check your New Swatch by hovering over it in the Swatches panel to make sure you got it …

Check it!


Step #8: Keep Going ~

Keep clicking the Swatches and naming them until you make all 5:


Step #9: Select all your New Swatches ~

Hold Shift and click the 1st and last Swatches

… and click on "New Color Group." …

… and name your new color group.


Step #10: Delete your Unused Swatches ~

Select your unused Swatches by Shift-Clicking the first and last one …

… and delete them.


Step #11: Export your Swatches ~

Export your Swatches by clicking on the "Fly-Out Menu" in the upper-right corner …

…scroll down to "Save Swatch Library as ASE"

… save the swatch file to the Desktop or somewhere you can find it:


Step #12: Open your Project in Illustrator ~

Open your project in Illustrator

Click to view project

    ●   If you are working on the Superhero Project open that ...

    ●   OR, if you are working on the Picture Perfect Project open a picture of your face.

   ●   OR, if you are working on the Monster Mesh Movie Poster Project open that ...

    ●   Don't Buy the Lie Project, open your template …

    ●   OR, the Comic Book Cover Project, open that …

 

… (Remember: all these tutorials are intended to be applied to YOUR PROJECT) …


… whatever project you're working on, create a New Layer, and lock lock your other layers.




 If you don't have an Illustrator project, go to: File > New ... open a new document.




Step #13: Import your Swatches ~

Open Swatches again and click on the Swatch Libraries menu …

… locate the file you downloaded and load it.


OR if you're using Photoshop

Open the Swatches panel by going to: Window > Swatches - click the Flyout menu in the upper right corner of the menu and select "Replace Swatches … "

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Either way, these are the custom colors you must use in your project!


Last Step: Save Your Project & Attach ~

Go to: File > Save as … and save your work as an .ai document.

save as an ai

Remember:

    •     ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

    •     DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

    •     NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.

SAVE YOUR WORK FREQUENTLY! No excuses for missing or lost work! Attach the .ai file and keep working …


Other Resources: http://juicystudio.com/services/colourcontrast.php and https://www.youtube.com/watch?v=vvjgJ10DjKw