| Workshop 3a | |
|---|---|
| Course | Arch 200c |
| Date | 2014/10/16 |
| Learning Objectives | First workshop on vector and raster based techniques, centering on the suite of Adobe products. Understanding the nature of raster and vector data structures, and the benefits and drawbacks of employing each, is fundamental to the effective use of computing in design. Also discussed are strategies for organizing Illustrator documents, and techniques for working with vector-based tone and texture to add spatial depth to pure line drawings |
| Agenda |
|
| Uses Tool(s) | |
Rasters and Vectors
There are two basic ways to describe 2-dimensional graphics using computers: using raster images (sometimes simply called "images" or "pixel-based graphics") and "vector graphics" (also referred to as "artwork" or "object-oriented graphics"). The following link describes the differences between rasters and vectors. raster and vector data structures
The following table briefly summarizes the features, as well as the advantages and disadvantages of rasters and vectors.
Software for Vectors : Illustrator, Corel Draw
Software for Rasters: Photoshop
Adobe I: Working with Vectors
Illustrator allows us to work with vector representations of our drawings without adhering to the conventions of graphic projection or architectural drawing. Illustrator places in relation to vector graphics in a non-draftsman kind of way.
Organizational Strategies in Illustrator
- Layers
- Layers provide a way to manage all the items that make up your artwork. Think of layers as clear folders that contain artwork. You can create new layers and move items into them, or move elements from one layer to another at any time. The Layers panel provides an easy way to select, hide, lock, and change the appearance attributes of artwork. You can even create template layers, which you can use to trace artwork, and exchange layers with Photoshop.
- Groups
- The Group tool allows you to combine several objects into a group so that the objects are treated as a single unit.
- Clipping Mask
- 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.
- Appearance panel
- The Appearance panel allows you to add attributes and properties to your object in the form of layer that affects the look of the object without altering its underlying structure. Appearance attributes include fills, strokes, transparency, and effects. If you apply an appearance attribute to an object and later edit or remove that attribute, it does not change the underlying object or any other attributes applied to the object.
- Edit Colors
- The Edit Colors menu allows you to modify the color of your object, by adjusting the hue, saturation, grayscale etc.
Dynamic Tools
- 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.
- Blends
- Blend tool allows you to make gradual transitions between shapes, colors or opacities and strokes. Same as Live Paint tool, Blend creates a dynamical object that readapts to post modifications.
Working Between Illustrator and Photoshop
- Creating an Orthographic Drawing with Shadow and Entourage
- This workflow will present the methods necessary to create an intriguing rendered orthographic drawing. After taking an orthographic drawing from Illustrator with proper lineweights, we will add subtle textures and materiality to read the spaces better, add shadow and poche, and finally add people and trees for scale.
Related
- Analogous 2013 Session
- The above content roughly corresponds with this class session from last year.
- Analogous 2012 Session
- The above content roughly corresponds with this class session from two years ago.
- Creating Shadows for Plan Drawings
- Shadows on plans help drawings read spatially. This tutorial explains how to edit a shadow render for a plan drawing.
- 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.
- Making Orthographic Drawings with Site Context
- This workflow demonstrates the process of creating a floor plan drawing with site context from a 3D Rhino model. The process includes cleaning up the output, deciding what information to keep / delete and what needs to be drawn to complete the understanding of the space.
- Creating a Program Circulation Diagram
- This workflow demonstrates how a simple massing can be programmed with boxes to divide and discern the location of the various circulation and programmatic elements. This workflow will start in Rhino, move to VRay and finished in Illustrator
- Organizing Detailed 2d Drawings in AutoCAD and Illustrator
- This workflow will demonstrate how to create multiple scaled viewports in AutoCAD as a means of showing varied level of detail. As a designer, this is important to know for conveying design intent. The workflow will also show how to add basic annotations and dimensions to your drawing and then import it into Illustrator for post processing.
- Cleaning Up 2D Drawings Extracted from a 3D Model
- This workflow emphasizes how to use extracted line work from a 3D model in order to iterate and refine a design. Precision, accuracy and organization are also emphasized in using the line work to produce a final drawing set. Starting with an existing digital model, we will redesign and refine portions of a building. The use of layer management is critical in working efficiently.
- 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,