Rainmeter

La position “Sur le Bureau” n’affecte pas vos fenêtres actives, vos skins resterons derrière vos fenêtres.

La position “En fond” est quelque peu similaire à la position “Sur le Bureau”, elle permet seulement d’afficher vos Skins au dessus des Skins ayant la position “Sur le Bureau”.

La position “Normal” agit comme une fenêtre active, par exemple, si on clique sur notre skin, il passera au dessus de notre fenêtre Google Chrome et inversement.

La position “Premier Plan” permet d’afficher vos Skins au dessus de toutes fenêtres actives. Seule la barre de tâche n’est pas affectée (après un survol ou en cliquant dessus).

La position “Restez au premier plan” quand a elle prend le pas sur tout, barre de tâche comprise. Utile ? Peut-être si vous souhaitez faire une barre de tâche personnalisée.

L’option “Ne rien faire” est le paramètre par défaut, si une transparence est appliquée elle restera telle quelle au survol.

L’option “Masqué” qui permet de masquer vos éléments lors d’un survol avec la souris (peu importe le pourcentage de transparence choisi).

L’option “Diminuer” permet de diminuer le pourcentage de la transparence qu’on a appliqué à notre élément, cela permet donc de faire apparaître notre élément au survol.

Pour finir, l’option “Augmenter” est le juste opposé de l’option “Diminuer”, cette option permet donc d’appliquer une transparence à votre élément lors d’un survol.

Si l’option “Déplaçable” est activée, votre Skin sera alors déplaçable au maintien de votre clic gauche. Désactivé, le Skin restera fixe.

Si l’option “Cliquer à travers” est activée, la fonction cliquable de votre Skin n’est plus active, cette option est surtout utilisée pour les calques d’illustration.

Si l’option “Conserver à l’écran” est activée, votre Skin ne sera pas déplaçable en dehors de votre écran.

Si l’option “Sauvegarder la position” est activée, la position sera sauvegardée après une décharge de votre Skin. Si elle n’est pas activée et que vous bougez votre skin avant une décharge, votre skin ne prendra pas en compte cette nouvelle position une fois qu’il sera de nouveau chargé.

Si l’option “Aligner aux bords” est activée, votre Skin s’alignera automatiquement à côté d’un autre Skin (tel l’outil “Magnétisme” sur Photoshop ou “Aligner les icônes sur la grille” de votre bureau Windows). Désactivé, votre Skin sera libre d’être placé sans contrainte.

Si l’option “Favori” est activée, votre Skin sera enregistré dans le menu contextuel de Rainmeter. Pour y accéder, faite un clic droit sur votre Skin > Rainmeter > Favori et choisissez un Skin que vous avez inscrit dans vos Favoris.

Pour ce premier bonus, nous allons utiliser le Skin “Fountain of Color”, celui-ci comporte quelques défauts, mais également beaucoup d’avantages. En effet, ce skin est, comme son nom l’indique, une barre sonore qui détecte automatiquement votre driver audio, permettant ainsi d’être animé sur n’importe quel son sortant de votre PC. Nous allons commencer par télécharger et installer (inutile que je vous explique comment faire, cela est expliqué dans l’étape A) le Skin via cette adresse: https://alatsombath.deviantart.com/…/

 

Une fois installé et chargé, je vous invite à mettre un son (par exemple: Lofi Hip Hop). Avec ça vous verrez votre barre sonore s’animer sur votre bureau. Faites un clic droit sur la barre sonore puis sélectionnez “Options…” dans le menu contextuel, une nouvelle fenêtre apparaîtra permettant de configurer votre Skin sans passer par le fichier .ini.

 

Inutile de vous faire une description de chaque option personnalisable (le menu comporte un anglais plutôt basique), je vous laisse donc découvrir par vous-mêmes. Si vous rencontrez un problème avec le menu “Extra” en modifiant une variable, faites un clic droit sur la fenêtre Extra et sélectionnez “Edit Variables”. Cela vous ouvrira le fichier “Variables.inc” avec l’éditeur texte permettant ainsi de corriger / modifier vos variables sans soucis (pensez à Enregistrer et Actualiser votre Skin).

La création d’un calque image permet de fondre des skins Rainmeter dans le paysage de vos fonds d’écran. Pour cela, vous aurez besoin du logiciel Adobe Photoshop (télécharger la version d’essai ici: Free Trial Download) permettant ainsi de créer des images avec un fond transparent (via une méthode de détourage).

Commencez par télécharger un fond d’écran ayant la même résolution que votre écran (pour cet exemple, je vais prendre ce fond d’écran: Wallpaperswide en résolution 1366×768). Une fois téléchargé, faites un clic droit puis “Choisir comme arrière plan du Bureau”. Maintenant faites une capture d’écran (touche “impr écran” ou “FN + impr écran”) intégrant votre barre de tâche (votre espace de travail doit être vide, pour cela faites un clic droit sur votre bureau > Affichage > Décocher “Afficher les éléments du Bureau”).

 

Il est temps d’ouvrir Photoshop, commencez par créer un nouveau projet (Fichier > Nouveau), Photoshop détecte automatiquement vos captures d’écran et vous proposera l’option “Presse-Papiers” incluant la résolution de votre capture. Sélectionnez donc l’option “Presse-Papiers” et cliquez sur “Créer”.

 

Faites un “Ctrl+V” pour coller votre impression d’écran et supprimez le calque d’arrière plan se trouvant dans la fenêtre de calque (en bas à droite). Ensuite vous allez détourer les zones rouge de votre arrière-plan (voir image ci-dessous) avec les outils de sélection (affichés en Vert sur l’image). Par précaution, créez un espace vide pour votre barre de tâche, afin que votre calque Rainmeter ne prenne pas le dessus. Si vous avez besoin de mieux comprendre les outils de sélection, je vous invite à consulter le tutoriel d’Adobe ici : Selection Tools Basics.

 

Une fois le détourage fait, supprimez votre sélection avec la touche “suppr” pour obtenir votre transparence (représenté par un quadrillage gris et blanc, présent sur l’image ci-dessous).

 

Cliquez sur “Fichier > Enregistrer sous”, créez un nouveau dossier nommé “Layer” dans “C:\Documents\Rainmeter\Skins\” et enregistrez votre image au format .png dedans (avec pour nom “montagne”). Cliquez sur OK et fermez Photoshop.

 

Maintenant allez dans le répertoire “C:\Documents\Rainmeter\Skins\Layer” (ou se trouve votre image précédemment enregistrée) et créez un nouveau fichier texte (Clic droit > Nouveau > Document Texte). Renommez-le “layer.ini”.

Pour éditer l’extension de vos fichiers, cliquez sur l’option “Affichage” de votre fenêtre, puis Options. Une nouvelle fenêtre apparaît, sélectionnez l’onglet “Affichage” et décochez l’option “Masquer les extensions des fichiers dont le type est connu”, puis “OK”.

 

Ouvrez le fichier “montagne.ini” avec votre éditeur texte et copier / coller le code suivant:


[Rainmeter] Update=-1

[ReWall] Meter=Image
ImageName=montagne.png
W=1366
H=768
Tile=0
PreserveAspectRatio=0
 

“ImageName=montagne.png” représente le chemin de votre image, “W” pour la largeur, “H” pour la hauteur. Ajustez donc W et H à la taille de votre image (correspondant également à la résolution de votre écran). Une fois terminé, cliquez sur “Fichier” puis “Enregistrer” et fermez l’éditeur de texte.

 

Ouvrez l’interface de Rainmeter et cliquez sur le bouton “Tout actualiser”, votre dossier “Layer” sera donc visible dans la liste de vos Skins. Développez le dossier “Layer” et chargez le fichier “montagne.ini”

 

Votre Skin calque s’affiche alors au dessus de votre fenêtre Rainmeter. Mais pas d’inquiétude, grâce à l’étape F et G de mon tutoriel, nous allons régler ce problème !

Dans un premier temps, vous allez mettre la position de votre Skin “Sur le bureau”, ensuite mettez “l’Ordre de chargement” à 1, décochez la case “Déplaçable” et cochez la case “Cliquer à travers” comme sur l’image ci-dessous.

 

Il ne vous reste plus qu’à mettre un second Skin derrière votre calque. Par exemple, vous allez prendre le Skin “Fountain of Colors” et le configurer avec une position “Sur le Bureau” et un Ordre de calque en “0”. N’oubliez pas de décocher la case “Déplaçable” et cocher la case “Cliquer à travers” après le placement de votre Skin.

 

vous avez enfin terminé notre joli Skin calque ! J’espère que vous réaliserez de nombreux fonds d’écran personnalisés avec cette solution !

Vous allez apprendre à introduire un GIF animé à la place de votre fond d’écran fixe. Les GIF en pixel sont souvent inférieurs à la résolution de vos écrans, je vais donc dans un premier temps vous montrer comment agrandir un GIF pixelisé (fonctionne aussi pour les pixels art en tout genre). Pour cet exemple, vous pouvez choisir le GIF “Coffee in Rain” de l’artiste Kirokaze téléchargeable ici : Coffee in Rain

 

Si le téléchargement ne fonctionne pas, faites un clic droit sur le GIF et choisissez “Enregistrer sous” dans le menu contextuel. Une fois téléchargé, ouvrez Photoshop, cliquez sur “Fenêtre” puis “Montage” pour ouvrir la timeline de Montage. Vous pouvez ensuite ouvrir votre GIF en cliquant sur “Fichier” puis “Ouvrir”.

 

Cliquez sur “Image” (en haut à gauche) puis sélectionnez “Taille de l’image..”. Changez la taille de l’image correspondant à la résolution de votre écran, cochez la case “Rééchantillonnage” et choisissez l’option “Au plus proche (contours nets)” dans le menu déroulant de celui-ci, puis “OK” une fois terminé.

 

Nous allons maintenant faire une petite parenthèse afin que notre GIF animé ne marge pas sur la barre de tâche de notre Bureau. Pour cela, créez un dossier nommé “gifcoffee” dans “C:\Documents\Rainmeter\Skins\” dans lequel vous allez enregistrer votre GIF au format .png afin de mettre cette image (non animé) en fond d’écran (clic droit > “choisir comme arrière plan de Bureau”).

 

Une fois votre image en fond (et dans le bon dossier) vous allez faire une capture d’écran de votre bureau avec la barre de tâche (impr écran ou FN + impr éran) puis la coller dans votre projet Photoshop (ctrl+V), cela vous créera automatiquement un nouveau calque (Calque 49).

 

Avec l’outil de sélection (Outil Rectangle de sélection), vous allez détourer la barre de tâche et supprimer cette sélection sur tous les calques de votre projet (pour cela vous devez ouvrir l’œil de chaque calque et supprimer cet espace un à un).

 

Une fois terminé, fermez l’œil de chaque calque, sauf celui du “calque 1” et supprimez le calque 49 qui ne vous est plus d’aucune utilité. Vous remarquez donc sur la timeline “Montage” (en bas) que vos clés deviennent vides. Pour rectifier ce problème, cliquez sur le menu hamburger de la fenêtre “Montage” et “Sélectionner toutes les images”. Une fois toutes les clés sélectionnées, cliquez sur l’icône “Corbeille” en bas de la fenêtre montage. “Supprimer les images ?” > “Oui”.

 

Cliquez de nouveau sur le menu hamburger de la fenêtre “Montage” et choisissez “Créer des images d’après des calques” pour recomposer votre animation.

 

Maintenant que votre GIF Animé a une bonne résolution et un espace dédié à votre barre de tâche, vous allez convertir notre animation en montage vidéo avec l’option “Convertir en montage vidéo” se trouvant dans le menu hamburger de la fenêtre Montage. Grâce à cette technique vous n’aurez pas de ralentissement sur votre GIF une fois enregistré !

 

Pour enregistrer votre GIF modifié, vous allez cliquer sur “Fichier > Exportation > Enregistrer pour le Web (hérité)…”. Vérifiez que la résolution corresponde bien à la taille souhaitée, que la qualité soit “Au plus proche” et que l’Option de boucle soit sur “Toujours”. Une fois que les options sont bien paramétrées, cliquez sur “Enregistrer…” et fermez Photoshop.

 

Retournez maintenant dans le dossier “gifcoffee” que vous avez précédemment créé dans C:\Documents\Rainmeter\Skins\. A l’intérieur, vous allez créer un nouveau dossier nommé “@Ressources”, à l’intérieur de celui-ci vous allez créer un dossier nommé “ImagesFrames”.

 

Maintenant téléchargez “Gif Frame Extractor” disponible ici : GifFrame. Lancez “GIFFrame.exe”, cliquez sur Open et choisissez le GIF que vous avez précédemment édité.

 

Sélectionnez “Save all frames…” et choisissez le dossier “ImagesFrames” que vous avez précédemment créé (dans C:\Documents\Rainmeter\Skins\gifcoffee\@Resources\). Pour l’onglet “Ouput Names” gardez le nom “Frame%”, et dans “Format” gardez “PNG” puis cliquez sur “OK”. Cela va générer une image par frame dans le dossier “C:\Documents\Rainmeter\Skins\gifcoffee\@Resources\ImagesFrames” que vous avez choisi.

 

Vous pouvez fermer “GIFFrame.exe”, revenez dans le dossier “C:\Documents\Rainmeter\Skins\gifcoffee\” et créez un nouveau fichier texte nommé “gifcoffee.ini”. Dedans vous allez inscrire ce code:

[Rainmeter] Update=25

[ImageNumberCalc] Measure=Calc
Formula=Counter % 48

[ImageMeter] Meter=Image
ImageName=#@#ImagesFrames\Frame[ImageNumberCalc].png
AntiAlias=1
DynamicVariables=1
W=1366
H=768
 

“Update=25” correspond au taux de rafraîchissement du Skin (ceci est donc lié à la fluidité de votre GIF). Si le taux de rafraîchissement influence les performances de votre PC, il est conseillé de le mettre à “100” par défaut. “Formula=Counter % 48” correspond au nombre de frames que comporte votre animation. “ImageName=#@#ImagesFrames\Frame[ImageNumberCalc].png” correspond au chemin des images Frame que vous avez précédemment décomposé avec “GIFFrame.exe”. W et H correspond à la résolution de vos images.

Modifiez ce fichier en fonction de votre configuration, enregistrez, rafraîchissez “Rainmeter” et chargez le fichier “gifcoffee.ini” avec “Rainmeter”.

 

Pensez à mettre votre Skin sur la position “Sur le Bureau”,désactiver l’option “Déplaçable” et activer “Cliquer à travers”. Voilà, après toutes ces manipulations, votre GIF animé devrait être fonctionnel !