Difference between revisions of "Concept art"

From Team Fortress Wiki
Jump to: navigation, search
(→‎Art)
(Removed non-concept art, moving to Wallpapers)
 
(14 intermediate revisions by 9 users not shown)
Line 2: Line 2:
 
{{quotation|'''The Art of War'''|Every time we go live with an update, we get hundreds of emails asking for high-res versions of the artwork we used to promote it. We also get a ton of email from people requesting media assets for their own TF2 art projects. From now on, the Artwork page will be the place where all this stuff lives. Be sure to check back as we add to it.}}
 
{{quotation|'''The Art of War'''|Every time we go live with an update, we get hundreds of emails asking for high-res versions of the artwork we used to promote it. We also get a ton of email from people requesting media assets for their own TF2 art projects. From now on, the Artwork page will be the place where all this stuff lives. Be sure to check back as we add to it.}}
 
''[[Team Fortress 2]]'' went through many iterations before it became what it is known as today. At various stages of the game's development and post release, various pieces of '''concept art''' were made public.
 
''[[Team Fortress 2]]'' went through many iterations before it became what it is known as today. At various stages of the game's development and post release, various pieces of '''concept art''' were made public.
−
 
−
== Art ==
 
−
'''Note:''' Click the thumbnail to open the full image.
 
−
 
−
<div style="float:left; margin:2px;">[[File:Bl heavy thumb.jpg|138px|border|link=File:Bl heavy.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Meetthepyro thumb.jpg|138px|border|link=File:Meetthepyro_art.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Pyroland sunset thumb.jpg|138px|border|link=File:Pyroland sunset.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Cityonfire thumb.jpg|138px|border|link=File:Cityonfire.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Pyro flames thumb.jpg|138px|border|link=File:Pyro flames.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Meet the christmas thumb.jpg|138px|border|link=File:Meet the christmas.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Ac spy thumb.jpg|138px|border|link=File:Assassin's Creed Revelations blog promo.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Demoman merasmus thumb.jpg|138px|border|link=File:Demoman merasmus.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Saxbabybear thumb.jpg|138px|border|link=File:SaxBabyBear 2560x1600.png]]</div>
 
−
<div style="float:left; margin:2px;">[[File:th con 37.jpg|138px|border|link=File:Medic doves.png]]</div>
 
−
<div style="float:left; margin:2px;">[[File:th art 2.jpg|138px|border|link=File:timbuktuesday.png]]</div>
 
−
<div style="float:left; margin:2px;">[[File:th art 3.jpg|138px|border|link=File:worldwarwednesday.png]]</div>
 
−
<div style="float:left; margin:2px;">[[File:th art 4.jpg|138px|border|link=File:mobsters.png]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 01 thumb.jpg|138px|border|link=File:Expiration date 01.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 02 thumb.jpg|138px|border|link=File:Expiration date 02.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 03 thumb.jpg|138px|border|link=File:Expiration date 03.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 04 thumb.jpg|138px|border|link=File:Expiration date 04.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 05 thumb.jpg|138px|border|link=File:Expiration date 05.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 06 thumb.jpg|138px|border|link=File:Expiration date 06.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 07 thumb.jpg|138px|border|link=File:Expiration date 07.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 08 thumb.jpg|138px|border|link=File:Expiration date 08.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 09 thumb.jpg|138px|border|link=File:Expiration date 09.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Expiration date 10 thumb.jpg|138px|border|link=File:Expiration date 10.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Bumper cars thumb.jpg|138px|border|link=File:Bumper cars 1920x1080.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Doomsday thumb.jpg|138px|border|link=File:Doomsday 1920x1080.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Hwn bosses thumb.jpg|138px|border|link=File:Hwn bosses 1920x1080.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Merasmus thumb.jpg|138px|border|link=File:Merasmus 1920x1080.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Merasmus comic thumb.jpg|138px|border|link=File:Merasmus comic 1920x1200.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Ms pauling comic thumb.jpg|138px|border|link=File:Ms pauling comic 2048x1536.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Gun mettle thumb.jpg|138px|border|link=File:Gun mettle 2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Hwn2015 thumb.jpg|138px|border|link=File:Hwn2015 2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Hwn2015 2 thumb.jpg|138px|border|link=File:Hwn2015 2 2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Hwn2015 3 thumb.jpg|138px|border|link=File:Hwn2015 3 2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_2560x1600_thumb.jpg|138px|border|link=File:Tough_break_2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_alamo_thumb.jpg|138px|border|link=File:Tough_break_postcard_alamo.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_beach_thumb.jpg|138px|border|link=File:Tough_break_postcard_beach.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_bombshop_thumb.jpg|138px|border|link=File:Tough_break_postcard_bombshop.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_library_thumb.jpg|138px|border|link=File:Tough_break_postcard_library.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_merasmus_thumb.jpg|138px|border|link=File:Tough_break_postcard_merasmus.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_outletmall_thumb.jpg|138px|border|link=File:Tough_break_postcard_outletmall.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_poopyjoe_thumb.jpg|138px|border|link=File:Tough_break_postcard_poopyjoe.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_raccoon_thumb.jpg|138px|border|link=File:Tough_break_postcard_raccoon.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Tough_break_postcard_tomjones_thumb.jpg|138px|border|link=File:Tough_break_postcard_tomjones.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_thumb.jpg|138px|border|link=File:Competitive_2560x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier1_thumb.jpg|138px|border|link=File:Competitive_tier1_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier2_thumb.jpg|138px|border|link=File:Competitive_tier2_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier3_thumb.jpg|138px|border|link=File:Competitive_tier3_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier4_thumb.jpg|138px|border|link=File:Competitive_tier4_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier5_thumb.jpg|138px|border|link=File:Competitive_tier5_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Competitive_tier6_thumb.jpg|138px|border|link=File:Competitive_tier6_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Wallpaper_12v12fight_thumb.jpg|138px|border|link=File:Wallpaper_12v12fight_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Wallpaper_rankedbg_thumb.jpg|138px|border|link=File:Wallpaper_rankedbg_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">[[File:Wallpaper_heavyvspyro_thumb.jpg|138px|border|link=File:Wallpaper_heavyvspyro_2650x1600.jpg]]</div>
 
−
<div style="float:left; margin:2px;">
 
−
[[File:Jungle_inferno_thumb.jpg|138px|border|link=File:Jungle_inferno.jpg]]</div>
 
−
<div style="float:left; margin:2px;">
 
−
[[File:Sf2017_pyro_bosses_thumb.jpg|138px|border|link=File:Sf2017_pyro_bosses.jpg]]</div>
 
−
{{clr}}
 
  
 
== Concept art ==
 
== Concept art ==
Line 89: Line 27:
 
<div style="float:left; margin:2px;">[[File:th_con_20.jpg|138px|border|link=File:engineer_concept_r.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_20.jpg|138px|border|link=File:engineer_concept_r.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_21.jpg|138px|border|link=File:Engi_old_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_21.jpg|138px|border|link=File:Engi_old_concept.jpg]]</div>
−
<div style="float:left; margin:2px;">[[File:th_con_22.jpg|138px|border|link=File:engineerprofile.png]]</div>
+
<div style="float:left; margin:2px;">[[File:th_con_22.jpg|138px|border|link=File:Engineerprofile.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_23.jpg|138px|border|link=File:Flamethrowers_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_23.jpg|138px|border|link=File:Flamethrowers_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_24.jpg|138px|border|link=File:Flare_Gun_Concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_24.jpg|138px|border|link=File:Flare_Gun_Concept.jpg]]</div>
Line 116: Line 54:
 
<div style="float:left; margin:2px;">[[File:th_con_48.jpg|138px|border|link=File:Pistol_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_48.jpg|138px|border|link=File:Pistol_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_49.jpg|138px|border|link=File:Pistol_concept2.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_49.jpg|138px|border|link=File:Pistol_concept2.jpg]]</div>
−
<div style="float:left; margin:2px;">[[File:th_con_50.jpg|138px|border|link=File:pyro_concept_r.png]]</div>
+
<div style="float:left; margin:2px;">[[File:th_con_50.jpg|138px|border|link=File:pyro_concept_r.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_51.jpg|138px|border|link=File:pyro2.png]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_51.jpg|138px|border|link=File:pyro2.png]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_52.jpg|138px|border|link=File:Python_revolver_concept.jpg]]</div>
 
<div style="float:left; margin:2px;">[[File:th_con_52.jpg|138px|border|link=File:Python_revolver_concept.jpg]]</div>
Line 153: Line 91:
  
 
{{clr}}
 
{{clr}}
−
 
−
== Community item concepts ==
 
−
<gallery>
 
−
File:LibertyLauncherConcept.jpg | [[Airborne Armaments]]
 
−
File:AmpCept.jpg | [[Amputator]]
 
−
File:AtomizerConcept1.jpg | [[Atomizer]]
 
−
File:AtomizerConcept2.jpg | Atomizer
 
−
File:Gasman.jpg | [[Attendant]]
 
−
File:BucketCept.jpg | [[Berliner's Bucket Helm]]
 
−
File:blackmarketbusinessconcept.jpg | [[Black Market Business]]
 
−
File:BlightedBeak Concept1.png | [[Blighted Beak]]
 
−
File:BlightedBeak Concept2.png | Blighted Beak
 
−
File:Preliminary Big Chief.jpg | [[Big Chief]]
 
−
File:Concept_Brim-Full_Of-Bullets.png | [[Brim-Full Of Bullets]]
 
−
File:Decal_Concept.png | [[Clan Pride]], [[Photo Badge]] and an unused [[ID Badge]]
 
−
File:Concept Champ.png | [[Champ Stamp]]
 
−
File:Diamondback_Concept.png | [[Diamondback]]
 
−
File:FamilyBusiness Concept.png | [[Family Business]]
 
−
File:FrankCept.jpg | [[Cadaver's Cranium]]
 
−
File:KunaiCept.png | [[Conniver's Kunai]]
 
−
File:Ronin robot arm.jpg | [[Cozy Camper]]
 
−
File:CrocCept.jpg | [[The Croc-o-Style Kit]]
 
−
File:CrossbowCept.jpg | [[Crusader's Crossbow]]
 
−
File:Darwin Danger Shield Concept.jpg | [[Darwin's Danger Shield]]
 
−
File:DegreaseCept.jpg | [[Degreaser]]
 
−
File:Flying Guillotine concept art.jpg | [[Flying Guillotine]]
 
−
File:Front Runner concept art.png | [[Front Runner]]
 
−
File:Googly Gazer Concept.jpg | [[Googly Gazer]]
 
−
File:Grimm Hatte Concept.png | [[Grimm Hatte]]
 
−
File:KatanaCept.png | [[Half-Zatoichi]]
 
−
File:Human Cannonball Concept Art.jpeg| [[Human Cannonball]]
 
−
File:Huo-Long Heater concept art.jpg | [[Huo-Long Heater]]
 
−
File:Huo-Long Heater concept art2.jpg | Huo-Long Heater
 
−
File:Koala concept.png | [[Koala Compact]]
 
−
File:AirborneArmamentsConcept.png | [[Liberty Launcher]]
 
−
File:LochnLoadCept.jpg | [[Loch-N-Load]]
 
−
File:LochnLoadCept2.jpg | Loch-N-Load
 
−
File:Preliminary Milkman.jpg | [[Milkman]]
 
−
File:Concept Neon.png | [[Neon Annihilator]]
 
−
File:Concept Neon+Champ.png | Neon Annihilator and Champ Stamp
 
−
File:NinjaCept.png | [[Noh Mercy]]
 
−
File:Plumber's Pipe Concept.png | [[Plumber's Pipe]]
 
−
File:Plutonidome concept art.png | [[Plutonidome]]
 
−
File:Purity_Fist_Concept.png | [[Purity Fist]]
 
−
File:Hitman watch.jpg | [[Quackenbirdt]]
 
−
File:Red-Tape Recorder concept art.png | [[Red-Tape Recorder]]
 
−
File:ShogunHair.png | [[The Shogun Pack]]
 
−
File:Short_CircuitConcept.png | [[Short Circuit]]
 
−
File:Short_CircuitConcept2.png | Short Circuit
 
−
File:ShortstopCept.jpg | [[Shortstop]]
 
−
File:Sir Hootsalot Concept Art.jpg | [[Sir Hootsalot]]
 
−
File:Memento concept.PNG | [[Snapped Pupil]]
 
−
File:SodaPop Concept.jpg | [[Soda Popper]]
 
−
File:StungCept.png | [[Sober Stuntman]]
 
−
File:Special Delivery Concept.jpg | [[Special Delivery (item set)|The Special Delivery]]
 
−
File:TankBuster.jpg | [[The Tank Buster Set]]
 
−
File:Tomislav Concept.png | [[Tomislav]]
 
−
File:Tomislav Concept2.png | Tomislav
 
−
File:Spookyjoe concept.png | [[Unknown Monkeynaut]]
 
−
File:War Pig concept.jpg | [[War Pig]]
 
−
File:Widowmaker_Concept.png | [[Widowmaker]]
 
−
File:WingerConcept.jpg | [[Winger]]
 
−
File:Metaltowel concept.jpg | [[Titanium Towel]]
 
−
</gallery>
 
  
 
== TF2: Brotherhood of Arms concepts ==
 
== TF2: Brotherhood of Arms concepts ==
Line 224: Line 98:
 
File:Machinegunner.png|Machine Gunner
 
File:Machinegunner.png|Machine Gunner
 
</gallery>
 
</gallery>
 +
{{clr}}
 +
 +
== Community items concept art ==
 +
{{Main|:Category:Concept art|l1=Category:Concept art}}
  
 
== External links ==
 
== External links ==
 
* [http://www.teamfortress.com/artwork.php Artwork] on the [[TF2 Official Website]]
 
* [http://www.teamfortress.com/artwork.php Artwork] on the [[TF2 Official Website]]
 
* TF2 Official Blog posts on design:
 
* TF2 Official Blog posts on design:
−
** [[Scout]]: "[http://www.teamfortress.com/post.php?id=2195 Okay, this does not look good here. Umm...]" by Robin Walker, January 28, 2009.
+
** [[Scout]]: "[http://www.teamfortress.com/post.php?id=2195 Okay, this does not look good here. Umm...]" by [[Robin Walker]], January 28, 2009.
−
** "[http://www.teamfortress.com/post.php?id=1760 Alpine Art Style]" by Dhabih Eng, August 18, 2009.
+
** "[http://www.teamfortress.com/post.php?id=1760 Alpine Art Style]" by [[Dhabih Eng]], August 18, 2009.
 
** [[Demoman]]: "[http://www.teamfortress.com/post.php?id=1783 A Grim Bloody Fable]" by Dhabih Eng, August 28, 2009.
 
** [[Demoman]]: "[http://www.teamfortress.com/post.php?id=1783 A Grim Bloody Fable]" by Dhabih Eng, August 28, 2009.
−
* "[http://features.cgsociety.org/story_custom.php?story_id=4338 Visual Design, Comic Game Action, with a purpose.]" by Paul Hellard, CGSociety, December 1, 2007.
+
* "[https://web.archive.org/web/20110522204514/http://features.cgsociety.org/story_custom.php?story_id=4338 Visual Design, Comic Game Action, with a purpose.]" by Paul Hellard, CGSociety, December 1, 2007 (archived).
−
* [http://www.mobyfrancke.com/ mobyfrancke.com], home page of Valve concept artist Moby Francke.
 
  
  

Latest revision as of 21:20, 16 April 2024

Evirons 02.png
“
Every time we go live with an update, we get hundreds of emails asking for high-res versions of the artwork we used to promote it. We also get a ton of email from people requesting media assets for their own TF2 art projects. From now on, the Artwork page will be the place where all this stuff lives. Be sure to check back as we add to it.
— The Art of War
 ”

Team Fortress 2 went through many iterations before it became what it is known as today. At various stages of the game's development and post release, various pieces of concept art were made public.

Concept art

Note: Click the thumbnail to open the full image.

Th con 1.jpg
Th con 2.jpg
Th con 3.jpg
Th con 4.jpg
Th con 5.jpg
Th con 6.jpg
Th con 7.jpg
Th con 8.jpg
Th con 9.jpg
Th con 10.jpg
Th con 11.jpg
Th con 12.jpg
Th con 13.jpg
Th con 14.jpg
Th con 15.jpg
Th con 16.jpg
Th con 17.jpg
Th con 18.jpg
Th con 19.jpg
Th con 20.jpg
Th con 21.jpg
Th con 22.jpg
Th con 23.jpg
Th con 24.jpg
Th con 25.jpg
Th con 26.jpg
Th con 27.jpg
Th con 28.jpg
Th con 29.jpg
Th con 30.jpg
Th con 31.jpg
Th con 32.jpg
Th con 33.jpg
Th con 34.jpg
Th con 35.jpg
Th con 36.jpg
Th con 38.jpg
Th con 39.jpg
Th con 40.jpg
Th con 41.jpg
Th con 42.jpg
Th con 44.jpg
Th con 43.jpg
Th con 45.jpg
Th con 46.jpg
Th con 47.jpg
Th con 48.jpg
Th con 49.jpg
Th con 50.jpg
Th con 51.jpg
Th con 52.jpg
Th con 53.jpg
Th con 54.jpg
Th con 55.jpg
Th con 56.jpg
Th con 57.jpg
Th con 58.jpg
Th con 59.jpg
Th con 60.jpg
Th con 61.jpg
Th con 62.jpg
Th con 63.jpg
Th con 64.jpg
Th con 65.jpg
Th con 66.jpg
Th con 67.jpg
Th con 68.jpg
Th con 69.jpg
Th con 70.jpg
Th con 71.jpg
Th con 72.jpg
Th con 73.jpg
Th con 74.jpg
Th con 75.jpg
Th con 77.jpg
Th con 76.jpg
Th con 78.jpg
Th con 79.jpg
Th con 80.jpg
Th con 81.jpg
Th con 82.jpg
Th con 83.jpg
Th con 84.jpg

TF2: Brotherhood of Arms concepts

  • Marine

  • Flamethrower

  • Machine Gunner

Community items concept art

Main article: Category:Concept art

External links


Team Fortress media
v • d • e
Retrieved from "https://wiki.teamfortress.com/w/index.php?title=Concept_art&oldid=3671467"