Design Essentials for the Motion Media Artist

Cover
......Page 1
Front matter......Page 2
Copyright......Page 4
Dedication......Page 5
Foreword......Page 6
Acknowledgments......Page 11
My Motivation......Page 12
Art and Design: What’s the Difference?......Page 14
What Makes a Great Designer?......Page 15
The Rules of Design......Page 17
An Artist’s Perspective: Joan Armatrading......Page 18
Synopsis......Page 20
Why Sketching Is Important......Page 21
Can Anybody Learn to Draw?......Page 22
The Universal Fallacy of “Talent”......Page 23
Motivation......Page 24
Sketchbooks......Page 25
Drawing Papers......Page 26
Pencils......Page 27
Pens......Page 28
Ink......Page 29
Acrylic......Page 30
Erasers......Page 31
Other Drawing Aides......Page 32
Drawing Basic Shapes......Page 33
Freehand Sketching......Page 35
Hatching......Page 36
Directional Lighting......Page 37
Creating Texture......Page 40
Other Shapes......Page 43
Tone and Contrast......Page 44
Surface Quality and Tone......Page 45
Horizon Line......Page 46
The Three Dimensions......Page 47
Eye Level......Page 49
Drawing in Perspective......Page 52
Foreshortening......Page 53
Depth of Field......Page 54
Don’t See What You Draw; Draw What You See!......Page 55
Still Life Drawing......Page 57
Life Drawing......Page 58
Using Photography and Clip Art......Page 62
Rachel Max, Designer and Animator......Page 63
Synopsis......Page 68
Inspiration......Page 69
Development......Page 70
The Preparation Stage......Page 71
Understanding the Brief......Page 72
Establishing the Brief......Page 73
Visual Research......Page 74
Technical Research......Page 76
Sketchbooks and Scrapbooks......Page 77
Brainstorming......Page 79
Moodboards......Page 82
Why We Use Storyboards......Page 83
Storyboarding Techniques......Page 86
A Quick and Rough Storyboard Example......Page 87
A Simple Storyboard Example......Page 88
More Detailed Storyboards......Page 90
Animatics......Page 91
Adobe After Effects......Page 93
Scanning......Page 94
Scanner Settings......Page 95
Creating Your Own Composite Images......Page 96
Photoshop Tips......Page 98
Nonphoto Blue Removal......Page 99
Adobe Bridge Tips......Page 101
After Effects Tips......Page 102
Postproduction......Page 105
The Delivery Stage......Page 106
Time Management......Page 107
Scheduling......Page 108
Flexible Deadlines......Page 111
Some Final Thoughts......Page 112
Storyboard Artist Temple Clark, “Electricity” Storyboards......Page 113
Synopsis......Page 117
Space......Page 118
Line......Page 119
Orientation......Page 120
Depth......Page 121
Texture......Page 122
Framing......Page 123
Staging......Page 126
Grids......Page 127
Screen Division......Page 129
Irregular Grids......Page 132
The Rule of Thirds......Page 133
The Divine Proportion......Page 135
Lower Thirds......Page 139
Perspective Grids......Page 140
Unity......Page 142
Harmony......Page 143
Repetition......Page 144
Proximity......Page 145
Gestalt......Page 146
Emphasis......Page 147
Balance......Page 148
Contrast......Page 149
Movement......Page 150
Recap......Page 151
Inspiration: Malcolm Garrett, Graphic Designer......Page 152
Synopsis......Page 161
The History of Animation......Page 162
Traditional Animation......Page 163
Animation Terms......Page 164
Keyframes......Page 165
Interpolation......Page 166
Motion Path......Page 168
Computer-Generated Animation......Page 169
Gravity......Page 172
Arc......Page 173
Damping Force......Page 174
The Rules of Animation......Page 175
Squash and Stretch......Page 176
Exaggeration......Page 177
Staging......Page 178
Secondary Action......Page 179
Follow-Through......Page 180
Balance......Page 181
My Animation Process......Page 182
Text Animation......Page 185
Sound Effects......Page 186
Panning and Zooming......Page 187
Recap......Page 189
Inspiration: Madeleine Duba, Animator......Page 190
Inspiration......Page 195
What Is Typography?......Page 196
The Origins of Type......Page 197
Fonts......Page 199
Italics......Page 200
Ligatures......Page 201
Old Style Roman......Page 202
Roman......Page 203
Sans Serif Typefaces......Page 204
The Classics......Page 205
Script Typefaces......Page 206
Cultural Associations......Page 207
Comparing Typefaces......Page 208
Buying Typefaces......Page 209
Free Fonts......Page 210
A Practical Exercise......Page 211
Size Matters......Page 212
Coping with Stress......Page 213
Decoration......Page 214
Spacing......Page 215
Tracking......Page 216
Kerning......Page 217
Leading......Page 218
Baseline Shift......Page 221
Thinking in Shapes......Page 223
Paragraph Spacing......Page 224
Alignment......Page 225
Hierarchies of Information......Page 227
Software Recommendations......Page 228
Handmade and Experimental Type......Page 231
Color and Luminance......Page 233
Character Properties......Page 234
Inspiration: Robert Hranitzky, Motion Graphics Designer......Page 235
Synopsis......Page 240
Introduction......Page 241
Inspiration......Page 242
Color Perception......Page 244
Color and Meaning......Page 247
Yellow......Page 248
Green......Page 249
Black......Page 250
Gray......Page 251
The Artist’s Color Model......Page 252
Primary Colors......Page 253
Tertiary Colors......Page 254
Color Theory......Page 255
Monochromatic......Page 256
Analogous......Page 257
Complementary......Page 258
Split Complementary......Page 259
Triadic......Page 260
Clashing Colors......Page 262
Digital Color Models......Page 263
Hue, Saturation, and Brightness......Page 265
Hue......Page 266
Saturation......Page 267
Adjacent Colors......Page 270
Color Difference......Page 271
Color and Temperature......Page 272
Gamut......Page 274
Color Profile......Page 275
Monitor Calibration......Page 277
Recap......Page 278
Inspiration: Richard Walker, Artist......Page 279
Turning Blue......Page 280
Yellow Peril......Page 281
Instinctive Pink......Page 282
Paint It Black......Page 283
A Brief History of Video Editing......Page 284
Storytelling......Page 286
Establishing Shot......Page 287
Pacing and Rhythm......Page 288
Continuity......Page 289
Match Cuts......Page 290
L-cuts......Page 291
Transitions......Page 292
Dissolves......Page 293
Iris......Page 294
3D......Page 295
Color Consistency......Page 296
Editing Applications......Page 297
Final Cut Pro......Page 298
Premiere Pro......Page 299
Tools......Page 300
Ripple......Page 301
Roll......Page 302
Slide......Page 303
Automate to Sequence (Premiere Pro only)......Page 304
Inspiration: Joost van der Hoeven, Motion Graphic Designer and Editor......Page 305
Synopsis......Page 310
Visual Communication......Page 311
Story......Page 312
Symbolism......Page 313
Ambiguous Meaning......Page 314
Abstraction......Page 315
Rebelliousness......Page 316
Learning Styles......Page 317
Auditory......Page 318
Kinesthetic......Page 319
Being Aware......Page 320
Pitching......Page 321
Problems with Unpaid Creative Pitching......Page 322
Refining Your Ideas......Page 323
The Brief and the First Client Meeting......Page 324
The Second Client Meeting......Page 325
Reviewing the Final Piece......Page 326
Billing......Page 327
Online Networking......Page 329
Twitter......Page 330
Blogging......Page 331
Website......Page 332
Resumes......Page 333
Portfolios......Page 334
Inspiration: Steve Caplin, Graphic Designer and Author......Page 335
Synopsis......Page 338
Introduction......Page 339
Video Formats......Page 341
Fields and Interlacing......Page 342
How Software Deals with Fields......Page 344
Deinterlacing......Page 345
Pixel Aspect Ratios......Page 346
Ntsc......Page 347
Computer Displays......Page 348
Practicalities......Page 349
Widescreen......Page 350
Making Widescreen Safe for 4:3......Page 351
Center Cutout......Page 352
Safe Zones......Page 353
Compression and Codecs......Page 354
Spatial Compression......Page 355
Temporal Compression......Page 356
Web......Page 357
Image Size......Page 358
Pixelation......Page 359
Vector Images......Page 360
Traditional Color Photography......Page 361
The Math of Channels......Page 362
Photoshop Channels......Page 363
Mattes......Page 365
Alpha Channels......Page 366
Premultiplied Alpha Channels......Page 367
Masks......Page 368
Add......Page 369
Safe Colors and Working Spaces......Page 370
Recap......Page 371
Inspiration: Birgitta Hosea, Artist......Page 372
Drawing......Page 375
Type......Page 376
Editing and Filmmaking......Page 377
Technical......Page 378
A......Page 379
B......Page 380
C......Page 381
D......Page 383
H......Page 384
M......Page 385
P......Page 386
S......Page 387
T......Page 388
W......Page 389
Z......Page 390