Plan601E Session 2 Demo
Upcoming SlideShare
Loading in...5
×
 

Plan601E Session 2 Demo

on

  • 999 views

 

Statistics

Views

Total Views
999
Views on SlideShare
236
Embed Views
763

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 763

http://prattinfographicsworkshop.wordpress.com 763

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Plan601E Session 2 Demo Plan601E Session 2 Demo Presentation 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