{"id":270608,"date":"2022-11-25T13:05:00","date_gmt":"2022-11-25T10:05:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=270608"},"modified":"2025-03-15T01:56:11","modified_gmt":"2025-03-14T22:56:11","slug":"hvordan-lage-en-parallax-skrivebordsbakgrunn-med-regnmaler","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/no\/hvordan-lage-en-parallax-skrivebordsbakgrunn-med-regnmaler\/","title":{"rendered":"Hvordan lage en Parallax-skrivebordsbakgrunn med regnm\u00e5ler"},"content":{"rendered":"\n

Rainmeter forblir mesteren av Windows-tilpasning fordi brukere fortsetter \u00e5 finne kreative m\u00e5ter \u00e5 bruke programmet p\u00e5.<\/p>\n

En ny innovasjon er parallaksebakgrunnen. Parallax-effekter er en enkel og imponerende m\u00e5te \u00e5 forbedre utseendet til skrivebordsbakgrunnen p\u00e5. De har ogs\u00e5 funksjoner for levende bakgrunnsbilder.<\/p>\n

La oss ta en titt p\u00e5 hvordan du kan lage ditt eget animerte skrivebordsbakgrunn ved \u00e5 bruke parallakseeffekten og Rainmeter.<\/p>\n

Hva er en parallakseeffekt?<\/h2>\n

Parallakseeffekten er n\u00e5r et objekt ser annerledes ut fra to forskjellige synsvinkler. Dette er grunnen til at en parallakseeffekt gir inntrykk av dybde n\u00e5r skjermen rulles eller svever av en bruker.<\/p>\n

Generelt implementeres denne effekten for \u00e5 forbedre brukeropplevelsen p\u00e5 forskjellige nettsteder. Og Rainmeter gj\u00f8r det ganske enkelt \u00e5 lage en parallakseeffekt p\u00e5 skrivebordets bakgrunn.<\/p>\n

Den lar deg bruke musen som kamera. S\u00e5 bildene dine skifter i 3D-rom n\u00e5r du beveger musen, og skaper et vakkert animert bakgrunnsbilde.<\/p>\n

Flotte resultater er enkle \u00e5 oppn\u00e5 ved \u00e5 bruke Rainmeter. N\u00e5r det er sagt, krever det en god del kreativitet for \u00e5 oppn\u00e5 virkelig spektakul\u00e6re resultater.<\/p>\n

Hvis du \u00f8nsker \u00e5 lage en detaljert, flerlagseffekt, kreves det litt tidligere erfaring med grafiske designprogrammer som Photoshop. V\u00e5r parallakseeffekt vil oppn\u00e5 en enkel, men likevel imponerende, fire-lags bakgrunn.<\/p>\n

Deler av parallaksen<\/h2>\n

For \u00e5 bruke denne effekten, la oss g\u00e5 gjennom konseptet med lag kort. Rainmeter oppn\u00e5r parallakseeffekten ved \u00e5 lage flere lag, som simulerer \u00e9n komplett bakgrunn.<\/p>\n

Det er to essensielle deler av Parallax-effekten; forgrunnen<\/strong> og bakgrunnen<\/strong>. _ Forgrunnen er sammensatt av flere PNG-bildefiler, fra minste til st\u00f8rste.<\/p>\n

Bildefiler m\u00e5 v\u00e6re i gjennomsiktig PNG-format, som fjerner hvit bakgrunn fra bildene dine.<\/p>\n

Hvis du ikke er en nerd, anbefaler vi \u00e5 sjekke ut v\u00e5r guide for hvordan du konverterer bilder til gjennomsiktig PNG-format<\/a>. Dessuten vil de st\u00f8rre bildene bevege seg mer enn de mindre bildene. Dette simulerer dybdeskarpheten p\u00e5 skrivebordet.<\/p>\n

Velge deler<\/h3>\n

For denne guiden vil vi simulere en fallende Bart fra The Simpsons ved \u00e5 bruke parallakseeffekten. Tre bildetyper kreves for effekten: en fallende Bart, noen skyer som er spesielle for tegneseriestilen til The Simpsons, og en himmelbakgrunn.<\/p>\n

F\u00f8lg disse trinnene for \u00e5 sette opp noen grunnleggende for Rainmeter:<\/p>\n

    \n
  1. Opprett en mappe p\u00e5 skrivebordet kalt parallax source<\/strong> for \u00e5 lagre bildefilene dine. Dette vil gj\u00f8re det enklere \u00e5 legge til bildene dine i Rainmeter.<\/li>\n
  2. Lagre alle filene du har samlet for skrivebordsbakgrunnen i den mappen.<\/li>\n
  3. Gi bakgrunnen din et navn, bakgrunn.png<\/strong> og navngi bildene du bruker for parallaksen som parallakse[x].png<\/strong>. [x]<\/strong> tilsvarer lagniv\u00e5et, fra 0.<\/li>\n<\/ol>\n

    Det minste bildet skal ha tittelen parallax0.png, det nest minste, parallax1.png, og s\u00e5 videre. Slik skal mappen din se ut:<\/p>\n

    \"Hvordan<\/a><\/p>\n

    Plassering av delene<\/h3>\n

    Plasser n\u00e5 PNG-filene dine i henhold til skrivebordsoppl\u00f8sningen din. Hvis du ikke vet om skrivebordets oppl\u00f8sning, sjekk ut v\u00e5r guide for \u00e5 finne ut skrivebordets oppl\u00f8sning<\/a>.<\/p>\n

    Lag videre et gjennomsiktig dokument p\u00e5 st\u00f8rrelse med skjermoppl\u00f8sningen med 100 piksler til lengden og bredden. Slipp filene dine i denne rammen og orienter bildene etter din smak.<\/p>\n

    \"Hvordan<\/a><\/p>\n

    M\u00e5ten du orienterer bildene p\u00e5 her er m\u00e5ten du vil se dem i bakgrunnen. N\u00e5r du har passet inn alle bildene dine i rammen, fortsett med \u00e5 sette opp Rainmeter-mappeoppsettet.<\/p>\n

    Rainmeter-mappeoppsett<\/h2>\n

    Her kommer kjernedelen av dette oppsettet. F\u00f8lg disse trinnene n\u00f8ye for \u00e5 unng\u00e5 problemer mens du oppretter parallakseeffekten:<\/p>\n

    1 Last ned den nyeste versjonen av Rainmeter fra Rainmeter.net<\/a>.<\/p>\n

    2 I katalogen C:UsersNameDocumentsRainmeterSkins<\/strong> oppretter du en ny mappe kalt Parallax Effect<\/strong>.<\/p>\n

    \"Hvordan<\/a><\/p>\n

    3 Opprett tre mapper til i denne mappen og navngi dem: @Ressurser<\/strong>, Bakgrunn<\/strong> og Parallax<\/strong>.<\/p>\n

    @Resources-<\/strong> mappen vil inneholde bilder, Bakgrunnsmappen vil inneholde filen background.ini<\/strong> for \u00e5 aktivere bakgrunnen din, og Parallax<\/strong> -mappen er for Parallax.ini-filen.<\/p>\n

    \"Hvordan<\/a><\/p>\n

    4 N\u00e5 \u00e5pner du @Resources-<\/strong> mappen og oppretter en mappe som heter Bilder<\/strong>. Legg til din background.png-fil i denne katalogen.<\/p>\n

    5 Legg til en annen mappe i denne katalogen, og navngi den etter parallakseeffekten. Vi har kalt mappen Bart<\/strong>. Legg til parallax[x].png-bildene dine i denne mappen. Bildemappen din skal n\u00e5 se slik ut.<\/p>\n

    \"Hvordan<\/a><\/p>\n

    Det er det for bildefiler. N\u00e5 kan du begynne \u00e5 oppn\u00e5 parallakseeffekten.<\/p>\n

    6 I rotkatalogen Parallax Effect C:UsersNameDocumentsRainmeterSkinsParallax Effect, m\u00e5 du lage en ny tekstfil.<\/strong> Skriv inn f\u00f8lgende kode i disse nye dokumentene:<\/p>\n

    [Variables]ThemeDisplayWidth=1440ThemeDisplayHeight=900<\/code><\/pre>\n
    7 Husk \u00e5 navngi denne filen ParallaxSettings.inc<\/strong> og behold .inc-utvidelsen. Denne filen vil definere oppl\u00f8sningen til parallaksen din. Bytt ut 1440 og 900 med din egen oppl\u00f8sning og lagre.<\/p>\n
    Sette opp den n\u00f8dvendige plugin-en<\/h3>\n
    Vi trenger en enkel plugin som vil spore musepekerens bevegelser for \u00e5 flytte parallaksebildene dine. Du kan laste ned plugin-en fra dette Rainmeter-fellesskapsinnlegget<\/a>.<\/p>\n
    \"Hvordan<\/a><\/p>\n
    N\u00e5r du er ferdig, f\u00f8lg trinnene nedenfor for \u00e5 justere noen innstillinger for oppsettet ditt:<\/p>\n
    1 \u00c5pne Bakgrunnsmappen. H\u00f8yreklikk<\/strong> i mappen og velg Ny > Tekstdokument<\/strong>. Dobbeltklikk p\u00e5 dette dokumentet for \u00e5 redigere, og lim inn f\u00f8lgende skript i filen.<\/p>\n
    [Regnm\u00e5ler]<\/p>\n
    Oppdatering=-1<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Variabler]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Bilder\/<\/p>\n
    [Bakgrunn]<\/p>\n
    Meter=Bilde<\/p>\n
    SolidColor=33,0,2,255<\/p>\n
    W=#SCREENAREAWIDTH#<\/p>\n
    H=#SCREENAREAHEIGHT#<\/p>\n
    [Parallax0]<\/p>\n
    Meter=Bilde<\/p>\n
    ImageName=#P#background.png<\/p>\n
    X=((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax0:W] \/ 2))<\/p>\n
    Y=0<\/p>\n
    DynamicVariables=1<\/p>\n
    2 Lagre denne filen som Background.ini<\/strong>, og s\u00f8rg for at du har lagt til .ini-utvidelsen. Deretter \u00e5pner du Parallax-mappen. Lag et tekstdokument, og lim inn f\u00f8lgende i denne filen.<\/p>\n
    [Regnm\u00e5ler]<\/p>\n
    Oppdatering=20<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Variabler]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Bilder\/Bart\/parallakse<\/p>\n
    [MouseX]<\/p>\n
    M\u00e5l=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimensjon=X<\/p>\n
    [MouseY]<\/p>\n
    M\u00e5l=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimensjon=Y<\/p>\n
    [Parallax1]<\/p>\n
    Meter=Bilde<\/p>\n
    ImageName=#P#0.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax1:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 80))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 80))<\/p>\n
    DynamicVariables=1<\/p>\n
    [Parallax2]<\/p>\n
    Meter=Bilde<\/p>\n
    ImageName=#P#1.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax2:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 60))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 60))<\/p>\n
    DynamicVariables=1<\/p>\n
    [Parallax3]<\/p>\n
    Meter=Bilde<\/p>\n
    ImageName=#P#2.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax3:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 30))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 30))<\/p>\n
    DynamicVariables=1<\/p>\n
    [Parallax4]<\/p>\n
    Meter=Bilde<\/p>\n
    ImageName=#P#3.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax4:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 20))<\/p>\n
    Y=5<\/p>\n
    DynamicVariables=1<\/p>\n
    Merk:<\/strong> Du m\u00e5 endre P<\/strong> – variabelen under parameteren [Variables]<\/strong> til tittelen p\u00e5 mappen med parallaksebilder. V\u00e5r P-variabel er for eksempel #@#Images\/Bart\/parallax<\/strong>. Endre bare den midterste tittelen, og behold resten ved like.<\/p>\n
    \"Hvordan<\/a><\/p>\n
    Fullf\u00f8re Parallax-effekten<\/h2>\n
    N\u00e5 er det siste trinnet \u00e5 fullf\u00f8re alt og bruke effekten ved \u00e5 bruke Rainmeter. Her er trinnene for \u00e5 gj\u00f8re det samme:<\/p>\n
      \n
    1. \n
      \u00c5pne Administrer regnm\u00e5ler-vinduet ved \u00e5 \u00e5pne ikonskuffen p\u00e5 oppgavelinjen og klikke p\u00e5 regnm\u00e5lerikonet.<\/p>\n<\/li>\n
    2. \n
      Klikk p\u00e5 Oppdater alle<\/strong> – knappen og finn mappen Parallax Effect.<\/p>\n
      \"Hvordan<\/a>\n<\/li>\n
    3. \n
      \u00c5pne de nyopprettede mappene Bakgrunn og Parallax, og last<\/strong> inn .ini-filene ved \u00e5 dobbeltklikke p\u00e5 dem.<\/p>\n<\/li>\n
    4. \n
      Til slutt merker du av for Klikk gjennom<\/strong> i Administrer regnm\u00e5ler-vinduet for b\u00e5de .ini-filer og parallakseeffekten din skal v\u00e6re fullf\u00f8rt.<\/p>\n<\/li>\n<\/ol>\n
      Skriptet ovenfor gir en subtil effekt. Hvis du vil gj\u00f8re effekten mer dramatisk, reduser antallet parametere som finnes i Parallax.ini-filen med 10 eller 20 (ikke gjenta tall eller inkludere tall under 0).<\/p>\n
      \"Hvordan<\/a><\/p>\n
      Husk \u00e5 lagre .ini-filen og oppdatere huden for \u00e5 aktivere effekten. Hvis du vil installere v\u00e5r Bart-parallaksebakgrunn, kan du laste ned .rmskin fra dette Deviantart-innlegget<\/a>.<\/p>\n
      Mens Rainmeter er et fantastisk verkt\u00f8y for Windows-brukere hvis du er p\u00e5 en Mac, er det slik at du kan endre skrivebordsbakgrunnen p\u00e5 en Mac<\/a>.<\/p>\n
      Ikke hold deg til statisk bakgrunn<\/h2>\n
      \u00c5 holde seg til statiske, ikke-bevegelige bakgrunnsbilder er greit for noen. For andre er Rainmeter en velsignelse. Programmet ser ut til \u00e5 v\u00e6re ubegrenset. Elegante Rainmeter-skinn lages daglig for \u00e5 passe til hvilken som helst skrivebordsstil du \u00f8nsker.<\/p>\n
      Rainmeter-parallakseeffekten er bare en av de siste innovasjonene innen Rainmeter-skinn, og bruken er bare begrenset til fantasien din.<\/p>\n
      Opptakskilde:  www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Hvis du \u00f8nsker et levende animert skrivebordsbakgrunn, se p\u00e5 Rainmeter! Her viser vi deg hvordan du lager en unik parallakseeffekt for skrivebordsbakgrunnen i Windows.<\/p>\n","protected":false},"author":1,"featured_media":237868,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2887],"tags":[3060],"class_list":["post-270608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-5","tag-affiai-no"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/270608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/comments?post=270608"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/270608\/revisions"}],"predecessor-version":[{"id":316451,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/270608\/revisions\/316451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/media\/237868"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/media?parent=270608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/categories?post=270608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/tags?post=270608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}