Come creare uno sfondo del desktop Parallax con Rainmeter

Rainmeter rimane il campione nella personalizzazione di Windows perché gli utenti continuano a trovare modi creativi per utilizzare il programma.

Una recente innovazione è lo sfondo della parallasse. Gli effetti di parallasse sono un modo semplice e impressionante per migliorare l'aspetto del tuo sfondo del desktop. Incorporano anche le funzionalità di sfondo live Crea il tuo desktop con una carta da parati interattiva interattiva Rendi il tuo desktop sbalorditivo con uno sfondo animato interattivo Niente rende il tuo desktop come uno sfondo interattivo dal vivo. È anche uno dei migliori esercizi per personalizzare la configurazione di Windows. Ti mostreremo come farlo facilmente con Rainmeter. Leggi di più .

Lascia che ti mostriamo come puoi creare il tuo sfondo desktop animato utilizzando l'effetto Parallax e Rainmeter.

Cos'è un effetto di parallasse?

Dictionary.com definisce parallasse come:

“[T] egli spostamento apparente di un oggetto osservato a causa di un cambiamento nella posizione dell'osservatore.”

Utilizzo di una combinazione di plug-in e file .ini: i file utilizzati da Rainmeter per il caricamento pelli o widget sul desktop - Rainmeter consente al mouse di agire come una fotocamera. Mentre il mouse si muove, le immagini si spostano per creare un effetto 3D.

I risultati di bell'aspetto sono facili da ottenere. Detto questo, ci vuole una buona dose di creatività per ottenere risultati davvero spettacolari. Ad esempio, controlla questo tema Firewatch creato da reddit user / u / thefawxyone.

Parola di avvertimento: Se desideri creare un esempio dettagliato a più livelli come quello precedente, qualche esperienza precedente con programmi di grafica come Photoshop (la nostra guida idiota a Photoshop Una guida idiota a Photoshop, parte 1: Easy Photoshop Una guida idiota a Photoshop , Parte 1: Photoshop semplice A prima vista Photoshop è confuso, ma puoi diventare rapidamente un guru di Photoshop. Questa è la nostra guida introduttiva su come eseguire le funzioni di base in Photoshop. Ulteriori informazioni) e GIMP (la nostra panoramica su GIMP GIMP: una rapida panoramica dell'editor di immagini open source preferito da tutti GIMP: una rapida panoramica del preferito editor di immagini open source di tutti gli utenti Leggi di più). Non approfondiremo come creare uno sfondo complesso con lanciatori di programmi nascosti e misuratori VU. Il nostro effetto di parallasse realizzerà uno sfondo a quattro strati semplice ma impressionante.

Parti della parallasse

Per usare questo effetto, passiamo brevemente al concetto di livelli. Rainmeter ottiene l'effetto di parallasse creando diversi livelli, che simulano uno sfondo completo.

Ci sono due parti essenziali dell'effetto Parallax; il primo piano, e il sfondo. Il primo piano è composto da diversi file di immagine .png, dal più piccolo al più grande. Le immagini più grandi si sposteranno più delle immagini più piccole. Questo simula la profondità di campo sul desktop. I file di immagine devono essere in formato .png trasparente JPEG, GIF o PNG? Filetypes immagine spiegata e testata JPEG, GIF o PNG? File di immagine spiegati e testati Conosci le differenze tra JPEG, GIF, PNG e altri tipi di file immagine? Sai quando dovresti usarne uno invece dell'altro? Non temere, MakeUseOf spiega tutto! Leggi altro, che rimuove gli sfondi bianchi dalle tue immagini.

Scelta delle parti

Simulerò un Bart in caduta dai Simpson usando l'effetto di parallasse. Per l'effetto sono necessari tre tipi di immagine: un Bart cadente, alcune nuvole particolari per lo stile dei cartoni animati di The Simpson e uno sfondo di cielo.

Crea una cartella sul tuo desktop chiamata fonte di parallasse per salvare i file immagine. Questo renderà più semplice aggiungere le tue immagini a Rainmeter. Attraverso la ricerca di Google Come fare un buon uso degli operatori di ricerca di Google Come fare un buon uso degli operatori di ricerca di Google Con gli operatori, puoi visualizzare i risultati relativi solo a determinati siti Web, cercare tra una serie di numeri o persino escludere completamente un parola dai tuoi risultati. Quando padroneggi l'uso di Google ... Leggi di più, ho trovato un'immagine .png di Bart in caduta. Potrebbe essere necessario creare un'immagine trasparente .png da soli Rimuovere l'immagine Sfondo in secondi con il masterizzatore sfondo gratuito Rimuovere l'immagine Sfondo in secondi con il masterizzatore sfondo gratuito Quanto è difficile rimuovere completamente lo sfondo da una foto? Per gli sfidanti graficamente tra noi, la risposta è "piuttosto maledettamente dura". Questo strumento online gratuito lo rende molto più semplice. Leggi di più .

Successivamente, avrò bisogno di cloud e immagini di sfondo. Ricorda, ogni elemento deve essere presente nel proprio file .png. Ho trovato questa immagine di nuvole nello stile classico di Simpson online:

Ho proceduto a separare alcune delle nuvole con Photoshop e creare file di immagine separati per le tre nuvole prominenti. Per lo sfondo, ho acquisito campioni di colore delle tonalità di fondo e superiore blu nell'immagine originale e ho creato il mio gradiente Generatore di gradazioni CSS3 a 3 colori: Crea facilmente sfumature lineari e radiali Generatore di gradazioni CSS3 a 3 colori: Crea facilmente lineare & Gradienti radiali Ulteriori informazioni. In totale, verranno utilizzati cinque file di immagine, incluso lo sfondo.

Dai un nome al tuo background background.png e dai il nome alle immagini che stai usando per il tuo parallasse come parallasse [x] .png. Il [X] corrisponde al livello del livello, a partire da 0. L'immagine più piccola deve essere intitolata parallax0.png, la seconda più piccola, parallasse1.png e così via. Questo è come dovrebbe essere la tua cartella:

Posizionamento delle parti

Ora, posiziona i tuoi file .png in base alla risoluzione del tuo desktop. Controlla la risoluzione del tuo desktop entro facendo clic con il tasto destro sul desktop e selezionando Impostazioni di visualizzazione. Clicca su Impostazioni di visualizzazione avanzate e selezionare il Consigliato impostazioni sotto Risoluzione. Questi due numeri corrispondono alla larghezza e all'altezza del pixel del monitor. Risoluzione display grafico - Cosa significano i numeri? [MakeUseOf Explains] Risoluzioni grafiche - Cosa significano i numeri? [MakeUseOf Explains] Le risoluzioni dello schermo possono essere un business piuttosto criptico, con più standard usati per descrivere la stessa risoluzione dello schermo in 10 modi diversi. Tutti questi termini tecnici tendono a cambiare in base allo scopo del display ... Per saperne di più .

Crea un documento trasparente con le dimensioni della risoluzione del tuo monitor aggiungendo 100 pixel alla lunghezza e alla larghezza. Trascina i tuoi file in questa cornice e orienta le immagini a tuo piacimento.

Il modo in cui orientate le immagini qui è il modo in cui le vedrete sullo sfondo. Dopo aver inserito tutte le immagini nel frame, procedi con la creazione dei file .ini.

Layout cartella Rainmeter

Nella directory C: \ Users \ Rosebud \ Documenti \ Rainmeter \ Skins crea una nuova cartella chiamata Effetto Parallax.

In questa cartella, crea altre tre cartelle e assegnale loro il nome: @Resources, sfondo, e Parallasse. La cartella @Resources conserverà tutte le tue immagini, la cartella Background conserverà il tuo file Background.ini per attivare lo sfondo e la cartella Parallax terrà il tuo file Parallax.ini per attivare le tue immagini di parallasse.

Apri il @Resources cartella e creare una cartella denominata immagini. Aggiungi il tuo file background.png a questa directory. Aggiungi un'altra cartella a questa directory e assegnagli un nome dopo l'effetto di parallasse. Ho chiamato il mio Bart. Aggiungi le tue immagini di parallasse [x] .png a questa cartella. La cartella Immagini dovrebbe ora apparire come questa.

Questo è tutto per i file di immagine. Ora puoi iniziare a raggiungere l'effetto di parallasse. Nella directory Parallax Effect root (C: \ Users \ Rosebud \ Documents \ Rainmeter \ Skins \ Parallax Effect) crea un nuovo file di testo. Inserisci il seguente codice in questi nuovi documenti.

[Variabili] ThemeDisplayWidth = 1440 ThemeDisplayHeight = 900

Dai un nome a questo file ParallaxSettings.inc, badando all'estensione .inc. Questo file definirà la risoluzione della tua parallasse. Sostituisci 1440 e 900 con la tua risoluzione e salva. Avrai anche bisogno di un semplice plugin, che tiene traccia dei movimenti del mouse per spostare le tue immagini parallasse. Scarica qui il .rmskin per installarlo automaticamente in Rainmeter.

Quindi, apri la tua cartella Sfondo. Pulsante destro del mouse all'interno della cartella e selezionare Nuovo> Documento di testo. Fare doppio clic su questo documento per modificare e incollare il seguente script nel file.

[Rainmeter] Update = -1 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variabili] @ Include = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Immagini / [Sfondo] Contatore = Immagine SolidColor = 33,0,2,255 W = # SCREENAREAWIDTH # H = # SCREENAREAHEIGHT # [Parallax0] Meter = Immagine ImageName = # P # background.png X = ((# SCREENAREAWIDTH # / 2) - ([Parallax0: W] / 2)) Y = 0 DynamicVariables = 1

Salva questo file come Background.ini, assicurandoti di aver aggiunto l'estensione .ini. Quindi, apri la tua cartella Parallax. Creare un documento di testo e incollare quanto segue in questo file.

[Rainmeter] Update = 20 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variabili] @ Include = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Immagini / Bart / parallasse [MouseX] Measure = Plugin Plugin = MouseXY Dimensione = X [MouseY] Measure = Plugin Plugin = MouseXY Dimensione = Y [Parallax1] Meter = Immagine 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 = Immagine 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] - (# SCREENAREAWIDT H # / 2)) / 20)) Y = 5 DynamicVariables = 1

È necessario modificare il P variabile sotto il tuo [variabili] parametro al titolo della cartella delle immagini parallasse. La mia variabile P è # @ # Images / Bart / parallasse, per esempio. Cambia solo il titolo medio e mantieni il resto uguale.

Il risultato

Apri i tuoi Gestisci Rainmeter finestra aprendo il cassetto delle icone della barra delle applicazioni e facendo clic sull'icona Rainmeter. Clicca sul Aggiorna tutto pulsante e individuare la cartella Effetto Parallax. Apri le cartelle di Background e Parallax appena create e Caricare i file .ini facendo doppio clic su di essi. Infine, controlla Clicca attraverso nella finestra Gestisci Rainmeter per entrambi i file .ini e il tuo effetto di parallasse dovrebbe essere completo.

Lo script sopra permette un effetto sottile. Se vuoi rendere l'effetto più drammatico, abbassa i parametri numerici presenti nel file Parallax.ini di 10 o 20 (non ripetere numeri o includere numeri sotto 0).

Ricordarsi di salvare il file .ini e aggiornare la pelle per attuare l'effetto.

Non attaccare con statico

Rimanere su sfondi statici e non in movimento va bene per alcuni. Per gli altri, Rainmeter è una benedizione. Il programma sembra essere senza limiti. Skin Rainmeter eleganti Le skin Best Rainmeter per un desktop minimalista Le migliori skin Rainmeter per un Rainmeter desktop minimalista è uno strumento potente per la personalizzazione di Windows con skin e suite. Abbiamo compilato il miglior Rainmeter per un desktop Windows impressionante e minimalista. Ulteriori informazioni vengono creati ogni giorno per adattarsi a qualsiasi stile desktop desiderato. L'effetto di parallasse Rainmeter è solo una delle innovazioni più recenti nelle pelli Rainmeter e il suo uso è limitato alla tua immaginazione.

Un ringraziamento speciale a Reddit user / u / thefawxyone, il cui lavoro creativo ha fornito le dorsali per il layout della cartella e i file .ini usati. Se desideri installare il mio background di parallasse Bart, scarica qui il .rmskin.

Quali altri effetti ti piacerebbe vedere o utilizzare con Rainmeter? Fateci sapere nei commenti qui sotto!

Scopri di più su: Rainmeter, Wallpaper, Personalizzazione di Windows.