Difference between revisions of "Concept art"

From Team Fortress Wiki
Jump to: navigation, search
m (→‎Demoman)
(Removed non-concept art, moving to Wallpapers)
 
(131 intermediate revisions by 40 users not shown)
Line 1: Line 1:
−
[[Image:Evirons 02.jpg|right|500px]]
+
[[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.
+
== Concept art ==
 +
'''Note:''' Click the thumbnail to open the full image.
  
−
== Scout ==
+
<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:Scoutcon1.jpg
+
<div style="float:left; margin:2px;">[[File:th_con_3.jpg|138px|border|link=File:Alpine concept1.jpg]]</div>
−
File:Scoutcon2.jpg
+
<div style="float:left; margin:2px;">[[File:th_con_4.jpg|138px|border|link=File:Alpine concept2.jpg]]</div>
−
File:Scoutcon3.jpg
+
<div style="float:left; margin:2px;">[[File:th_con_5.jpg|138px|border|link=File:Blow torch concept.jpg]]</div>
−
File:Scoutcon4.jpg
+
<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>
 +
<div style="float:left; margin:2px;">[[File:th_con_8.jpg|138px|border|link=File:Pyroconceptold1.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_9.jpg|138px|border|link=File:Dm_concept1.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_10.jpg|138px|border|link=File:Dm_concept2.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_11.jpg|138px|border|link=File:Dm_concept3.png]]</div>
 +
<div style="float:left; margin:2px;">[[File:th_con_12.jpg|138px|border|link=File:Dm_concept3a.png]]</div>
 +
<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>
  
−
== Soldier ==
+
{{clr}}
−
<gallery>
 
−
File:Soldierprofileconcept.png
 
−
</gallery>
 
  
−
== Pyro ==
+
== TF2: Brotherhood of Arms concepts ==
 
<gallery>
 
<gallery>
−
File:Pyroprofileconcept.png
+
File:Marinesketch.png|Marine
−
File:Pyrosill.png
+
File:Flamethrower.png|Flamethrower
−
File:Pyroconceptold1.jpg
+
File:Machinegunner.png|Machine Gunner
 
</gallery>
 
</gallery>
 +
{{clr}}
  
−
== Demoman ==
+
== Community items concept art ==
−
<gallery>
+
{{Main|:Category:Concept art|l1=Category:Concept art}}
−
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>
 
  
−
== Heavy ==
+
== External links ==
−
<gallery>
+
* [http://www.teamfortress.com/artwork.php Artwork] on the [[TF2 Official Website]]
−
File:Heavyprofileconcept.png
+
* TF2 Official Blog posts on design:
−
File:Heavycon2.jpg
+
** [[Scout]]: "[http://www.teamfortress.com/post.php?id=2195 Okay, this does not look good here. Umm...]" by [[Robin Walker]], January 28, 2009.
−
File:Heavycon3.jpg
+
** "[http://www.teamfortress.com/post.php?id=1760 Alpine Art Style]" by [[Dhabih Eng]], August 18, 2009.
−
File:Heavycon4.jpg
+
** [[Demoman]]: "[http://www.teamfortress.com/post.php?id=1783 A Grim Bloody Fable]" by Dhabih Eng, August 28, 2009.
−
File:Heavysketch1.png
+
* "[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).
−
</gallery>
 
  
−
== Engineer ==
 
−
<gallery>
 
−
File:Engineerprofileconcept.png
 
−
</gallery>
 
−
 
−
== Medic ==
 
−
<gallery>
 
−
File:Medicprofileconcept.png
 
−
File:Medicconceptold.png
 
−
</gallery>
 
−
 
−
== Spy ==
 
−
<gallery>
 
−
File:Spyprofileconcept.png
 
−
</gallery>
 
  
−
== Weapons ==
+
{{Media nav}}
−
<gallery>
 
−
File:Flare Gun Concept.jpg|[[Flare Gun]].
 
−
File:Axtinguisher Concept.jpg|[[Axtinguisher]].
 
−
File:Sentries1.jpg|[[Sentry Gun|Sentries]].
 
−
File:Sentries2.jpg|More sentries.
 
−
File:Sentries3.jpg|More sentries.
 
−
</gallery>
 
−
 
 
−
== Map concepts ==
 
−
<gallery>
 
−
File:BLUbadlands.png|BLU side of [[Badlands]].
 
−
File:REDbadlands.png|RED side of Badlands.
 
−
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:Hydroconcept1.png| [[Hydro]].
 
−
File:Hydroconcept.png| Hydro.
 
−
File:Wellconceptart.png|[[Well]].
 
−
File:Goldrushconcept.png| [[Goldrush]].
 
−
</gallery>
 
−
 
 
−
== Environment concepts ==
 
−
<gallery>
 
−
File:White1.jpg
 
−
File:Environment1.jpg
 
−
File:Environment2.jpg
 
−
File:Banner03.jpeg
 
−
File:Evirons 03.jpg
 
−
File:Alpine concept1.jpg|Alpine concept.
 
−
File:Alpine concept2.jpg|Another alpine concept.
 
−
File:Officeconcept.png|Office concept.
 
−
</gallery>
 
−
 
 
−
== Props ==
 
−
<gallery>
 
−
File:GoldrushCart.jpg
 
−
File:Vechilesconceptart.png
 
−
</gallery>
 
−
 
 
−
== Other art ==
 
−
<gallery>
 
−
File:Tf2sketches3.png
 
−
File:Tf2sketches2.png
 
−
File:Tf2sketches1.png
 
−
File:Tf2monsterold2.png
 
−
File:Tf2monsterold.png
 
−
File:Tf2guy.png
 
−
File:Tf2commando.png
 
−
File:Shadows1.jpg
 
−
</gallery>
 
−
 
 
−
[[Category:Concept art]]
 
 
[[Category:Images]]
 
[[Category:Images]]
 
[[Category:Artwork images]]
 
[[Category:Artwork images]]
−
 
−
 
−
{{Languages}}
 

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"