Page 11 - Adobe Illustrator CC 2020

Project 7 Project 8
Consumer Infographics 357 Website Interface 407

Stage 1 / Creating Charts and Graphs . . . . . . . . . . . . 359 Stage 1 / Using Color Groups and Live Color . . . . . . 409
Distinguishing Types of Graphs . . . . . . . . . . . . . . . . . . . . . . . 359 Use a Color Group to Change Multiple Swatches . . . . . . . . . 409
Create a Line Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360 Use a Color Group to Manage File Colors . . . . . . . . . . . . . . . 412
Change Graph Formatting Options . . . . . . . . . . . . . . . . . . . . 363 Work with Live Paint Groups . . . . . . . . . . . . . . . . . . . . . . . . 415
Transform Graph Objects and Graph Components . . . . . . . . 365 Stage 2 / Creating Website Graphics . . . . . . . . . . . . .418
Format Graph Markers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367 Examine an HTML Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418
Unify Template and Graph Elements . . . . . . . . . . . . . . . . . . . 370
Examine the Pixel Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421
Create a Bar Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372
Define Object Names . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 422
Define Graph Column Graphics . . . . . . . . . . . . . . . . . . . . . . 374
Create a Gradient Page Background . . . . . . . . . . . . . . . . . . . 427
Edit Graph Data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 Create Character Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429
Create a Pie Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379 Export CSS and Image Files . . . . . . . . . . . . . . . . . . . . . . . . . 432
Edit Pie Graph Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381
Manually Export Site Assets . . . . . . . . . . . . . . . . . . . . . . . . . 435
Stage 2 / Drawing in Perspective . . . . . . . . . . . . . . . 385 Exporting Assets for Web Design . . . . . . . . . . . . . . . . . . . . . 437
Define the Perspective Grid . . . . . . . . . . . . . . . . . . . . . . . . . 385 Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438
Understanding Default Perspective Grids . . . . . . . . . . . . . . . 391
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 439
Draw in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392
Moving Objects in Perspective . . . . . . . . . . . . . . . . . . . . . . . 394
Work with Type in Perspective . . . . . . . . . . . . . . . . . . . . . . . 398
Transforming Perspective Type Objects . . . . . . . . . . . . . . . . . 401
Other Perspective Grid Options . . . . . . . . . . . . . . . . . . . . . . 402
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 404

xi