Plan601 e session 4 demo
Upcoming SlideShare
Loading in...5
×
 

Plan601 e session 4 demo

on

  • 411 views

 

Statistics

Views

Total Views
411
Views on SlideShare
249
Embed Views
162

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 162

http://prattinfographics.wordpress.com 162

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Plan601 e session 4 demo Plan601 e session 4 demo Presentation Transcript

  • SESSION 4 DEMO: session 4 demo: CONTINUUM DIAGRAMS AND MATRIXES continuum diagrams and matrices PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4) PLAN601E Verbal and visual: Information Graphics (session 4)
  • creating a continuum diagram in adobe illustrator
  • creating a continuum diagram with illustrator Let’s make a continuum diagram that presents a range of ground floor transparency in East Village storefronts. View slide
  • 2 creating a continuum diagram with illustrator 1 type 1) Draw a line with arrowheads on both ends; 2) Use the Type tool to make labels for either maximum. View slide
  • 3 CREATING A CONTINUUM creating a continuum DIAGRAM WITH ILLUSTRATOR diagram with illustrator 3) Flatten flatten images in Photoshop. Steps: 3) and cropand crop images.
  • 4 CREATING continuum creating a A CONTINUUM DIAGRAM WITH ILLUSTRATOR diagram with illustrator 4) Adjust brightness and contrast with Auto Tone/Contrast/Color. Steps: 4) adjust brightness with autocolor.
  • 5 LEVELS levels CREATING A CONTINUUM creating a continuum DIAGRAM WITH ILLUSTRATOR diagram with illustrator 5) Adjust levels as necessary save as .jpeg. Steps: 5) adjust levels andand save as .jpg.
  • 7 creating a continuum diagram with illustrator 7 7 7 7) Create graphic conventions for displaying photos, aerials, and labels; use pathfinder to create talk-box.
  • 8 8 LINKS creating a continuum diagram with illustrator 8) Copy photo box and relink images with the links palette (alternative to placing each image individually).
  • 9 9 creating a continuum diagram with illustrator 9) Key photos into the arrow by adjusting anchors on the box utilizing the direct selection tool.
  • 10 creating a continuum diagram with illustrator 10) Add descriptive labels with the type tool.
  • 11 creating a continuum diagram with illustrator 11) Convert the arrow into a polygon by selecting Object>Flatten Transparency.
  • 12 creating a continuum diagram with illustrator 12) Create a compound path with the pathfinder.
  • 13 creating a continuum diagram with illustrator 13) Establish your color palette. Add your colors to the gradient palette by dragging the color from the fill.
  • 14 14 creating a continuum diagram with illustrator 14) Create a new polygon with the gradient fill and then use the eyedropper to color the arrow.
  • creating a continuum diagram with illustrator Let’s try out another convention for displaying the photo documentation.
  • 15 15 LAYERS layers CREATING A CONTINUUM creating a continuum DIAGRAM WITH ILLUSTRATOR diagram with illustrator 15) Open image in Photoshop, create layer Steps: 15) open image in photoshop, create layer from background double-clicking ‘background.’ frombackground by by double-clicking “background.”
  • 16 16 16 16 LAYERS layers CREATING A CONTINUUM creating a continuum DIAGRAM WITH ILLUSTRATOR diagram with illustrator 16) Select select an area of with the lasso tool, then select the Steps: 16)an area of the imagethe image with the lasso tool, inverse. then select the inverse.
  • CREATING A CONTINUUM creating a continuum DIAGRAM WITH ILLUSTRATOR diagram with illustrator 17) Press ‘delete’ “delete” to inverse area. Steps: 17) press to delete the delete the inverse area.
  • 18 creating a continuum diagram with illustrator 18) Change the Image Mode to Grayscale.
  • creating a continuum diagram with illustrator 19) Save as a .psd or a .png
  • 20 20 creating a continuum diagram with illustrator 20) Replace photos with greyscale images; create new graphic convention for key map.
  • 21 creating a continuum diagram with illustrator 21) Key images with the arrow.
  • creating a continuum diagram with illustrator
  • creating a continuum diagram in adobe indesign
  • HEALTH INFRASTRUCTUREIN ALPHABET CITY HEALTH INFRASTRUCTURE IN ALPHABET CITY PROMOTES PROMOTES FRESH FOOD ACTIVITY ACTIVITY FOOD POSITIVE IMPACT POSITIVE IMPACT creating a matrix CREATING A MATRIX with ADOBE ILLUSTRATOR WITHadobe indesign COMMUNITY HEALTH COMMUNITY HEALTH PUBLIC PUBLIC SPACE SERVICES ACCESS SPACE SERVICES ACCESS NO IMPACT NO IMPACT NEGATIVE IMPACT NEGATIVE IMPACT Let’s make a matrix that evaluates the contribution of activites No need to make an export because the diagram is in the East Indesign! already in Village to ‘health infrastructure.’
  • view 1 creating a matrix with adobe indesign 1 1) Use document grid as guide for setting up a grid of lines with the Line tool.
  • 2 creating a matrix with adobe indesign 2) Place an image in the document, adjust frame and with selection tool, adjust size with direct selection tool.
  • LINKS 3 3 creating a matrix with adobe indesign 3) Copy image and then use the Relink button in Links palette to switch out images.
  • 4 creating a matrix with adobe indesign 4) Copy / paste icons from Illustrator; use icons to define categories for each matrix cell.
  • 5 align creating a matrix with adobe indesign 5) Create labels for the matrix cells using text tool; clean up using align palette.
  • 6 creating a matrix with adobe indesign 6) Fill in matrix cells with symbol icons.
  • 7 7 creating a matrix with adobe indesign 7) Add background fills utlizing the rectangle tool.
  • colors 8 8 stroke 8 creating a matrix with adobe indesign 8) Modify line styles, icon and text colors; make photos greyscale in Photoshop.
  • 9 creating a matrix with adobe indesign 9) Add a title and key with text tool.
  • HEALTH INFRASTRUCTUREIN ALPHABET CITY HEALTH INFRASTRUCTURE IN ALPHABET CITY PROMOTES PROMOTES FRESH FRESH ACTIVITY FOOD ACTIVITY FOOD POSITIVE IMPACT POSITIVE IMPACT creating a matrix CREATING A MATRIX with ADOBE ILLUSTRATOR WITHadobe indesign COMMUNITY HEALTH COMMUNITY HEALTH PUBLIC PUBLIC SPACE ACCESS SERVICES SPACE SERVICES ACCESS NO IMPACT NO IMPACT NEGATIVE IMPACT NEGATIVE IMPACT No need to make export because the diagram is already No need to make anan export because the diagram is in InDesign! already in Indesign!