Plan601E Session 2 Demo

685 views
678 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
685
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Plan601E Session 2 Demo

  1. 1. SESSION 2 DEMO:CHARTS, GRAPHS, AND ICONSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
  2. 2. Steps: 1) open template.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR1MENUS
  3. 3. Steps: 2) use chart tool to make 4” x 4” pie chart.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR2CHARTTOOL
  4. 4. Steps: 2) paste Fact Finder population data into table.CREATING A PIE CHARTWITH ADOBE ILLUSTRATORPOP.DATA3CD1 v.(CITY - CD1)TRACT v.(CD1 - TRACT)
  5. 5. Steps: 4) ungroup each chart three times.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOROBJECTMENUS4
  6. 6. Steps: 5) select part of chart you want to color with selecttool; 6) use eyedropper tool to color the polygon.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR566
  7. 7. Steps: 1) clean up data utilizing find / replace.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s utilize the sort functions in Excel in order to visuallyorganize census data based on our own study area zones.1FIND /REPLACE
  8. 8. AREA AAREA BAREA CCREATING A BAR GRAPHWITH ADOBE ILLUSTRATORSteps: 2) add a column and add letter code eachcensus tract’s zone (A, B, C, D).Let’s utilize the sort functions in Excel in order to visuallyorganize census data based on our own study area zones.
  9. 9. Steps: 2) add a column and add letter code eachcensus tract’s zone (A, B, C, D).CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s utilize the sort functions in Excel in order to visuallyorganize census data based on our own study area zones.2
  10. 10. Steps: 3) sort the data based on the new column.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s utilize the sort functions in Excel in order to visuallyorganize census data based on our own study area zones.3SORT
  11. 11. Steps: 4) add column and sum family and non-family HHwith non-relatives; 5) divide new column by total HH.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s generate some percentages for householdswhere non-relatives are living.455 FORMULABAR
  12. 12. Steps: 4) add column and sum family and non-family HHwith non-relatives; 5) divide new column by total HH.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s generate some percentages for householdswhere non-relatives are living.455 FORMULABAR
  13. 13. Steps: 6) use graph tool to create 6” x 4” graph.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR66
  14. 14. Steps: 7) paste total HH into table and add 6,000 in lastrow; 8) copy graph and past non-relatives into table.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR78SELECT AND RIGHT-CLICKGRAPH TO BRING UP TABLE.
  15. 15. Steps: 9) ungroup both graphs, delete all lines and labelsfrom non-relative graph, use eyedropper to color graphs.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR99
  16. 16. Steps: 10) overlay the non-relative graph bars with thetotal HH graph; delete 6,000 bar (far most right bar).CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR10
  17. 17. Steps: 11) use direct and indirect select tools to createspacing between bars in each zone; 12) add text labels; 13)modify line weights of axes.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR11131112STROKEPALETTE
  18. 18. Steps: 11) use direct and indirect select tools to createspacing between bars in each zone; 12) add text labels;13) modify line weights of axes.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR1113121112STROKEPALETTE
  19. 19. Steps: 14) add labels for percentages; 15) where textoverlaps with axes, delete background lines using cut tool.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR151514
  20. 20. Steps: 16) add labels for title, units, areas, key; 17) userectangle tool to create background shading.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR171716
  21. 21. CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR
  22. 22. Steps: 1) download a jpeg of an icon that has clean linesand few colors and place it in illustrator.CREATING A ICONSWITH ADOBE ILLUSTRATORLet’s first borrow an icon from the Internetand convert a jpeg into vectors we can work with.1
  23. 23. Steps: 2) select the jpeg and then click mask (you mayneed to adjust the mask settings).CREATING A ICONSWITH ADOBE ILLUSTRATORLet’s first borrow an icon from the Internetand convert a jpeg into vectors we can work with.2
  24. 24. Steps: 3) click expand to convert the jpeg to vectors.CREATING A ICONSWITH ADOBE ILLUSTRATOR3Let’s first borrow an icon from the Internetand convert a jpeg into vectors we can work with.
  25. 25. Steps: 4) ungroup and then delete extraneous vectors.CREATING A ICONSWITH ADOBE ILLUSTRATOR4Let’s first borrow an icon from the Internetand convert a jpeg into vectors we can work with.
  26. 26. Steps: 5) edit colors, styles, etc.; you can also copy / pastethe icon into Indesign.CREATING A ICONSWITH ADOBE ILLUSTRATOR5Let’s first borrow an icon from the Internetand convert a jpeg into vectors we can work with.
  27. 27. Steps: 6) place a jpeg of a photo with a clear figurein Illustrator.CREATING A ICONSWITH ADOBE ILLUSTRATOR6Another approach is to create an iconby tracing over a photograph.
  28. 28. Steps: 7) use the pen tool to trace the edges of the figure.CREATING A ICONSWITH ADOBE ILLUSTRATOR7Another approach is to create an iconby tracing over a photograph.7
  29. 29. Steps: 8) trace other important visual features.CREATING A ICONSWITH ADOBE ILLUSTRATOR8Another approach is to create an iconby tracing over a photograph.
  30. 30. Steps: 8) add lines if needed to describe the figure.CREATING A ICONSWITH ADOBE ILLUSTRATOR9Another approach is to create an iconby tracing over a photograph.
  31. 31. Steps: 10) use direct selection tool and color palette tocolor the icon.CREATING A ICONSWITH ADOBE ILLUSTRATORAnother approach is to create an iconby tracing over a photograph.1010
  32. 32. Steps: 10) use direct selection tool and color palette tocolor the icon.CREATING A ICONSWITH ADOBE ILLUSTRATORAnother approach is to create an iconby tracing over a photograph.1010
  33. 33. Steps: 11) make a copy of the icon and use flattentransparency to convert the lines to polygons.CREATING A ICONSWITH ADOBE ILLUSTRATORAnother approach is to create an iconby tracing over a photograph.11
  34. 34. Steps: 12) find an icon in a font that you like.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to converttypographic icons to vectors.1212
  35. 35. Steps: 13) paste character into a new text box, select boxwith direct selection tool, and use create outlines.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to converttypographic icons to vectors.13
  36. 36. Steps: 14) ungroup the vectors.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to converttypographic icons to vectors.14
  37. 37. Steps: 15) edit colors, styles, etc.; you can also copy /paste the icon into Indesign.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to converttypographic icons to vectors.15
  38. 38. www.thenounproject.orgwww.iconmonstr.comCREATING A ICONSWITH ADOBE ILLUSTRATORYou can also use icons that are availablefor download under Creative Commons.

×