Plan601E Session 2 Demo

1,084 views

Published on

  • Be the first to comment

  • Be the first to like this

Plan601E Session 2 Demo

  1. 1. SESSION 2 DEMO:CHARTS, GRAPHS, AND ICONSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
  2. 2. MENUS 1CREATING A PIE CHART Steps: 1) open template.WITH ADOBE ILLUSTRATOR
  3. 3. CHART TOOL 2CREATING A PIE CHART Steps: 2) use chart tool to make 4” x 4” pie chart.WITH ADOBE ILLUSTRATOR
  4. 4. 3 POP. DATA CD1 v. TRACT v. (CITY - CD1) (CD1 - TRACT)CREATING A PIE CHART Steps: 2) paste Fact Finder population data into table.WITH ADOBE ILLUSTRATOR
  5. 5. 4 OBJECT MENUSCREATING A PIE CHART Steps: 4) ungroup each chart three times.WITH ADOBE ILLUSTRATOR
  6. 6. 5 6 6CREATING A PIE CHART Steps: 5) select part of chart you want to color with selectWITH ADOBE ILLUSTRATOR tool; 6) use eyedropper tool to color the polygon.
  7. 7. Let’s utilize the sort functions in Excel in order to visually organize census data based on our own study area zones. 1 FIND / REPLACECREATING A BAR GRAPH Steps: 1) clean up data utilizing find / replace.WITH ADOBE ILLUSTRATOR
  8. 8. Let’s utilize the sort functions in Excel in order to visually organize census data based on our own study area zones. 2CREATING A BAR GRAPH Steps: 2) add a column and add letter code eachWITH ADOBE ILLUSTRATOR census tract’s zone (A, B, C, D).
  9. 9. Let’s utilize the sort functions in Excel in order to visually organize census data based on our own study area zones. SORT 3CREATING A BAR GRAPH Steps: 3) sort the data based on the new column.WITH ADOBE ILLUSTRATOR
  10. 10. Let’s generated some percentages for households where non-relatives are livingt. 5 FORMULA BAR 4 5CREATING A BAR GRAPH Steps: 4) add column and sum family and non-family HHWITH ADOBE ILLUSTRATOR with non-relatives; 5) divide new column by total HH.
  11. 11. Let’s generated some percentages for households where non-relatives are living. 5 FORMULA BAR 4 5CREATING A BAR GRAPH Steps: 4) add column and sum family and non-family HHWITH ADOBE ILLUSTRATOR with non-relatives; 5) divide new column by total HH.
  12. 12. 6 6CREATING A PIE CHART Steps: 6) use graph tool to create 6” x 4” graph.WITH ADOBE ILLUSTRATOR
  13. 13. 7 SELECT AND RIGHT-CLICK GRAPH TO BRING UP TABLE. 8CREATING A BAR GRAPH Steps: 7) paste total HH into table and add 8,000 in lastWITH ADOBE ILLUSTRATOR row; 8) copy graph and past non-relatives into table.
  14. 14. 9 9CREATING A BAR GRAPH Steps: 9) ungroup both graphs, delete all lines and labelsWITH ADOBE ILLUSTRATOR from non-relative graph, use eyedropper to color graphs.
  15. 15. 10CREATING A BAR GRAPH Steps: 10) overlay the non-relative graph bars with theWITH ADOBE ILLUSTRATOR total HH graph; delete 8,000 bar (far most right bar).
  16. 16. 11 12 11 STROKE 13 PALETTE Steps: 11) use direct and indirect select tools to createCREATING A BAR GRAPH spacing between bars in each zone; 12) add text labels; 13)WITH ADOBE ILLUSTRATOR modify line weights of axes.
  17. 17. 11 12 11 12 STROKE 13 PALETTE Steps: 11) use direct and indirect select tools to createCREATING A BAR GRAPH spacing between bars in each zone; 12) add text labels;WITH ADOBE ILLUSTRATOR 13) modify line weights of axes.
  18. 18. 15 14 15CREATING A BAR GRAPH Steps: 14) add labels for percentages; 15) where textWITH ADOBE ILLUSTRATOR overlaps with axes, delete background lines using cut tool.
  19. 19. 17 17 16CREATING A BAR GRAPH Steps: 16) add labels for title, units, areas, key; 17) useWITH ADOBE ILLUSTRATOR rectangle tool to create background shading.
  20. 20. CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR
  21. 21. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 1CREATING A ICONS Steps: 1) download a jpeg of an icon that has clean linesWITH ADOBE ILLUSTRATOR and few colors and place it in illustrator.
  22. 22. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 2CREATING A ICONS Steps: 2) select the jpeg and then click mask (you mayWITH ADOBE ILLUSTRATOR need to adjust the mask settings).
  23. 23. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 3CREATING A ICONS Steps: 3) click expand to convert the jpeg to vectors.WITH ADOBE ILLUSTRATOR
  24. 24. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 4CREATING A ICONS Steps: 4) ungroup and then delete extraneous vectors.WITH ADOBE ILLUSTRATOR
  25. 25. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 5CREATING A ICONS Steps: 5) edit colors, styles, etc.; you can also copy / pasteWITH ADOBE ILLUSTRATOR the icon into Indesign.
  26. 26. Another approach is to create an icon by tracing over a photograph. 6CREATING A ICONS Steps: 6) place a jpeg of a photo with a clear figureWITH ADOBE ILLUSTRATOR in Illustrator.
  27. 27. Another approach is to create an icon by tracing over a photograph. 7 7CREATING A ICONS Steps: 7) use the pen tool to trace the edges of the figure.WITH ADOBE ILLUSTRATOR
  28. 28. Another approach is to create an icon by tracing over a photograph. 8CREATING A ICONS Steps: 8) trace other important visual features.WITH ADOBE ILLUSTRATOR
  29. 29. Another approach is to create an icon by tracing over a photograph. 9CREATING A ICONS Steps: 8) add lines if needed to describe the figure.WITH ADOBE ILLUSTRATOR
  30. 30. Another approach is to create an icon by tracing over a photograph. 10 10CREATING A ICONS Steps: 10) use direct selection tool and color palette toWITH ADOBE ILLUSTRATOR color the icon.
  31. 31. Another approach is to create an icon by tracing over a photograph. 10 10CREATING A ICONS Steps: 10) use direct selection tool and color palette toWITH ADOBE ILLUSTRATOR color the icon.
  32. 32. Another approach is to create an icon by tracing over a photograph. 11CREATING A ICONS Steps: 11) make a copy of the icon and use flattenWITH ADOBE ILLUSTRATOR transparency to convert the lines to polygons.
  33. 33. A third way to create an icon is to convert typographic icons to vectors. 12 12CREATING A ICONS Steps: 12) find an icon in a font that you like.WITH ADOBE ILLUSTRATOR
  34. 34. A third way to create an icon is to convert typographic icons to vectors. 13CREATING A ICONS Steps: 13) paste character into a new text box, select boxWITH ADOBE ILLUSTRATOR with direct selection tool, and use create outlines.
  35. 35. A third way to create an icon is to convert typographic icons to vectors. 14CREATING A ICONS Steps: 14) ungroup the vectors.WITH ADOBE ILLUSTRATOR
  36. 36. A third way to create an icon is to convert typographic icons to vectors. 15CREATING A ICONS Steps: 15) edit colors, styles, etc.; you can also copy /WITH ADOBE ILLUSTRATOR paste the icon into Indesign.
  37. 37. You can also use icons that are available for download under Creative Commons.CREATING A ICONS www.thenounproject.orgWITH ADOBE ILLUSTRATOR www.iconmonstr.com

×