Download - Plan601 e session 4 demo
![Page 1: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/1.jpg)
session 4 demo:continuum diagrams and matricesPLAN601E VErbAL ANd VisuAL: iNformAtioN GrAPhics (sEssioN 4)
SESSION 4 DEMO:CONTINUUM DIAGRAMS AND MATRIXESPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)
![Page 2: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/2.jpg)
creating a continuum diagram in adobe illustrator
![Page 3: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/3.jpg)
Let’s make a continuum diagram that presents a range of ground floor transparency in East Village storefronts.
creating a continuum diagram with illustrator
![Page 4: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/4.jpg)
1) draw a line with arrowheads on both ends; 2) use the type tool to make labels for either maximum.
creating a continuum diagram with illustrator
type12
![Page 5: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/5.jpg)
Steps: 3) flatten and crop images.CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
3
3) flatten and crop images in Photoshop.creating a continuum diagram with illustrator
3
![Page 6: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/6.jpg)
Steps: 4) adjust brightness with autocolor.CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
4
4) Adjust brightness and contrast with Auto tone/contrast/color.creating a continuum diagram with illustrator
4
![Page 7: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/7.jpg)
Steps: 5) adjust levels and save as .jpeg.CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
5LEVELS
5) Adjust levels as necessary and save as .jpg.creating a continuum diagram with illustrator
5levels
![Page 8: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/8.jpg)
7) create graphic conventions for displaying photos, aerials, and labels; use pathfinder to create talk-box.
creating a continuum diagram with illustrator
77
7
7
![Page 9: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/9.jpg)
8) copy photo box and relink images with the links palette (alternative to placing each image individually).
creating a continuum diagram with illustrator
88
linKs
![Page 10: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/10.jpg)
9) Key photos into the arrow by adjusting anchors on the box utilizing the direct selection tool.
creating a continuum diagram with illustrator
9
9
![Page 11: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/11.jpg)
10) Add descriptive labels with the type tool.creating a continuum diagram with illustrator
10
![Page 12: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/12.jpg)
11) convert the arrow into a polygon by selecting object>flatten transparency.
creating a continuum diagram with illustrator
11
![Page 13: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/13.jpg)
12) create a compound path with the pathfinder.creating a continuum diagram with illustrator
12
![Page 14: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/14.jpg)
13) Establish your color palette. Add your colors to the gradient palette by dragging the color from the fill.
creating a continuum diagram with illustrator
13
![Page 15: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/15.jpg)
14) create a new polygon with the gradient fill and then use the eyedropper to color the arrow.
creating a continuum diagram with illustrator
14
14
![Page 16: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/16.jpg)
Let’s try out another convention for displaying the photo documentation.
creating a continuum diagram with illustrator
![Page 17: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/17.jpg)
Steps: 15) open image in photoshop, create layer from background by double-clicking “background.”
CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
15
LAYERS
15) open image in Photoshop, create layer from background by double-clicking ‘background.’
creating a continuum diagram with illustrator
15
layers
![Page 18: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/18.jpg)
Steps: 16) select an area of the image with the lasso tool, then select the inverse.
CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
16
16
LAYERS
16) select an area of the image with the lasso tool, then select the inverse.
creating a continuum diagram with illustrator
16
16
layers
![Page 19: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/19.jpg)
Steps: 17) press “delete” to delete the inverse area.CREATING A CONTINUUM DIAGRAM WITH ILLUSTRATOR
17) Press ‘delete’ to delete the inverse area.creating a continuum diagram with illustrator
![Page 20: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/20.jpg)
18) change the image mode to Grayscale.creating a continuum diagram with illustrator
18
![Page 21: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/21.jpg)
19) save as a .psd or a .pngcreating a continuum diagram with illustrator
![Page 22: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/22.jpg)
20) replace photos with greyscale images; create new graphic convention for key map.
creating a continuum diagram with illustrator
20
20
![Page 23: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/23.jpg)
21) Key images with the arrow.creating a continuum diagram with illustrator
21
![Page 24: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/24.jpg)
creating a continuum diagram with illustrator
![Page 25: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/25.jpg)
creating a continuum diagram in adobe indesign
![Page 26: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/26.jpg)
Let’s make a matrix that evaluates the contribution of activites in the East Village to ‘health infrastructure.’
creating a matrix with adobe indesign
PromotEs ActiVitY
frEsh food
commuNitY sPAcE
hEALth sErVicEs
PubLic AccEss
hEALth iNfrAstructurE iN ALPhAbEt citY
PositiVE imPAct No imPAct NEGAtiVE imPAct
No need to make an export because the diagram is already in Indesign!
CREATING A MATRIX WITH ADOBE ILLUSTRATOR
PROMOTES ACTIVITY
FRESH FOOD
COMMUNITY SPACE
HEALTH SERVICES
PUBLIC ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
![Page 27: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/27.jpg)
1) use document grid as guide for setting up a grid of lines with the Line tool.
view
11
creating a matrix with adobe indesign
![Page 28: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/28.jpg)
2) Place an image in the document, adjust frame and with selection tool, adjust size with direct selection tool.
2
creating a matrix with adobe indesign
![Page 29: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/29.jpg)
3) copy image and then use the relink button in Links palette to switch out images.
3
3
creating a matrix with adobe indesign
linKs
![Page 30: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/30.jpg)
4) copy / paste icons from illustrator; use icons to define categories for each matrix cell.
4
creating a matrix with adobe indesign
![Page 31: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/31.jpg)
5) create labels for the matrix cells using text tool; clean up using align palette.
5
creating a matrix with adobe indesign
align
![Page 32: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/32.jpg)
6) fill in matrix cells with symbol icons.
6
creating a matrix with adobe indesign
![Page 33: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/33.jpg)
7
7
creating a matrix with adobe indesign
7) Add background fills utlizing the rectangle tool.
![Page 34: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/34.jpg)
8
8
8
creating a matrix with adobe indesign
8) modify line styles, icon and text colors; make photos greyscale in Photoshop.
colors
stroKe
![Page 35: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/35.jpg)
9
creating a matrix with adobe indesign
9) Add a title and key with text tool.
![Page 36: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/36.jpg)
No need to make an export because the diagram is already in indesign!
creating a matrix with adobe indesign
PromotEs ActiVitY
frEsh food
commuNitY sPAcE
hEALth sErVicEs
PubLic AccEss
hEALth iNfrAstructurE iN ALPhAbEt citY
PositiVE imPAct No imPAct NEGAtiVE imPAct
No need to make an export because the diagram is already in Indesign!
CREATING A MATRIX WITH ADOBE ILLUSTRATOR
PROMOTES ACTIVITY
FRESH FOOD
COMMUNITY SPACE
HEALTH SERVICES
PUBLIC ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
![Page 37: Plan601 e session 4 demo](https://reader030.vdocument.in/reader030/viewer/2022032420/55a6162f1a28ab0a338b480c/html5/thumbnails/37.jpg)
message of this slide/ category of data documented on this page
assignment 3
title of yourpresentation
title slide; Previous slides (Assignments 1, 2 & 3)
Assignment 4: An evaluative or synthetic diagram
pdF, 7.5”x10”
intertitle; sketches, notes, precedents and revisions for Assignment 4; All previous sketches, notes, precedents and revisions
sketches, notes, precedents
and revisions
from some part of Assignment 4
Jpeg
headline tells me the message of this slide
PromotEs ActiVitY
frEsh food
commuNitY sPAcE
hEALth sErVicEs
PubLic AccEss
hEALth iNfrAstructurE iN ALPhAbEt citY
PositiVE imPAct No imPAct NEGAtiVE imPAct
No need to make an export because the diagram is already in Indesign!
CREATING A MATRIX WITH ADOBE ILLUSTRATOR
PROMOTES ACTIVITY
FRESH FOOD
COMMUNITY SPACE
HEALTH SERVICES
PUBLIC ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT
PromotEs ActiVitY
frEsh food
commuNitY sPAcE
hEALth sErVicEs
PubLic AccEss
hEALth iNfrAstructurE iN ALPhAbEt citY
PositiVE imPAct No imPAct NEGAtiVE imPAct
No need to make an export because the diagram is already in Indesign!
CREATING A MATRIX WITH ADOBE ILLUSTRATOR
PROMOTES ACTIVITY
FRESH FOOD
COMMUNITY SPACE
HEALTH SERVICES
PUBLIC ACCESS
HEALTH INFRASTRUCTURE IN ALPHABET CITY
POSITIVE IMPACT NO IMPACT NEGATIVE IMPACT