Upcoming SlideShare
×

Like this presentation? Why not share!

# Plan601E Session 2 Demo

## on Oct 10, 2012

• 1,001 views

### Views

Total Views
1,001
Views on SlideShare
238
Embed Views
763

Likes
0
0
0

### 1 Embed763

 http://prattinfographicsworkshop.wordpress.com 763

### Report content

• Comment goes here.
Are you sure you want to

## Plan601E Session 2 DemoPresentation Transcript

• SESSION 2 DEMO:CHARTS, GRAPHS, AND ICONSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
• MENUS 1CREATING A PIE CHART Steps: 1) open template.WITH ADOBE ILLUSTRATOR
• CHART TOOL 2CREATING A PIE CHART Steps: 2) use chart tool to make 4” x 4” pie chart.WITH ADOBE ILLUSTRATOR
• 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
• 4 OBJECT MENUSCREATING A PIE CHART Steps: 4) ungroup each chart three times.WITH ADOBE ILLUSTRATOR
• 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.
• 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
• 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).
• 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
• 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.
• 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.
• 6 6CREATING A PIE CHART Steps: 6) use graph tool to create 6” x 4” graph.WITH ADOBE ILLUSTRATOR
• 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.
• 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.
• 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).
• 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.
• 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.
• 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.
• 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.
• CREATING A BAR GRAPHWITH ADOBE ILLUSTRATOR
• 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.
• 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).
• 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
• 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
• 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.
• 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.
• 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
• 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
• 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
• 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.
• 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.
• 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.
• 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
• 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.
• 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
• 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.
• You can also use icons that are available for download under Creative Commons.CREATING A ICONS www.thenounproject.orgWITH ADOBE ILLUSTRATOR www.iconmonstr.com