Difference between revisions of "Making Icons and Integrating"

From Valve Developer Community
Jump to: navigation, search
(Make Steam Icon first)
(How to make an Icon for your mod)
Line 2: Line 2:
 
{{otherlang2
 
{{otherlang2
 
| ru = Making_Icons_and_Integrating:ru}}
 
| ru = Making_Icons_and_Integrating:ru}}
== How to make an Icon for your mod ==
+
== Making an icon for your mod ==
 +
[[File:steamlibraryico.jpg|Steam Library|thumb|256px]]
 +
[[File:Desktopico-tut.jpg|Desktop and Enlarged|thumb|256px]]
  
If you'd rather, there's a Youtube tutorial as well. '''Watch it here''' [http://www.youtube.com/watch?v=9OYe6Q7BnDI Youtube Tutorial]
+
For the icon of your mod there are two places it can be displayed: In your steam library and on your desktop. (right)
  
There are two types of icons that this page will detail creating for your mod.
+
To make your icon you will need either
 +
*[http://www.adobe.com/products/photoshop.html Adobe Photoshop]
 +
*[http://www.gimp.org/ GIMP]
  
*''An icon in Steam.''
+
== Making the Steam Library Icon ==
 +
*The first thing you need to do is make a sqaure 32px image.
 +
*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"
 +
Next open your ''gameinfo.txt'' located in '''"sourcemods''\MODNAME"'''''
 +
It should look something like this:
 +
<pre>
 +
"GameInfo"
 +
{
 +
game "My First HL2MP Mod"
 +
title "HALF+LIFE'"
 +
title2 "deathmatch mod"
 +
type multiplayer_only
 +
nomodels 0
 +
nohimodel 1
 +
nocrosshair 1
 +
</pre>
  
[[File:foo_Short2.jpg]]
+
Add this underneath
 
+
<pre>
*''The actual icon associated with the short-cut.''
+
        "developer" "YOURNAME"
 
+
"icon" "resource\game"
[[File:short1.jpg]]
+
</pre>
 
+
Save, and now restart steam and your icon should appear in the library
Both are easy enough to make.
 
  
 
== Requirements ==
 
== Requirements ==

Revision as of 16:15, 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 32px image.
  • 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"

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"
	"icon"			"resource\game"

Save, and now restart steam and your icon should appear in the library

Requirements

Adobe Photoshop or Gimp

AlphaConv or mirror

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 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

"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
		}
	}
}

Add the following lines under type

"developer" 		"noob industries"
"developer_url" 	"http://www.google.ie"
"icon" "resource\GameIconSteam\icon_mymod"

...So that it looks like this:

"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
		}
	}
}

Breakdown

  • 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.
  • developer_url will make the developers name in steam a hyperlink to the address specified above in this case google
  • 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

Making the Steam Icon

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 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.png 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.png 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

Youtube Tutorial