Create a Colour Group With Illustrator’s Live Color Tool Illustrator Creative Bloq

Embed Size (px)

DESCRIPTION

reate a Colour Group With Illustrator’s Live Color Tool Illustrator Creative Bloq

Citation preview

  • >Comments (http://www.creativebloq.com/illustrator/colour-group-live-color-tool-1132708#disqus_thread)

    Jan 23, 2013 00:00 am

    7

    Tweet

    17

    Like

    5

    ILLUSTRATOR HOW TO

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

    Create a colour group withIllustrators Live Color tool

    >

    Share

  • streamlines the design process by enabling designers to choosegroups of colours that work well together.

    In this tutorial, Ill demonstrate how you can use the Live Colortool to create a colour group for a logo(http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221) or brand mark. One of the many benefits of workingwith this tool is that its able to suggest colours that complement orcontrast 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 differentcolours. Decide on a key colour to be featured in the logo forexample, if you want to achieve an industrial feel, pick a cold greyor blue. Select your logo and bring up the Live Color panel bygoing to Edit>Edit Colours> Recolour Artwork.

    Step 02

  • With the Live Color panel open, click on the Edit tab to bring upthe colour wheel. Here you can see the colours in your group,highlighted with circular anchors. The largest of the anchorsindicates your key colour. Make sure your base colour is assignedby Ctrl/right-clicking it and selecting Set as Base Colour. Note thatyou can manually change the colours with the CMYK sliders at thebottom of the panel, and limit colour selections to Pantoneswatches or web-safe colours.

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

    Step 03

    Step 04

  • There are several ways to edit the colours within your group. Youcan click and drag the key colour anchor to alter the groups hueand saturation as one, or select anchors individually and drag tochange them. Note that the other colours will change inaccordance with your new selection unless you select the UnlinkHarmony Colours box at the bottom right of the wheel.

    Step 05

  • Tweak the colours according to your preference, using the colourharmonies as a guide. Once youre happy with the group, click theNew Colour Group button and hit OK to apply the colours to yourartwork. Note that the colour group appears in the Swatches panelnext to a folder icon. If you double-click the folder icon, youll findthat youre able to edit the colour group.

    Liked this? Read these!

    Tags: Illustrator (/tag/illustrator), Computer Arts (/tag/computer-arts), Tutorial (/tag/tutorial), How to (/tag/how-to)

    How to build an app (http://www.creativebloq.com/app-design/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-tutorials-12121473)" and "How to make an app(http://www.creativebloq.com/app-design/how-build-app-tutorials-12121473)")Download the best free fonts(http://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380)Free Photoshop brushes(http://www.creativebloq.com/photoshop/free-photoshop-brushes-11121140) every creative must haveIllustrator tutorials (http://www.creativebloq.com/digital-art/illustrator-tutorials-1232697): amazing ideas to try today!The ultimate guide to designing the best logos(http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221)

    YOU MAY LIKE

    (http://www.taboola.com/en/popup?template=colorbox&taboola_utm_source=futureplc-creativebloq&taboola_utm_medium=bytaboola&taboola_utm_content=thumbs-mobile-2r:Mobile Below Article Thumbnails:) (http://www.taboola.com/en/popup?template=colorbox&taboola_utm_source=futureplc-creativebloq&taboola_utm_medium=bytaboola&taboola_utm_content=thumbs-mobile-2r:Mobile Below Article Thumbnails:)

    (http://trc.taboola.com/futureplc-creativebloq/log/3/click?pi=%2Fillustrator%2Fcolour-group-live-color-tool-1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86&it=video&ii=~~V1~~-8743170017607288453~~aYTW_hNRfEnqvQx-F60f7b5vnjiQwD41fyGcShWEqqxEs0e_x4XxQ2d3eLkwnMXO-aPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rbox-t2m&redir=http%3A%2F%2Fwealthwrapup.com%2Ftablets-under-300%2F%3Futm_campaign%3DWWUDec-P11715-T1-ashtontablet02-tablets%26utm_source%3DTaboola%26utm_medium%3Dcpc%26utm_campaign%3DTablets300%26utm_term%3Dfutureplc-

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

    Wealth Wrap Up

    (http://wealthwrapup.com/tablets-under-300/?utm_campaign=WWUDec-P11715-T1-ashtontablet02-tablets&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-tool-1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86&it=video&ii=~~V1~~-4453155631010532898~~F3esM0YKzgH2U56W7QjLuqypN70sIk4cCPFMylARtBI-1cnuXclKQ6dYxy5z3LIc-aPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rbox-t2m&redir=http%3A%2F%2Fwww.thebleacherseats.com%2Fsome-of-the-most-sexiest-mind-blowing-moments-in-sports%2F2%2F%3Futm_campaign%3DTBS2-P25-T23-runner-sexymoments%26utm_source%3Dtaboola%26utm_medium%3Dcpc%26utm_term%3Dfutureplc-creativebloq&vi=1436259979889&p=thebleacherseats-sc&r=56)

    TheBleacherSeats.com

    (http://www.thebleacherseats.com/some-of-the-most-sexiest-mind-blowing-moments-in-sports/2/?utm_campaign=TBS2-P25-T23-runner-sexymoments&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-tool-1132708&ri=a5552d8bbf4714e5c4799b423639f9d0&sd=v2_bec11007715bf919884292709c38cee7_3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86_1436259483_1436259980_CIi3jgYQ19A9&ui=3c7cc63a-a1a6-4c24-a84d-a4dcc6147a86&it=video&ii=~~V1~~8362312883472159838~~TMwx_PIDJtJfQHvFJE1il2zpqT_-GJGA6yFaS9a17KaPtkMJ1q3wCSZ9o2liNPjN-aPIV0z0SO-uRNzMk7PCtQ&pt=text&li=rbox-t2m&redir=http%3A%2F%2Fthebookinsider.com%2Fbook-lovers-are-obsessed-with-this-new-website%2F%3Fsource%3Dtabtbi_m_obsessed_in%26region%3Din&vi=1436259979889&p=bookbub-sc&r=37)

    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 SUHDTV

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

    10 Awesome Tablets at Very Awesome Prices

    15 SEXY Sport Pictures You CANT Miss

    Book Lovers Are Going Totally Crazy for This Site

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

  • Advertising (/Advertising) About Us (/About-Us) Contact (/Contact)

    New talent: meet the best of D&AD New Blood2 comments 6 days ago

    MTV launched internet inspired rebrand1 comment 11 days ago

    Discover 2 new web design techniques in thisfree book3 comments 4 days ago

    Why VR and wearables are changing everythingfor HTC1 comment 8 days ago

    ALSO ON CREATIVEBLOQ

    2 Comments CreativeBloq Login1 Share Sort by Best

    Join the discussion

    Clipping Solutions2 months ago

    Wow, So amazing tutorial. Thanks for share :)

    Reply

    1

    nikibluea year ago

    Thank you so much for this piece of information!This will increase my workflow a lot!

    Reply

    0

    WHAT'S THIS?

    Subscribe Add Disqus to your sited Privacy

    Recommend

  • 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:

    TechRadar (http://www.techradar.com/)

    Maximum PC (http://www.maximumpc.com/)

    Mac|Life (http://www.maclife.com/)

    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/)

    TechnologyGamesRadar+ (http://www.gamesradar.com/)

    PC Gamer (http://www.pcgamer.com/uk/)

    Kotaku UK (http://www.kotaku.co.uk/)

    EntertainmentMusicRadar (http://www.musicradar.com/)Music

    Creative Bloq (http://www.creativebloq.com/)Creative

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

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

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

    Cookies Policy (http://www.futureplc.com/cookies-policy/) Terms & Conditions (http://www.futureplc.com/terms-conditions/)

    Subscriptions (http://www.myfavouritemagazines.co.uk/) Investor Relations (http://www.futureplc.com/home/investors/)

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

    Top

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