Difference between revisions of "Concept art"
(Linking directly to versions of images already hosted on our wiki, instead of linking to tf2.com) |
(use floating divs instead of tables so number of icons on row scales with the width of the browser window) |
||
Line 5: | Line 5: | ||
== Art == | == Art == | ||
'''Note:''' Click the thumbnail to open the full image. | '''Note:''' Click the thumbnail to open the full image. | ||
− | + | <div style="float:left; margin:2px;">[[File:th_con_37.jpg|138px|border|link={{filepath:Medic doves.png}}]]</div> | |
− | + | <div style="float:left; margin:2px;">[[File:th_art_2.jpg|138px|border|link={{filepath:timbuktuesday.png}}]]</div> | |
− | + | <div style="float:left; margin:2px;">[[File:th_art_3.jpg|138px|border|link={{filepath:worldwarwednesday.png}}]]</div> | |
− | + | <div style="float:left; margin:2px;">[[File:th_art_4.jpg|138px|border|link={{filepath:mobsters.png}}]]</div> | |
− | + | ||
− | + | {{clr}} | |
== Concept art == | == Concept art == | ||
'''Note:''' Click the thumbnail to open the full image. | '''Note:''' Click the thumbnail to open the full image. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | == Community | + | <div style="float:left; margin:2px;">[[File:th_con_1.jpg|138px|border|link={{filepath:All melee concept.jpg}}]]</div> |
+ | <div style="float:left; margin:2px;">[[File:th_con_2.jpg|138px|border|link={{filepath:Weapons concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_3.jpg|138px|border|link={{filepath:Alpine concept1.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_4.jpg|138px|border|link={{filepath:Alpine concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_5.jpg|138px|border|link={{filepath:Blow torch concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_6.jpg|138px|border|link={{filepath:Allclass concept.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_7.jpg|138px|border|link={{filepath:Tf2commando.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_8.jpg|138px|border|link={{filepath:Pyroconceptold1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_9.jpg|138px|border|link={{filepath:Dm_concept1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_10.jpg|138px|border|link={{filepath:Dm_concept2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_11.jpg|138px|border|link={{filepath:Dm_concept3.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_12.jpg|138px|border|link={{filepath:Dm_concept3a.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_13.jpg|138px|border|link={{filepath:Dm_concept4.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_14.jpg|138px|border|link={{filepath:Dm_concept5.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_15.jpg|138px|border|link={{filepath:Dm_concept5a.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_16.jpg|138px|border|link={{filepath:Dm_concept6.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_17.jpg|138px|border|link={{filepath:Dm_concept7.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_18.jpg|138px|border|link={{filepath:Dm_concept8.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_19.jpg|138px|border|link={{filepath:Demoman_concept.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_20.jpg|138px|border|link={{filepath:engineer_concept_r.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_21.jpg|138px|border|link={{filepath:Engi_old_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_22.jpg|138px|border|link={{filepath:engineerprofile.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_23.jpg|138px|border|link={{filepath:Flamethrowers_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_24.jpg|138px|border|link={{filepath:Flare_Gun_Concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_25.jpg|138px|border|link={{filepath:Grenade_launcher_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_26.jpg|138px|border|link={{filepath:heavy_concept_r.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_27.jpg|138px|border|link={{filepath:Heavysketch1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_28.jpg|138px|border|link={{filepath:Heavystuff1_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_29.jpg|138px|border|link={{filepath:Human_commando_concept.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_30.jpg|138px|border|link={{filepath:Human_defender_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_31.jpg|138px|border|link={{filepath:Tf2sketches2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_32.jpg|138px|border|link={{filepath:Human_medic_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_33.jpg|138px|border|link={{filepath:Hwguy_old_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_34.jpg|138px|border|link={{filepath:Hwguy_old_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_35.jpg|138px|border|link={{filepath:Medic_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_36.jpg|138px|border|link={{filepath:Medic_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_38.jpg|138px|border|link={{filepath:medic_hose2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_39.jpg|138px|border|link={{filepath:Medipack_concept.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_40.jpg|138px|border|link={{filepath:Medic_concept4.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_41.jpg|138px|border|link={{filepath:Medic_concept5.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_42.jpg|138px|border|link={{filepath:Melee_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_44.jpg|138px|border|link={{filepath:Minigun_old_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_43.jpg|138px|border|link={{filepath:Minigun_concept1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_45.jpg|138px|border|link={{filepath:Minigun_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_46.jpg|138px|border|link={{filepath:nailgun.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_47.jpg|138px|border|link={{filepath:nailgun1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_48.jpg|138px|border|link={{filepath:pistol01.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_49.jpg|138px|border|link={{filepath:pistols.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_50.jpg|138px|border|link={{filepath:pyro_concept_r.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_51.jpg|138px|border|link={{filepath:pyro2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_52.jpg|138px|border|link={{filepath:Python_revolver_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_53.jpg|138px|border|link={{filepath:Rocketlauncher_concept.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_54.jpg|138px|border|link={{filepath:Weapons_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_55.jpg|138px|border|link={{filepath:Melee_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_56.jpg|138px|border|link={{filepath:Pistols_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_57.jpg|138px|border|link={{filepath:RPG_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_58.jpg|138px|border|link={{filepath:Sawed_off.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_59.jpg|138px|border|link={{filepath:Scoutcon1.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_60.jpg|138px|border|link={{filepath:Scoutcon2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_61.jpg|138px|border|link={{filepath:Scoutcon3.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_62.jpg|138px|border|link={{filepath:Scoutcon4.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_63.jpg|138px|border|link={{filepath:Sentries1.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_64.jpg|138px|border|link={{filepath:Sentries3.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_65.jpg|138px|border|link={{filepath:Sentry_sketches3.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_66.jpg|138px|border|link={{filepath:Sentryboom.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_67.jpg|138px|border|link={{filepath:Shotgun_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_68.jpg|138px|border|link={{filepath:Shotgun_concept3.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_69.jpg|138px|border|link={{filepath:Shotgun_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_70.jpg|138px|border|link={{filepath:SMG_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_71.jpg|138px|border|link={{filepath:SMG_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_72.jpg|138px|border|link={{filepath:sniper.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_73.jpg|138px|border|link={{filepath:Sniperrifle_concept2.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_74.jpg|138px|border|link={{filepath:Sniperrifle_concept3.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_75.jpg|138px|border|link={{filepath:Sniper_z1.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_77.jpg|138px|border|link={{filepath:Sniperrifle_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_76.jpg|138px|border|link={{filepath:Sniper_concept.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_78.jpg|138px|border|link={{filepath:Sniper4_concept2.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_79.jpg|138px|border|link={{filepath:Sniperfinal.jpg}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_80.jpg|138px|border|link={{filepath:soldier.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_81.jpg|138px|border|link={{filepath:soldier_concept_r.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_82.jpg|138px|border|link={{filepath:soldierbarettest.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_83.jpg|138px|border|link={{filepath:soldierprofile.png}}]]</div> | ||
+ | <div style="float:left; margin:2px;">[[File:th_con_84.jpg|138px|border|link={{filepath:Spy_colorstudy.jpg}}]]</div> | ||
+ | |||
+ | {{clr}} | ||
+ | |||
+ | == Community item concepts == | ||
<gallery> | <gallery> | ||
File:LibertyLauncherConcept.jpg | [[Airborne Armaments]] | File:LibertyLauncherConcept.jpg | [[Airborne Armaments]] |
Revision as of 01:29, 17 July 2011
“ | 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.
Art
Note: Click the thumbnail to open the full image.
Concept art
Note: Click the thumbnail to open the full image.
Community item concepts
External links
- TF2 blog Artwork page
- Homepage of Moby Francke, Valve concept artist
- TF2 blog post on the Demoman
- TF2 blog post on the Scout
- TF2 blog post on the alpine art style
- Article on TF2's visual design
|