Pangilinan_Erick_Uncharted2ArtDirection

263

Transcript of Pangilinan_Erick_Uncharted2ArtDirection

Page 1: Pangilinan_Erick_Uncharted2ArtDirection
Page 2: Pangilinan_Erick_Uncharted2ArtDirection

Erick Pangilinan Robh RuppelART DIRECTORS

Page 3: Pangilinan_Erick_Uncharted2ArtDirection

Erick Pangilinan Robh Ruppel

ART DIRECTORS

Page 4: Pangilinan_Erick_Uncharted2ArtDirection

Erick Pangilinan Robh Ruppel

Implementation Art side side

ART DIRECTORS

Page 5: Pangilinan_Erick_Uncharted2ArtDirection
Page 6: Pangilinan_Erick_Uncharted2ArtDirection
Page 7: Pangilinan_Erick_Uncharted2ArtDirection

Most asked question

Page 8: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel

Page 9: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel Mies van der Rohe

Page 10: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel Mies van der Rohe

Page 11: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel Mies van der Rohe

Page 12: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel

ART DIRECTOR “Meet the Robinsons”“Brother Bear”

Page 13: Pangilinan_Erick_Uncharted2ArtDirection

Robh Ruppel

ART DIRECTOR “Meet the Robinsons”“Brother Bear”

Page 14: Pangilinan_Erick_Uncharted2ArtDirection

ART DIRECTOR

Page 15: Pangilinan_Erick_Uncharted2ArtDirection

What makes Naughty Dog unique?

Page 16: Pangilinan_Erick_Uncharted2ArtDirection

SOLVING THE SAME VISUALPROBLEMS IN FILMS AND GAMES

Page 17: Pangilinan_Erick_Uncharted2ArtDirection

VISUALS REINFORCE EMOTION/MOOD/STORY

Page 18: Pangilinan_Erick_Uncharted2ArtDirection

EVOKING WARGritty, horror, grim, tragic, desperate

Page 19: Pangilinan_Erick_Uncharted2ArtDirection
Page 20: Pangilinan_Erick_Uncharted2ArtDirection
Page 21: Pangilinan_Erick_Uncharted2ArtDirection

High level concepts and procedure

Page 22: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 23: Pangilinan_Erick_Uncharted2ArtDirection

SHAPE LANGUAGE

Page 24: Pangilinan_Erick_Uncharted2ArtDirection

SHAPES:TOOL TO AFFECT HOW

PEOPLE FEEL

Page 25: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 26: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 27: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 28: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 29: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 30: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 31: Pangilinan_Erick_Uncharted2ArtDirection

Style Guides

Page 32: Pangilinan_Erick_Uncharted2ArtDirection

Color Scripts

Page 33: Pangilinan_Erick_Uncharted2ArtDirection

Color Scripts

Page 34: Pangilinan_Erick_Uncharted2ArtDirection

Color Scripts

Page 35: Pangilinan_Erick_Uncharted2ArtDirection

COLOR AND LIGHTING

VERY EMOTIONALTOOLS

Page 36: Pangilinan_Erick_Uncharted2ArtDirection

Color Scripts

Page 37: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

IT ALL STARTS WITH DRAWING

Page 38: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 39: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 40: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 41: Pangilinan_Erick_Uncharted2ArtDirection
Page 42: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 43: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 44: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 45: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 46: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 47: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 48: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 49: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 50: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 51: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 52: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 53: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 54: Pangilinan_Erick_Uncharted2ArtDirection

Blue Sky

Page 55: Pangilinan_Erick_Uncharted2ArtDirection

Making ART

Page 56: Pangilinan_Erick_Uncharted2ArtDirection
Page 57: Pangilinan_Erick_Uncharted2ArtDirection
Page 58: Pangilinan_Erick_Uncharted2ArtDirection
Page 59: Pangilinan_Erick_Uncharted2ArtDirection
Page 60: Pangilinan_Erick_Uncharted2ArtDirection
Page 61: Pangilinan_Erick_Uncharted2ArtDirection
Page 62: Pangilinan_Erick_Uncharted2ArtDirection
Page 63: Pangilinan_Erick_Uncharted2ArtDirection
Page 64: Pangilinan_Erick_Uncharted2ArtDirection
Page 65: Pangilinan_Erick_Uncharted2ArtDirection
Page 66: Pangilinan_Erick_Uncharted2ArtDirection
Page 67: Pangilinan_Erick_Uncharted2ArtDirection
Page 68: Pangilinan_Erick_Uncharted2ArtDirection
Page 69: Pangilinan_Erick_Uncharted2ArtDirection
Page 70: Pangilinan_Erick_Uncharted2ArtDirection
Page 71: Pangilinan_Erick_Uncharted2ArtDirection
Page 72: Pangilinan_Erick_Uncharted2ArtDirection
Page 73: Pangilinan_Erick_Uncharted2ArtDirection
Page 74: Pangilinan_Erick_Uncharted2ArtDirection
Page 75: Pangilinan_Erick_Uncharted2ArtDirection
Page 76: Pangilinan_Erick_Uncharted2ArtDirection

And all the details

Page 77: Pangilinan_Erick_Uncharted2ArtDirection

Gompa Level

Page 78: Pangilinan_Erick_Uncharted2ArtDirection

PLACE FALLING APART SO WE NEED TO KNOW HOW IT’S PUT TOGETHER

Page 79: Pangilinan_Erick_Uncharted2ArtDirection
Page 80: Pangilinan_Erick_Uncharted2ArtDirection
Page 81: Pangilinan_Erick_Uncharted2ArtDirection
Page 82: Pangilinan_Erick_Uncharted2ArtDirection
Page 83: Pangilinan_Erick_Uncharted2ArtDirection
Page 84: Pangilinan_Erick_Uncharted2ArtDirection
Page 85: Pangilinan_Erick_Uncharted2ArtDirection
Page 86: Pangilinan_Erick_Uncharted2ArtDirection
Page 87: Pangilinan_Erick_Uncharted2ArtDirection

Paint overs

Page 88: Pangilinan_Erick_Uncharted2ArtDirection

BORNEO - Swamp/dig level

Page 89: Pangilinan_Erick_Uncharted2ArtDirection

BORNEO - Swamp/dig level

Just so you don’t think it’s all perfect

Page 90: Pangilinan_Erick_Uncharted2ArtDirection

Final Look

Page 91: Pangilinan_Erick_Uncharted2ArtDirection

Final Look

Page 92: Pangilinan_Erick_Uncharted2ArtDirection

Early concept

Page 93: Pangilinan_Erick_Uncharted2ArtDirection
Page 94: Pangilinan_Erick_Uncharted2ArtDirection
Page 95: Pangilinan_Erick_Uncharted2ArtDirection

New direction

Page 96: Pangilinan_Erick_Uncharted2ArtDirection

sketches

Page 97: Pangilinan_Erick_Uncharted2ArtDirection

sketches

Page 98: Pangilinan_Erick_Uncharted2ArtDirection

Finished Sketch

Page 99: Pangilinan_Erick_Uncharted2ArtDirection

Finished Sketch

Page 100: Pangilinan_Erick_Uncharted2ArtDirection

Full Color Painting

Page 101: Pangilinan_Erick_Uncharted2ArtDirection

…done over block mesh

Page 102: Pangilinan_Erick_Uncharted2ArtDirection

reference

Page 103: Pangilinan_Erick_Uncharted2ArtDirection

reference

Page 104: Pangilinan_Erick_Uncharted2ArtDirection

reference

Page 105: Pangilinan_Erick_Uncharted2ArtDirection

It’s one thing to have an idea and another to make it into a game.

Page 106: Pangilinan_Erick_Uncharted2ArtDirection

Erick Pangilinan

Page 107: Pangilinan_Erick_Uncharted2ArtDirection

Erick Pangilinan Art Director – Uncharted 2: Among ThievesLead Environment artist – Uncharted: Drake’s fortuneEnvironment artist – Jak & Daxter seriesEnvironment artist – Crash Bandicoot 2,3 and CTR

Page 108: Pangilinan_Erick_Uncharted2ArtDirection

Pre-vis concept art

Designer layout

In-Game art

Page 109: Pangilinan_Erick_Uncharted2ArtDirection

Artists Tools

Page 110: Pangilinan_Erick_Uncharted2ArtDirection

Concept art

Page 111: Pangilinan_Erick_Uncharted2ArtDirection

Reference pictures

Page 112: Pangilinan_Erick_Uncharted2ArtDirection

2D maps- designer

Page 113: Pangilinan_Erick_Uncharted2ArtDirection

2D maps- designer

Page 114: Pangilinan_Erick_Uncharted2ArtDirection

Block mesh/Grey box

Page 115: Pangilinan_Erick_Uncharted2ArtDirection

Blockmesh - drawover

Page 116: Pangilinan_Erick_Uncharted2ArtDirection

Artist blockmesh

Page 117: Pangilinan_Erick_Uncharted2ArtDirection

Final Maya mesh

Page 118: Pangilinan_Erick_Uncharted2ArtDirection

Final game art

Page 119: Pangilinan_Erick_Uncharted2ArtDirection

Block mesh to Game art

Page 120: Pangilinan_Erick_Uncharted2ArtDirection
Page 121: Pangilinan_Erick_Uncharted2ArtDirection

Original concept

Page 122: Pangilinan_Erick_Uncharted2ArtDirection

Original blockmesh

Page 123: Pangilinan_Erick_Uncharted2ArtDirection

Original blockmesh

Page 124: Pangilinan_Erick_Uncharted2ArtDirection

Original blockmesh

Page 125: Pangilinan_Erick_Uncharted2ArtDirection

Mountain wall idea

Page 126: Pangilinan_Erick_Uncharted2ArtDirection

Terrace idea

Page 127: Pangilinan_Erick_Uncharted2ArtDirection

Cliff idea

Page 128: Pangilinan_Erick_Uncharted2ArtDirection

Combination of cliff and buildings

Page 129: Pangilinan_Erick_Uncharted2ArtDirection

Final design

Page 130: Pangilinan_Erick_Uncharted2ArtDirection

Final design

Page 131: Pangilinan_Erick_Uncharted2ArtDirection

Final design

Page 132: Pangilinan_Erick_Uncharted2ArtDirection

blockmesh

Page 133: Pangilinan_Erick_Uncharted2ArtDirection

Check game play requirements…

Page 134: Pangilinan_Erick_Uncharted2ArtDirection

concept

Page 135: Pangilinan_Erick_Uncharted2ArtDirection

Draw over

Page 136: Pangilinan_Erick_Uncharted2ArtDirection

Draw over

Page 137: Pangilinan_Erick_Uncharted2ArtDirection

Draw over

Page 138: Pangilinan_Erick_Uncharted2ArtDirection

Final Maya art

Page 139: Pangilinan_Erick_Uncharted2ArtDirection

Final Maya Art

Page 140: Pangilinan_Erick_Uncharted2ArtDirection

Final game art

Page 141: Pangilinan_Erick_Uncharted2ArtDirection

Variety in Scale and proportions

Page 142: Pangilinan_Erick_Uncharted2ArtDirection

Final game art

Page 143: Pangilinan_Erick_Uncharted2ArtDirection

Final game art

Page 144: Pangilinan_Erick_Uncharted2ArtDirection

Final game art

Page 145: Pangilinan_Erick_Uncharted2ArtDirection
Page 146: Pangilinan_Erick_Uncharted2ArtDirection
Page 147: Pangilinan_Erick_Uncharted2ArtDirection
Page 148: Pangilinan_Erick_Uncharted2ArtDirection
Page 149: Pangilinan_Erick_Uncharted2ArtDirection
Page 150: Pangilinan_Erick_Uncharted2ArtDirection
Page 151: Pangilinan_Erick_Uncharted2ArtDirection

Ground plane/wall plane separation

Page 152: Pangilinan_Erick_Uncharted2ArtDirection

Ground plane/wall plane separation

Page 153: Pangilinan_Erick_Uncharted2ArtDirection

Ground plane/wall plane separation

Page 154: Pangilinan_Erick_Uncharted2ArtDirection

Stepping stones

Page 155: Pangilinan_Erick_Uncharted2ArtDirection

Ground plane/wall plane separation

Page 156: Pangilinan_Erick_Uncharted2ArtDirection

Ground plane/wall plane seperation

Page 157: Pangilinan_Erick_Uncharted2ArtDirection
Page 158: Pangilinan_Erick_Uncharted2ArtDirection

Create arches to lead player through.

Page 159: Pangilinan_Erick_Uncharted2ArtDirection

Create Path Variety .

Page 160: Pangilinan_Erick_Uncharted2ArtDirection

Create Path Variety .

Page 161: Pangilinan_Erick_Uncharted2ArtDirection

Create Path Variety .

Page 162: Pangilinan_Erick_Uncharted2ArtDirection

Counter point spaces .

Page 163: Pangilinan_Erick_Uncharted2ArtDirection

Counter point spaces .

Page 164: Pangilinan_Erick_Uncharted2ArtDirection

Counter point spaces .

Page 165: Pangilinan_Erick_Uncharted2ArtDirection

….to exaggerate the effect of the final space.

Page 166: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks

Page 167: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks

Page 168: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks to give orientation

Page 169: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks

Page 170: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks

Page 171: Pangilinan_Erick_Uncharted2ArtDirection

Landmarks

Page 172: Pangilinan_Erick_Uncharted2ArtDirection
Page 173: Pangilinan_Erick_Uncharted2ArtDirection
Page 174: Pangilinan_Erick_Uncharted2ArtDirection
Page 175: Pangilinan_Erick_Uncharted2ArtDirection
Page 176: Pangilinan_Erick_Uncharted2ArtDirection
Page 177: Pangilinan_Erick_Uncharted2ArtDirection
Page 178: Pangilinan_Erick_Uncharted2ArtDirection
Page 179: Pangilinan_Erick_Uncharted2ArtDirection
Page 180: Pangilinan_Erick_Uncharted2ArtDirection

Prototype = 14k instances = 2k each

Page 181: Pangilinan_Erick_Uncharted2ArtDirection
Page 182: Pangilinan_Erick_Uncharted2ArtDirection
Page 183: Pangilinan_Erick_Uncharted2ArtDirection
Page 184: Pangilinan_Erick_Uncharted2ArtDirection

Fading distance

NearFar

Page 185: Pangilinan_Erick_Uncharted2ArtDirection

Fading out details

Page 186: Pangilinan_Erick_Uncharted2ArtDirection

Fading out details

Page 187: Pangilinan_Erick_Uncharted2ArtDirection

Fading out details

Page 188: Pangilinan_Erick_Uncharted2ArtDirection

Fading out details

Page 189: Pangilinan_Erick_Uncharted2ArtDirection

Fading out details

Page 190: Pangilinan_Erick_Uncharted2ArtDirection

Repetitive instances

Original Prototype instance instance

Page 191: Pangilinan_Erick_Uncharted2ArtDirection

Rock arrangements

Original Prototype instance instance

Page 192: Pangilinan_Erick_Uncharted2ArtDirection

Typical Art request pipeline

Page 193: Pangilinan_Erick_Uncharted2ArtDirection

…….with motivation.

Page 194: Pangilinan_Erick_Uncharted2ArtDirection

Rock arrangements

Prototype A = 14k Instance A = 2k Instance A= 2k

Page 195: Pangilinan_Erick_Uncharted2ArtDirection

Modified instances

Page 196: Pangilinan_Erick_Uncharted2ArtDirection

Modified instances

Page 197: Pangilinan_Erick_Uncharted2ArtDirection

Modified instances

Page 198: Pangilinan_Erick_Uncharted2ArtDirection

Jointed roots

Page 199: Pangilinan_Erick_Uncharted2ArtDirection

Jointed roots

Page 200: Pangilinan_Erick_Uncharted2ArtDirection

Ref-nodes + Modifiers

Page 201: Pangilinan_Erick_Uncharted2ArtDirection
Page 202: Pangilinan_Erick_Uncharted2ArtDirection
Page 203: Pangilinan_Erick_Uncharted2ArtDirection

Textures

Page 204: Pangilinan_Erick_Uncharted2ArtDirection

Normal maps

Page 205: Pangilinan_Erick_Uncharted2ArtDirection
Page 206: Pangilinan_Erick_Uncharted2ArtDirection
Page 207: Pangilinan_Erick_Uncharted2ArtDirection
Page 208: Pangilinan_Erick_Uncharted2ArtDirection
Page 209: Pangilinan_Erick_Uncharted2ArtDirection

Nvidia

Page 210: Pangilinan_Erick_Uncharted2ArtDirection

NvidiaCrazy Bump

Page 211: Pangilinan_Erick_Uncharted2ArtDirection

zbrush NvidiaCrazy Bump

Page 212: Pangilinan_Erick_Uncharted2ArtDirection

zbrush NvidiaCrazy Bump

Page 213: Pangilinan_Erick_Uncharted2ArtDirection

Color map

Page 214: Pangilinan_Erick_Uncharted2ArtDirection

Zbrush sculpting rocks

Page 215: Pangilinan_Erick_Uncharted2ArtDirection

Crazy Bump zbrush Nvidia

Page 216: Pangilinan_Erick_Uncharted2ArtDirection

Crazy Bump zbrush Nvidia

Page 217: Pangilinan_Erick_Uncharted2ArtDirection

Crazy Bump zbrush Nvidia

Page 218: Pangilinan_Erick_Uncharted2ArtDirection

Crazy Bump zbrush Nvidia

Page 219: Pangilinan_Erick_Uncharted2ArtDirection

Crazy Bump zbrush Nvidia

Page 220: Pangilinan_Erick_Uncharted2ArtDirection

Normal map comparison

Crazy Bump zbrush Nvidia

Page 221: Pangilinan_Erick_Uncharted2ArtDirection

Tiling textures

Page 222: Pangilinan_Erick_Uncharted2ArtDirection

blend shaders

Page 223: Pangilinan_Erick_Uncharted2ArtDirection
Page 224: Pangilinan_Erick_Uncharted2ArtDirection

Blend threshold

Texture set #1 Texture set #2

Page 225: Pangilinan_Erick_Uncharted2ArtDirection

Final blended texture

Page 226: Pangilinan_Erick_Uncharted2ArtDirection

Final blended texture

Page 227: Pangilinan_Erick_Uncharted2ArtDirection

Final blended texture

Page 228: Pangilinan_Erick_Uncharted2ArtDirection
Page 229: Pangilinan_Erick_Uncharted2ArtDirection
Page 230: Pangilinan_Erick_Uncharted2ArtDirection
Page 231: Pangilinan_Erick_Uncharted2ArtDirection
Page 232: Pangilinan_Erick_Uncharted2ArtDirection
Page 233: Pangilinan_Erick_Uncharted2ArtDirection

Typical Art request pipeline

Page 234: Pangilinan_Erick_Uncharted2ArtDirection

…….with motivation.

Page 235: Pangilinan_Erick_Uncharted2ArtDirection
Page 236: Pangilinan_Erick_Uncharted2ArtDirection
Page 237: Pangilinan_Erick_Uncharted2ArtDirection
Page 238: Pangilinan_Erick_Uncharted2ArtDirection
Page 239: Pangilinan_Erick_Uncharted2ArtDirection
Page 240: Pangilinan_Erick_Uncharted2ArtDirection

Slope shader

Page 241: Pangilinan_Erick_Uncharted2ArtDirection

Tiling + blend + slope shaders

Page 242: Pangilinan_Erick_Uncharted2ArtDirection

Lighting Process

Page 243: Pangilinan_Erick_Uncharted2ArtDirection

Baked Lighting

Page 244: Pangilinan_Erick_Uncharted2ArtDirection

Direct Sunlight (replaced with run-time sunlight)

Page 245: Pangilinan_Erick_Uncharted2ArtDirection

Dome lighting

Page 246: Pangilinan_Erick_Uncharted2ArtDirection

Sun-lights Indirect channel

Page 247: Pangilinan_Erick_Uncharted2ArtDirection

Combined Dome + indirect channels

Page 248: Pangilinan_Erick_Uncharted2ArtDirection

dome + indirect channel (in-game)

Page 249: Pangilinan_Erick_Uncharted2ArtDirection

Combined with textures

Page 250: Pangilinan_Erick_Uncharted2ArtDirection

Run time shadows

Page 251: Pangilinan_Erick_Uncharted2ArtDirection

Run-time Shadows

Page 252: Pangilinan_Erick_Uncharted2ArtDirection

Baked Shadows

Page 253: Pangilinan_Erick_Uncharted2ArtDirection

Baked & Run-time Shadows

Page 254: Pangilinan_Erick_Uncharted2ArtDirection

Light maps

Page 255: Pangilinan_Erick_Uncharted2ArtDirection
Page 256: Pangilinan_Erick_Uncharted2ArtDirection

Concept Art

Page 257: Pangilinan_Erick_Uncharted2ArtDirection

Blockmesh

Page 258: Pangilinan_Erick_Uncharted2ArtDirection

Friendly programmer

Page 259: Pangilinan_Erick_Uncharted2ArtDirection

Maya final geometry

Page 260: Pangilinan_Erick_Uncharted2ArtDirection

Maya textured view

Page 261: Pangilinan_Erick_Uncharted2ArtDirection

In-game with lighting

Page 262: Pangilinan_Erick_Uncharted2ArtDirection
Page 263: Pangilinan_Erick_Uncharted2ArtDirection

Special Thanks

Tate Mosesian – Lead Texture artistChristian Nakata – Sr. Texture artistDave Witters – Lead Lighting artistCarlos Gonzales – friendly programmerSimon Craghead – Sr. Environment artist