Wednesday, March 3, 2010

Visual Design Fundamentals (Second Half)



Alright, so I've continued with the book which includes Illustrator and Photoshop tutorials. Each chapter is an assignment, but they said to do a hundred drawings of like, a hole-puncher or something and that would have taken waaay too much time, so I compiled everything I learned about line, shape, negative space as well as repetition, unity and variation in composition into this one design I did in Illustrator (above) I used only black and white, shape and line to give the impression that either black or white could be the background. It's called "Time and Space" because I used the curves to represent the planets, sun and moon as well as squares to represent staircases which are both symbols of time and space. I designed it so that there is no real right side up, but the way I posted it is the way I made it. Please pardon the poor resolution. It would not allow me to post one with better quality but I will add it to my website.
Below are some notes I have taken. I am almost finished with the rest of the book in which I will have to design logos through abstraction, learn color schemes and values, etc. I will complete another design based on the rest of the reading.


Anatomy of a Letterform
- Ascender: The vertical part of a lowercase letterform that rises above the x-height (b, d, f, h, k, l, t).
- Baseline: The imaginary horizontal line on which all the bases of all letterforms seem to rest.
- Bowl: The curved part of the letterform that encloses the counter.
- Cap height: The height of a capital letterform measured from the baseline to the cap line.
- Cap line: The imaginary horizontal line to which all capital letters arise.
- Counter: The enclosed or partially enclosed area of a letterform.
- Cross bar: The horizontal line that connects the two vertical strokes.
- Descender: The vertical part of a lowercase letterform that falls beneath the baseline (p, g, q).
- Leg: A horizontal or diagonal stroke that is attached at one end but free on the other.
- Serif: The small decorative strokes at the ends of the main strokes.
- X-height: The height of a lowercase letter that contains no ascenders or descenders.

Commands:

Illustrator:
- show rulers: Ctrl+R
- rectangle tool: M
- hold shift to constrain to square
- hold alt to draw from the center out
- ellipse tool: L
- same as rectangle tool
- Pathfinder (under windows)
Shape Modes
- Unite: combines the areas of the shapes into one shape.
- Minus Front: subtracts the shape in the front from the shape behind it.
- Intersect: leaves behind only the areas of the shape that share the same space.
- Exclude: is the opposite of the Intersect operation. It deletes the area that shapes share.
Pathfinder Tools
- Divide: separates all overlapped areas into their own shapes. If two shapes are overlapped, the result is three shapes.
- Trim: the shape on top subtracts its area from the image behind while leaving the shape intact. This results in two shapes, the image in front (untouched) and the image behind (with the overlapping area cropped out). Both shapes are complete paths.
Merge: joins the two shapes into one shape with one complete path.
Crop: leaves behind only the overlapped areas of the shapes and results in one complete path.
Outline: when used on two overlapping shapes, the result is three paths. The overlapped areas are rendered as a complete path, with the two outlying paths left open but intact.
Minus Back: Instead of subtracting the shape in front from the one behind does just the opposite. It subtracts the area of the overlapping shape in the back from the one in the front, resulting in a complete path.

- Past in Front/Back: under Edit, use to paste in exact location
- Hand tool: space bar
- select all: Ctrl + A (select>all)
- Swap Fill and Stroke Colors: Shift + X

Clipping Mask
- allows you to use shapes as a mask to reveal only the area of the image that overlaps
- draw shape over image
- select all
- object> clipping mask>make (Ctrl + 7)
- to release: object>clipping masks>release)

Bezier Curves
- curve in line w/ handle
- defined by 3 points:
-anchors: two end points
-handle = tangent point/node
- direct selection tool (A): edits handles
- to edit only one side, press alt first: permanent
- press shift to change by increments

-duplicate: alt+ drag

Grouping: select objects and press Ctrl + G (object> group )
- use selection tool to move/ edit all, direct selection for individual objects
Rotate button: select object, rotate button will show outline orf rotated object

Cap: end of an opened line segment
-butt (squared off)
-round : : (adds round cap one half the weight of the line) stroke options> round cap icon
-projecting: (extends one half the weight of the line) stroke options> projecting cap icon
Join:where a straight line (corner point) changes direction
- miter join: pointed corner (1-500)
*miter limit controls the point at which a pointed (Miter) join converts to a squared-off join (Bevel). The default is set to 4, which means that the corner will not convert from a Miter to a Bevel join until the length of the point is 4 times greater than the stroke weight.
- round join
- bevel join: strokes with squared (beveled corners)

Aligning Strokes: where stroke is placed on path
- to center
- to inside
- to outside

Convert Text to Paths:
- select text box, type> create outlines (Ctrl + Shift + O)
- ungroup letters: select letters, object> ungroup (Ctrl + Shift +G)

* can move the point of origin through transform tool, click and drag

No comments:

Post a Comment