Mon, Mar 10

Vector drawing continues

Today's objectives

Illustrator tools and techniques
  • Blends: create repeating shapes and contoured gradients
    • 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 blends here: Blend objects
  • Clipping masks (paths) crop graphics
    • 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: create holes in graphics
    • 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
  • Linked files
    • If you drag a file or place a file into Illustrator, it can be either linked or embedded.
    • Linked files are not part of the Illustrator file and if you do not provide the files when sending to someone, the links will break.
    • Embed files instead. Copy and paste paths; don't drag files from the Finder into Illustrator (this will link them)
    • Use your "Links" panel (Window->Links) check if a file is linked or embedded and change from linked to embedded (or vice versa) if necessary.
    • Find out more about linked files here: Managing linked and embedded files
  • 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: place and space objects accurately
    • 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 to get the correct colours. Note: Adobe has made it difficult to use Pantone Spot Colours in current versions of Illustrator, so for this assignment you can use the RGB or CMYK equivalents.
  • 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. 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.
  • You must include some smaller scale graphics designed to be viewed close up. Remember: these boats are very large and it's the actual boat graphics, not a screen-sized representation, that you are designing. The ideas is to make sure sponsors are visible in images such as these: Open 60 sponsor logos.

  • 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.

Name the file YOURLASTNAME_Assignment5.ai

Upload the file to the Brightspace Sun, Mar 16

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

Another example of sailboat graphics:

Backgound on applying graphics to sails hulls and more.

Assignment 10: Written Assignment

Write a review of an application you have not used before. You will write this from the perspective of someone who has not used the application before.

Note: this assignment will be done in stages:
  • Rough draft: upload to Brightspace by 6 pm, Sun, Mar 23
  • Final draft: upload to Brightspace by 6 pm, Sun, Apr 06

Dates for each phase will be confirmed as the class progresses.

You will begin by being assigned an application to review. The application will either be free, part of the Adobe Creative Cloud package, or available as a free, limited time demo. Make sure to check the assigned application on your computer to make sure it will run. If you encounter obstacles, contact me as soon as possible for an alternative. For demo version, check the length of time you can use the software before installing it. Once the time limit expires, you generally cannot re-install it. If you cannot install or access the assigned software, contact me immediately.

  • Consider the process to set up the software.
  • Are you provided with clear introduction to how to use it?
  • How clear is the interface? Does it work like other programs you are used to, or do you need to learn an entirely new approach?
  • Based on your experience, would you use the software again if you had the opportunity? What strengths and weaknesses can you identify?
  • Use specific examples from your personal experience learning the software as a beginner. Avoid general statements. Back up your opinions with examples.
  • You will not be required to submit any work created with the software, or demonstrate skill. This assignment is about communicating the process of understanding the basics of how the software works, and reviewing what is hard or easy about learning the basics.
  • I recommend you do a simple task (can be part of a tutorial) to evaluate the software's usability.
  • Minimum length: 500 words.
  • Due date for rough draft: upload to Brightspace as PDF file by 6 pm, Sun, Mar 23
  • All work must be your own. Any text or ideas created by others must be cited. Artificial intelligence/large language model tools like ChatGPT cannot be considered your own work.

    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.