Plan601 e session 4 demo

471 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
471
On SlideShare
0
From Embeds
0
Number of Embeds
247
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Plan601 e session 4 demo

  1. 1. 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)
  2. 2. creating a continuum diagram in adobe illustrator
  3. 3. creating a continuum diagram with illustrator Let’s make a continuum diagram that presents a range of ground floor transparency in East Village storefronts.
  4. 4. 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.
  5. 5. 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.
  6. 6. 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.
  7. 7. 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.
  8. 8. 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.
  9. 9. 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).
  10. 10. 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.
  11. 11. 10 creating a continuum diagram with illustrator 10) Add descriptive labels with the type tool.
  12. 12. 11 creating a continuum diagram with illustrator 11) Convert the arrow into a polygon by selecting Object>Flatten Transparency.
  13. 13. 12 creating a continuum diagram with illustrator 12) Create a compound path with the pathfinder.
  14. 14. 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.
  15. 15. 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.
  16. 16. creating a continuum diagram with illustrator Let’s try out another convention for displaying the photo documentation.
  17. 17. 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.”
  18. 18. 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.
  19. 19. 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.
  20. 20. 18 creating a continuum diagram with illustrator 18) Change the Image Mode to Grayscale.
  21. 21. creating a continuum diagram with illustrator 19) Save as a .psd or a .png
  22. 22. 20 20 creating a continuum diagram with illustrator 20) Replace photos with greyscale images; create new graphic convention for key map.
  23. 23. 21 creating a continuum diagram with illustrator 21) Key images with the arrow.
  24. 24. creating a continuum diagram with illustrator
  25. 25. creating a continuum diagram in adobe indesign
  26. 26. 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.’
  27. 27. 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.
  28. 28. 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.
  29. 29. 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.
  30. 30. 4 creating a matrix with adobe indesign 4) Copy / paste icons from Illustrator; use icons to define categories for each matrix cell.
  31. 31. 5 align creating a matrix with adobe indesign 5) Create labels for the matrix cells using text tool; clean up using align palette.
  32. 32. 6 creating a matrix with adobe indesign 6) Fill in matrix cells with symbol icons.
  33. 33. 7 7 creating a matrix with adobe indesign 7) Add background fills utlizing the rectangle tool.
  34. 34. colors 8 8 stroke 8 creating a matrix with adobe indesign 8) Modify line styles, icon and text colors; make photos greyscale in Photoshop.
  35. 35. 9 creating a matrix with adobe indesign 9) Add a title and key with text tool.
  36. 36. 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!

×