Page 11 - Adobe Illustrator 2021

Project 7 Project 8
Consumer Infographics 361 Website Interface 411

Stage 1 / Creating Charts and Graphs . . . . . . . . . . . . 363 Stage 1 / Using Color Groups and Live Color . . . . . . 413
Distinguishing Types of Graphs . . . . . . . . . . . . . . . . . . . . . . . 363 Use a Color Group to Change Multiple Swatches . . . . . . . . . 413
Create a Line Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364 Use a Color Group to Manage File Colors . . . . . . . . . . . . . . . 416
Change Graph Formatting Options . . . . . . . . . . . . . . . . . . . . 367 More about Recoloring Options . . . . . . . . . . . . . . . . . . . . . . 420
Transform Graph Objects and Graph Components . . . . . . . . 369 Work with Live Paint Groups . . . . . . . . . . . . . . . . . . . . . . . . 421
Format Graph Markers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371 Stage 2 / Creating Website Graphics . . . . . . . . . . . . 424
Unify Template and Graph Elements . . . . . . . . . . . . . . . . . . . 374
Examine an HTML Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 424
Create a Bar Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376
Examine the Pixel Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427
Define Graph Column Graphics . . . . . . . . . . . . . . . . . . . . . . 378
Define Object Names . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428
Edit Graph Data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381 Create a Gradient Page Background . . . . . . . . . . . . . . . . . . . 432
Create a Pie Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383 Create Character Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434
Edit Pie Graph Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385
Export CSS and Image Files . . . . . . . . . . . . . . . . . . . . . . . . . 437
Stage 2 / Drawing in Perspective . . . . . . . . . . . . . . . 389 Manually Export Site Assets . . . . . . . . . . . . . . . . . . . . . . . . . 440
Define the Perspective Grid . . . . . . . . . . . . . . . . . . . . . . . . . 389 Exporting Assets for Web Design . . . . . . . . . . . . . . . . . . . . . 442
Understanding Default Perspective Grids . . . . . . . . . . . . . . . 395
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443
Draw in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 444
Moving Objects in Perspective . . . . . . . . . . . . . . . . . . . . . . . 398
Work with Type in Perspective . . . . . . . . . . . . . . . . . . . . . . . 402
Transforming Perspective Type Objects . . . . . . . . . . . . . . . . . 405
Other Perspective Grid Options . . . . . . . . . . . . . . . . . . . . . . 406
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 408

xi