Difference between revisions of "Concept art"

From Team Fortress Wiki
Jump to: navigation, search
m (Team Fortress 2: Brotherhood of Arms)
(Removed non-concept art, moving to Wallpapers)
 
(91 intermediate revisions by 32 users not shown)
Line 1: Line 1:
[[Image:Evirons 02.jpg|right]]
+
[[File:Evirons 02.png|right]]
 +
{{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.
  
== Classes ==
+
== Concept art ==
==={{Icon class|class=scout|link=scout}} [[Scout]]===
+
'''Note:''' Click the thumbnail to open the full image.
<gallery>
 
File:Scoutcon1.jpg
 
File:Scoutcon3.jpg
 
File:Scoutcon2.jpg
 
File:Scoutcon4.jpg
 
</gallery>
 
 
 
==={{Icon class|class=soldier|link=soldier}} [[Soldier]]===
 
<gallery>
 
File:Soldierprofileconcept.png
 
</gallery>
 
 
 
==={{Icon class|class=pyro|link=pyro}} [[Pyro]]===
 
<gallery>
 
File:Pyroprofileconcept.png
 
File:Pyrosill.png
 
File:Pyroconceptold1.jpg
 
File:Tf2sketches2.png
 
</gallery>
 
 
 
==={{Icon class|class=demoman|link=demoman}} [[Demoman]]===
 
<gallery>
 
File:Dm concept1.jpg
 
File:Dm concept2.jpg
 
File:Dm concept3.jpg
 
File:Dm concept3a.jpg
 
File:Dm concept4.jpg
 
File:Dm concept5.jpg
 
File:Dm concept5a.jpg
 
File:Dm concept6.jpg
 
File:Dm concept7.jpg
 
File:Dm concept8.jpg
 
File:Sketches3.jpeg|[[Meet the Demoman]] sketches.
 
</gallery>
 
 
 
==={{Icon class|class=heavy|link=heavy}} [[Heavy]]===
 
<gallery>
 
File:Heavyprofileconcept.png
 
File:Heavycon2.jpg
 
File:Heavycon3.jpg
 
File:Heavycon4.jpg
 
File:Heavysketch1.png
 
</gallery>
 
 
 
==={{Icon class|class=Engineer|link=Engineer}} [[Engineer]]===
 
<gallery>
 
File:Engineerprofileconcept.png
 
</gallery>
 
 
 
==={{Icon class|class=medic|link=medic}} [[Medic]]===
 
<gallery>
 
File:Medicprofileconcept.png
 
File:Medicconceptold.png
 
File:Tf2sketches1.png
 
</gallery>
 
  
==={{Icon class|class=spy|link=spy}} [[Spy]]===
+
<div style="float:left; margin:2px;">[[File:th_con_1.jpg|138px|border|link=File:All melee concept.jpg]]</div>
<gallery>
+
<div style="float:left; margin:2px;">[[File:th_con_2.jpg|138px|border|link=File:Weapons concept.jpg]]</div>
File:Spyprofileconcept.png
+
<div style="float:left; margin:2px;">[[File:th_con_3.jpg|138px|border|link=File:Alpine concept1.jpg]]</div>
</gallery>
+
<div style="float:left; margin:2px;">[[File:th_con_4.jpg|138px|border|link=File:Alpine concept2.jpg]]</div>
 
+
<div style="float:left; margin:2px;">[[File:th_con_5.jpg|138px|border|link=File:Blow torch concept.jpg]]</div>
== Weapons ==
+
<div style="float:left; margin:2px;">[[File:th_con_6.jpg|138px|border|link=File:Allclass concept.png]]</div>
<gallery>
+
<div style="float:left; margin:2px;">[[File:th_con_7.jpg|138px|border|link=File:Tf2commando.png]]</div>
File:Axtinguisher Concept.jpg|[[Axtinguisher]].
+
<div style="float:left; margin:2px;">[[File:th_con_8.jpg|138px|border|link=File:Pyroconceptold1.png]]</div>
File:Flare Gun Concept.jpg|[[Flare Gun]].
+
<div style="float:left; margin:2px;">[[File:th_con_9.jpg|138px|border|link=File:Dm_concept1.png]]</div>
File:Sentries1.jpg|[[Sentry Gun]]s.
+
<div style="float:left; margin:2px;">[[File:th_con_10.jpg|138px|border|link=File:Dm_concept2.png]]</div>
File:Sentries2.jpg|More sentries.
+
<div style="float:left; margin:2px;">[[File:th_con_11.jpg|138px|border|link=File:Dm_concept3.png]]</div>
File:Sentries3.jpg|More sentries.
+
<div style="float:left; margin:2px;">[[File:th_con_12.jpg|138px|border|link=File:Dm_concept3a.png]]</div>
</gallery>
+
<div style="float:left; margin:2px;">[[File:th_con_13.jpg|138px|border|link=File:Dm_concept4.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_14.jpg|138px|border|link=File:Dm_concept5.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_15.jpg|138px|border|link=File:Dm_concept5a.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_16.jpg|138px|border|link=File:Dm_concept6.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_17.jpg|138px|border|link=File:Dm_concept7.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_18.jpg|138px|border|link=File:Dm_concept8.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_19.jpg|138px|border|link=File:Demoman_concept.png]]</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_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_24.jpg|138px|border|link=File:Flare_Gun_Concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_25.jpg|138px|border|link=File:Grenade_launcher_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_26.jpg|138px|border|link=File:heavy_concept_r.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_27.jpg|138px|border|link=File:Heavysketch1.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_28.jpg|138px|border|link=File:Heavystuff1_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_29.jpg|138px|border|link=File:Human_commando_concept.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_30.jpg|138px|border|link=File:Human_defender_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_31.jpg|138px|border|link=File:Tf2sketches2.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_32.jpg|138px|border|link=File:Human_medic_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_33.jpg|138px|border|link=File:Hwguy_old_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_34.jpg|138px|border|link=File:Hwguy_old_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_35.jpg|138px|border|link=File:Medic_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_36.jpg|138px|border|link=File:Medic_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_38.jpg|138px|border|link=File:medic_hose2.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_39.jpg|138px|border|link=File:Medipack_concept.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_40.jpg|138px|border|link=File:Medic_concept4.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_41.jpg|138px|border|link=File:Medic_concept5.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_42.jpg|138px|border|link=File:Melee_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_44.jpg|138px|border|link=File:Minigun_old_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_43.jpg|138px|border|link=File:Minigun_concept1.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_45.jpg|138px|border|link=File:Minigun_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_46.jpg|138px|border|link=File:Nailgun_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_47.jpg|138px|border|link=File:Nailgun_concept.png]]</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_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_52.jpg|138px|border|link=File:Python_revolver_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_53.jpg|138px|border|link=File:Rocketlauncher_concept.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_54.jpg|138px|border|link=File:Weapons_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_55.jpg|138px|border|link=File:Melee_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_56.jpg|138px|border|link=File:Pistols_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_57.jpg|138px|border|link=File:RPG_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_58.jpg|138px|border|link=File:Sawed_off.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_59.jpg|138px|border|link=File:Scoutcon1.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_60.jpg|138px|border|link=File:Scoutcon2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_61.jpg|138px|border|link=File:Scoutcon3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_62.jpg|138px|border|link=File:Scoutcon4.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_63.jpg|138px|border|link=File:Sentries1.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_64.jpg|138px|border|link=File:Sentries3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_65.jpg|138px|border|link=File:Sentry_sketches3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_66.jpg|138px|border|link=File:Sentryboom.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_67.jpg|138px|border|link=File:Shotgun_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_68.jpg|138px|border|link=File:Shotgun_concept3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_69.jpg|138px|border|link=File:Shotgun_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_70.jpg|138px|border|link=File:SMG_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_71.jpg|138px|border|link=File:SMG_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_72.jpg|138px|border|link=File:Sniper concept3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_73.jpg|138px|border|link=File:Sniperrifle_concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_74.jpg|138px|border|link=File:Sniperrifle_concept3.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_75.jpg|138px|border|link=File:Sniper_z1.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_77.jpg|138px|border|link=File:Sniperrifle_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_76.jpg|138px|border|link=File:Sniper_concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_78.jpg|138px|border|link=File:Sniper4 concept2.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_79.jpg|138px|border|link=File:Sniperfinal.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_80.jpg|138px|border|link=File:Soldier army concept.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_81.jpg|138px|border|link=File:Soldier concept r.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_82.jpg|138px|border|link=File:Soldierbarettest.jpg]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_83.jpg|138px|border|link=File:soldierprofile.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_84.jpg|138px|border|link=File:Spy_colorstudy.jpg]]</div>
  
== Map concepts ==
+
{{clr}}
<gallery>
 
File:2fortBLU.jpg|BLU side of [[2Fort]].
 
File:2fortRED.jpg|RED side of 2Fort.
 
File:Bluarchitechture.png|BLU side of 2Fort.
 
File:Redarchitechture.png|RED side of 2Fort.
 
File:BLUbadlands.png|BLU side of [[Badlands]].
 
File:REDbadlands.png|RED side of Badlands.
 
File:Goldrushconcept.png| [[Gold Rush]].
 
File:Hydroconcept1.png| [[Hydro]].
 
File:Hydroconcept.png| Hydro.
 
File:Alpine concept1.jpg|[[Lumberyard]].
 
File:Alpine concept2.jpg|Lumberyard.
 
File:Wellconceptart.png|[[Well]].
 
</gallery>
 
  
== Community Item concepts ==
+
== TF2: Brotherhood of Arms concepts ==
 
<gallery>
 
<gallery>
File: AmpCept.jpg | [[Amputator]]
+
File:Marinesketch.png|Marine
File: Gasman.jpg | [[Attendant]]
+
File:Flamethrower.png|Flamethrower
File: BucketCept.jpg | [[Berliner's Bucket Helm]]
+
File:Machinegunner.png|Machine Gunner
File: FrankCept.jpg | [[Cadaver's Cranium]]
 
File: KunaiCept.png | [[Conniver's Kunai]]
 
File: CrocCept.jpg | [[The Croc-o-Style Kit]]
 
File: CrossbowCept.jpg | [[Crusader's Crossbow]]
 
File: Crocsniper3.jpg | [[Darwin's Danger Shield]]
 
File: DegreaseCept.jpg | [[Degreaser]]
 
File: KatanaCept.png | [[Half-Zatoichi]]
 
File: LochnLoadCept.jpg | [[Loch-N-Load]]
 
File: LochnLoadCept2.jpg | Loch-N-Load
 
File: NinjaCept.png | [[Noh Mercy]]
 
File: ShogunHair.png | [[The Shogun Pack]]
 
File: ShortstopCept.jpg | [[Shortstop]]
 
File: StungCept.jpg | [[Sober Stuntman]]
 
File: DeliveryCept.jpg | [[The Special Delivery]]
 
File: TankBuster.jpg | [[The Tank Buster Set]]
 
 
</gallery>
 
</gallery>
 +
{{clr}}
  
== Environment concepts ==
+
== Community items concept art ==
<gallery>
+
{{Main|:Category:Concept art|l1=Category:Concept art}}
File:White1.jpg
 
File:Environment1.jpg
 
File:Environment2.jpg
 
File:Banner03.jpeg
 
File:Evirons 03.jpg
 
File:Officeconcept.png|Office concept.
 
</gallery>
 
 
 
== Props ==
 
<gallery>
 
File:GoldrushCart.jpg|[[Game modes#Payload|Payload]] [[cart]].
 
File:Vechilesconceptart.png
 
</gallery>
 
 
 
== Team Fortress 2: Brotherhood of Arms ==
 
<gallery>
 
File:Machinegunner.png|Machine gunner ([[Heavy]]).
 
File:Flamethrower.png|Flamethrower ([[Pyro]]).
 
File:Marinesketch.png|Marine ([[Soldier]]).
 
</gallery>
 
 
 
== Other art ==
 
<gallery>
 
File:Tf2monsterold2.png
 
File:Tf2monsterold.png
 
File:Tf2guy.png
 
File:Tf2commando.png|Human commando from the [[Team Fortress 2#.22Invasion.22 design|Invasion]] TF2 phase.
 
File:Tf2sketches3.png
 
File:Shadows1.jpg
 
</gallery>
 
  
 
== External links ==
 
== External links ==
*[http://www.mobyfrancke.com/ Homepage of Moby Francke, Valve concept artist]
+
* [http://www.teamfortress.com/artwork.php Artwork] on the [[TF2 Official Website]]
*[http://www.teamfortress.com/post.php?id=1783 TF2 blog post on the Demoman]
+
* TF2 Official Blog posts on design:
*[http://www.teamfortress.com/post.php?id=2195 TF2 blog post on the Scout]
+
** [[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 TF2 blog post on the alpine art style]
+
** "[http://www.teamfortress.com/post.php?id=1760 Alpine Art Style]" by [[Dhabih Eng]], August 18, 2009.
*[http://features.cgsociety.org/story_custom.php?story_id=4338 Article on TF2's visual design]
+
** [[Demoman]]: "[http://www.teamfortress.com/post.php?id=1783 A Grim Bloody Fable]" by Dhabih Eng, August 28, 2009.
 +
* "[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).
  
  

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

Community items concept art

Main article: Category:Concept art

External links