Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
SESSION 2 DEMO:CHARTS, GRAPHS, AND ICONSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
Steps: 1) open template.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR1MENUS
Steps: 2) use chart tool to make 4” x 4” pie chart.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR2CHARTTOOL
Steps: 2) paste Fact Finder population data into table.CREATING A PIE CHARTWITH ADOBE ILLUSTRATORPOP.DATA3CD1 v.(CITY - CD...
Steps: 4) ungroup each chart three times.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOROBJECTMENUS4
Steps: 5) select part of chart you want to color with selecttool; 6) use eyedropper tool to color the polygon.CREATING A P...
Steps: 1) clean up data utilizing find / replace.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s utilize the sort function...
AREA AAREA BAREA CCREATING A BAR GRAPHWITH ADOBE ILLUSTRATORSteps: 2) add a column and add letter code eachcensus tract’s ...
Steps: 2) add a column and add letter code eachcensus tract’s zone (A, B, C, D).CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR...
Steps: 3) sort the data based on the new column.CREATING A BAR GRAPHWITH ADOBE ILLUSTRATORLet’s utilize the sort functions...
Steps: 4) add column and sum family and non-family HHwith non-relatives; 5) divide new column by total HH.CREATING A BAR G...
Steps: 4) add column and sum family and non-family HHwith non-relatives; 5) divide new column by total HH.CREATING A BAR G...
Steps: 6) use graph tool to create 6” x 4” graph.CREATING A PIE CHARTWITH ADOBE ILLUSTRATOR66
Steps: 7) paste total HH into table and add 6,000 in lastrow; 8) copy graph and past non-relatives into table.CREATING A B...
Steps: 9) ungroup both graphs, delete all lines and labelsfrom non-relative graph, use eyedropper to color graphs.CREATING...
Steps: 10) overlay the non-relative graph bars with thetotal HH graph; delete 6,000 bar (far most right bar).CREATING A BA...
Steps: 11) use direct and indirect select tools to createspacing between bars in each zone; 12) add text labels; 13)modify...
Steps: 11) use direct and indirect select tools to createspacing between bars in each zone; 12) add text labels;13) modify...
Steps: 14) add labels for percentages; 15) where textoverlaps with axes, delete background lines using cut tool.CREATING A...
Steps: 16) add labels for title, units, areas, key; 17) userectangle tool to create background shading.CREATING A BAR GRAP...
CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR
Steps: 1) download a jpeg of an icon that has clean linesand few colors and place it in illustrator.CREATING A ICONSWITH A...
Steps: 2) select the jpeg and then click mask (you mayneed to adjust the mask settings).CREATING A ICONSWITH ADOBE ILLUSTR...
Steps: 3) click expand to convert the jpeg to vectors.CREATING A ICONSWITH ADOBE ILLUSTRATOR3Let’s first borrow an icon fr...
Steps: 4) ungroup and then delete extraneous vectors.CREATING A ICONSWITH ADOBE ILLUSTRATOR4Let’s first borrow an icon fro...
Steps: 5) edit colors, styles, etc.; you can also copy / pastethe icon into Indesign.CREATING A ICONSWITH ADOBE ILLUSTRATO...
Steps: 6) place a jpeg of a photo with a clear figurein Illustrator.CREATING A ICONSWITH ADOBE ILLUSTRATOR6Another approac...
Steps: 7) use the pen tool to trace the edges of the figure.CREATING A ICONSWITH ADOBE ILLUSTRATOR7Another approach is to ...
Steps: 8) trace other important visual features.CREATING A ICONSWITH ADOBE ILLUSTRATOR8Another approach is to create an ic...
Steps: 8) add lines if needed to describe the figure.CREATING A ICONSWITH ADOBE ILLUSTRATOR9Another approach is to create ...
Steps: 10) use direct selection tool and color palette tocolor the icon.CREATING A ICONSWITH ADOBE ILLUSTRATORAnother appr...
Steps: 10) use direct selection tool and color palette tocolor the icon.CREATING A ICONSWITH ADOBE ILLUSTRATORAnother appr...
Steps: 11) make a copy of the icon and use flattentransparency to convert the lines to polygons.CREATING A ICONSWITH ADOBE...
Steps: 12) find an icon in a font that you like.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to ...
Steps: 13) paste character into a new text box, select boxwith direct selection tool, and use create outlines.CREATING A I...
Steps: 14) ungroup the vectors.CREATING A ICONSWITH ADOBE ILLUSTRATORA third way to create an icon is to converttypographi...
Steps: 15) edit colors, styles, etc.; you can also copy /paste the icon into Indesign.CREATING A ICONSWITH ADOBE ILLUSTRAT...
www.thenounproject.orgwww.iconmonstr.comCREATING A ICONSWITH ADOBE ILLUSTRATORYou can also use icons that are availablefor...
Prochain SlideShare
Chargement dans…5
×

Plan601E Session 2 Demo

812 vues

Publié le

Publié dans : Technologie, Art & Photos
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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.

×