Workshop 2a

Arch 200c 2013 Fall

Course Arch 200c
Date 2013/09/19
Learning Objectives Concurrent with a redlining session of drawings produced for 200a, Workshop 2a will present techniques in Illustrator for the production of notational mappings.
  • Studio Redline Pinup
  • Workshop 2a - Tools in Illustrator
    • Repeating Patterns
    • Live Paint
    • Blends
    • Clipping Masks
    • Appearance Panel
  • On the Radar
    • problem set one next Tuesday
    • discussion of readings next Thursday
Uses Tool(s) Illustrator CS5

This session will be led by Kirsten Larson.

Studio Redline Pinup

Please have a draft version of all required drawings pinned up in room 901 by the start of class. Your instructors who are not leading today's session will markup your work during today's workshop.

Workshop 2a

In Workshop 2a we will dip our toes into 5 different tools in Illustrator that are useful for mapping and diagramming. Students will be able to follow along with a separate Illustrator file created for each tool. The goal is not to learn a specific way of making diagrams or maps, but rather, intended to give students an introduction to parts of Illustrator that are often more difficult to learn on your own.

Each mini-workshop will be 10-15 minutes followed by a short exercise where students practice each tool on their own.

1. Repeating Patterns
In Illustrator Patterns are used to fill shapes or lines to create more texture and depth than flat colors. They are also a faster way to create specific textures across an area that can easily rescaled and edited. Illustrator comes with many pre-set repeating patterns, however, they are often not incredibly useful for architectural mapping and diagraming. It is good practice to create your own patterns for graphic work. A library of your own patterns will be useful in future projects.
2. Live Paint
Live Paint is a distinct way of coloring closed shapes that treats all line work as if it is on the same layer. Live paint detects intersecting lines and allows you to paint in the areas and lines between overlapping shapes. Live paint creates a “dynamic object” meaning that you can adjust the position of your shapes and line work and Illustrator will continue to recognize fill/line relationships.
3. Blends
Blends in Illustrator work with both lines and colors. Blends are used to make gradual transitions between two open lines or two different colors or opacities. Like many operations in Illustrator Blends are dynamic objects that can be edited post creation.
4. Clipping Masks
A clipping mask is an object whose shape masks other artwork so that only areas that lie within the shape are visible—in effect, clipping the artwork to the shape of the mask. The clipping mask and the objects that are masked are called a clipping set. You can make a clipping set from a selection of two or more objects or from all objects in a group or layer.
5. Appearance Panel
The appearance panel is one of the most useful editing tools in Illustrator. It allows you to add multiple effects to specific objects that can easily be deleted or modified. Applying effects in the appearance panel is “nondestructive” editing – meaning that the simple black line you originally drew is still essentially a simple black line and effects like drop shadows, shading, and color are applied in the appearance panel and therefore can be easily modified. The underlying structure of objects is maintained.

Related Workflows

Precision & Composition Basics in Illustrator
This workflow teaches Illustrator as a vector based tool for efficient layout composition, digital drawing, and photo layering effects. Rulers, alignment tools, text editing, drawing, and layer management are emphasized. Students will learn an efficient process in composing a diagram that visually describes the constituent elements that compose a single image. The tools used within this workflow can be used throughout the design process; from concept development through presentation boards.
Using Clipping Masks to Combine Images and Line Drawings
The Clipping Mask feature in Illustrator is essential to combine raster images with vector-graphic linework. It is the primary way to crop images in Illustrator to a non-rectangular boundary. This tutorial will introduce the basic concepts in order to use clipping masks effectively, and then run through a series of progressively complex examples.
Extracting Line Work from a 3D Massing Model
This workflow describes the steps necessary to create a drawing set of a simple massing form. Students will learn how to cut an existing model, use viewports to create plan and section drawings, Make2d, organize layers for efficient editing in Illustrator, and exporting drawings to scale. Digital lineweights and standards are described along with the basic drawing tools in Illustrator.
Composing an Axonometric Drawing with Rhino 5, Photoshop & Illustrator
This workflow explores methods of composing an exploded axonometric rendering. The working process between Rhino, Photoshop and Illustrator is emphasized; along with precision, layer organization, and composition.
Mocking up Presentation Boards Using Illustrator
Mocking up final boards is an important step in not only preparing your work for plotting, but also in assessing which drawings take precedence in your presentation. Size and layout can determine which drawings take center stage as well as what drawings might need to be added or removed. Rather than creating generic layout boxes, this workflow uses Illustrator to create final boards with placed artwork.
Exploded Axonometrics from Digital Models
Using a provided Rhino 3dm file, this workflow demonstrates how to develop 2D axonometric drawings from 3D models exported into Adobe Illustrator. We will discuss the proper procedure of turning a 3D model into a 2D drawing, then manipulating lineweights, adding notations, adding color via the pen tool,
Developing Site Plans in 2D Rhino + Illustrator
This workflow explores the best practices in tracing existing maps for generating site plans. Some of these steps may also be helpful for tracing existing drawings, or re-working drawings that may have lost vector information. Emphasis is placed on precision, organization and efficiency.


Adobe Illustrator CS6 Help
Adobe's Help site for Illustrator.
Method & Craft
Advanced, specific techniques for Illustrator, Photoshop, Dreamweaver, and other software. Oriented towards graphic designers, but still of use.
Drawing Architecture tumblr
Collection of beautiful drawings by professionals and students for inspiration on technique and style in representation.
Graphic Addiction tumblr
Collection of student project representations. More rendering heavy, but still includes great line drawings.


Val Britton Maps
Stamen Design
Zip Code Visualization
You Are City


Our first in-class Problem Set is next Tuesday, just after Departure One Review. This should take an hour or less, and will ask you to perform a small exercise based on what we've covered in our workshops thus far. If you have any questions regarding the content or format of this drawing exercise, now is the time to ask!

Also, we will be discussing our first set of readings next Thursday. Everyone is expected to have read two readings out of those listed here . If you are leading the discussion next week, summaries are due by midnight Tuesday!