Comment créer un arrière-plan de bureau Parallax avec Rainmeter

Rainmeter reste le champion de la personnalisation de Windows car les utilisateurs continuent de trouver des moyens créatifs d’utiliser le programme.

Une innovation récente est le fond de parallaxe. Les effets de parallaxe sont un moyen simple et impressionnant d’améliorer l’apparence de l’arrière-plan de votre bureau. Ils intègrent également des fonctionnalités de fond d’écran en direct.

Laissez-nous vous montrer comment créer votre propre fond d’écran animé en utilisant l’effet de parallaxe et Rainmeter.

Qu’est-ce qu’un effet de parallaxe?

Dictionary.com définit parallaxe comme:

« [T]il déplacement apparent d’un objet observé en raison d’un changement dans la position de l’observateur. « 

Utilisation d’une combinaison de plugins et de fichiers .ini – les fichiers utilisés par Rainmeter pour charger peaux ou des widgets sur votre bureau – Rainmeter permet à votre souris d’agir comme une caméra. Au fur et à mesure que votre souris se déplace, vos images se déplacent pour créer un effet 3D.

De bons résultats sont faciles à obtenir. Cela dit, il faut une bonne dose de créativité pour obtenir des résultats vraiment spectaculaires. Par exemple, consultez cette Thème Firewatch créé par l’utilisateur reddit / u / thefawxyone.

Avertissement: Si vous souhaitez créer un exemple détaillé et multicouche comme celui ci-dessus, une expérience préalable avec des programmes de conception graphique comme Photoshop (notre guide idiots pour Photoshop) et GIMP (notre procédure pas à pas GIMP) est requise. Nous ne nous pencherons pas sur la façon de créer un arrière-plan complexe avec des lanceurs de programme cachés et des VU-mètres. Notre effet de parallaxe permettra d’obtenir une toile de fond à quatre couches simple mais impressionnante.

Parties de la parallaxe

Pour utiliser cet effet, revenons brièvement sur le concept de calques. Rainmeter réalise l’effet de parallaxe en créant plusieurs couches, qui simulent un arrière-plan complet.

L’effet Parallax comporte deux parties essentielles; le premier plan, et le Contexte. Le premier plan est composé de plusieurs fichiers image .png, du plus petit au plus grand. Les images plus grandes se déplaceront plus que les images plus petites. Cela simule la profondeur de champ sur votre bureau. Les fichiers image doivent être au format .png transparent, ce qui supprime les arrière-plans blancs de vos images.

Choisir les pièces

Je vais simuler un Bart tombant des Simpsons en utilisant l’effet de parallaxe. Trois types d’images sont nécessaires pour l’effet: un Bart qui tombe, quelques nuages ​​particuliers au style cartoon des Simpsons et un fond de ciel.

Créez un dossier sur votre bureau nommé source de parallaxe pour enregistrer vos fichiers image. Cela facilitera l’ajout de vos images à Rainmeter. Grâce à la recherche Google, j’ai trouvé une image .png de la chute de Bart. Vous devrez peut-être créer vous-même une image .png transparente.

Ensuite, j’aurai besoin d’images cloud et d’arrière-plan. N’oubliez pas que chaque élément doit être présent dans son propre fichier .png. j’ai trouvé ça image de nuages dans le style classique de Simpson en ligne:

J’ai procédé à la séparation de certains des nuages ​​avec Photoshop et à la création de fichiers image séparés pour les trois nuages ​​proéminents. Pour l’arrière-plan, j’ai pris des échantillons de couleurs des nuances inférieure et supérieure de bleu dans l’image d’origine et créé mon propre dégradé. Au total, cinq fichiers image seront utilisés, y compris l’arrière-plan.

Nommez votre parcours background.png et nommez les images que vous utilisez pour votre parallaxe comme parallaxe[x].png. le [x] correspond au niveau du calque, à partir de 0. La plus petite image doit être intitulée parallax0.png, la deuxième plus petite, parallax1.png, etc. Voici à quoi devrait ressembler votre dossier:

Positionnement des pièces

Maintenant, positionnez vos fichiers .png en fonction de la résolution de votre bureau. Vérifiez la résolution de votre bureau en clic droit sur votre bureau et sélection Paramètres d’affichage. Cliquer sur Paramètres d’affichage avancés et sélectionnez le conseillé paramètres sous Résolution. Ces deux nombres correspondent à la largeur et à la hauteur des pixels de votre moniteur d’affichage.

Créez un document transparent de la taille de la résolution de votre moniteur en ajoutant 100 pixels à votre longueur et largeur. Déposez vos fichiers dans ce cadre et orientez les images à votre guise.

La façon dont vous orientez vos images ici est la façon dont vous les verrez en arrière-plan. Une fois que vous avez inséré toutes vos images dans votre cadre, procédez à la création de vos fichiers .ini.

Disposition du dossier Rainmeter

Dans l’annuaire C: Users Rosebud Documents Rainmeter Skins créer un nouveau dossier nommé Effet de parallaxe.

Dans ce dossier, créez trois autres dossiers et nommez-les: @Ressources, Contexte, et Parallaxe. Le dossier @Resources contiendra toutes vos images, le dossier Background contiendra votre fichier Background.ini pour activer votre arrière-plan, et le dossier Parallax contiendra votre fichier Parallax.ini pour activer vos images parallaxe.

Ouvrez le @Ressources dossier et créer un dossier nommé Images. Ajoutez votre fichier background.png à ce répertoire. Ajoutez un autre dossier à ce répertoire et nommez-le d’après votre effet de parallaxe. J’ai nommé le mien Bart. Ajoutez votre parallaxe[x]images .png dans ce dossier. Votre dossier Images devrait maintenant ressembler à ceci.

C’est tout pour les fichiers images. Maintenant, vous pouvez commencer à obtenir l’effet de parallaxe. Dans le répertoire racine de Parallax Effect (C: Users Rosebud Documents Rainmeter Skins Parallax Effect) créez un nouveau fichier texte. Saisissez le code suivant dans ces nouveaux documents.

[Variables]
ThemeDisplayWidth=1440
ThemeDisplayHeight=900

Nommez ce fichier ParallaxSettings.inc, compte tenu de l’extension .inc. Ce fichier définira la résolution de votre parallaxe. Remplacez 1440 et 900 par votre propre résolution et économisez. Vous aurez également besoin d’un plugin simple, qui suit les mouvements de votre souris pour déplacer vos images de parallaxe. Téléchargez le .rmskin ici pour l’installer automatiquement dans Rainmeter.

Ensuite, ouvrez votre dossier d’arrière-plan. Clic-droit dans le dossier et sélectionnez Nouveau> Document texte. Double-cliquez sur ce document pour le modifier et collez le script suivant dans le fichier.

[Rainmeter]
Update=-1
SkinHeight=#ThemeDisplayHeight#
SkinWidth=#ThemeDisplayWidth#

[Variables]
@Include=#ROOTCONFIGPATH#ParallaxSettings.inc
P=#@#Images/

[Background]
Meter=Image
SolidColor=33,0,2,255
W=#SCREENAREAWIDTH#
H=#SCREENAREAHEIGHT#

[Parallax0]
Meter=Image
ImageName=#P#background.png
X=((#SCREENAREAWIDTH# / 2) - ([Parallax0:W] / 2))
Y=0
DynamicVariables=1

Enregistrez ce fichier sous Background.ini, en vous assurant d’avoir ajouté l’extension .ini. Ensuite, ouvrez votre dossier Parallax. Créez un document texte et collez ce qui suit dans ce fichier.

[Rainmeter]
Update=20
SkinHeight=#ThemeDisplayHeight#
SkinWidth=#ThemeDisplayWidth#

[Variables]
@Include=#ROOTCONFIGPATH#ParallaxSettings.inc
P=#@#Images/Bart/parallax

[MouseX]
Measure=Plugin
Plugin=MouseXY
Dimension=X

[MouseY]
Measure=Plugin
Plugin=MouseXY
Dimension=Y

[Parallax1]
Meter=Image
ImageName=#P#0.png
X=(((#SCREENAREAWIDTH# / 2) - ([Parallax1:W] / 2))-(([MouseX]-(#SCREENAREAWIDTH# / 2)) / 80))
Y=(0-(([MouseY]-#SCREENAREAHEIGHT# / 2) / 80))
DynamicVariables=1

[Parallax2]
Meter=Image
ImageName=#P#1.png
X=(((#SCREENAREAWIDTH# / 2) - ([Parallax2:W] / 2))-(([MouseX]-(#SCREENAREAWIDTH# / 2)) / 60))
Y=(0-(([MouseY]-#SCREENAREAHEIGHT# / 2) / 60))
DynamicVariables=1

[Parallax3]
Meter=Image
ImageName=#P#2.png
X=(((#SCREENAREAWIDTH# / 2) - ([Parallax3:W] / 2))-(([MouseX]-(#SCREENAREAWIDTH# / 2)) / 30))
Y=(0-(([MouseY]-#SCREENAREAHEIGHT# / 2) / 30))
DynamicVariables=1

[Parallax4]
Meter=Image
ImageName=#P#3.png
X=(((#SCREENAREAWIDTH# / 2) - ([Parallax4:W] / 2))-(([MouseX]-(#SCREENAREAWIDTH# / 2)) / 20))
Y=5
DynamicVariables=1

Vous devez changer le P variable sous votre [Variables] paramètre au titre de votre dossier d’images de parallaxe. Ma variable P est # @ # Images / Bart / parallaxe, par exemple. Ne changez que le titre du milieu et gardez le reste identique.

Le résultat

Ouvrez votre Gérer Rainmeter en ouvrant le tiroir d’icônes de votre barre des tâches et en cliquant sur l’icône Rainmeter. Clique sur le Rafraîchir tout et recherchez votre dossier Parallax Effect. Ouvrez vos dossiers d’arrière-plan et de parallaxe nouvellement créés et Charge vos fichiers .ini en double-cliquant dessus. Enfin, vérifiez Cliquez sur dans la fenêtre Gérer Rainmeter pour les fichiers .ini et votre effet de parallaxe doit être terminé.

Le script ci-dessus permet un effet subtil. Si vous souhaitez rendre l’effet plus dramatique, réduisez les paramètres numériques présents dans le fichier Parallax.ini de 10 ou 20 (ne répétez pas les nombres et n’incluez pas de nombres inférieurs à 0).

N’oubliez pas d’enregistrer votre fichier .ini et de rafraîchir votre skin pour appliquer l’effet.

Ne vous en tenez pas à la statique

S’en tenir à des fonds d’écran statiques et immobiles est bien pour certains. Pour d’autres, Rainmeter est une bénédiction. Le programme semble illimité. Les skins Rainmeter élégants sont créés quotidiennement pour s’adapter au style de bureau que vous désirez. L’effet de parallaxe Rainmeter n’est qu’une des innovations les plus récentes dans les skins Rainmeter, et son utilisation ne se limite qu’à votre imagination.

Un merci spécial à l’utilisateur de Reddit / u / thefawxyone, dont le travail créatif a fourni les dorsales pour la mise en page des dossiers et les fichiers .ini utilisés. Si vous souhaitez installer mon arrière-plan de parallaxe Bart, téléchargez le .rmskin ici.

Quels autres effets aimeriez-vous voir ou utiliser avec Rainmeter? Faites-le nous savoir dans les commentaires ci-dessous!