plan601e session 2 demo
DESCRIPTION
TRANSCRIPT
SESSION 2 DEMO:CHARTS, GRAPHS, AND ICONSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 2)
Steps: 1) open template.CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
1
MENUS
Steps: 2) use chart tool to make 4” x 4” pie chart.CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
2
CHART TOOL
Steps: 2) paste Fact Finder population data into table.CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
POP. DATA
3
CD1 v. (CITY - CD1)
TRACT v. (CD1 - TRACT)
Steps: 4) ungroup each chart three times.CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
OBJECT MENUS
4
Steps: 5) select part of chart you want to color with select tool; 6) use eyedropper tool to color the polygon.
CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
5
6
6
Steps: 1) clean up data utilizing find / replace.CREATING A BAR GRAPH 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.
1
FIND / REPLACE
AREA A
AREA B
AREA C
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
Steps: 2) add a column and add letter code each 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.
Steps: 2) add a column and add letter code each census tract’s zone (A, B, C, D).
CREATING A BAR GRAPH 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.
2
Steps: 3) sort the data based on the new column.CREATING A BAR GRAPH 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.
3
SORT
Steps: 4) add column and sum family and non-family HH with non-relatives; 5) divide new column by total HH.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
Let’s generate some percentages for households where non-relatives are living.
4
5
5 FORMULA BAR
Steps: 4) add column and sum family and non-family HH with non-relatives; 5) divide new column by total HH.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
Let’s generate some percentages for households where non-relatives are living.
4
5
5 FORMULA BAR
Steps: 6) use graph tool to create 6” x 4” graph.CREATING A PIE CHART WITH ADOBE ILLUSTRATOR
66
Steps: 7) paste total HH into table and add 6,000 in last row; 8) copy graph and past non-relatives into table.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
7
8
SELECT AND RIGHT-CLICK GRAPH TO BRING UP TABLE.
Steps: 9) ungroup both graphs, delete all lines and labels from non-relative graph, use eyedropper to color graphs.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
9
9
Steps: 10) overlay the non-relative graph bars with the total HH graph; delete 6,000 bar (far most right bar).
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
10
Steps: 11) use direct and indirect select tools to create spacing between bars in each zone; 12) add text labels; 13) modify line weights of axes.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
11
13
11
12
STROKE PALETTE
Steps: 11) use direct and indirect select tools to create spacing between bars in each zone; 12) add text labels; 13) modify line weights of axes.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
11
13
12
11
12
STROKE PALETTE
Steps: 14) add labels for percentages; 15) where text overlaps with axes, delete background lines using cut tool.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
15
1514
Steps: 16) add labels for title, units, areas, key; 17) use rectangle tool to create background shading.
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
17
17
16
CREATING A BAR GRAPH WITH ADOBE ILLUSTRATOR
Steps: 1) download a jpeg of an icon that has clean lines and few colors and place it in illustrator.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with.
1
Steps: 2) select the jpeg and then click mask (you may need to adjust the mask settings).
CREATING A ICONS WITH ADOBE ILLUSTRATOR
Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with.
2
Steps: 3) click expand to convert the jpeg to vectors.CREATING A ICONS WITH ADOBE ILLUSTRATOR
3
Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with.
Steps: 4) ungroup and then delete extraneous vectors.CREATING A ICONS WITH ADOBE ILLUSTRATOR
4
Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with.
Steps: 5) edit colors, styles, etc.; you can also copy / paste the icon into Indesign.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
5
Let’s first borrow an icon from the Internet and convert a jpeg into vectors we can work with.
Steps: 6) place a jpeg of a photo with a clear figure in Illustrator.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
6
Another approach is to create an icon by tracing over a photograph.
Steps: 7) use the pen tool to trace the edges of the figure.CREATING A ICONS WITH ADOBE ILLUSTRATOR
7
Another approach is to create an icon by tracing over a photograph.
7
Steps: 8) trace other important visual features.CREATING A ICONS WITH ADOBE ILLUSTRATOR
8
Another approach is to create an icon by tracing over a photograph.
Steps: 8) add lines if needed to describe the figure.CREATING A ICONS WITH ADOBE ILLUSTRATOR
9
Another approach is to create an icon by tracing over a photograph.
Steps: 10) use direct selection tool and color palette to color the icon.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
Another approach is to create an icon by tracing over a photograph.
10
10
Steps: 10) use direct selection tool and color palette to color the icon.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
Another approach is to create an icon by tracing over a photograph.
10
10
Steps: 11) make a copy of the icon and use flatten transparency to convert the lines to polygons.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
Another approach is to create an icon by tracing over a photograph.
11
Steps: 12) find an icon in a font that you like.CREATING A ICONS WITH ADOBE ILLUSTRATOR
A third way to create an icon is to convert typographic icons to vectors.
12
12
Steps: 13) paste character into a new text box, select box with direct selection tool, and use create outlines.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
A third way to create an icon is to convert typographic icons to vectors.
13
Steps: 14) ungroup the vectors.CREATING A ICONS WITH ADOBE ILLUSTRATOR
A third way to create an icon is to convert typographic icons to vectors.
14
Steps: 15) edit colors, styles, etc.; you can also copy / paste the icon into Indesign.
CREATING A ICONS WITH ADOBE ILLUSTRATOR
A third way to create an icon is to convert typographic icons to vectors.
15
www.thenounproject.orgwww.iconmonstr.com
CREATING A ICONS WITH ADOBE ILLUSTRATOR
You can also use icons that are available for download under Creative Commons.