Wed, Feb 16

Vector drawing continues

Today's objectives

Illustrator tools and techniques
  • Blends
    • Double-click the Blend tool for tool preferences
    • Strokes tend to get in the way
    • Only similar types of objects can be blended
    • Find out more about clipping masks here:Blend objects
  • Clipping masks (paths)
    • The top-most item does the clipping
    • Clipping masks should be closed paths
    • Clipping masks get changed to fill and stroke of none, but can still be edited
    • Use "release mask" to rework to disable a clipping mask
    • Find out more about clipping masks here: Edit clipping masks
  • Compound paths
    • The top-most item does the clipping
    • Make sure objects overlap, and are closed paths
    • When you convert type to outlines, letters like "O" and "D" will be compound paths
    • Find out more about compound paths here: Combine objects
  • Layers
    • Illustrator layers are similar to Photoshop Layers, but each layer can have any number of objects. Find out more here:Illustrator layers
  • Artboards
    • Illustrator allows multiple "artboards" which are like pages - each can be a different size. Find out more here: Using artboards
  • Symbols
    • Symbols are Illustrator drawings that can be repeated and modified easily. Find out more here: Using Symbols
  • Alignment
    • There are many ways to align objects accurately in Illustrator. Find out more here: Aligning objects
  • Transformation
    • Transforming objects numerically (rather than using the mouse) is often more accurate: Transform objects
  • Duplicate/Transform again
    • The "Transform again" (Command+D) function in Illustrator is powerful, but a little hard to find: Repeating objects

Preparation

  • Download Illustrator samples - same files as last class
  • Consider using a mouse - many people find the pen tool hard to use with a trackpad

Class resources

Sample files

Illustrator samples

Sample file notes:

  • Illustrator template.ai - basic shapes
  • Firenze.Baptistry06.JPG- replicate features of the architecture using simple shapes
  • HenryMoore_RecliningFigure_1951.jpg - trace the complex curves of the outline

Examples

Technical illustration: geared toward commercial illustration. Another good page

Incredibly detailed, photo-realistic commercial illustration.

Assignment 5:

Open 60 assignment

Imagine that NSCAD is the primary sponsor of a boat in an around-the-world race. Your job is to come up with graphics for the boat to reflect NSCAD's sponsorship of it. The role of the sponsorship is to promote NSCAD. Examine how other sponsors use graphics to promote themselves before you begin.

A basic outline of the boat is provided. You will submit a side and top view, using the provided file as guide. Your design must:

  • Research how other boats have been designed.
  • Emphasize the NSCAD colours. You can use any colour you want, but the colours of the NCSAD logo must be present. You can refer to the NSCAD identity guide PDF.
  • The IMOCA Open 60 logo must be present at the top of the sail. You will need to re-create it. Use this one: IMOCA Open 60 logo for reference. The version that you create should look exactly like this.
  • Only vector images may be present.
  • You will want to use the NSCAD logo. You can access a version of the NSCAD logo online. There are multiple versions in this file. Use this version; don't create your own.
  • Include lots of detail. Think about how the design would look from close up and from far away. Some elements may be very small in your file - that's OK.
  • The outline, size and shape of the boat cannot be changed. Graphics can go on the mast, hull, boom, mainsail or other parts. The lines you see at the front of the boat (from the mast to the hull and bowsprit) are not sails and no graphics can go there. Check out images for reference.
  • The number 5163 must appear on the hull in large numbers.
  • Optional: Draw a rear view of the boat and create graphics for the stern. Use photos for a reference.

Make sure to save your file for review, if needed.

Upload the file to the Brightspace by 6 pm, Tue, Mar 08

Late assignment penalties

For this assignment, late submissions will be penalized at 10% of the total mark (that is, if an assignment is graded out of 10, you will lose 1 point per day, starting on the due date.)

A 1-hour grace period after the assignment due time will be given to avoid any technical issues related to internet speed resulting in late assignment penalties.

The best approach, however, is to submit work early.

A real-world version of our assignment:
Article: Camper Open 70 Design

Professional practice

Constructing good, editable files is a core skill in Illustrator. A file may be edited, updated and altered dozens, even hundreds of times. Making sure the base file is well-built is essential.

Pay attention to details - remember that a small irregularity on your screen could be a huge irregularity in a wall-sized museum display or billboard.

Links

Illustrator Clipping Path Tutorial

How to create a basic clipping path in Illustrator.

Pen Tool Tutorial

Another pen tool tutorial. Practice, practice, practice.

Photoshop Vector Mask (clipping path)

This image, with sharp edges and smooth curves, is a good practice image for creating a vector mask in Photoshop. Right-click it (control-click on some Macs) to download it and open in Photoshop. In the "paths" panel, create a new path, draw a closed path around the airplane with the pen tool, and then turn it into a vector mask, under Layer->Vector Mask-> Current path.

Isometric Drawing in Illustrator

An isometric drawing tutorial. But watch out for an error - you need to scale by 86.602%, not 86.062%

Copy and Rotate

Using copy and rotate to create a snowflake in Illustrator. A really useful technique - even if you're never going to create a snowflake.