© 2011 delmar, cengage learning chapter 9 creating graphs in illustrator
TRANSCRIPT
![Page 1: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/1.jpg)
© 2011 Delmar, Cengage Learning
Chapter 9
Creating Graphs in Illustrator
![Page 2: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/2.jpg)
Objectives
• Create a graph• Edit a graph using the Graph Data window• Use the Group Selection tool• Use the Graph Type dialog box• Create a combination graph• Create a custom graph design• Apply a custom design to a graph• Create and apply a sliding-scale design
© 2011 Delmar Cengage Learning
![Page 3: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/3.jpg)
Create a Graph
• A graph is a diagram of data that shows relationship among a set of numbers.
• Data can be represented by a graphic element such as a:– Bar– Line – Point
© 2011 Delmar Cengage Learning
![Page 4: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/4.jpg)
Create a GraphIllustrator offers nine types of graphs:• Column • Stacked Column• Bar• Stacked Bar• Line• Area• Scatter• Pie• Radar
© 2011 Delmar Cengage Learning
![Page 5: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/5.jpg)
Create a Graph
• In Illustrator you can convert one type of graph into another type and create custom designs.
© 2011 Delmar Cengage Learning
![Page 6: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/6.jpg)
Create a Graph
• Enter category labels in the first column of the Graph Data window.– Describes non-numeric data
• First row reserved for legend labels.– Describes numeric data that may change
© 2011 Delmar Cengage Learning
![Page 7: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/7.jpg)
Create a Graph
© 2011 Delmar Cengage Learning
Category labels
Legend labels
Graph Data window
![Page 8: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/8.jpg)
Create a Graph
© 2011 Delmar Cengage Learning
Category labels
Legend labels
![Page 9: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/9.jpg)
Edit a Graph Using the Graph Data Window
• Data used to plot a graph is stored in the Graph Data window.
• When you make changes to data, click the Apply button in Graph Data window to preview changes.
© 2011 Delmar Cengage Learning
![Page 10: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/10.jpg)
Edit a Graph Using the Graph Data Window
• When text and data are created in another program, document must be saved as a text-only file with commas separating each number from text.
• If importing Excel worksheet, it must be saved as a text file.
© 2011 Delmar Cengage Learning
![Page 11: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/11.jpg)
Use the Group Selection Tool
• Graphs are grouped objects, consisting of many individual groups, grouped together.
• The Group Selection tool allows you to select entire groups within the larger group for the purpose of editing.
© 2011 Delmar Cengage Learning
![Page 12: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/12.jpg)
Use the Group Selection Tool
© 2011 Delmar Cengage Learning
Grouped objects
![Page 13: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/13.jpg)
Use the Graph Type Dialog Box
• The Graph Type dialog box provides a variety of ways to change the look of your graph:– Drop shadow behind columns – Change appearance of tick marks
© 2011 Delmar Cengage Learning
![Page 14: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/14.jpg)
Use the Graph Type Dialog Box
• Tick marks – short lines that extend out from the value axis.
• They help interpret the meaning of column height.
• You can move the value axis from left to right or show from both sides of graph.
© 2011 Delmar Cengage Learning
![Page 15: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/15.jpg)
Use the Graph Type Dialog Box
© 2011 Delmar Cengage Learning
Graph Type dialog box
Graph options list arrow
Graph types
Add Drop Shadowcheck box
![Page 16: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/16.jpg)
Create a Combination Graph
• A Combination graph uses two graph styles to plot numeric data.
• Useful to emphasize one set of numbers in comparison to others.
© 2011 Delmar Cengage Learning
![Page 17: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/17.jpg)
Create a Combination Graph
© 2011 Delmar Cengage Learning
Combination graph is composed of a column and a line graph
![Page 18: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/18.jpg)
Create a Custom Graph Design
• A custom graph design is a picture used to replace columns, bars, or markers in Illustrator graphs.
• Only vector-based objects can be used for custom designs.
© 2011 Delmar Cengage Learning
![Page 19: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/19.jpg)
Create a Custom Graph Design
• Illustrator contains predefined column, marker, and graph designs.
© 2011 Delmar Cengage Learning
![Page 20: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/20.jpg)
Create a Custom Graph Design
To use designs:
• Open one of the sample files
• Create a new graph
• Select the graph
• Click Object on the Application bar
• Point to Graph, then click Column
© 2011 Delmar Cengage Learning
![Page 21: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/21.jpg)
Create a Custom Graph Design
© 2011 Delmar Cengage Learning
Graph Design dialog box
Pencil design
![Page 22: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/22.jpg)
Apply a Custom Design to a Graph
• Illustrator provides four options for displaying custom designs:– Uniformly scaled – resized vertically and horizontally– Vertically scaled – resized only vertically– Repeating – assigns value to custom design and
repeats as much as necessary– Sliding – defines a point on custom design from
which design will stretch
© 2011 Delmar Cengage Learning
![Page 23: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/23.jpg)
Apply a Custom Design to a Graph
© 2011 Delmar Cengage Learning
Uniformly Scaled Vertically Scaled
![Page 24: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/24.jpg)
Create and Apply a Sliding-scale Design
• When you apply a vertically scaled design style to a column graph, the entire design stretches to accommodate the value assigned.– Vertically scaled design can sometimes be
unsatisfactory
© 2011 Delmar Cengage Learning
![Page 25: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/25.jpg)
Create and Apply a Sliding-scale Design
© 2011 Delmar Cengage Learning
Graph before sliding-scale design is created and applied.
![Page 26: © 2011 Delmar, Cengage Learning Chapter 9 Creating Graphs in Illustrator](https://reader035.vdocuments.us/reader035/viewer/2022070403/56649f2a5503460f94c44ed0/html5/thumbnails/26.jpg)
Create and Apply a Sliding-scale Design
© 2011 Delmar Cengage Learning
This part of the graphic is no longer stretched
Graph after sliding-scale design is created and applied.