Making Icons and Integrating: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Page needs cleaned up)
(Fixed a lot of spelling, punctuation, grammar, and general cleanliness mistakes. It's still not enough.)
Line 4: Line 4:
== How to make an Icon for your mod ==
== How to make an Icon for your mod ==


Dont like reading? '''Watch it here''' [http://www.youtube.com/watch?v=9OYe6Q7BnDI Youtube Tutorial]
If you'd rather, there's a Youtube tutorial as well. '''Watch it here''' [http://www.youtube.com/watch?v=9OYe6Q7BnDI Youtube Tutorial]


Ok there are two types of Icon i will show you how to get working with your mod
There are two types of icons that this page will detail creating for your mod.


*''Icon in Steam.''
*''An icon in Steam.''


[[File:foo_Short2.jpg]]
[[File:foo_Short2.jpg]]


*''Actual icon associated with the short-cut.''
*''The actual icon associated with the short-cut.''


[[File:short1.jpg]]
[[File:short1.jpg]]


Both are easy enough to make
Both are easy enough to make.


== Requirements ==
== Requirements ==
Line 30: Line 30:
== Make Steam Icon first ==
== Make Steam Icon first ==


Ok so first of all open steam and launch Source SDK in the tools tab, Now some of you may have this done already but to recap click on create a mod (note engine doesn't matter in this tut) Ok once Source SDK finishes close it now navigate to your ''C:\Program Files\steam\steamapps\SourceMods\mymod'' where "mymod" is the name of your mod.
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.  


First of all open your gameinfo.txt file in notepad.
Open your gameinfo.txt file in your favorite plain-text editing software.
It will look something like the following
It should look akin to the following
<pre>
<pre>
"GameInfo"
"GameInfo"
Line 54: Line 54:
}
}
</pre>
</pre>
add the following lines under '''type'''
Add the following lines under '''type'''
<pre>
<pre>
"developer" "noob industries"
"developer" "noob industries"
Line 61: Line 61:
</pre>
</pre>


so that it looks like this
...So that it looks like this:
<pre>
<pre>
"GameInfo"
"GameInfo"
Line 88: Line 88:
=== Breakdown ===
=== Breakdown ===


*'''developer''' is the name of what company or who made the game this applys to the game in the steam list
*'''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 hyper link to the address specified above in this case google
*'''developer_url''' will make the developers name in steam a hyperlink to the address specified above in this case google


*'''icon''' this tells steam where the icon can be found in this case in your mod folders ''resource\GameIconSteam'' folder and it will look for icon_mymod.tga
*'''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


== Now lets make the Steam Icon ==
== Making the Steam Icon ==


Open Gimp or photo shop and make a blank canvas with dimensions 16*16 pixels make it transparent if you like  
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.
make your icon for arguments sake just draw a face. :)


save it as a .png to your ''C:\Program Files\steam\steamapps\SourceMods\mymod\resource\GameIconSteam'' folder as icon_mymod.png
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 in windows
Now navigate to that folder.
open [http://www.mediafire.com/?h5m4mjmm3i5 AlphaConv]
Open [http://www.mediafire.com/?h5m4mjmm3i5 AlphaConv]
*select Target format to be .tga
*select Target format to be .tga
*Uncheck Convert only 32-bit images(with alpha channel)
*Uncheck Convert only 32-bit images(with alpha channel)
Line 107: Line 106:
*delete the input file (icon_mymod.png)
*delete the input file (icon_mymod.png)


== Lets make the Game.exe Icon ==
== Making the Game.exe Icon ==


*Download and install IcoFx
*Download and install IcoFx


Open it and like photoshop make an Image and click on the windows Icon near the top middle of the program...This generates an icon  
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
Now save it to your

Revision as of 10:12, 22 July 2011

Broom icon.png
This article or section needs to be cleaned up to conform to a higher standard of quality.
For help, see the VDC Editing Help and Wikipedia cleanup process. Also, remember to check for any notes left by the tagger at this article's talk page.

Template:Otherlang2

How to make an Icon for your mod

If you'd rather, there's a Youtube tutorial as well. Watch it here Youtube Tutorial

There are two types of icons that this page will detail creating for your mod.

  • An icon in Steam.

Foo Short2.jpg

  • The actual icon associated with the short-cut.

Short1.jpg

Both are easy enough to make.

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.pngNote: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.pngNote: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