Chapter 4 CC18 - Revision history

Michael: /* Exercise 6: Adjusting shapes with the Direct Select Tool */ Format

2018-09-07T22:03:09Z

Exercise 6: Adjusting shapes with the Direct Select Tool: Format

Michael: /* Exercise 5: Using color to direct the viewer */ Text edits

2018-09-07T22:02:28Z

Exercise 5: Using color to direct the viewer: Text edits

Michael: /* Exercise 4: Creating body copy with the Type Tool */ Text Edits

2018-09-07T22:00:15Z

Exercise 4: Creating body copy with the Type Tool: Text Edits

Michael: /* Exercise 3: Using the Type Tool to create a headline */ Text Edits

2018-09-07T21:57:12Z

Exercise 3: Using the Type Tool to create a headline: Text Edits

Michael: /* Exercise 2: Lines */ Text edit

2018-09-07T21:55:10Z

Exercise 2: Lines: Text edit

Michael: /* Exercise 1: Using guides to create a grid */ Text Edit

2018-09-07T21:48:51Z

Exercise 1: Using guides to create a grid: Text Edit

Michael: Bolded Numbers

2018-07-10T19:40:32Z

Bolded Numbers

Show changes

Michael: /* Exercise 6: Adjusting shapes with the Direct Select Tool */

2018-06-28T20:25:20Z

Exercise 6: Adjusting shapes with the Direct Select Tool

Michael: /* Exercise 5: Using color to direct the viewer */

2018-06-28T20:23:58Z

Exercise 5: Using color to direct the viewer

Michael: /* Exercise 4: Creating body copy with the Type Tool */ Updated Screenshots

2018-06-28T20:20:58Z

Exercise 4: Creating body copy with the Type Tool: Updated Screenshots

@@ Line 221: / Line 221: @@
 '''7.''' Finally, position it in place above the copy at the bottom of the page, to the right of the guide.
-=Exercise 6: Adjusting shapes with the Direct Select Tool=
+=Exercise 6: Adjusting Shapes with the Direct Select Tool=
 '''1.''' Click on the top left anchor point of the "d" in "Grid" with the Direct Selection Tool. Notice that the anchor point increases in size as your mouse moves near it with the Direct Selection Tool (this is new to version CS3). Hold SHFT and click on the anchor point on the top right of the "d" in "Grid" to add it to the selection.

@@ Line 178: / Line 178: @@
 </table>
-=Exercise 5: Using color to direct the viewer=
+=Exercise 5: Using Color to Direct the Viewer=
-In this exercise, the dot over the “i” will be replaced with a red square. A red square is also placed towards the bottom of the composition, near the start of the body copy. By repeating this form on two parts of the page, a relationship is made between the headline and the body copy. Red is used intentionally to push the viewer’s eye from the headline to the body copy.
+In this exercise, the dot over the “i” in the grid will be replaced with a red square. A red square is also placed towards the bottom of the composition, near the start of the body copy. By repeating this form on two parts of the page, a relationship is made between the headline and the body copy. Red is used intentionally to push the viewer’s eye from the headline to the body copy.
 '''1.''' To create a focal point in the headline, replace the dot over the i in “Grid” with a red square. Removing one part of a letter is easy, but the letter must first be transformed from a line of editable text to a group of shapes. Before we do this, it must be noted that creating outlines of the original type will annihilate editing possibilities on the text object. When creating outlines around a piece of text, it is a beneficial practice to duplicate the text and leave it in the white space outside of the Artboard for reference or later editing possibilities.
-With the Selection Tool, click on the “Grid Systems” type, press the option (OPT) key and drag the duplicate copy of the text off of the Artboard.  Select the original “Grid Systems” type on the Artboard, then click Type > Create Outlines.
+With the Selection Tool, click on the “Grid Systems” type, hold the option (OPT) key and drag the duplicate copy of the text off of the Artboard.  Select the original “Grid Systems” type on the Artboard, then click Type > Create Outlines.
 [[File:Fig4 Ex5 01 CC2018.png]]

@@ Line 135: / Line 135: @@
 [[File:Fig4 Ex3 07a CC2018.png|350px]] [[File:Fig4 Ex3 07b CC2018.png|350px]]
-=Exercise 4: Creating body copy with the Type Tool=
+=Exercise 4: Creating Body Copy with the Type Tool=
 Body copy is the content of an article, a book chapter, an essay on a web page, and so on. Body copy should be set within a text box in all of the Creative Suite programs. As body copy is usually set within rectangles, consider the overall shape of text to normally create a rectangular shape on the page. By utilizing a grid system, the production artist controls how many columns of text appear in the final layout.

@@ Line 79: / Line 79: @@
 '''5.''' Deselect the line by clicking anywhere on the Artboard outside of the anchor points surrounding the line with the Selection Tool.
-=Exercise 3: Using the Type Tool to create a headline=
+=Exercise 3: Using the Type Tool to Create a Headline=
 Headlines are typically larger than body copy and maintain a heavier weight on the page than most other elements. The scale of the headline often relates to the scale of an accompanying photograph or illustration (it may be the same width or half of the width, for example, as a photograph on the front page of a newspaper). System fonts (the fonts that are installed on all computers, such as Arial, Chicago, Times, New York, and so on) are usually reserved for the body copy on web pages; and they are not typically used as headlines. For print designers, it is a good idea to stay away from system fonts! Web designers have to rely on them for body copy. Display fonts (ornamental fonts, such as those that are free to download on ([http://chank.com/freefonts.php http://chank.com/freefonts.php]) are not legible enough to be used for body copy, but are often selected for headlines as they tend to be more ornate. Sans serif type was first invented by William Caslon IV (1816) and was reserved, as John Kane writes in his ''A Type Primer'', "almost exclusively for headlines" (36).  Using a sans-serif font for headlines is not a rule, but often commands attention as they are sleek and authoritative in comparison to serif fonts. In this exercise, Gill Sans was the typeface used for both the headline and the body copy. The ultra-bold font style creates a weighty headline, and the regular variation of the type face is very easy to read as body copy.
-'''1.''' Select the Type Tool in the Tool Palette.
+'''1.''' Select the Type Tool in the Tool Palette. This tool’s icon is a capital T and is located in the upper part of the tools panel.
 '''2.''' Click anywhere on the Artboard with the type tool. Do not drag. Clicking just one time will change the Type Tool into a flashing cursor. When you see the flashing cursor begin typing the headline, "Grid Systems." Illustrator is a smart program, but it doesn't know when you are finished using the type tool. You have to tell it "I'm done;" and there are many ways to do this (see the sidebar). When you are finished typing your headline, click on the Selection Tool. The type is automatically selected as an object and the flashing cursor is gone.
@@ Line 118: / Line 118: @@
 '''7.''' Kerning is the space between the letters in a single word. When you set body copy (for instance, a letter typed in Microsoft Word), you usually do not have to be concerned with kerning. The digital fonts are created to be well-kerned at smaller font choices (such as 10 – 12 points). However, when working with display text, such as a 44 point headline, the kerning should be studied. Traditionally, the amount of space between each letter should be even.
-In this exercise, we will adjust the space between the i and r in Grid and the s and t as well as the t and e in Systems. Place the type cursor just between the i and r in the word, Grid. Click when you see that the cursor looks like a single line so that you are able to edit the word.
+In this exercise, we will adjust the space between the i and r in Grid and the s and t as well as the t and e in Systems. Using the type tool, place the type cursor just between the i and r in the word, Grid. Click when you see that the cursor looks like a single line so that you are able to edit the word.
 <table class="infobox">

← Older revision		Revision as of 21:55, 7 September 2018
Line 71:		Line 71:


−	'''3.''' Release the mouse and the line will be selected. If you click someplace off of the line and accidentally deselect it, reselect it using the Selection Tool. With the line selected, look in the Properties Palette at the right of the document. Notice that the line has values associated with it, including a fill color (automatically set to nothing, as signified by the red stripe across a white field), a stroke color (black) and a numeric value, indicating the weight of the stroke. Change the numeric value of the stroke weight on the line to 30 by typing 30 into the value box.	+	'''3.''' Release the mouse and the line will be selected. If you click someplace off of the line and accidentally deselect it, reselect it using the Selection Tool. With the line selected, look in the Properties Palette at the right of the document. Notice that the line has values associated with it, including a fill color (automatically set to nothing, as signified by the red stripe across a white field), a stroke color (black) and a numeric value, indicating the weight of the stroke. Change the numeric value of the stroke weight of the line to 30pt by typing 30 into the value box.

	[[File:Fig4 Ex2 03 CC2018.png]]		[[File:Fig4 Ex2 03 CC2018.png]]

@@ Line 18: / Line 18: @@
 While the black and white paintings with brief areas of vibrant hues in primary colors appear to be simple horizontal and vertical intersections, the renderings might allude to a city map, an electrical circuit board, or an abstracted blueprint. The negative space in the composition can be perceived as the windows of tall buildings. The grid is understood as a layout or a supporting structure while these compositions are the essence of the often unnoticed foundations of modernity. Formulating an abstract concept from simple lines and planes is a practice in translating visual cues into language-based meanings. It is the goal of any visual communicator to learn to do this as both the reader of the message and the generator of visual content.
-=Exercise 1: Using guides to create a grid=
+=Exercise 1: Using Guides to Create a Grid=
-'''1.''' Create a new document (File > New) using the “Print” pull-down menu at letter size, in portrait orientation (8.5 by 11 inches, as opposed to 11 by 8.5 inches), named “grid_systems.”  Then press create.
+'''1.''' Create a new document (File > New) using the “Print” pull-down menu at letter size, in portrait orientation (8.5 by 11 inches, as opposed to 11 by 8.5 inches), named “grid_systems.” If measurements on the right are not set to inches, set to inches by clicking the drop down menu. Press create.
 [[File:Fig4 Ex1 01 CC2018.png|800px]]

@@ Line 225: / Line 225: @@
 . Click on the top left anchor point of the "d" in "Grid" with the Direct Selection Tool. Notice that the anchor point increases in size as your mouse moves near it with the Direct Selection Tool (this is new to version CS3). Hold SHFT and click on the anchor point on the top right of the "d" in "Grid" to add it to the selection.
-[[File:Fig04_Ex6_01_CS6.png|250px]]&nbsp;&nbsp;&nbsp; [[File:Fig04_Ex6_02_CS6.png|250px]]&nbsp;&nbsp;&nbsp; [[File:Fig04_Ex6_03_CS6.png|250px]]
+[[File:Fig4 Ex6 01a CC2018.png|250px]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[File:Fig4 Ex6 01b CC2018.png|250px]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[File:Fig4 Ex6 01c CC2018.png|250px]]
 . With only the top two anchor points of the letter d selected, expand the size of the d's ascender by using the Up Arrow key on your keypad. In this exercise, we pressed the Up Arrow while holding the Shift key three times.

@@ Line 186: / Line 186: @@
 With the Selection Tool, click on the “Grid Systems” type, press the option (OPT) key and drag the duplicate copy of the text off of the Artboard.  Select the original “Grid Systems” type on the Artboard, then click Type > Create Outlines.
-[[File:Fig04_Ex5_01blue_CS6.png]]
+[[File:Fig4 Ex5 01 CC2018.png]]
 <table class="infobox">
@@ Line 196: / Line 196: @@
 </table>
 After choosing “Create Outlines,” the type will be grouped together, so that each of the single letters would move or be transformed as one whole group.
@@ Line 201: / Line 202: @@
 . Ungroup the type by clicking Object > Ungroup.
-[[File:Fig04_Ex5_02_CS6.png]]
+[[File:Fig4 Ex5 02 CC2018.png]]
 . Use the Direct Selection Tool to select and delete the dot over the i. When you click to select the dot over the i, the rest of the i will be selected. Marquee over the top portion of the dot (see the illustration below). Zooming in on the type will increase the likelihood of getting this the first time you try it, so don't be afraid to use the Zoom Tool or CMD + =. When part of the top of the i is selected, hit the delete key on your keypad until you see that the top portion of the i is missing.
 ''See the following three images, where the Direct Selection Tool marquees over the top half of the letter i, then the delete key is pressed two times.''
-[[File:Fig04_Ex5_03a_CS6.png|250px]] [[File:Fig04_Ex5_03b_CS6.png|250px]] [[File:Fig04_Ex5_03c_CS6.png|250px]]
+[[File:Fig4 Ex5 03a CC2018.png|250px]] [[File:Fig4 Ex5 03b CC2018.png|250px]] [[File:Fig4 Ex5 03c CC2018.png|250px]]
 . Create a square in place of the dot over the eye with the Rectangle Tool. Change the fill color to a red hue of your choice.
@@ Line 214: / Line 216: @@
 . While the copy of the square is still selected, double-click the Scale Tool in the Tool Palette. Scale the square by 300%.
-[[File:Fig04_Ex5_06_CS6.png|400px]]
+[[File:Fig4 Ex5 06 CC2018.png|400px]]
 . Finally, position it in place above the copy at the bottom of the page, to the right of the guide.

← Older revision		Revision as of 20:20, 28 June 2018
Line 165:		Line 165:
	5. Leading is the space between lines of type. The body copy is set at 11 points, and the leading is set at 15.2 points. This is traditionally referred to as 11/15.2. Insert the Type Tool into any area of the body copy and then press CMD + A on the keyboard to select all of the type within this type box. With all of the type selected, press OPT + Down Arrow to open the leading. In the following two images, the leading has been adjusted and the text box has been resized in consideration of the margin space at the right and bottom of the composition. Notice how opening or loosening the leading creates a slightly lighter grayscale value when you squint your eyes and look at the block of text.		5. Leading is the space between lines of type. The body copy is set at 11 points, and the leading is set at 15.2 points. This is traditionally referred to as 11/15.2. Insert the Type Tool into any area of the body copy and then press CMD + A on the keyboard to select all of the type within this type box. With all of the type selected, press OPT + Down Arrow to open the leading. In the following two images, the leading has been adjusted and the text box has been resized in consideration of the margin space at the right and bottom of the composition. Notice how opening or loosening the leading creates a slightly lighter grayscale value when you squint your eyes and look at the block of text.

−	[[File:~~Fig04_Ex4_05a_CS6~~.png\|~~250px~~]]    [[File:~~Fig04_Ex4_05b_CS6~~.png\|~~250px~~]]    [[File:~~Fig04_Ex4_05c_CS6~~.png\|~~250px~~]]	+
		+	[[File:Fig4 Ex4 05a CC2018.png\|315px]]    [[File:Fig4 Ex4 05b CC2018.png\|315px]]    [[File:Fig4 Ex4 05c CC2018.png\|315px]]