Difference between revisions of "Making Icons and Integrating"

From Valve Developer Community
Jump to: navigation, search
(How to make an Icon for your mod)
Line 13: Line 13:
  
 
== Making the Steam Library Icon ==
 
== Making the Steam Library Icon ==
*The first thing you need to do is make a sqaure 32px image.
+
*The first thing you need to do is make a sqaure 512px image.
 
*Next create your icon. (try copying the example as a placeholder)
 
*Next create your icon. (try copying the example as a placeholder)
*Save the image as a tga in '''"\steamapps\sourcemods\''MODNAME''\resource"''' as "game.tga"
+
*Copy the image, and size it down to 32px
 +
*{{key|Ctrl|S}} to Save the 32px image as a tga in '''"\steamapps\sourcemods\''MODNAME''\resource"''' as "icon.tga"
 
Next open your ''gameinfo.txt'' located in '''"sourcemods''\MODNAME"'''''
 
Next open your ''gameinfo.txt'' located in '''"sourcemods''\MODNAME"'''''
 
It should look something like this:  
 
It should look something like this:  
Line 33: Line 34:
 
<pre>
 
<pre>
 
         "developer" "YOURNAME"
 
         "developer" "YOURNAME"
"icon" "resource\game"
+
        "developer_url"        "YOURWEBSITE"
 +
"icon" "resource\icon"
 
</pre>
 
</pre>
Save, and now restart steam and your icon should appear in the library
+
{{key|Ctrl|S}} to save, and now restart steam and your icon should appear in the library
  
== Requirements ==
 
 
Adobe Photoshop or [http://www.gimp.org/ Gimp]
 
 
[http://rapidshare.com/files/328928705/Targa_converter.zip AlphaConv] or [http://www.mediafire.com/?h5m4mjmm3i5 mirror]
 
 
[http://icofx.ro/ IcoFX]
 
 
Source sdk + steam
 
 
== Make Steam Icon first ==
 
 
First things first; Open steam and launch the Source SDK in the tools tab. If you haven't already, [[Create_a_Mod|Create a Mod]] and navigate to your mod folder: ''C:\Program Files(x86)\steam\steamapps\SourceMods\mymod'' where "mymod" is the name of your mod. If you have, navigate to your mod folder.
 
 
Open your gameinfo.txt file in your favorite plain-text editing software.
 
It should look akin to the following
 
<pre>
 
"GameInfo"
 
{
 
// This is what shows up in the 'Third Party Games' area of the Steam games list.
 
game "mymod"
 
type singleplayer_only
 
FileSystem
 
{
 
    SteamAppId 215 // GCF for Source SDK Base
 
    ToolsAppId 211 // Tools will load this (ie: source SDK caches) to get things like materials\debug, materials\editor, etc.
 
 
SearchPaths
 
{
 
Game |gameinfo_path|.
 
Game sourcetest
 
Game hl2
 
}
 
}
 
}
 
</pre>
 
Add the following lines under '''type'''
 
<pre>
 
"developer" "noob industries"
 
"developer_url" "http://www.google.ie"
 
"icon" "resource\GameIconSteam\icon_mymod"
 
</pre>
 
 
...So that it looks like this:
 
<pre>
 
"GameInfo"
 
{
 
// This is what shows up in the 'Third Party Games' area of the Steam games list.
 
game "mymod"
 
type singleplayer_only
 
        "developer" "noob industries"
 
        "developer_url" "http://www.google.ie"
 
        "icon" "resource\GameIconSteam\icon_mymod"
 
FileSystem
 
{
 
    SteamAppId 215 // GCF for Source SDK Base
 
    ToolsAppId 211 // Tools will load this (ie: source SDK caches) to get things like materials\debug, materials\editor, etc.
 
 
SearchPaths
 
{
 
Game |gameinfo_path|.
 
Game sourcetest
 
Game hl2
 
}
 
}
 
}
 
</pre>
 
  
 
=== Breakdown ===
 
=== Breakdown ===
 +
*'''developer''' is the name of you or your company's name
 +
*'''developer_url''' is the you or your company's website, this is optional and if not entered will be replaced with '''developer'''
 +
*'''icon''' tells Steam where the icon can be found; In this case, in the resource folder: ''resource\game'' It should default to looking for icon.tga
  
*'''developer''' is the name of what company or who made the game. This affects the game files itself, such as seen in the your Steam games list.
+
== Making the hl2.exe Icon ==
*'''developer_url''' will make the developers name in steam a hyperlink to the address specified above in this case google
+
{{note|You may need to restart your computer to be able to make the icon visible on your desktop}}
 
+
*Take your 512px icon and save it as an interlaced .png
*'''icon''' tells steam where the icon can be found; In this case, in your mod folder: ''resource\GameIconSteam'' It should default to looking for icon_mymod.tga
+
*Find a .ico converting website and make convert the .png to .ico
 
+
*Download and save the .ico in '''"\steamapps\sourcemods\''MODNAME''\resource"''' as "game.ico"
== Making the Steam Icon ==
+
Now you can {{key|RMB}} the mod in your steam library and create a desktop shortcut
 
 
Open your favorite graphics-design or photo-editing software, and make a blank canvas with dimensions of 16*16 pixels. Make it transparent, if you'd like. Design your icon.
 
 
 
Save it as a .png to your ''C:\Program Files(x86)\steam\steamapps\SourceMods\mymod\resource\GameIconSteam'' mod folder as icon_mymod.png. Don't forget to replace "mymod" with your mod name!
 
 
 
Now navigate to that folder.
 
Open [http://www.mediafire.com/?h5m4mjmm3i5 AlphaConv]
 
*select Target format to be .tga
 
*Uncheck Convert only 32-bit images(with alpha channel)
 
*Drag and drop icon_mymod.png onto the program and it will convert it to the same folder
 
*delete the input file (icon_mymod.png)
 
 
 
== Making the Game.exe Icon ==
 
 
 
*Download and install IcoFx
 
 
 
Open it and like photoshop make an Image. Click on the Windows Icon near the top middle of the program...This generates an icon.
 
 
 
Now save it to your
 
''C:\Program Files\steam\steamapps\SourceMods\mymod\resource'' folder
 
 
 
{{note|Remember that you must call the icon game.ico or it will not work and it must be in the above folder}}
 
 
 
== Conclusion ==
 
 
 
And that for the most part is how to get your game fully iconified
 
 
 
restart steam to get your new icons loaded
 
If you want to see your game.exe icon on the desktop rightclick on it and make a desktop shortcut inside steam...
 
{{note|Im pretty sure you need to restart the computer to see your new Game icon on the desktop }}
 
But if you cant wait start the game and alt+tab out of it and look down at the toolbar to see the icon on the program
 
 
 
I hope this helped
 
Dont forget to check out my Video tutorial of this process here
 
 
 
[http://www.youtube.com/watch?v=9OYe6Q7BnDI Youtube Tutorial]
 

Revision as of 17:54, 29 September 2015

Русский

Making an icon for your mod

Steam Library
Desktop and Enlarged

For the icon of your mod there are two places it can be displayed: In your steam library and on your desktop. (right)

To make your icon you will need either

Making the Steam Library Icon

  • The first thing you need to do is make a sqaure 512px image.
  • Next create your icon. (try copying the example as a placeholder)
  • Copy the image, and size it down to 32px
  • Ctrl+S to Save the 32px image as a tga in "\steamapps\sourcemods\MODNAME\resource" as "icon.tga"

Next open your gameinfo.txt located in "sourcemods\MODNAME" It should look something like this:

"GameInfo"
{
	game	"My First HL2MP Mod"
	title	"HALF+LIFE'"
	title2	"deathmatch mod"
	type multiplayer_only
	nomodels 0
	nohimodel 1
	nocrosshair 1

Add this underneath

        "developer"		"YOURNAME"
        "developer_url"         "YOURWEBSITE"
	"icon"			"resource\icon"

Ctrl+S to save, and now restart steam and your icon should appear in the library


Breakdown

  • developer is the name of you or your company's name
  • developer_url is the you or your company's website, this is optional and if not entered will be replaced with developer
  • icon tells Steam where the icon can be found; In this case, in the resource folder: resource\game It should default to looking for icon.tga

Making the hl2.exe Icon

Note.png Note: You may need to restart your computer to be able to make the icon visible on your desktop
  • Take your 512px icon and save it as an interlaced .png
  • Find a .ico converting website and make convert the .png to .ico
  • Download and save the .ico in "\steamapps\sourcemods\MODNAME\resource" as "game.ico"

Now you can RMB the mod in your steam library and create a desktop shortcut