Plan601 e session 3 demo
Upcoming SlideShare
Loading in...5
×
 

Plan601 e session 3 demo

on

  • 378 views

 

Statistics

Views

Total Views
378
Views on SlideShare
126
Embed Views
252

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 252

http://prattinfographics.wordpress.com 252

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

Plan601 e session 3 demo Plan601 e session 3 demo Presentation Transcript

  • SESSION 3 DEMO: session 3 demo: FLOW CHARTS AND SMALL MULTIPLES flow charts and small multiples PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 3) PLAN601E Verbal and visual: Information Graphics (session 3)
  • TOOLS IN ADOBE ILLUSTRATOR REVIEW OF TOOLS, PANELS AND FUNCTIONS
  • object tools color layers stroke review of adobe illustrator tools Palettes organize tools, colors, layers, type, and other settings. View slide
  • zoom / pan review of adobe illustrator tools Move around the artboard with zoom, pan, or scrolling; the mouse wheel can also be used to scroll. View slide
  • select review of adobe illustrator tools Shapes and lines are made up of “paths” and “anchors”; paths and polygans can be moved with the selection tool.
  • direct select review of adobe illustrator tools Anchors are the handles on paths and polygons; they can be moved with the direct selection tool.
  • color fill / stroke review of adobe illustrator tools Paths have a “fill” and “stroke,” which can be assigned colors.
  • stroke stroke review of adobe illustrator tools
  • direct select review of adobe illustrator tools Direct selection can move several anchors at the same time.
  • edit review of adobe illustrator tools
  • select review of adobe illustrator tools Another way to copy polygons is to move them with the selection tool + option.
  • layers review of adobe illustrator tools Another way to copy polygons is to move them with the selection tool + option.
  • arrange review of adobe illustrator tools Polygons can also be arranged within the same layer by selecting then right clicking and utilizing “arrange” tools.
  • text text text review of adobe illustrator tools Use the “text tool” to create text boxes; modify text in the menu or character palette.
  • select group review of adobe illustrator tools Select, right click, and “group” polygons and text to move them together
  • select review of adobe illustrator tools Dragging the “pivot” on a group of polygons while holding shift scales them propotionally.
  • select scale review of adobe illustrator tools Select the group, right click, and select “scale” to scale by percentage.
  • rotate review of adobe illustrator tools Hold shift while rotating to “rotate” the group at 45 degree increments.
  • ruler review of adobe illustrator tools Create “guides” by clicking on the vertical and horizontal rulers and dragging into the artboard.
  • guides / grids review of adobe illustrator tools Right click anywhere and select “show / hide grid” to show a background grid.
  • align review of adobe illustrator tools The “align” palette has tools for aligning polygons by their centers and edges.
  • align review of adobe illustrator tools The “align” palette has tools for aligning polygons by their centers and edges.
  • pathfinder review of adobe illustrator tools The “pathfinder” palette has tools for combining polygons in various ways into “compound shapes.”
  • short cut review of adobe illustrator tools Hover the cursor over various tools to see the “short-cut” command.
  • creating a flow chart with adobe illustrator Let’s make a chart that explains the process for reporting a landlord complaint to 311.
  • CREATING A FLOW CHART IN ADOBE ILLUSTRATOR
  • creating a flow chart with adobe illustrator 1) Find some interesting data.
  • creating a flow chart with adobe illustrator 2) Look at precedents.
  • creating a flow chart with adobe illustrator 3) Sketch out your ideas for the diagam and graphic conventions.
  • 4 creating a pie chart with adobe illustrator 4) Set up grapihc conventions in Illustrator.
  • text 5 creating a pie chart with adobe illustrator 5 5) Make a layer for text, use text tool to write out steps, arrange with selection tool.
  • ellipse creating a pie chart with adobe illustrator 6 6) Use rectangle / ellipse tools to make polygons for text.
  • 7 eyedrop 7 creating a pie chart with adobe illustrator 7) Use eyedropper to select and coordinate boxes with graphic conventions.
  • PEN 8 creating a pie chart with adobe illustrator 8) Draw connecting lines using the Pen tool. Add arrowheads using the Stroke panel.
  • 10 10 creating a pie chart with adobe illustrator 10) Adjust dash settings for lines.
  • 11 11 creating a pie chart with adobe illustrator 11) Use the grid and align tools to clean up diagram shapes and lines.
  • creating a flow chart with adobe illustrator Give your diagram a descriptive title.
  • creating small multiples IN ADOBE ILLUSTRATOR
  • creating small multiples with adobe illustrator Let’s make a diagram displaying traffic accident data.
  • creating small multiples with 1) Find some interesting data that has a temporal dimension.
  • 2 creating small multiples with adobe illustrator 2) “place” a screenshot of the stats map in the artboard.
  • 3 creating small multiples with adobe illustrator 3) trace background elements for the diagram; add annotation; create scaled elements.
  • 4 creating small multiples with adobe illustrator 4) Group the background elements and drag holding shift + option to copy.
  • 5 creating small multiples with adobe illustrator 5) Make a layer for dots and place dots on background to represent annual data.
  • 6 6 creating small multiples with 6) Use type tool to add annotation and clean up with align palette.
  • stroke creating small multiples with adobe illustrator Let’s try out a different convention for representing data values, such as line weight.
  • 7 creating small multiples with adobe illustrator 7) Use eyedropper tool to apply new vgraphic conventions.
  • creating small multiples with adobe illustrator Be sure to create a label for the data source.