how valve connects art direction to gameplay...introduction team fortress 2 distinctive silhouettes...
TRANSCRIPT
![Page 1: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/1.jpg)
Moby FranckeRandy Lundeen
How Valve Connects Art Direction to Gameplay
![Page 2: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/2.jpg)
Introduction
Team Fortress 2Distinctive SilhouettesStylized shading
Left 4 DeadCreating a Dark, Gritty Horror experienceApplying lessons learned from TF2Utilizing “Filmic” effects
![Page 3: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/3.jpg)
Team Fortress Mod
![Page 4: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/4.jpg)
Initial Team Fortress 2
![Page 5: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/5.jpg)
Initial Team Fortress 2
Medic!
![Page 6: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/6.jpg)
Why The Unique Visual Style?
GameplayReadabilityBranding
![Page 7: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/7.jpg)
Team – Friend or Foe?Color
Class – Run or Attack?Distinctive silhouettesBody proportionsWeaponsShoes, hats and clothing folds
Selected weapon – What’s he packin’?Highest contrast at chest level, where weapon is heldGradient from dark feet to light chest
Color Swatch
Read Hierarchy
![Page 8: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/8.jpg)
Early 20th Century Commercial Illustration
Dean Cornwell
J. C. Leyendecker
Norman Rockwell
![Page 9: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/9.jpg)
J.C. LeyendeckerThanksgiving 1628-1928
J.C. LeyendeckerTally-Ho, 1930
Clothing Folds
![Page 10: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/10.jpg)
J.C. LeyendeckerArrow collar advertisement, 1929
J.C. LeyendeckerSwimmin’ Hole, 1935
Rim Highlights
Red Terminator
![Page 11: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/11.jpg)
Before Rim HighlightingEarly Production Still from Meet the Heavy Early Production Still from Meet the Heavy
![Page 12: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/12.jpg)
2D Rim Highlighting PaintoverEarly Production Still from Meet the Heavy Early Production Still from Meet the Heavy
![Page 13: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/13.jpg)
Character Creation1. Character silhouette
2. Interior shapes
3. Model sheet
4. 3D Model
5. Character Skin
6. Final Character in game
![Page 14: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/14.jpg)
Character SilhouetteBuilding block of character designIdentifiable at first read
![Page 15: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/15.jpg)
Interior ShapesSolving interior character design with shadow shapesKeep it iconicWork out design in three quarter pose
![Page 16: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/16.jpg)
Model SheetUse concept painting as guideSolve design problems using silhouette onlySolve interior design with shadow shapes
![Page 17: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/17.jpg)
3D ModelMatch silhouette to model sheetSolve 3 quarter design with screenshots / paintoversModel with character in mind
![Page 18: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/18.jpg)
Base Ambient Occlusion map
![Page 19: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/19.jpg)
Character Skin
![Page 20: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/20.jpg)
Final Character3D model with texture and basic shading
![Page 21: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/21.jpg)
Engineer Concept
![Page 22: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/22.jpg)
Engineer model
![Page 23: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/23.jpg)
Pyro Concept
![Page 24: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/24.jpg)
Pyro model
![Page 25: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/25.jpg)
Environment DesignCreating a compelling, immersive worldTeam distinction through material hue/value/saturation.Impressionistic painterly look
![Page 26: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/26.jpg)
Contrasting Team PropertiesRed
Warm colorsNatural materialsAngular geometry
BlueCool colorsIndustrial materialsOrthogonal forms
![Page 27: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/27.jpg)
World texturing
Texture mapTexture map InIn--game Screenshotgame Screenshot
![Page 28: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/28.jpg)
World texturing
Texture mapTexture map InIn--game Screenshotgame Screenshot
![Page 29: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/29.jpg)
World texturing
Texture mapTexture map InIn--game Screenshotgame Screenshot
![Page 30: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/30.jpg)
World texturing
Texture mapTexture map InIn--game Screenshotgame Screenshot
![Page 31: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/31.jpg)
Model texturing
Texture mapTexture map InIn--game Screenshotgame Screenshot
![Page 32: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/32.jpg)
![Page 33: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/33.jpg)
IntroductionCo-op, first-person horror gameDynamic shared narrative
Experience a scary action movie with your friends
AI DirectorProcedurally generated character performance, pacing, effects and music
Available this Fall
![Page 34: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/34.jpg)
Art Direction and GameplayCreating a dark, scary cinematic environmentAppling lessons learned from TF2Utilizing “Filmic” EffectsIncorporating shaders that enhance a dark setting
![Page 35: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/35.jpg)
Filmic effectsColor CorrectionGrainVignetteLocal Contrast EnhancementDynamically communicate game state
![Page 36: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/36.jpg)
No Post-processingNo Post-processing
![Page 37: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/37.jpg)
Color CorrectionColor Correction
![Page 38: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/38.jpg)
GrainGrain
![Page 39: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/39.jpg)
No GrainNo Grain GrainGrain
![Page 40: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/40.jpg)
Before VignetteBefore Vignette
![Page 41: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/41.jpg)
VignetteVignette
![Page 42: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/42.jpg)
Local ContrastLocal Contrast
![Page 43: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/43.jpg)
Filmic Effects OFFFilmic Effects OFF
![Page 44: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/44.jpg)
Filmic Effects ONFilmic Effects ON
![Page 45: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/45.jpg)
Normal StateNormal State
![Page 46: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/46.jpg)
Third StrikeThird Strike
![Page 47: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/47.jpg)
Hunter PounceHunter Pounce
![Page 48: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/48.jpg)
Normal StressNormal Stress
![Page 49: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/49.jpg)
High StressHigh Stress
![Page 50: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/50.jpg)
Lighting for DarknessHorror/suspense themeLighting that supports fiction/navigationImportance of SilhouettePlayer as light source
![Page 51: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/51.jpg)
Too many areas of contrastToo many areas of contrast
![Page 52: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/52.jpg)
Simplified lightingSimplified lighting
![Page 53: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/53.jpg)
In-game headlightsIn-game headlights
![Page 54: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/54.jpg)
In-game headlightsIn-game headlights
![Page 55: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/55.jpg)
Smoking the SetSeparate foreground from background
FogLight colored fog in dark areas to contrast with silhouettes of infected in mid-ground
ParticlesAdds atmosphere and helps accentuate silhouettes of infected against lighter particles
![Page 56: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/56.jpg)
Black FogBlack Fog Light FogLight Fog
![Page 57: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/57.jpg)
Without particlesWithout particles With particlesWith particles
![Page 58: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/58.jpg)
Reload, Shove & Muzzle FlashPlayer is the light sourceIncreases drama and immersionFlashlight is attached to the weapons
ReloadingShovingMuzzle flash
Encourages players to coordinate actions
![Page 59: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/59.jpg)
Self Shadowed Normal MappingNormal mapping locally alters surface orientation, causing detailed lighting effectsSSNM incorporates local self-shadowing information for greater surface richnessReacts to lighting from radiosity as well as dynamic lights in the scene, such as the player’s flashlightRefactoring our shader code, this turns out to be free
Narrow dark area from normal facing away from the light
Self-Shadowed Region
Light Intensity
![Page 60: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/60.jpg)
Self-Shadowed Normal Mapping in EngineSelf-Shadowed Normal Mapping in Engine
![Page 61: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/61.jpg)
Wetness / PuddlesFilm techniqueAdds details to dark settingsEnhances moodiness
![Page 62: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/62.jpg)
Wet Surfaces in EngineWet Surfaces in Engine
![Page 63: How Valve Connects Art Direction to Gameplay...Introduction Team Fortress 2 Distinctive Silhouettes Stylized shading Left 4 Dead Creating a Dark, Gritty Horror experience Applying](https://reader033.vdocuments.us/reader033/viewer/2022042412/5f2b742ba51dc62ccb472f3f/html5/thumbnails/63.jpg)
Summary
Team Fortress 2Distinctive SilhouettesStylized shading
Left 4 DeadCreating a Dark, Gritty Horror experienceApplying lessons learned from TF2Utilizing “Filmic” effects