Motion

Graphics with

Creative Suite 5 STUDIO TECHNIQUES Richard

Harrington and

Ian Robinson

Contents

Introduction

xvi

Section I

Working Foundations

Chapter

The Motion

1

i Toolbox

Graphics

4

Adobe Creative Suite 5 Production Premium

Adobe Premiere

Photoshop

5

CS5 Extended

5

Illustrator CS5

6

Flash Professional CS5

7

Soundbooth CS5

7

Bridge

CS5

8

Adobe OnLocation CS5

8

Encore CS5

9

Flash

CS5

Catalyst

9

Device Central CS5

9

Adobe Media Encoder CS5

Improving

10

Your Workflow with the Creative Suite

10

Traditional Uses

11

Interactive Uses

11

Mobile Screens

12

Making Integration

Trouble-free

Working with Image Files Working

with

Dynamic

Link

XFL Format

Moving

Chapter 2

4

Pro CS5

Footage

14

Files

16 20

22

Exchange

Media in the Creative Suite

Organizing

13

Your

It's All About Media

23

26

Project Management

26

Common Media Folder

27

File and Folder

32

Working

with

Naming

Layered

Organizing Files with

Sources

Adobe

33

Bridge

37

Keeping an After Effects Project Tidy

38

Importing

Folders

Internal Folder

Renaming

Organization

Assets

Swapping Assets

39

39 40 41

V

Placeholders and Proxies

42

Removing

44

Unused

Footage

Reducing a Project

46

Files

Collecting

46

Section II

Design Essentials

49

Chapter 3

Typography for the Screen

52

Typographic Font

Essentials

52

Technology

Foundations of

Selecting

a

53

Type

54

Typeface

57

Type Layout

60

Controlling Type

63

Entering Type

64

Character Panel Controls

66

Panel Controls

Paragraph Setting Type

66

in Illustrator

71

71

Importing Type Point and

Paragraph

Additional Controls

74

Custom

76

Creating

Setting Type Paragraph

in

Type

Creating Type

with Illustrator

77

Photoshop

and Area

Setting Type Along 3D with

Type

77

a Path

78

Repousse

80

in After Effects

83

Text Tool

Chapter

4

Logo

83

Animation

88

Your Files

88

Preparing

Have Rules

88

Best Files for Animation

90

Logos

Preparing Logos

in Illustrator

Preparing Logos

in

90

Photoshop

97

File Formats in Practice

Preparing

107

for Animation

Importing Logos

108

into After Effects

Interpreting Alpha

109

Channels

Converting Photoshop

Text to Vector

Using Continuously Rasterize Logo Animation Techniques

vi

73

Setting Type Along a Path

111

Type

112 112

114

Using Audio

Gaining

Chapter 5

Inspiration

Touches with

Finishing ECO

for

114

Control with Hierarchy

Animation

Logo

Adjustment Layers

Summary

with

Video

Photoshop Extended

Considerations

Layer

127

PSD File with

Rendering Color

a Video

Video from

Layer

Photoshop

Grading

128 129 130

Photo Filter

130

Black and White Conversion

131

Color with Gradient

Stylizing

Maps

133

The Power of Curves

139

Leave Color Effect

139

Processed Looks

140

Film-Look

141

Power Window

142

Sketched

142

Footage

Presets Make

a

Great

Converting Footage

to

Preprocess Footage Process

Process

Starting Point

143

Vectors with Creative Suite

144

with After Effects

Footage with Adobe Illustrator

Footage

Import Footage

Chapter 6

122

126

Adjustment Layers Using

119

123

Smart Filters

a

118

122

Stylizing Footage Processing

115

Repairing

with Adobe

Bridge

into After Effects

and

Retiming Footage and Grain

Over Time

Smoothing

Fixes with Auto Effects

Modifying Footage an

Advanced

Cloning

Rotoscoping

Shot

in

Photoshop

Keys

with the Roto Brush

Retiming Footage

152

154 156

160

163

Object in After Effects

Fixing Poorly

149

162

Controlling Exposure

Cloning

148

157

Stabilizing Footage Quick

146

153

Repairing Footage Removing Noise

145

163 167 168 173 180

Frame Rate Conversion Time

All

Putting It

Chapter 7

180

Remapping

184

Together

186

Designing Backgrounds

190

Approaching Background Design Role of

190

Backgrounds

191

Gathering Sources

191

Importance

192

Using

of

Generate

Looping

and Noise Effects

193

4-Color Gradient

193

Cell Pattern

194

Radio Waves

196

Fractal Noise

198

Animating Graphic Textures The Offset

Technique

201

Animating

in After Effects

204

The Stitch in Time

Creating

Chapter 8

201

Technique

207

Motion with After Effects

208

Designing with Brainstorm

213

Animating Shape Layers

214

Creating Shapes

215

Modifying Shapes

215

Repeating Shapes

217

Designing

and

Working in

3D

Understanding Perspective Working in

2D

Working in

2.5D

223

in 3D

Stacking

Order Matters

224

in Illustrator

Extrude & Bevel Command Revolve Command

Using

3D Objects in

221 222

Working

Adding Depth

220

227 228 229

230

Photoshop

232

Creating 3D Layers

232

Repousse

236

3D File Formats

Importing Adjusting

240

3D Models

3D Elements

Adjusting Photoshop Lighting

Importing

3D

Objects

into After Effects

241

243 245

246

Power

Techniques for

3D in After Effects

248

Multiple Views

249

Camera Controls

250

Lighting Strategies

Chapter 9

254

Designing

with Audio

Using Audio

Sources

260 260

File Formats

260

Sample Rates Bit

262

Depth

Sample

262

Rate Conversions

Creating Audio Sync Previewing

262

Points

263

Audio in After Effects

264

Adding Markers

265

Adding Soundbooth

Creating Graphics

to Your

Workflow

266

and Audio

266

Audio Spectrum

267

Audio Waveform

Using Tone

to

268

Create Sound

Using Expressions with Converting Audio Shortcuts for

Finding Using

to

269

Audio

270

Keyframes

271

Expressions

More

273

Expressions

273

Soundbooth for Sound Design

274

Resource Central

274

Custom Scoring Motion Graphics

Chapter

10

275

Designing Vector Shapes Many Paths

Lead

286

to Vector Art

286

The Pen and Point Tools

288

Creating Anchor Points Pen Tool Auto

288

Switching

Setting Up Vector

290

Documents for Motion

Graphics

Creating Illustrator Files

Designing

292

with Multiple Artboards

Illustrator's Vector Tools

Creating

Fluid

Creating

294 the Blend Tool

Grids

Outlining Type Adding Texture

293

294

Shapes

Creating Flowing Lines with

291

296 297

with Offset Path with Brushes in Illustrator

Building Complex Shapes

299 300

304

ix

Creating

Libraries of Shapes

Organizing Layers

306

for Animation

307

Expanding Objects

308

Designing Vectors with Photoshop Using

the Custom

Understanding

309

Shape Tool

310

Work Paths

Using Vector Elements

311

in After Effects

313

Custom Animation Paths

314

Morphing Shapes

315

Im porting Artboards

316

Importing Vector Shapes

and Paths

317

Generating Path Effects

318

Section III

Design Exploration

323

Chapter

Motion Control 2D and 3D

326

11

The Approach

327

Preparing Photos Resolution

for Motion Control

329

Requirements

329

A Need for Focus

Aspect Ratio

330

and Composition Concerns

Captured Action

Moving

336

to After Effects

Animating Enhancing Expanding

Your

337

Images

338

the Animation

340

Photos into the Third Dimension

Determining Captured Perspective Planning

343

Selections

343

Masking Layers Prepping

the

347

Layers

in 3D

Animating

for After Effects

Space with After

Converting a Photoshop Blocking

Using

the Scene

3D Cameras

Advanced

341 341

the Shot

Making Accurate

332 335

Panning and Scanning Photos

Techniques

Effects

File to 3D

Space

349

350 351

352 354

356

Vanishing Point

357

Puppet Tools

360

Enhancing

X

312

Shape Layers

the Scene

363

Adding Lights

363

Using Footage Plates Creating Depth

Chapter 12 Building

364

with Particles

with Panoramic

Acquiring Panoramic

365

Images

368

Photos

369

Essential Gear

369

Shooting Techniques

372

Capture Your Shots

374

Handheld

375

Shooting Command

Photomerge

376

376

Organizing Images Method

Choosing a Layout

377

379

Aligning Images Making

Seamless

a

Cleaning Up

Objects

382

Panoramic Photos in After Effects

386

Seamless

386

Creating

a

Loop

Creating

a Virtual Set

with 3D Cameras

the Scene

Lighting

DVD and

Approach

in After Effects

387

Integrating Panoramas

Chapter 13

380

Loop

Unwanted

Interactive

391

394

Blu-ray Design Designing

to

Menus and

395

Projects

Building Design a

Organizing

a

Brief

395 396

Project

Organizing Assets with Bridge Identifying Preparing Creating

Connections and

to Shoot

389

Footage

Creating

396 Flowcharts

Plates for Menus

the Studio

398

400 400

Lighting Equipment

Needed

402

Choosing a Camera

404

Finding Objects

405

Shooting Techniques General

Liquid

for

Footage Plates

Shooting Advice

Pours

Shots

Shots

Moving Lights

Preparing with

407 408

Perpendicular Spinning

407

Premiere Pro

Loading Footage

409 410 411 411 412

xi

Making Media

a

413

Subclip

414

Manage

Designing

Menu

Backgrounds

in After Effects

415

Creating the First Composition

415

Stacking Footage

417

Looping

the

Background

418

Colorizing

the

Background

420

Rendering

the

Background

422

Photoshop Design Loading the

Reference Frame

Adding Additional Imagery Working

with Text and Logos

Designing Assembling

422 422 423

424

Buttons

425

Menus in Adobe Encore

428

Importing

Menu Assets

428

Adding Backgrounds

429

Setting Button

Order

430

Motion Menus

431

Previewing

Index

433

Additional chapter on broadcast package design available for download on

xii

the web at

www.peachpit.com/mgcs5st