{"id":2859,"date":"2020-05-29T18:17:13","date_gmt":"2020-05-29T18:17:13","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=2859"},"modified":"2021-06-17T20:32:22","modified_gmt":"2021-06-17T20:32:22","slug":"psd-ai-color-wheel","status":"publish","type":"post","link":"https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/","title":{"rendered":"Principles of Design | Color Wheel"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3515\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/06\/Basic-Training-Tag-V3.png\" alt=\"\" width=\"110\" height=\"25\" \/><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2878 size-full\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1.png\" alt=\"\" width=\"3000\" height=\"1000\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1.png 3000w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1-300x100.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1-768x256.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/27B97CEC-AAA5-4CEC-847C-98711236FA32-1-1024x341.png 1024w\" sizes=\"auto, (max-width: 3000px) 100vw, 3000px\" \/><\/a><\/p>\n<p>In this training, you will go over color terminology and relationship to understand how colors interact with each other. This training will help you familiarize yourself with the basic relations of colors by placing them creatively in a re-invented color chart of your choice after studying the basic layout of the wheel.<\/p>\n<p><strong>Step One: Study the Components of the Color Wheel<\/strong><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2860\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2.jpg\" alt=\"\" width=\"2357\" height=\"1927\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2.jpg 2357w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2-300x245.jpg 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2-768x628.jpg 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Colour-Wheel-2-1024x837.jpg 1024w\" sizes=\"auto, (max-width: 2357px) 100vw, 2357px\" \/><\/a><\/p>\n<p>Above are the basic hues of a color wheel. A. <strong>hue<\/strong> is another word for color but refers to it more specifically as the pure state of the color without any tinting or shading.<\/p>\n<p>The <strong>primary colors<\/strong> are what you typically would start out with. They are red, yellow, and blue. When primary colors are mixed together they make the <strong>secondary colors<\/strong> (orange, green, and purple). When you mix a secondary and a primary color you get <strong>tertiary colors<\/strong> (red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet).<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/30_Day_Sweater_Hue_Tint_Tone_Shade-e1402027273470.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2861\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/30_Day_Sweater_Hue_Tint_Tone_Shade-e1402027273470.jpg\" alt=\"\" width=\"750\" height=\"498\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/30_Day_Sweater_Hue_Tint_Tone_Shade-e1402027273470.jpg 750w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/30_Day_Sweater_Hue_Tint_Tone_Shade-e1402027273470-300x199.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p>Now that we have looked at what the hues are we will take a look at ways the hue is manipulated. There are three main ways that you can change the hue: tint, tone, and shade.<\/p>\n<p>A <strong>tint<\/strong> will make the color look brighter by adding more white, eventually adding 100% tint would turn your color white.\u00a0 <span style=\"color: #000000;\">A<b> tone<\/b><\/span>\u00a0will mute your color or dull it, and this is done by adding gray. A <strong>shade<\/strong> will darken your hue. It is different from tone because it brings the color closer to black and does not have a mixture of white like gray does. Take a look below at how the color red changes as we add a tint, tone, and shade.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Color-Theory_tint_shade_tone.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2862\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Color-Theory_tint_shade_tone.jpg\" alt=\"\" width=\"600\" height=\"449\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Color-Theory_tint_shade_tone.jpg 600w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Color-Theory_tint_shade_tone-300x225.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Make note that this is not the only type of color wheel that exists. There are different <strong>primary colors of light and pigment<\/strong>, they are <strong>additive<\/strong> and <strong>subtractive<\/strong> colors respectively. Each produces varying secondary colors of their own. Different color wheels and slightly different color theory is required for different formats of media such as lighting, print, and digital. You can see the example image below for what I am referring to. We are using the wheel above for this training because it is the most utilized for the work we do here in the office for design projects.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/primaries.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2863\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/primaries.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/primaries.jpg 640w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/primaries-300x161.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>What you will also include in your color wheel is a <strong>value key<\/strong>. Value is the colors lightness or darkness in relation to black and white. Black, white, and gray are known as <strong>achromatic colors<\/strong> while the rest of the hues are <strong>chromatic colors<\/strong>. You can make your value key in a <strong>gradient<\/strong> like the top rectangle or you can make it in <strong>steps<\/strong> like the bottom rectangle.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/value_scale-1024x276.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2864\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/value_scale-1024x276.png\" alt=\"\" width=\"1024\" height=\"276\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/value_scale-1024x276.png 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/value_scale-1024x276-300x81.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/value_scale-1024x276-768x207.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Step Two: Create your Color Wheel<\/strong><\/p>\n<p><strong>\u00a0<\/strong>Now that you have studied the very basics of this type of color wheel you will make your own in either Adobe Illustrator or Adobe Photoshop. Your color wheel must contain:<\/p>\n<ul>\n<li>Hue<\/li>\n<li>Tint<\/li>\n<li>Shade<\/li>\n<li>Tone<\/li>\n<li>And a Value Key somewhere on the side in achromatic colors.<\/li>\n<\/ul>\n<p>Your color wheel does not need to be plain and basic. Have fun playing around with the layout. Refer to some of the images below for inspiration.<\/p>\n<p>&nbsp;<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-2859 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/color-wheel-3d\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/color-wheel-3d-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/brewed-in-percolator\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator-150x150.jpg 150w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator-300x300.jpg 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator-768x768.jpg 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator-1024x1024.jpg 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Brewed-in-Percolator.jpg 1536w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/8e047774bfa4c2b7368bf45bd57b610d\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/8e047774bfa4c2b7368bf45bd57b610d-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/vintage-color-wheel-7\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/vintage-color-wheel-7-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/lambert\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/Lambert-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/f-019-thumb\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/05\/f-019-thumb-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3530\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png\" alt=\"\" width=\"3000\" height=\"1000\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps.png 3000w, https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-300x100.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-768x256.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2019\/02\/basic-training-last-steps-1024x341.png 1024w\" sizes=\"auto, (max-width: 3000px) 100vw, 3000px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this training, you will go over color terminology and relationship to understand how colors interact with each other. This training will help you familiarize yourself with the basic relations of colors by placing them creatively in a re-invented color &hellip; <a href=\"https:\/\/sites.la.utexas.edu\/kb\/2020\/05\/29\/psd-ai-color-wheel\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":703,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200711,200717],"tags":[],"class_list":["post-2859","post","type-post","status-publish","format-standard","hentry","category-basic-trainings","category-photoshop"],"_links":{"self":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/703"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=2859"}],"version-history":[{"count":9,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2859\/revisions"}],"predecessor-version":[{"id":7166,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2859\/revisions\/7166"}],"wp:attachment":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=2859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=2859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=2859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}