Plan601E Session 2 Demo
1 like278 views
This document provides steps for creating various types of charts, graphs, and icons using Adobe Illustrator. It outlines 15 steps for creating a pie chart with population data, 11 steps for creating a bar graph showing census data by zone, and 15 steps for creating icons by tracing photographs, converting fonts, or downloading icons under Creative Commons. The overall document demonstrates different methods for visualizing data and creating vector icons in Illustrator.
Plan601E Session 2 Demo
- 1. SESSION 2 DEMO: CHARTS, GRAPHS, AND ICONS PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
- 2. MENUS 1 CREATING A PIE CHART Steps: 1) open template. WITH ADOBE ILLUSTRATOR
- 3. CHART TOOL 2 CREATING A PIE CHART Steps: 2) use chart tool to make 4” x 4” pie chart. WITH ADOBE ILLUSTRATOR
- 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. 4 OBJECT MENUS CREATING A PIE CHART Steps: 4) ungroup each chart three times. WITH ADOBE ILLUSTRATOR
- 6. 5 6 6 CREATING A PIE CHART Steps: 5) select part of chart you want to color with select WITH ADOBE ILLUSTRATOR tool; 6) use eyedropper tool to color the polygon.
- 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 / REPLACE CREATING A BAR GRAPH Steps: 1) clean up data utilizing find / replace. WITH ADOBE ILLUSTRATOR
- 8. Let’s utilize the sort functions in Excel in order to visually organize census data based on our own study area zones. 2 CREATING A BAR GRAPH Steps: 2) add a column and add letter code each WITH ADOBE ILLUSTRATOR census tract’s zone (A, B, C, D).
- 9. Let’s utilize the sort functions in Excel in order to visually organize census data based on our own study area zones. SORT 3 CREATING A BAR GRAPH Steps: 3) sort the data based on the new column. WITH ADOBE ILLUSTRATOR
- 10. Let’s generated some percentages for households where non-relatives are livingt. 5 FORMULA BAR 4 5 CREATING A BAR GRAPH Steps: 4) add column and sum family and non-family HH WITH ADOBE ILLUSTRATOR with non-relatives; 5) divide new column by total HH.
- 11. Let’s generated some percentages for households where non-relatives are living. 5 FORMULA BAR 4 5 CREATING A BAR GRAPH Steps: 4) add column and sum family and non-family HH WITH ADOBE ILLUSTRATOR with non-relatives; 5) divide new column by total HH.
- 12. 6 6 CREATING A PIE CHART Steps: 6) use graph tool to create 6” x 4” graph. WITH ADOBE ILLUSTRATOR
- 13. 7 SELECT AND RIGHT-CLICK GRAPH TO BRING UP TABLE. 8 CREATING A BAR GRAPH Steps: 7) paste total HH into table and add 8,000 in last WITH ADOBE ILLUSTRATOR row; 8) copy graph and past non-relatives into table.
- 14. 9 9 CREATING A BAR GRAPH Steps: 9) ungroup both graphs, delete all lines and labels WITH ADOBE ILLUSTRATOR from non-relative graph, use eyedropper to color graphs.
- 15. 10 CREATING A BAR GRAPH Steps: 10) overlay the non-relative graph bars with the WITH ADOBE ILLUSTRATOR total HH graph; delete 8,000 bar (far most right bar).
- 16. 11 12 11 STROKE 13 PALETTE Steps: 11) use direct and indirect select tools to create CREATING A BAR GRAPH spacing between bars in each zone; 12) add text labels; 13) WITH ADOBE ILLUSTRATOR modify line weights of axes.
- 17. 11 12 11 12 STROKE 13 PALETTE Steps: 11) use direct and indirect select tools to create CREATING A BAR GRAPH spacing between bars in each zone; 12) add text labels; WITH ADOBE ILLUSTRATOR 13) modify line weights of axes.
- 18. 15 14 15 CREATING A BAR GRAPH Steps: 14) add labels for percentages; 15) where text WITH ADOBE ILLUSTRATOR overlaps with axes, delete background lines using cut tool.
- 19. 17 17 16 CREATING A BAR GRAPH Steps: 16) add labels for title, units, areas, key; 17) use WITH ADOBE ILLUSTRATOR rectangle tool to create background shading.
- 20. CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
- 21. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 1 CREATING A ICONS Steps: 1) download a jpeg of an icon that has clean lines WITH ADOBE ILLUSTRATOR and few colors and place it in illustrator.
- 22. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 2 CREATING A ICONS Steps: 2) select the jpeg and then click mask (you may WITH ADOBE ILLUSTRATOR need to adjust the mask settings).
- 23. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 3 CREATING A ICONS Steps: 3) click expand to convert the jpeg to vectors. WITH ADOBE ILLUSTRATOR
- 24. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 4 CREATING A ICONS Steps: 4) ungroup and then delete extraneous vectors. WITH ADOBE ILLUSTRATOR
- 25. Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with. 5 CREATING A ICONS Steps: 5) edit colors, styles, etc.; you can also copy / paste WITH ADOBE ILLUSTRATOR the icon into Indesign.
- 26. Another approach is to create an icon by tracing over a photograph. 6 CREATING A ICONS Steps: 6) place a jpeg of a photo with a clear figure WITH ADOBE ILLUSTRATOR in Illustrator.
- 27. Another approach is to create an icon by tracing over a photograph. 7 7 CREATING A ICONS Steps: 7) use the pen tool to trace the edges of the figure. WITH ADOBE ILLUSTRATOR
- 28. Another approach is to create an icon by tracing over a photograph. 8 CREATING A ICONS Steps: 8) trace other important visual features. WITH ADOBE ILLUSTRATOR
- 29. Another approach is to create an icon by tracing over a photograph. 9 CREATING A ICONS Steps: 8) add lines if needed to describe the figure. WITH ADOBE ILLUSTRATOR
- 30. Another approach is to create an icon by tracing over a photograph. 10 10 CREATING A ICONS Steps: 10) use direct selection tool and color palette to WITH ADOBE ILLUSTRATOR color the icon.
- 31. Another approach is to create an icon by tracing over a photograph. 10 10 CREATING A ICONS Steps: 10) use direct selection tool and color palette to WITH ADOBE ILLUSTRATOR color the icon.
- 32. Another approach is to create an icon by tracing over a photograph. 11 CREATING A ICONS Steps: 11) make a copy of the icon and use flatten WITH ADOBE ILLUSTRATOR transparency to convert the lines to polygons.
- 33. A third way to create an icon is to convert typographic icons to vectors. 12 12 CREATING A ICONS Steps: 12) find an icon in a font that you like. WITH ADOBE ILLUSTRATOR
- 34. A third way to create an icon is to convert typographic icons to vectors. 13 CREATING A ICONS Steps: 13) paste character into a new text box, select box WITH ADOBE ILLUSTRATOR with direct selection tool, and use create outlines.
- 35. A third way to create an icon is to convert typographic icons to vectors. 14 CREATING A ICONS Steps: 14) ungroup the vectors. WITH ADOBE ILLUSTRATOR
- 36. A third way to create an icon is to convert typographic icons to vectors. 15 CREATING A ICONS Steps: 15) edit colors, styles, etc.; you can also copy / WITH ADOBE ILLUSTRATOR paste the icon into Indesign.
- 37. You can also use icons that are available for download under Creative Commons. CREATING A ICONS www.thenounproject.org WITH ADOBE ILLUSTRATOR www.iconmonstr.com