Recap, Typography, Shading, Etc. - University of Hawaii · 2012. 3. 22. · Photoshop effects (raster) ! Style panel are special effects (or styles) applied to fills and strokes are

Recap, Typography, Shading, Etc.

Class 19 + 20

RECAP � Transform Tools � What have we used it for?

� Project 3: Cd Cover

� Assignment 4: Fruit Collage

San Serif: Without serifs

Serif: With “feet”

San serif: Without serifs Decorative

Things to think about… 1)  What type of logo?

Pictograms – picture driven Ideograms – idea driven Abstract – more common Typographic

2) The logo will guide the artistic direction of your card. color font choice additional graphics

Illustrator Gradients �  Gradient fill

� A gradual blend between two or more colors.

�  Gradient Mesh �  Can be linear (side to side) or radial (out from center)

�  To create and save a two-color gradient. �  Starting point and Ending point �  Midpoint (diamond): where the starting and ending colors are

of equal amount.

Gradient Mesh �  To achieve asymmetrical designs with gradients. �  Create realistic blends that follow the contours of a specific

shape.

Breakdown of a Mesh �  Features:

�  A. Mesh Patch: This is the inner space, or fill, that displays the gradient’s color. �  B. Mesh Point: Each mesh patch has four connecting points that are much the

same as anchor points. �  C. Mesh Line: This is the connecting segment between mesh points. �  D. Control Handles: Each mesh point is a curving smooth point with its own

control handle adjusting the curving of the mesh lines.

Mesh Tool �  Allows you to manually apply a gradient mesh to an object. �  Must have a tangible fill. �  Create a Mesh Point anytime you click in the mesh grid, and

a mesh line appears.

A.  Not touching a valid object. B.  Can apply a gradient mesh.

How to Create � A. Click on mesh grid, mesh line appear that extends to

the edge of the object. � B. Click one existing mesh line to add a new point. � C. Continue to create points and lines until the grid is

positioned according to your design.

Remember �  Mesh points define the overall appearance of the gradient

because all colors extend outward from them and into surrounding patches.

�  Colors assigned to the mesh points blend into the colors of the patch, and become highlight or shadow regions.

Possibilities

Lighting + Shading

Style, Effects + Appearance �  Effects menu only applies modifications to the appearance of

a path, not the path itself. �  Illustrator effects (vector) �  Photoshop effects (raster)

�  Style panel are special effects (or styles) applied to fills and strokes are created and saved in this panel for future use. � Default styles

�  Appearance panel offers several ways to view and fine-tune the appearance of any object or style.

Graphic Style Panel �  Used to create and store special effects. �  Accessed through Window Menu > Styles. �  Create, access, alter or apply starts with the Style panel. �  Style Libraries

Effects Menu �  Illustrator Effects (RECAP)

�  3D � Convert to Shape � Crop Marks � Distort + Transform �  Path �  Pathfinder �  Stylize �  SVG Filters � Warp

Style Effects + Appearance �  Photoshop Effects

� Artistic �  Blur �  Brush Strokes � Distort �  Pixelate �  Sharpen �  Sketch �  Stylize � Texture � Video

Effects Panel

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Examples of Vector Effects

Effects for Vector Paths �  Remember these visual effects are applied only to the

object’s appearance. �  Object Menu > Expand Appearance

� Modifications

Sample of Raster Effects

Drop Shadow

Appearance Panel �  Offers ways to view and fine-tune the appearance of an

object or style. �  Selection of an object or style, the attributes will load and

become active in the Appearance panel. �  Only objects that have been applied from the Effect menu

show these effects in the Appearance panel.

Work �  Assignment 4: Collage of Fruits (11.01) �  Project 3: Logo + Business Card (due Thursday)

�  Laulima > Projects > Project 3 �  Things you will need to turn in

�  Illustrator file (please follow file type instructions) �  Sketches �  Go over rubric to see if your work is sound.

�  Readings � Ch. 3 + 5 � Ch. 10 p. 257 - 263

Textures �  You can create the effect of texture on your illustrations to

create depth and visual interest. �  You can create your own vector textures or import Raster

textures. �  Applying textures through the use of Clipping Masks. �  Raster textures should be of high resolution. �  Create brush textures in Photoshop. �  Using textures for depth

� Work best when moving from a lighter color to a darker version of the same color, or between colors of a similar hue.

In Class Exercise: Textures

Examples

Examples

Examples

Examples

Creative Process