Hur man skapar en Parallax skrivbordsbakgrund med regnemätare

Om du vill ha en levande animerad skrivbordsunderlägg, titta på Rainmeter! Här visar vi hur du skapar en unik parallell effekt för din Windows-skrivbordsbakgrund.

Om du vill ha en levande animerad skrivbordsunderlägg, titta på Rainmeter!  Här visar vi hur du skapar en unik parallell effekt för din Windows-skrivbordsbakgrund.
Annons

Regnmätaren är fortfarande mästaren i Windows-anpassning eftersom användarna fortsätter att hitta kreativa sätt att använda programmet.

En ny innovation är parallaxbakgrunden. Parallax effekter är ett enkelt och imponerande sätt att förbättra utseendet på din skrivbordsbakgrund. De innehåller också levande tapetfunktioner Gör ditt skrivbord fantastiskt med en interaktiv levande bakgrund Gör ditt skrivbord fantastiskt med en interaktiv levande bakgrund Inget gör ditt skrivbord stående ut som en levande interaktiv bakgrund. Det är också en av de största övningarna när du anpassar din Windows-inställning. Vi visar hur du enkelt gör det med Rainmeter. Läs mer .

Låt oss visa dig hur du kan skapa din egen animerade skrivbordsunderlägg med hjälp av parallax-effekten och regnemätaren.

Vad är en Parallax Effekt?

Dictionary.com definierar parallax som:

"[T] han uppenbar förskjutning av ett observerat objekt på grund av en förändring i observatörens läge."

Med hjälp av en kombination av plugins och .ini-filer - filer som Rainmeter använder för att ladda skinn eller widgets till skrivbordet - Rainmeter gör att musen kan fungera som en kamera. När musen flyttas skiftas dina bilder för att skapa en 3D-effekt.

parallax_explained

Snygga resultat är lätta att uppnå. Med detta sagt, det tar en hel del kreativitet för att uppnå riktigt spektakulära resultat. Titta till exempel på detta Firewatch-tema skapat av reddit användare / u / thefawxyone.

Varningstecken: Om du vill skapa ett detaljerat, flerskiktsexempel som det ovanstående, har en viss tidigare erfarenhet av grafiska designprogram som Photoshop (våra idioter guidar till Photoshop En idiotens Guide till Photoshop, Del 1: Easy Photoshop An Idiot Guide till Photoshop, Del 1: Easy Photoshop Vid första anblicken är Photoshop förvirrande, men du kan snabbt vara på väg att bli en Photoshop-guru. Det här är vår inledande guide för hur du gör grundläggande funktioner i Photoshop. Läs mer) och GIMP (vårt GIMP-genombrott GIMP: Ett snabbt genomgång av allas favoritbildsredigerare för GIMP: ett snabbt genomgång av allas favoritbildsredigerare för Open Source Image Editor) är obligatorisk. Vi kommer inte att gräva in hur man skapar en komplex bakgrund med dolda programstartare och VU-mätare. Vår parallax effekt kommer att uppnå en enkel men ändå imponerande bakgrund med fyra lager.

Delar av parallaxen

För att använda denna effekt, låt oss gå över begreppet lag kortfattat. Regnmätare uppnår parallaxeffekten genom att skapa flera lager, vilket simulerar en fullständig bakgrund.

Det finns två väsentliga delar för Parallax-effekten; förgrunden och bakgrunden . Förgrunden består av flera .png"-bildfiler, allt från minsta till största. De större bilderna flyttar mer än de mindre bilderna. Detta simulerar skärpedjupet på skrivbordet. Bildfiler måste vara i transparent .png"-format JPEG, GIF eller PNG? Bildfiltyper förklaras och testas JPEG, GIF eller PNG? Bildfiltyper Förklaras och testas Känner du till skillnaderna mellan JPEG, GIF, PNG och andra bildfiltyper? Vet du när du ska använda en i stället för den andra? Rädsla inte, MakeUseOf förklarar allt! Läs mer, vilket tar bort vita bakgrunder från dina bilder.

Välja delarna

Jag kommer att simulera en fallande Bart från The Simpsons med parallaxeffekten. Tre bildtyper krävs för effekten: en fallande Bart, några moln som är speciella för The Simpsons tecknadstil och en himmelbakgrund.

Skapa en mapp på skrivbordet med namnet parallaxkälla för att spara dina bildfiler. Detta gör det enklare att lägga till dina bilder på Rainmeter. Genom Googles sökningar Så här använder du Googles sökoperatörer Bra användning av Googles sökoperatörer Med operatörer kan du visa resultat som endast gäller vissa webbplatser, söka igenom en rad olika tal eller helt utesluta helt en ord från dina resultat. När du behärskar användningen av Googles ... Läs mer, jag hittade en .png"-bild av fallande Bart. Du kanske måste skapa en transparent .png"-bild själv Ta bort bildbakgrund i sekunder med den fria bakgrundsbrännaren Ta bort bildbakgrund i sekunder med den fria bakgrundsbrännaren Hur svårt är det att helt ta bort bakgrunden från ett foto? För den grafiskt utmanade bland oss ​​är svaret "ganska darn svårt". Detta gratis onlineverktyg gör det mycket lättare. Läs mer .

bart_falling

Nästa behöver jag moln och bakgrundsbilder. Kom ihåg att varje element måste vara närvarande i sin egen .png"-fil. Jag hittade denna bild av moln i den klassiska Simpsons stil online:

moln

Jag fortsatte att skilja några av molnen med Photoshop och skapa separata bildfiler för de tre framträdande molnen. För bakgrunden tog jag färgprover av botten och topptoner av blått i originalbilden och skapade min egen gradient Quick 3-Color CSS3 Gradient Generator: Skapa enkelt linjära och radiella gradienter Snabb 3-färgs CSS3 Gradient Generator: Skapa enkelt linjär & Radialgradienter Läs mer. Totalt kommer fem bildfiler att användas, inklusive bakgrunden.

Namnge din bakgrund background.png" och namnge de bilder du använder för ditt parallax som parallax [x] .png" . [X] motsvarar lagernivån, från 0. Den minsta bilden ska betecknas parallax0.png", den näst minsta, parallax1.png" och så vidare. Så här ska din mapp se ut:

files_in_folders

Positionering av delarna

Placera nu dina .png"-filer enligt din skrivbordsupplösning. Kontrollera din skrivbordsupplösning genom att högerklicka på skrivbordet och välja Displayinställningar . Klicka på Avancerade visningsinställningar och välj de rekommenderade inställningarna under Upplösning . Dessa två siffror motsvarar pixelbredden och höjden på din bildskärm. Grafiska bildskärmsupplösningar - Vad betyder siffrorna? [MakeUseOf Explains] Graphic Display Resolutions - Vad betyder siffrorna? [MakeUseOf Explains] Skärmupplösningar kan vara ett ganska kryptiskt företag, med flera standarder som används för att beskriva samma skärmupplösning på 10 olika sätt. Alla dessa tekniska termer tenderar att förändras baserat på bildskärmens syfte ... Läs mer.

Skapa ett transparent dokument med storleken på din bildskärmsupplösning med en extra 100 pixlar till din längd och bredd. Släpp dina filer i den här ramen och rikta in bilderna efter eget tycke.

resolution_and_transparency

Hur du orienterar dina bilder här är hur du ser dem i din bakgrund. När du har anpassat alla dina bilder till din ram, fortsätt med att skapa dina .ini-filer.

Rainmeter Folder Layout

I katalogen C: \ Users \ Rosebud \ Documents \ Rainmeter \ Skins skapar du en ny mapp med namnet Parallax Effect .

I den här mappen skapar du tre fler mappar och heter dem: @Resources, Background och Parallax . Mappen @Resources håller alla dina bilder, Bakgrundsmappen håller din Background.ini-fil för att aktivera din bakgrund, och Parallax-mappen håller din Parallax.ini-fil för att aktivera dina parallaxbilder.

folder_layout

Öppna @Resources- mappen och skapa en mapp med namnet Bilder . Lägg till din background.png"-fil till den här katalogen. Lägg till en annan mapp i den här katalogen och namnge den efter din parallell effekt. Jag har kallat min Bart . Lägg till dina parallax [x] .png"-bilder till den här mappen. Din Bilder-mapp ska nu se ut så här.

images_folder

Det är det för bildfiler. Nu kan du börja nå parallaxeffekten. I roten Parallax Effect-katalogen ( C: \ Users \ Rosebud \ Documents \ Rainmeter \ Skins \ Parallax Effect ) skapar du en ny textfil. Ange följande kod i dessa nya dokument.

 [Variabler] ThemeDisplayWidth = 1440 ThemeDisplayHeight = 900 

Namn den här filen ParallaxSettings.inc, minding the .inc extension. Den här filen kommer att definiera upplösningen av ditt parallax. Ersätt 1440 och 900 med din egen upplösning och spara. Du behöver också en enkel plugin, som spårar dina musrörelser för att flytta dina parallaxbilder. Ladda ner .rmskin här för att installera det automatiskt i Rainmeter.

rainmeter_mousexy

Öppna sedan din Bakgrund-mapp. Högerklicka i mappen och välj Ny> Textdokument . Dubbelklicka på det här dokumentet för att redigera och klistra in följande skript i filen.

 [Regnmätare] Uppdatering = -1 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variabler] @ Inkludera = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Bilder / [Bakgrund] Meter = Bild SolidColor = 33, 0, 2, 255 W = # SCREENAREAWIDTH # H = # SCREENAREAHEIGHT # [Parallax0] Meter = Bild ImageName = # P # background.png" X = ((# SCREENAREAWIDTH # / 2) - ([Parallax0: W] / 2)) Y = 0 DynamicVariables = 1 

Spara den här filen som Background.ini och se till att du har lagt till .ini-tillägget. Öppna sedan din Parallax-mapp. Skapa ett textdokument och klistra in följande i den här filen.

 [Rainmeter] Uppdatering = 20 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variabler] @ Include = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Bilder / Bart / Parallax [MouseX] Mått = Plugin Plugin = MouseXY Dimension = X [MusY] Mått = Plugin Plugin = MouseXY Mått = Y [Parallax1] Meter = Bild ImageName = # P # 0.png" X = (((# SCREENAREAWIDTH # / 2) - ([Parallax1: W] / 2) ([MouseX] - # SCREENAREAHEIGHT # / 2) / 80)) DynamicVariables = 1 [Parallax2] Meter = Image ImageName = # P # 1.png" X = (((# SCREENAREAWIDTH # / 2) - ([Parallax2: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 60)) Y = Dynamiska variabler = 1 [Parallax3] Meter = Image ImageName = # P # 2.png" X = (((# SCREENAREAWIDTH # / 2) - ([Parallax3: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 30)) Y = (0 - (([MusY] - # SCREENAREAHEIGHT # / 2) / 30)) DynamicVariables = 1 [ Parallax4] Meter = BildbildName = # P # 3.png" X = (((# SCREENAREAWIDTH # / 2) - ([Parallax4: W] / 2)) - (([MouseX] - (# SCREENAREAWIDT H # / 2)) / 20)) Y = 5 DynamicVariables = 1 

Du måste ändra P- variabeln under parametern [Variabler] till titeln på din parallax-bildmapp. Min P-variabel är till exempel # @ # Images / Bart / Parallax . Ändra bara mellititeln, och håll resten av samma sak.

bart_parallax

Resultatet

Öppna fönstret Manage Rainmeter genom att öppna ikonen för aktivitetsfältet och klicka på ikonen Rainmeter. Klicka på knappen Uppdatera alla och hitta din Parallax Effect-mapp. Öppna dina nyskapade bakgrunds- och parallaxmappar och ladda dina .ini-filer genom att dubbelklicka på dem. Slutligen, kolla Klicka igenom i fönstret Manage Rainmeter för båda .ini-filerna och din parallax-effekt borde vara komplett.

Ovanstående skript möjliggör en subtil effekt. Om du vill göra effekten mer dramatisk ska du sänka antalet parametrar som finns i Parallax.ini-filen med 10 eller 20 (upprepa inte siffror eller inkludera siffror under 0).

parallax_percentage

Kom ihåg att spara din .ini-fil och uppdatera din hud för att anta effekten.

Stick inte med Static

Att hålla fast vid statiska, icke-rörliga bakgrundsbilder är bra för vissa. För andra är Rainmeter en välsignelse. Programmet verkar vara obegränsat. Snygg Rainmeter Skins De bästa Rainmeter Skins för ett minimalistiskt skrivbord De bästa Rainmeter Skins för en minimalistisk Desktop Rainmeter är ett kraftverktyg för att anpassa Windows med skinn och sviter. Vi har sammanställt det bästa Rainmeter har att erbjuda för ett imponerande och minimalistiskt Windows-skrivbord. Läs mer skapas dagligen för att passa vilken stationär stil du vill ha. Rainmeter parallax effekten är bara en av de senaste nyheterna i Rainmeter skinn, och dess användning begränsas bara till din fantasi.

Ett särskilt tack till Reddit användare / u / thefawxyone, vars kreativa arbete gav backbones för mapplayout och .ini-filer. Om du vill installera min Bart Parallax bakgrund, ladda ner .rmskin här.

Vilka andra effekter skulle du vilja se eller använda med Rainmeter? Låt oss veta i kommentarerna nedan!

In this article