Chapter 5 CS6 - Revision history

Robin at 19:10, 14 February 2013

2013-02-14T19:10:12Z

Robin: /* Exercise 2: Top or bottom? */

2013-02-14T16:52:57Z

Exercise 2: Top or bottom?

Robin at 21:19, 8 February 2013

2013-02-08T21:19:51Z

Robin: /* Exercise 1: Hue has value! */

2013-01-21T18:59:50Z

Exercise 1: Hue has value!

Robin: /* Exercise 2: Top or bottom? */

2013-01-18T21:45:11Z

Exercise 2: Top or bottom?

Robin: /* Exercise 2: Top or bottom? */

2013-01-18T21:44:26Z

Exercise 2: Top or bottom?

Robin: /* Exercise 3: Interaction of values */

2013-01-18T21:41:26Z

Exercise 3: Interaction of values

Robin: /* Exercise 2: Top or bottom? */

2013-01-18T21:40:43Z

Exercise 2: Top or bottom?

Michael: /* Exercise 2: Top or bottom? */

2013-01-18T21:36:38Z

Exercise 2: Top or bottom?

Michael: /* Exercise 2: Top or bottom? */

2013-01-18T21:35:33Z

Exercise 2: Top or bottom?

@@ Line 64: / Line 64: @@
 =Exercise 1: Hue has value!=
-. Create a new document in Illustrator using basic <span style="color:red">CYMK color mode in landscape orientation.</span> <span style="color:red"><strike>RGB profile. Adjust the settings so the units are measured in inches and choose letter from the Size pull-down menu. We named our document hue-has-value. </strike></span>
+. Create a new document in Illustrator using basic CYMK color mode in landscape orientation. Adjust the settings so the units are measured in inches and choose letter from the Size pull-down menu. We named our document hue-has-value.
 [[File:Fig03_Ex1_01_CS6.png|400px]]
-. Using the Rectangle Shape Tool, draw five squares on the Artboard.  Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. <span style="color:red">Evenly distribute the squares by clicking "Horizontal Distribute Left" under the Align Panel (Windows > Align) as we did in chapter 3.</span>
+. Using the Rectangle Shape Tool, draw five squares on the Artboard.  Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. Evenly distribute the squares by clicking "Horizontal Distribute Left" under the Align Panel (Windows > Align) as we did in chapter 3.
 [[File:Fig03_Ex1_02_CS6.png|600px]]
@@ Line 100: / Line 98: @@
 [[File:fig03 Ex2 01_CS6.png|400px]]
-. Use one horizontal guide <span style="color:red"><strike>to separate the page into two halves (top and bottom)</strike></span><span style="color:red"> and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard.  <span style="color:red"><strike>pulling the guides from the top ruler to the halfway point on the horizontal and vertical rulers</strike></span><span style="color:red">.  Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches.</span> If you don't see your rulers, turn them on by clicking View ><span style="color:red">Rulers</span>> Show Rulers (CMD+R).<span style="color:red"><strike> Repeat this process to create a second guide that cuts the page in half vertically (left and right).</strike></span>
+. Use one horizontal guide and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard. Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches. If you don't see your rulers, turn them on by clicking View > Rulers > Show Rulers (CMD+R).
 [[File:fig03 Ex2 02_CS6.png|600px]]
-. Create a 2 x 2" square on the top half of the page<span style="color:red">. Align</span> the bottom of the square to the horizontal dividing line<span style="color:red"> and the left edge to the middle vertical guide </span>. To make the square exactly 2 by 2", double-click on the art board with the Rectangle Tool to see the Rectangle Options Dialog Box. Type "2 in" into the horizontal and vertical measurement boxes.
+. Create a 2 x 2" square on the top half of the page. Align the bottom of the square to the horizontal dividing line and the left edge to the middle vertical guide. To make the square exactly 2 by 2", double-click on the art board with the Rectangle Tool to see the Rectangle Options Dialog Box. Type "2 in" into the horizontal and vertical measurement boxes.
 <table class="infobox">
@@ Line 128: / Line 126: @@
 [[File:fig03 Ex2 05_CS6.png|400px]]
-. Option-Drag your square to the left to create a copy (holding down shift after you start dragging will retain it to a movement along the x-axis). <span style="color:red">Align the bottom of the new square to the horizontal guide, and the left side of the square to the vertical on the left side of the page.</span>
+. Option-Drag your square to the left to create a copy (holding down shift after you start dragging will retain it to a movement along the x-axis). Align the bottom of the new square to the horizontal guide, and the left side of the square to the vertical on the left side of the page.
-. Repeat this action to make a copy of the square to the right, <span style="color:red">once again aligning the bottom edge with the horizontal guide and the left edge with the vertical guide farthest to the right. This will give your squares even spacing</span>
+. Repeat this action to make a copy of the square to the right, once again aligning the bottom edge with the horizontal guide and the left edge with the vertical guide farthest to the right. This will give your squares even spacing
 [[File:fig03 Ex2 07_CS6.png|600px]]
-. Select all three of the squares and Option-drag them down to the right so that 1 inch of the upper left corner of the new squares overlap with 1 inch of the bottom right corner of the original squares. <span style="color:red"> Hold down the shift key to drag the squares at a 45 degree angle.</span>
+. Select all three of the squares and Option-drag them down to the right so that 1 inch of the upper left corner of the new squares overlap with 1 inch of the bottom right corner of the original squares. Hold down the shift key to drag the squares at a 45 degree angle.
 [[File:fig03 Ex2 08_CS6.png|600px]]
@@ Line 172: / Line 170: @@
 [[File:fig03 Ex3 01_CS6.png|400px]]
-. Use the Rectangle Tool to create a 20% gray rectangle that covers the whole Artboard, by using the CMYK color sliders to set the K value to 20% and all other sliders to 0%. <span style="color:blue">Display color sliders by clicking on the drop-down menu in the top right corner of the Color Panel and selecting "Show Options", or by clicking on the tiny icon to the left of the "Color" label on the panel tab that toggles the options for the panel.</span>
+. Use the Rectangle Tool to create a 20% gray rectangle that covers the whole Artboard, by using the CMYK color sliders to set the K value to 20% and all other sliders to 0%. Display color sliders by clicking on the drop-down menu in the top right corner of the Color Panel and selecting "Show Options", or by clicking on the tiny icon to the left of the "Color" label on the panel tab that toggles the options for the panel.
 [[File:fig03 Ex3 02_CS6.png]]

← Older revision		Revision as of 16:52, 14 February 2013
Line 155:		Line 155:

	'''Creating foreground and background depth using hue and value'''		'''Creating foreground and background depth using hue and value'''
		+
	Now we will modify the color of the middle squares, starting with the left square. The purpose of this exercise is to see how hue and value can be used to create space or depth within a color field. You will set the middle colors to see how that middle square can be pulled forward or pushed back in space, in relationship to the other two squares.		Now we will modify the color of the middle squares, starting with the left square. The purpose of this exercise is to see how hue and value can be used to create space or depth within a color field. You will set the middle colors to see how that middle square can be pulled forward or pushed back in space, in relationship to the other two squares.

@@ Line 1: / Line 1: @@
 =Chapter 5: Color Theory & Basic Shapes=
 German Bauhaus school educators Josef Albers and Johannes Itten helped define and expand upon color theory during the years 1919 - 1923. Albers created a course in color theory that inspired the tutorial in this chapter. Students who attend art and design universities typically complete these color studies using pigment and brushes or with Color-Aid paper, however formal color studies are demonstrated in the digital environment with the following four exercises where hue, value, and contrast are exploited to achieve various color relationships.
@@ Line 10: / Line 12: @@
 [[File:fig03 02.jpg]]
-IMAGE: [http://www.flickr.com/photos/digitalfoundations/2229001807/ http://www.flickr.com/photos/digitalfoundations/2229001807/] or [http://en.wikipedia.org/wiki/Image:Farbkreis_Itten_1961.png http://en.wikipedia.org/wiki/Image:Farbkreis_Itten_1961.png]
+IMAGE: [http://www.flickr.com/photos/digitalfoundations/2229001807/ http://www.flickr.com/photos/digitalfoundations/2229001807/] or
 Caption: ''Farbkreis'', Johannes Itten, 1921
 IMAGE: [http://commons.wikimedia.org/wiki/Image:Additive_RGB_Circles-48bpp.png http://commons.wikimedia.org/wiki/Image:Additive_RGB_Circles-48bpp.png]
 Caption: ''RGB Color Wheel''
@@ Line 27: / Line 35: @@
 IMAGE: [http://www.flickr.com/photos/digitalfoundations/2229001663/ http://www.flickr.com/photos/digitalfoundations/2229001663/]
 Caption: ''Homage to the Square'', Joseph Albers, 1950 - 1975. Analogous colors are demonstrated on this stamp, featuring one of Albers' homages. Albers began working on this series in 1950 and made thousands of works addressing the square over the course of twenty-five years.
@@ Line 33: / Line 43: @@
 IMAGE: [http://commons.wikimedia.org/wiki/Image:100_Jahre_Deutscher_Werkbund_-_Postwertzeichen.jpg http://commons.wikimedia.org/wiki/Image:100_Jahre_Deutscher_Werkbund_-_Postwertzeichen.jpg]
 Caption: ''Jahre Deutscher Werkbund'', stamp, Germany. Complementary colors are utilized in this stamp celebrating Jahre Deutscher Werkbund.
-'''Alternatively, we could use two paintings as follows...I haven't figured out who jahre is...'''
 IMAGE: [http://commons.wikimedia.org/wiki/Image:Vincent_Van_Gogh_0010.jpg http://commons.wikimedia.org/wiki/Image:Vincent_Van_Gogh_0010.jpg]
 Caption: ''Sunflowers'', Vincent Van Gogh, 1888, oil on canvas. Analagous colors are used to in Van Gogh's sunflowers to create color harmony.
 IMAGE: [http://www.flickr.com/photos/digitalfoundations/2229000351/ http://www.flickr.com/photos/digitalfoundations/2229000351/]
 Caption: ''Porträt der Frau Manet auf blauem Sofa'', Edouard Manet, 1880, oil on canvas. Complementary colors are used in Manet's painting to create contrast between the blue couch and woman in the foreground and the orange wall in the background.

@@ Line 52: / Line 52: @@
 [[File:Fig03_Ex1_01_CS6.png|400px]]
-. Using the Rectangle Shape Tool, draw five squares on the Artboard.  Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. <span style="color:red">The squares can be evenly distributed by clicking "Horizontal Distribute Left" under the Align Panel (Windows > Align) as we did in chapter 3.</span>
+. Using the Rectangle Shape Tool, draw five squares on the Artboard.  Hold down the shift key (SHFT) while dragging each square to keep the proportions equal. <span style="color:red">Evenly distribute the squares by clicking "Horizontal Distribute Left" under the Align Panel (Windows > Align) as we did in chapter 3.</span>
 [[File:Fig03_Ex1_02_CS6.png|600px]]

@@ Line 84: / Line 84: @@
 [[File:fig03 Ex2 01_CS6.png|400px]]
-. Use one horizontal guide <strike><span style="color:red">to separate the page into two halves (top and bottom)</strike></span><span style="color:red"> and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard.  <span style="color:red"><strike>pulling the guides from the top ruler to the halfway point on the horizontal and vertical rulers</strike></span><span style="color:red">.  Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches.</span> If you don't see your rulers, turn them on by clicking View ><span style="color:red">Rulers</span>> Show Rulers (CMD+R).<span style="color:red"><strike> Repeat this process to create a second guide that cuts the page in half vertically (left and right).</strike></span>
+. Use one horizontal guide <span style="color:red"><strike>to separate the page into two halves (top and bottom)</strike></span><span style="color:red"> and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard.  <span style="color:red"><strike>pulling the guides from the top ruler to the halfway point on the horizontal and vertical rulers</strike></span><span style="color:red">.  Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches.</span> If you don't see your rulers, turn them on by clicking View ><span style="color:red">Rulers</span>> Show Rulers (CMD+R).<span style="color:red"><strike> Repeat this process to create a second guide that cuts the page in half vertically (left and right).</strike></span>
 [[File:fig03 Ex2 02_CS6.png|600px]]

@@ Line 84: / Line 84: @@
 [[File:fig03 Ex2 01_CS6.png|400px]]
-. Use one horizontal guide <strike>to separate the page into two halves (top and bottom)</strike><span style="color:blue"> and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard.  pulling the guides from the <span style="color:red"><strike>top ruler to the halfway point on the vertical</strike></span><span style="color:blue">horizontal and vertical rulers.  Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches.</span> If you don't see your rulers, turn them on by clicking View ><span style="color:red">Rulers</span>> Show Rulers (CMD+R).<span style="color:red"><strike> Repeat this process to create a second guide that cuts the page in half vertically (left and right).</strike></span>
+. Use one horizontal guide <strike>to separate the page into two halves (top and bottom)</strike><span style="color:red"> and three vertical guides to divide the page. Create the guides by clicking on the ruler and dragging the cursor onto the artboard.  pulling the guides from the <span style="color:red"><strike>top ruler to the halfway point on the vertical</strike></span><span style="color:red">horizontal and vertical rulers.  Place the horizontal guide at 4.75 inches, which is half an inch below the center of the page. Place three vertical guides at .5, 4 and 7.5 inches.</span> If you don't see your rulers, turn them on by clicking View ><span style="color:red">Rulers</span>> Show Rulers (CMD+R).<span style="color:red"><strike> Repeat this process to create a second guide that cuts the page in half vertically (left and right).</strike></span>
 [[File:fig03 Ex2 02_CS6.png|600px]]
-. Create a 2 x 2" square on the top half of the page<span style="color:red">. Align</span> the bottom of the square to the horizontal dividing line<span style="color:blue"> and the left edge to the middle vertical guide </span>. To make the square exactly 2 by 2", double-click on the art board with the Rectangle Tool to see the Rectangle Options Dialog Box. Type "2 in" into the horizontal and vertical measurement boxes.
+. Create a 2 x 2" square on the top half of the page<span style="color:red">. Align</span> the bottom of the square to the horizontal dividing line<span style="color:red"> and the left edge to the middle vertical guide </span>. To make the square exactly 2 by 2", double-click on the art board with the Rectangle Tool to see the Rectangle Options Dialog Box. Type "2 in" into the horizontal and vertical measurement boxes.
 <table class="infobox">
@@ Line 138: / Line 138: @@
 . Repeat steps 10-12 with the middle and right set of squares.
-''Creating foreground and background depth using hue and value''
+'''Creating foreground and background depth using hue and value'''
 Now we will modify the color of the middle squares, starting with the left square. The purpose of this exercise is to see how hue and value can be used to create space or depth within a color field. You will set the middle colors to see how that middle square can be pulled forward or pushed back in space, in relationship to the other two squares.

@@ Line 112: / Line 112: @@
 [[File:fig03 Ex2 05_CS6.png|400px]]
-. Option-Drag your square to the left to create a copy (holding down shift after you start dragging will retain it to a movement along the x-axis). <span style="color:blue">Place the copied square so the bottom is aligned with the horizontal guide, and the left side is aligned with the next vertical guide to the right.</span>
+. Option-Drag your square to the left to create a copy (holding down shift after you start dragging will retain it to a movement along the x-axis). <span style="color:blue">Align the bottom of the new square to the horizontal guide, and the left side of the square to the vertical on the left side of the page.</span>
-. Repeat this action to make a copy of the square to the right, <span style="color:blue">once again having the bottom edge aligned with the horizontal guide and the left edge aligned with the vertical guide farthest to the right. This will give your squares even spacing</span>
+. Repeat this action to make a copy of the square to the right, <span style="color:blue">once again aligning the bottom edge with the horizontal guide and the left edge with the vertical guide farthest to the right. This will give your squares even spacing</span>
 [[File:fig03 Ex2 07_CS6.png|600px]]