Difference between revisions of "Concept art"

From Team Fortress Wiki
Jump to: navigation, search
(External links)
(Removed non-concept art, moving to Wallpapers)
 
(124 intermediate revisions by 40 users not shown)
Line 1: Line 1:
[[Image:Evirons 02.jpg|right]]
+
[[File:Evirons 02.png|right]]
[[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.
+
{{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.
  
== Scout ==
+
== Concept art ==
<gallery>
+
'''Note:''' Click the thumbnail to open the full image.
File:Scoutcon1.jpg
 
File:Scoutcon2.jpg
 
File:Scoutcon3.jpg
 
File:Scoutcon4.jpg
 
</gallery>
 
  
== Soldier ==
+
<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:Soldierprofileconcept.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>
 +
<div style="float:left; margin:2px;">[[File:th_con_6.jpg|138px|border|link=File:Allclass concept.png]]</div>
 +
<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>
  
== Pyro ==
+
{{clr}}
<gallery>
 
File:Pyroprofileconcept.png
 
File:Pyrosill.png
 
File:Pyroconceptold1.jpg
 
</gallery>
 
  
== Demoman ==
+
== TF2: Brotherhood of Arms concepts ==
 
<gallery>
 
<gallery>
File:Dm concept1.jpg
+
File:Marinesketch.png|Marine
File:Dm concept2.jpg
+
File:Flamethrower.png|Flamethrower
File:Dm concept3.jpg
+
File:Machinegunner.png|Machine Gunner
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>
 
</gallery>
 +
{{clr}}
  
== Heavy ==
+
== Community items concept art ==
<gallery>
+
{{Main|:Category:Concept art|l1=Category:Concept art}}
File:Heavyprofileconcept.png
 
File:Heavycon2.jpg
 
File:Heavycon3.jpg
 
File:Heavycon4.jpg
 
File:Heavysketch1.png
 
</gallery>
 
  
== Engineer ==
+
== External links ==
<gallery>
+
* [http://www.teamfortress.com/artwork.php Artwork] on the [[TF2 Official Website]]
File:Engineerprofileconcept.png
+
* TF2 Official Blog posts on design:
</gallery>
+
** [[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.
== Medic ==
+
** [[Demoman]]: "[http://www.teamfortress.com/post.php?id=1783 A Grim Bloody Fable]" by Dhabih Eng, August 28, 2009.
<gallery>
+
* "[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).
File:Medicprofileconcept.png
 
File:Medicconceptold.png
 
</gallery>
 
 
 
== Spy ==
 
<gallery>
 
File:Spyprofileconcept.png
 
</gallery>
 
 
 
== Weapons ==
 
<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>
 
  
== Team Fortress 2: Brotherhood of Arms ==
+
{{Media nav}}
<gallery>
 
File:Flamethrower.png|Flamethrower ([[Pyro]]).
 
File:Machinegunner.png|Machine gunner ([[Heavy]]).
 
File:Marinesketch.png|Marine ([[Soldier]]).
 
</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]]
 
== External links ==
 
*[http://www.mobyfrancke.com/ Homepage of Moby Francke, Valve concept artist]
 
*[http://www.teamfortress.com/post.php?id=1783 TF2 blog post on the Demoman]
 
*[http://www.teamfortress.com/post.php?id=2195 TF2 blog post on the Scout]
 
*[http://features.cgsociety.org/story_custom.php?story_id=4338 Article on TF2's visual design]
 
 
 
{{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

Community items concept art

Main article: Category:Concept art

External links