DL03 2020 FA W08

Student Presentations:

Assignment 6.1:
Shepard Fairey-Like, Post-Midterm Self-Portrait

  • Illustrator self portrait a-la Shepard Fairey.  Follow the procedure for creating a Shepard Fairey-like image from a selfie.  2160×1920 color PDF (portrait/vertical orientation).
  • Click here for a detailed guide to creating a Shepard Fairey-like portrait
  • YouTube Tutorial Part 1
  • YouTube Tutorial Part 2
  • YouTube Tutorial Part 3
  • Optional:  Print out each Illustrator layer separately (all have to be at the same scale) and cut out stencils from the prints.  Use your choice of variously colored media (spray paint, chalk, charcoal, etc.) to print the stencil and create a physical self-portrait.  Preferred physical size is 17×11 (portrait/vertical orientation).  Take a new selfie alongside your portrait and upload to Bluescape along with the original self-portrait.

Due Week 8.

Assignment 6.2:
Movie Diagram (Team up!)


The class will divide up into teams.  Each team will get one of the following movies and together create a narrative diagram of it.

  • Inception
  • The Hangover
  • Pulp Fiction
  • City of God
  • Die Hard
  • The Royal Tenenbaums
  • The Big Lebowski
  • Dunkirk

Watch the movie together as a team.  Together, brainstorm, sketch out, and decide what information to include in the diagram and how the diagram should look.  Divide up the workload and tasks between the team members.  For example, if there are three parts to the diagram, each team member can work on creating one part.  Or one person can be the art director, one person can create the graphic language, and one person can be the production artist.

Upload a color PDF to Bluescape for Week 8.  Size should be at least 2160×1920 pixels.

01 Operative Diagrams


Click here for previous students’ examples

The Operative Diagram describes the formal manipulations used to transform a simple shape into a complex one.

They reveal and illustrate the sequence of individual steps in the transformation process.

The reasons behind each operation are explained and the movements displayed.  There are many reasons that an operation could be performed.  Some general examples:

  • To create spaces or openings for circulation
  • To respond to environmental phenomena such as sunlight, wind, or sound
  • To introduce variation and dynamism in an otherwise static arrangement
  • As a response to views, both in and out
  • As a means of dealing with any number of program or site concerns

Like the 3D Analytical Site Diagram, these Operative Diagrams help explain and justify your design decisions.

Operative Diagrams should be able to explain to non-designers:

  • DERIVATION of form and space
  • CONCEPTS being translated into form and space
  • REASONS for conducting each operation/manipulation

Screen Shot 2013-10-25 at 3.47.50 PMLap by BIG

Serpentine Pavilion by BIG

Screen Shot 2013-10-25 at 4.19.42 PMLil by BIG

The Couch by MVRDV

Highline Tower Study by MVRDV

And many more examples in these Program Diagram books (out of print, hard to find, and expensive to buy – try a library):

411yS96vDNL._SX240_  41eJM5bacxL._SX240_

Architectural and Program Diagrams

Kim Seonwook

Architectural and Program Diagrams 2

Kim Seonwook, Pyo Miyoung

Building a diagram as an afterthought

Facade Operative Diagram Tutorial
by Yo Sensei

Yo’s tutorial goes through modeling for the first half.  The important thing to know is how he models each step in the facade development process and organizes the layers.  In summary:

    1. In Rhino, save a Named View that is a 3D parallel projection.
    2. Create geometry that shows the starting primitive form.  Save on its own layer.
    3. Copy the geometry to a new layer and alter it to create the first step in the operative sequence.
    4. Copy the new geometry to a new layer and alter it to demonstrate the next step.  Repeat for as many steps as you need.
    5. Skip to 28:26 to see how the Make2D objects are created in sequence, arranged on layers, and exported to Illustrator.
    6. The Illustrator portion starts at 34:19.

Yo’s Tutorial File 1 Here

Download scaled people for Rhino here

Additional Graphic Treatments

YouTube tutorial here.

– Shape Builder tool settings for color
– Preview/Outline mode toggle for precise drawing
– Select Same Fill/Stroke

02 Illustrator Tutorial:
Compound Paths and Clipping Masks

Download the example files here.

03 Lab Time / Desk Crits

Assignment 8.1

Create an Operative Diagram Series for your ENV3 facade design.

Format it as a sequence of individual diagrams on one or more 1920×1080 layouts.  Each individual diagram should focus on a particular operation and illustrate very simply the decision made in that step.