Making Icons and Integrating: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Cleaned up guide, and fixed a few vital mistakes)
m (Nesciuse moved page Making Icons and Integrating/en to Making Icons and Integrating without leaving a redirect: Move en subpage to basepage)
 
(9 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{LanguageBar}}
{{toc-right}}
{{cleanup}}
{{cleanup}}
{{otherlang2
'''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
| ru = Making_Icons_and_Integrating:ru}}
 
== Making an icon for your mod ==
== Making an icon for your mod ==
[[File:steamlibraryico.jpg|Steam Library|thumb|256px]]
[[File:steamlibraryico.jpg|Steam Library|thumb|256px]]
[[File:Desktopico-tut.jpg|Desktop and Enlarged|thumb|256px]]
[[File:Desktopico-tut.jpg|Desktop and Enlarged|thumb|256px]]


For the icon of your mod there are two places it can be displayed: In your steam library and on your desktop. (right)
For the icon of your mod to show, 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
To make your icon you will need either:
*[http://www.adobe.com/products/photoshop.html Adobe Photoshop]
*[http://www.adobe.com/products/photoshop.html Adobe Photoshop]
*[http://www.gimp.org/ GIMP]
*[http://www.gimp.org/ GIMP]
*[https://www.getpaint.net/ Paint.NET]


== Making the Steam Library Icon ==
== Making the Steam Library Icon ==
# Create a new document with the dimensions 256x256 pixels.
To start open an image editor and create a new file with the dimensions 256x256 pixels. Then save your image as a .png in a folder (For example {{code|sourcemods/resource/icons_raw/}}) and name it ''icon_huge''.
# Create your icon.
 
# Save your image in a folder (For example '''"sourcemods/resource/icons_raw/"''') and call it icon_huge.
Copy the ''icon_huge'' and rename it to ''icon_big'' and scale it down to 32x32 and do it again but name it ''icon'' and scale it to 16x16.
# Copy icon_huge, rename it to icon_big and scale its dimensions down to 32x32 pixels.
 
# Copy icon_big, rename it to just icon, and scale it down to 16x16 pixels.
After creating the icons, Open the ''icon'' file and save it as a targa file (.tga) in the {{code|sourcemods/YourMod/resource}} folder, do the same with ''icon_big'' and '''NOT''' with ''icon_huge''.
# Open the icon file and save it as a targa file (.tga) in the '''"sourcemods/resource/"''' folder
 
# Do the same with icon_big {{note|Do not do this with icon_huge}}
Now once you have done all of that, the next step is to show the icon in the steam library. Go to your mods folder and open ''gameinfo.txt''.
# Open your ''gameinfo.txt'' located in '''"sourcemods''/MODNAME/"'''''
 
It should look similar to this:  
Below ''game, title, title2, and/or type'', type ''icon "resource/icon"'', example:
<pre>
<pre>
"GameInfo"
"GameInfo"
{
{
game "My First HL2MP Mod"
game "My First HL2MP Mod"
title "HALF+LIFE'"
title "HALF+LIFE'"
title2 "deathmatch mod"
title2 "deathmatch mod"
type multiplayer_only
type multiplayer_only
nomodels 0
icon "resource/icon"
nohimodel 1
nomodels 0
nocrosshair 1
nohimodel 1
nocrosshair
...
</pre>
</pre>


Add this underneath
Now save and restart Steam and your icon should appear in the library.
<pre>
 
"icon" "resource/icon"
== Making the hl2.exe Icon ==
</pre>
{{note|You may need to restart your computer to be able to make the icon visible on your desktop.}}
Save and restart Steam and your icon should appear in the library
*Take your 256px 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 {{code|\steamapps\sourcemods\''MODNAME''\resource}} as "game.ico".
Now you can {{key|RMB}} the mod in your steam library and create a desktop shortcut.
 
== Editing the icon with XBLAH's Modding Tool ==
 
The mod icon can be edited with [[XBLAH's Modding Tool]] through a comprehensive UI without requiring the modder to mess with text files or resources.
 
<br/><span style="color: #FFFFFF; font-weight: bold">Where to find it</span><br/>
This can be accessed within the tool through '''Mod > Game info'''.


=== Breakdown ===
<br/><span style="color: #FFFFFF; font-weight: bold">How to use it</span><br/>
*'''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
Right click the picture box next to the Icon label and click Load. Select the file path and extension and the tool will generate the icons at the correct sizes, add them to the resource path and update the gameinfo.


== Making the hl2.exe Icon ==
[[File:XBLAH's Modding Tool - Gameinfo Icon.png]]
{{note|This method might be obsolete, please edit if the isn't the correct method}}
{{note|You may need to restart your computer to be able to make the icon visible on your desktop}}
*Take your 256px 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 {{key|RMB}} the mod in your steam library and create a desktop shortcut

Latest revision as of 08:16, 12 July 2024

English (en)Русский (ru)Українська (uk)Translate (Translate)
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.

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 an icon for your mod

Steam Library
Desktop and Enlarged

For the icon of your mod to show, 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

To start open an image editor and create a new file with the dimensions 256x256 pixels. Then save your image as a .png in a folder (For example sourcemods/resource/icons_raw/) and name it icon_huge.

Copy the icon_huge and rename it to icon_big and scale it down to 32x32 and do it again but name it icon and scale it to 16x16.

After creating the icons, Open the icon file and save it as a targa file (.tga) in the sourcemods/YourMod/resource folder, do the same with icon_big and NOT with icon_huge.

Now once you have done all of that, the next step is to show the icon in the steam library. Go to your mods folder and open gameinfo.txt.

Below game, title, title2, and/or type, type icon "resource/icon", example:

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

Now save and restart Steam and your icon should appear in the library.

Making the hl2.exe Icon

Note.pngNote:You may need to restart your computer to be able to make the icon visible on your desktop.
  • Take your 256px 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.

Editing the icon with XBLAH's Modding Tool

The mod icon can be edited with XBLAH's Modding Tool through a comprehensive UI without requiring the modder to mess with text files or resources.


Where to find it
This can be accessed within the tool through Mod > Game info.


How to use it
Right click the picture box next to the Icon label and click Load. Select the file path and extension and the tool will generate the icons at the correct sizes, add them to the resource path and update the gameinfo.

XBLAH's Modding Tool - Gameinfo Icon.png