Pinterest Stumbleupon Whatsapp
Advertisement

Rainmeter is the de facto desktop customization tool for Windows A Simple Guide to Rainmeter: The Windows Desktop Customization Tool A Simple Guide to Rainmeter: The Windows Desktop Customization Tool Rainmeter is the ultimate tool for customizing your Windows desktop with interactive wallpapers, desktop widgets, and more. Our simple guide will help you create your own personal desktop experience in no time. Read More . With a code library spanning volumes, there’s no end to how many configurations users can manage to accomplish. Rainmeter’s most popular use has to be application launchers.

While Rainmeter can provide fantastic RSS Feeds and weather information directly onto your desktop, nothing requires a personal touch quite like custom icons and launchers. Whether you’d like to create a simple application icon, or something a little more interesting, read on to create your very own custom launch icons for programs.

Rainmeter: How It Works

Rainmeter works using simple text files with the file extension INI. These files require certain parameters in order to be read by the Rainmeter program. Here’s a an example:

[Rainmeter]
Update=1000
[MeterString]
Meter=String
Text=Hello, world!

This file will display the string of text “Hello, world!” on your Rainmeter application (on the top-right corner of your screen, by default). It does this using three parameters:

  • Update — The skin will be updated every 1000 milliseconds, or every second. Rainmeter recognizes the update parameter in milliseconds. This is often a requirement in your INI file.
  • Meter — The meter in Rainmeter. The meter options decides how to display your skin. Since our Meter parameter is set to String, Rainmeter will display our information as a string (i.e. a word).
  • Text — Dictates what is loaded through the Meter parameter. Since this Meter is a String, it requires text. “Hello, world!” was our assigned text.

Rainmeter follows a very rigid logical structure, so — as with any coding — a single issue could jeopardize the skin or prevent it from appearing on your desktop. That includes following the folder structure of your skins as well.

skin folder structure rainmeter
Image Credit: Rainmeter

This structure becomes more complex as skins become more functional. In the following Rainmeter skin, keep both the INI file and folder hierarchy in mind.

Advertisement

Create a Simple Icon

Head to the Rainmeter directory located at C:\Users\[PC Name]\Documents\Rainmeter\Skins. Replace the [PC Name] parameter with the name of your PC (Start > type “manage account” > click Manage your account). Right-click a blank space within this directory, select New, and then Folder.

Name the first folder whatever you’d like, but ensure the title generally describes the contents. I chose muoicons.

Double-click this folder, and create another folder within muoicons. Name this folder after the icon you wish you create. I’m making an Overwatch icon, so I’ll name it OverwatchIcon. Then, create another folder within muoicons and name it @Resources. This folder will hold your icon images. That’s three folders overall.

Double-click on your second folder (OverwatchIcon in my case). Right-click a space within your second folder and select New, then Text Documents. Double-click your text document in order to edit it, and paste the following:

[OverwatchIcon]
Meter=Image
ImageName=#@#\[IconName].png
H=[Height]
LeftMouseUpAction=["[Address]"]
[Rainmeter]
Update=1000

There are three parameters which you must change:

  • [IconName] — Substitute this with the name to the actual PNG image you use for your icon. We will create this later on.
  • [Height] — Changes the size of your icon. While an additional width parameter is available, it won’t be necessary for our purposes.
  • [Address] — Within the quotation, replace this parameter with the address of your program. Overwatch, for example, placed under C:\Program Files (x86)\Overwatch\Overwatch.exe. You can also place an email address here as well, and it will open the website using your default internet browser.

After you’ve changed your parameters, enter your @Resources folder. Paste a PNG image for your icon in your @Resources folder and rename it whatever your [IconName] parameter was replaced by. Finally, edit the [Height] parameter in your original INI file to size the icon.

overwatch rainmeter custom icons

This method allows you to create an icon from any PNG image, so feel free to experiment with your icon’s look. You can even create icons from GIF images How to Use an Animated GIF as Your Desktop Wallpaper With Rainmeter How to Use an Animated GIF as Your Desktop Wallpaper With Rainmeter An animated GIF can make your desktop special. We show you how you can add your favorite GIF as your wallpaper with Rainmeter. Read More as well.

Best of all, you have complete control of the size, image, and location of your icon. Try to be inventive with your icon, perhaps integrating it with your desktop wallpaper Make Your Desktop Stunning with an Interactive Live Wallpaper Make Your Desktop Stunning with an Interactive Live Wallpaper Nothing makes your desktop stand out like a live interactive background. It's also one of the greatest exercises in customizing your Windows setup. We'll show you how to do it easily with Rainmeter. Read More .

Create a Background Icon

The above icon will work, but Rainmeter has a few more tricks up its sleeve. Let’s say you’d like to change your wallpaper, or pop up an image, every time you mouse over an icon. It’s a way to make icons pop out a bit more using Rainmeter.

You can even use the same general format as presented above, except for two key differences: changes to your INI file and an added background folder. First, you’ll have to modify your original INI file to the one below:

[OverwatchIcon]
Meter=Image
ImageName=#@#Images\[IconName].png
H= [Height]
MouseOverAction=[!ActivateConfig "[...background]" "background.ini"]
MouseLeaveAction=[!DeactivateConfig "[...background]" "background.ini"]
LeftMouseUpAction=["[Address]"]
[Rainmeter]
Update=1000

There are only two extra parameters in the script above — all else remains the same:

  • MouseOverAction and MouseLeaveAction — Dictates action on mouse-over. In this particular case, mousing over or leaving an icon will make your background image appear.

!Active/DeactiveConfig activates a skin. Ensure that you change the following parameter:

  • […background] — Dictates which folder your skin receives its background image from. You should change this to the address of your own background folder. In my case, this parameter is muoicons\OverwatchIcon\background.

When you change the above parameter to your own address, begin at the first (root) folder of your skin. The background.ini parameter tells Rainmeter which file to activate on mouse-over.

Next comes the background folder. In the same folder as your original INI file (Skins\muoicons\OverwatchIcon in my case) create another folder and name it background. Within this folder, create another INI file and paste the following:

[Rainmeter]
OnRefreshAction=!ZPos "-2"
[Wallpaper]
Meter = Image
ImageName = [ImageName].png

This skin is easy to understand:

  • OnRefreshAction — !ZPos stands for Z Position, and determines what place in the Rainmeter load order our image appears. -2 means your image is placed on the desktop, behind most other skins.

Ensure that you change one parameter before continuing on:

  • [ImageName] — This image name refers to the image which appears on mouse-over. Insert the name of your background image here.

Name this INI file background, so its full name is background.ini. In this same folder labelled background, copy and paste the image you want to appear on mouse-over. Your background folder should now have an INI file and an image file. Remember to edit the background.ini file with the name of your image, or it won’t work.

rainmeter custom icon effect
Background Wallpaper: Alexandre Chambon

Finally, click Refresh all in your Rainmeter window and load your skin. You could either place a whole background image or a smaller image (using a transparent background) placed in a particular section.

Try to make this overlay or background fit in with your overall desktop setup. In the above instance, my background wallpaper was taken in Japan, so I decided to place the Japanese word for “Overwatch” under my icon.

From Icon to Iconography

Rainmeter is a great customization tool for many different reasons, flexibility is one of them. Learn it, use it, and make it realize your utmost desktop dreams. You might have learned how to make Rainmeter icons from scratch, but that’s just the tip of the iceberg! From live wallpaper to 3D holograms Project a 3D Hologram on Your Desktop Using Rainmeter Project a 3D Hologram on Your Desktop Using Rainmeter Still looking for the perfect wallpaper? Let us show you how to add an impressive and moving 3D hologram to your desktop background. Read More , Rainmeter has you covered.

Did you like the walk-through? Which other Rainmeter skins would you like to create? Let us know in the comments below!

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Michael McConnell
    May 31, 2017 at 6:47 pm

    I'm disappointed. From reading the article title, I thought you were going to tell how to create custom app launchers. I would love to create my own quasi-start menu/program & app launcher but I'm not quite experienced enough with Rainmeter. *sigh*

  2. Charlie O.
    April 13, 2017 at 5:07 pm

    I love Rainmeter's configurability. However, as everything in it is customized via edits to an INI file, it's an absolute monster to get it to look the way you want it too. Someone needs come up with a nice alternative to Rainmeter in terms of looks and functionality that can be configured through a GUI rather than through an INI file. I doubt, seriously, that any such thing will ever come around, though, that could even come close to offering Rainmeter's flexibility in configuration. But hey, a guy can dream, right?

    • ZentixZaneic
      April 13, 2017 at 8:07 pm

      I've been hoping for the exact same thing.

      The only thing holding me back from using Rainmeter (besides the fact I have a laptop with 4 GB of RAM) is how difficult it is to make what you want with it.