You are on page 1of 9

>

ILLUSTRATOR HOW TO

Create a colour group with


Illustrators Live Color tool
Jan 23, 2013 00:00 am
>Comments (http://www.creativebloq.com/illustrator/colour-group-live-color-tool1132708#disqus_thread)
7

17

Tweet

Like

Lee Barnes shows you how to create and edit colour groups
with the Live Color tool.
As enjoyable as it might be, choosing a colour palette
(http://www.creativebloq.com/colour/tools-colour-schemes12121430) for a new brand or design can prove time-consuming.
Help is at hand with Illustrators Live Color tool, which

5
Share

streamlines the design process by enabling designers to choose


groups of colours that work well together.
In this tutorial, Ill demonstrate how you can use the Live Color
tool to create a colour group for a logo
(http://www.creativebloq.com/graphic-design/pro-guide-logodesign-21221) or brand mark. One of the many benefits of working
with this tool is that its able to suggest colours that complement or
contrast your selections based on colour harmony rules
(http://www.creativebloq.com/colour/colour-theory-11121290),
enabling you to achieve strong colour palettes quickly and easily.

Step 01

Create a simple logo or vector graphic using shapes of different


colours. Decide on a key colour to be featured in the logo for
example, if you want to achieve an industrial feel, pick a cold grey
or blue. Select your logo and bring up the Live Color panel by
going to Edit>Edit Colours> Recolour Artwork.

Step 02

With the Live Color panel open, click on the Edit tab to bring up
the colour wheel. Here you can see the colours in your group,
highlighted with circular anchors. The largest of the anchors
indicates your key colour. Make sure your base colour is assigned
by Ctrl/right-clicking it and selecting Set as Base Colour. Note that
you can manually change the colours with the CMYK sliders at the
bottom of the panel, and limit colour selections to Pantone
swatches or web-safe colours.

Step 03

With your base colour set, click on the drop-down arrow to the
top-left of the panel. This brings up a number of colour groups
based on the harmony rules of your base colour. At this point you
can select a group of your choice (with the option to tweak it later)
or create your own group. In my example, Im using
complementary colours at the opposite side of the colour wheel.
Once you make a selection you can alter it by clicking the Add or
Remove Colour command at the bottom-right of the wheel.

Step 04

There are several ways to edit the colours within your group. You
can click and drag the key colour anchor to alter the groups hue
and saturation as one, or select anchors individually and drag to
change them. Note that the other colours will change in
accordance with your new selection unless you select the Unlink
Harmony Colours box at the bottom right of the wheel.

Step 05

Tweak the colours according to your preference, using the colour


harmonies as a guide. Once youre happy with the group, click the
New Colour Group button and hit OK to apply the colours to your
artwork. Note that the colour group appears in the Swatches panel
next to a folder icon. If you double-click the folder icon, youll find
that youre able to edit the colour group.

Liked this? Read these!


How to build an app (http://www.creativebloq.com/appdesign/how-build-app-tutorials-12121473): try these great tutorials
(vary with "How to create an app
(http://www.creativebloq.com/app-design/how-build-app-tutorials12121473)" and "How to make an app
(http://www.creativebloq.com/app-design/how-build-app-tutorials12121473)")
Download the best free fonts
(http://www.creativebloq.com/graphic-design-tips/best-free-fontsfor-designers-1233380)
Free Photoshop brushes
(http://www.creativebloq.com/photoshop/free-photoshop-brushes11121140) every creative must have
Illustrator tutorials (http://www.creativebloq.com/digitalart/illustrator-tutorials-1232697): amazing ideas to try today!
The ultimate guide to designing the best logos
(http://www.creativebloq.com/graphic-design/pro-guide-logodesign-21221)

Tags: Illustrator (/tag/illustrator), Computer Arts (/tag/computer-arts),


Tutorial (/tag/tutorial), How to (/tag/how-to)

taboola_utm_content=thumbs-mobile-2r:Mobile Below Article Thumbnails:)


taboola_utm_content=thumbs-mobile-2r:Mobile Below Article Thumbnails:)
YOU MAY LIKE
(http://trc.taboola.com/futureplc-creativebloq/log/3/click?pi=%2Fillustrator%2Fcolour-group-live-color-tool1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84da4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84da4dcc6147a86&it=video&ii=~~V1~~-8743170017607288453~~aYTW_hNRfEnqvQxF60f7b5vnjiQwD41fyGcShWEqqxEs0e_x4XxQ2d3eLkwnMXO-aPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rboxt2m&redir=http%3A%2F%2Fwealthwrapup.com%2Ftablets-under-300%2F%3Futm_campaign%3DWWUDec-P11715-T1-ashtontablet02tablets%26utm_source%3DTaboola%26utm_medium%3Dcpc%26utm_campaign%3DTablets300%26utm_term%3Dfutureplc-

creativebloq&vi=1436259979889&p=wealthwrapup-sc&r=87)

10 Awesome Tablets at Very Awesome Prices


Wealth Wrap Up

(http://wealthwrapup.com/tablets-under-300/?utm_campaign=WWUDec-P11715-T1-ashtontablet02tablets&utm_source=Taboola&utm_medium=cpc&utm_campaign=Tablets300&utm_term=futureplc-creativebloq)
(http://trc.taboola.com/futureplc-creativebloq/log/3/click?pi=%2Fillustrator%2Fcolour-group-live-color-tool1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84da4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84da4dcc6147a86&it=video&ii=~~V1~~-4453155631010532898~~F3esM0YKzgH2U56W7QjLuqypN70sIk4cCPFMylARtBI1cnuXclKQ6dYxy5z3LIc-aPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rbox-t2m&redir=http%3A%2F%2Fwww.thebleacherseats.com%2Fsomeof-the-most-sexiest-mind-blowing-moments-in-sports%2F2%2F%3Futm_campaign%3DTBS2-P25-T23-runnersexymoments%26utm_source%3Dtaboola%26utm_medium%3Dcpc%26utm_term%3Dfutureplccreativebloq&vi=1436259979889&p=thebleacherseats-sc&r=56)

15 SEXY Sport Pictures You CANT Miss


TheBleacherSeats.com

(http://www.thebleacherseats.com/some-of-the-most-sexiest-mind-blowing-moments-in-sports/2/?utm_campaign=TBS2-P25-T23-runnersexymoments&utm_source=taboola&utm_medium=cpc&utm_term=futureplc-creativebloq)
(http://trc.taboola.com/futureplc-creativebloq/log/3/click?pi=%2Fillustrator%2Fcolour-group-live-color-tool1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84da4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84da4dcc6147a86&it=video&ii=~~V1~~8362312883472159838~~TMwx_PIDJtJfQHvFJE1il2zpqT_-GJGA6yFaS9a17KaPtkMJ1q3wCSZ9o2liNPjNaPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rbox-t2m&redir=http%3A%2F%2Fthebookinsider.com%2Fbook-lovers-are-obsessed-with-thisnew-website%2F%3Fsource%3Dtabtbi_m_obsessed_in%26region%3Din&vi=1436259979889&p=bookbub-sc&r=37)

Book Lovers Are Going Totally Crazy for This Site


BookBub

(http://thebookinsider.com/book-lovers-are-obsessed-with-this-new-website/?source=tabtbi_m_obsessed_in&region=in)
(http://smxindia.in/?a=70&c=678&p=c&s1=)

Samsung SUHD TV, New 4k Curved SUHD Television, Latest Smart Television India
Samsung SUHDTV

(http://smxindia.in/?a=70&c=678&p=c&s1=)

2 Comments

CreativeBloq

Recommend

Share

Login

Sort by Best

Join the discussion

Clipping Solutions
2 months ago

Wow, So amazing tutorial. Thanks for share :)

Reply

nikiblue
a year ago

Thank you so much for this piece of information!


This will increase my workflow a lot!

Reply

WHAT'S THIS?

ALSO ON CREATIVEBLOQ

New talent: meet the best of D&AD New Blood

MTV launched internet inspired rebrand

2 comments 6 days ago

1 comment 11 days ago

Discover 2 new web design techniques in this


free book

Why VR and wearables are changing everything


for HTC

3 comments 4 days ago

1 comment 8 days ago

Subscribe

Add Disqus to your site

Advertising (/Advertising)

About Us (/About-Us)

Privacy

Contact (/Contact)

Future is AOP & PPA Digital Publisher of the Year and BMA Media Company of the Year.
This siteis part of Future plc, an international media group and leading digital publisher. We produce content across four core areas:
Technology

Entertainment

Music

Top

Creative

TechRadar (http://www.techradar.com/)
GamesRadar+ (http://www.gamesradar.com/)
MusicRadar (http://www.musicradar.com/)
Creative Bloq (http://www.creativebloq.com
Maximum PC (http://www.maximumpc.com/)
PC Gamer (http://www.pcgamer.com/uk/)
Mac|Life (http://www.maclife.com/)
Kotaku UK (http://www.kotaku.co.uk/)
T3 (http://www.t3.com/)
Digital Camera World (http://www.digitalcameraworld.com/)
Gizmodo UK (http://www.gizmodo.co.uk/)
Lifehacker UK (http://www.lifehacker.co.uk/)

About Future (http://www.futureplc.com/home/about-us/)

PR (http://www.futureplc.com/home/news/)

Digital Future (http://www.digitalfuture.com/)

Jobs (http://www.yourfuturejob.com/)

Advertising (http://www.futureplc.com/advertising-solutions/)

Privacy Policy (http://www.futureplc.com/privacy-policy/)

Cookies Policy (http://www.futureplc.com/cookies-policy/)

Subscriptions (http://www.myfavouritemagazines.co.uk/)

Terms & Conditions (http://www.futureplc.com/terms-conditions/)

Investor Relations (http://www.futureplc.com/home/investors/)

Contact Future (http://www.futureplc.com/home/contact-us/)

Future Publishing Limited, Quay House, The Ambury, Bath BA1 1UA. All rights reserved. England and Wales company registration number
2008885.