{"id":270624,"date":"2022-11-25T13:50:00","date_gmt":"2022-11-25T10:50:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=270624"},"modified":"2025-03-15T00:10:30","modified_gmt":"2025-03-14T21:10:30","slug":"hur-man-skapar-en-parallax-skrivbordsbakgrund-med-regnmatare","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/hur-man-skapar-en-parallax-skrivbordsbakgrund-med-regnmatare\/","title":{"rendered":"Hur man skapar en Parallax skrivbordsbakgrund med regnm\u00e4tare"},"content":{"rendered":"\n

Rainmeter f\u00f6rblir m\u00e4staren inom Windows-anpassning eftersom anv\u00e4ndarna forts\u00e4tter att hitta kreativa s\u00e4tt att anv\u00e4nda programmet.<\/p>\n

En ny innovation \u00e4r parallaxbakgrunden. Parallaxeffekter \u00e4r ett enkelt och imponerande s\u00e4tt att f\u00f6rb\u00e4ttra utseendet p\u00e5 din skrivbordsbakgrund. De inneh\u00e5ller ocks\u00e5 funktioner f\u00f6r levande tapeter.<\/p>\n

L\u00e5t oss ta en titt p\u00e5 hur du kan skapa din egen animerade skrivbordsbakgrund med hj\u00e4lp av parallaxeffekten och Rainmeter.<\/p>\n

Vad \u00e4r en parallaxeffekt?<\/h2>\n

Parallaxeffekten \u00e4r n\u00e4r ett objekt ser annorlunda ut ur tv\u00e5 olika synvinklar. Det \u00e4r d\u00e4rf\u00f6r en parallaxeffekt ger intryck av djup n\u00e4r sk\u00e4rmen rullas eller sv\u00e4vas av en anv\u00e4ndare.<\/p>\n

I allm\u00e4nhet implementeras denna effekt f\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen p\u00e5 olika webbplatser. Och Rainmeter g\u00f6r det ganska enkelt att skapa en parallaxeffekt p\u00e5 skrivbordets bakgrund.<\/p>\n

Det g\u00f6r att du kan anv\u00e4nda din mus som en kamera. S\u00e5 dina bilder skiftar i 3D-utrymmet n\u00e4r du flyttar musen, vilket skapar en vacker animerad tapet.<\/p>\n

Snygga resultat \u00e4r l\u00e4tta att uppn\u00e5 med Rainmeter. Som sagt, det kr\u00e4vs en hel del kreativitet f\u00f6r att uppn\u00e5 verkligt spektakul\u00e4ra resultat.<\/p>\n

Om du vill skapa en detaljerad effekt i flera lager, kr\u00e4vs viss tidigare erfarenhet av grafiska designprogram som Photoshop. V\u00e5r parallaxeffekt ger en enkel men imponerande bakgrund i fyra lager.<\/p>\n

Delar av parallaxen<\/h2>\n

F\u00f6r att anv\u00e4nda denna effekt, l\u00e5t oss kortfattat g\u00e5 igenom begreppet lager. Rainmeter uppn\u00e5r parallaxeffekten genom att skapa flera lager, som simulerar en komplett bakgrund.<\/p>\n

Det finns tv\u00e5 v\u00e4sentliga delar till Parallaxeffekten; f\u00f6rgrunden<\/strong> och bakgrunden<\/strong>. _ F\u00f6rgrunden best\u00e5r av flera PNG-bildfiler, fr\u00e5n minsta till st\u00f6rsta.<\/p>\n

Bildfiler m\u00e5ste vara i transparent PNG-format, vilket tar bort vita bakgrunder fr\u00e5n dina bilder.<\/p>\n

Om du inte \u00e4r en n\u00f6rd rekommenderar vi att du kollar in v\u00e5r guide om hur du konverterar bilder till transparent PNG-format<\/a>. Dessutom kommer de st\u00f6rre bilderna att r\u00f6ra sig mer \u00e4n de mindre bilderna. Detta simulerar sk\u00e4rpedjupet p\u00e5 ditt skrivbord.<\/p>\n

Att v\u00e4lja delar<\/h3>\n

F\u00f6r den h\u00e4r guiden kommer vi att simulera en fallande Bart fr\u00e5n Simpsons med parallaxeffekten. Tre bildtyper kr\u00e4vs f\u00f6r effekten: en fallande Bart, n\u00e5gra moln som \u00e4r speciella f\u00f6r den tecknade stilen i The Simpsons och en himmelsbakgrund.<\/p>\n

F\u00f6lj dessa steg f\u00f6r att st\u00e4lla in n\u00e5gra grunder f\u00f6r Rainmeter:<\/p>\n

    \n
  1. Skapa en mapp p\u00e5 skrivbordet som heter parallaxk\u00e4lla<\/strong> f\u00f6r att spara dina bildfiler. Detta g\u00f6r det l\u00e4ttare att l\u00e4gga till dina bilder i Rainmeter.<\/li>\n
  2. Spara alla filer du har samlat f\u00f6r skrivbordets bakgrund i den mappen.<\/li>\n
  3. Namnge din bakgrund background.png<\/strong> och namnge bilderna du anv\u00e4nder f\u00f6r din parallax som parallax[x].png<\/strong>. [x]<\/strong> motsvarar lagerniv\u00e5n, med start fr\u00e5n 0 .<\/li>\n<\/ol>\n

    Den minsta bilden ska ha titeln parallax0.png, den n\u00e4st minsta, parallax1.png, och s\u00e5 vidare. S\u00e5 h\u00e4r ska din mapp se ut:<\/p>\n

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

    Placering av delarna<\/h3>\n

    Placera nu dina PNG-filer enligt din skrivbordsuppl\u00f6sning. Om du inte k\u00e4nner till ditt skrivbords uppl\u00f6sning, kolla in v\u00e5r guide f\u00f6r att ta reda p\u00e5 ditt skrivbords uppl\u00f6sning<\/a>.<\/p>\n

    Skapa vidare ett transparent dokument i storleken p\u00e5 din bildsk\u00e4rmsuppl\u00f6sning med ytterligare 100 pixlar till din l\u00e4ngd och bredd. Sl\u00e4pp dina filer i denna ram och orientera bilderna efter dina \u00f6nskem\u00e5l.<\/p>\n

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

    S\u00e4ttet du orienterar dina bilder h\u00e4r \u00e4r hur du kommer att se dem i din bakgrund. N\u00e4r du har passat in alla dina bilder i din ram, forts\u00e4tt med att st\u00e4lla in din Rainmeter-mapplayout.<\/p>\n

    Rainmeter mapplayout<\/h2>\n

    H\u00e4r kommer k\u00e4rndelen av denna inst\u00e4llning. F\u00f6lj dessa steg noggrant f\u00f6r att undvika problem n\u00e4r du skapar parallaxeffekten:<\/p>\n

    1 Ladda ner den senaste versionen av Rainmeter fr\u00e5n Rainmeter.net<\/a>.<\/p>\n

    2 I katalogen C:UsersNameDocumentsRainmeterSkins<\/strong> skapar du en ny mapp med namnet Parallax Effect<\/strong>.<\/p>\n

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

    3 Skapa ytterligare tre mappar i den h\u00e4r mappen och namnge dem: @Resurser<\/strong>, Bakgrund<\/strong> och Parallax<\/strong>.<\/p>\n

    @ Resources-<\/strong> mappen kommer att inneh\u00e5lla bilder, Background<\/strong> -mappen kommer att h\u00e5lla din background.ini-fil f\u00f6r att aktivera din bakgrund, och Parallax<\/strong> -mappen \u00e4r f\u00f6r din Parallax.ini-fil.<\/p>\n

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

    4 \u00d6ppna nu mappen @Resources<\/strong> och skapa en mapp med namnet Bilder<\/strong>. L\u00e4gg till din background.png-fil i den h\u00e4r katalogen.<\/p>\n

    5 L\u00e4gg till ytterligare en mapp i den h\u00e4r katalogen och d\u00f6p den efter din parallaxeffekt. Vi har d\u00f6pt mappen till Bart<\/strong>. L\u00e4gg till dina parallax[x].png-bilder i den h\u00e4r mappen. Din bildmapp ska nu se ut s\u00e5 h\u00e4r.<\/p>\n

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

    Det \u00e4r det f\u00f6r bildfiler. Nu kan du b\u00f6rja uppn\u00e5 parallaxeffekten.<\/p>\n

    6 I rotkatalogen Parallax Effect C:UsersNameDocumentsRainmeterSkinsParallax Effect m\u00e5ste du skapa en ny textfil.<\/strong> Mata in f\u00f6ljande kod i dessa nya dokument:<\/p>\n

    [Variables]ThemeDisplayWidth=1440ThemeDisplayHeight=900<\/code><\/pre>\n
    7 Kom ih\u00e5g att namnge den h\u00e4r filen ParallaxSettings.inc<\/strong> och beh\u00e5lla till\u00e4gget .inc. Den h\u00e4r filen kommer att definiera uppl\u00f6sningen f\u00f6r din parallax. Byt ut 1440 och 900 med din egen uppl\u00f6sning och spara.<\/p>\n
    Konfigurera det n\u00f6dv\u00e4ndiga plugin-programmet<\/h3>\n
    Vi beh\u00f6ver ett enkelt plugin som sp\u00e5rar din muspekares r\u00f6relser f\u00f6r att flytta dina parallaxbilder. Du kan ladda ner plugin-programmet fr\u00e5n detta Rainmeter-community-inl\u00e4gg<\/a>.<\/p>\n
    \"Hur<\/a><\/p>\n
    N\u00e4r du \u00e4r klar f\u00f6ljer du stegen nedan f\u00f6r att justera n\u00e5gra inst\u00e4llningar f\u00f6r din inst\u00e4llning:<\/p>\n
    1 \u00d6ppna mappen Bakgrund. H\u00f6gerklicka<\/strong> i mappen och v\u00e4lj Nytt > Textdokument<\/strong>. Dubbelklicka p\u00e5 det h\u00e4r dokumentet f\u00f6r att redigera och klistra in f\u00f6ljande skript i filen.<\/p>\n
    [Regnm\u00e4tare]<\/p>\n
    Uppdatering=-1<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Variabler]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Bilder\/<\/p>\n
    [Bakgrund]<\/p>\n
    Meter=Bild<\/p>\n
    SolidColor=33,0,2,255<\/p>\n
    W=#SCREENAREAWIDTH#<\/p>\n
    H=#SCREENAREAHEIGHT#<\/p>\n
    [Parallax0]<\/p>\n
    Meter=Bild<\/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 Spara den h\u00e4r filen som Background.ini<\/strong> och se till att du har lagt till filtill\u00e4gget .ini. \u00d6ppna sedan din Parallax-mapp. Skapa ett textdokument och klistra in f\u00f6ljande i den h\u00e4r filen.<\/p>\n
    [Regnm\u00e4tare]<\/p>\n
    Uppdatering=20<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Variabler]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Bilder\/Bart\/parallax<\/p>\n
    [MouseX]<\/p>\n
    Measure=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimension=X<\/p>\n
    [MouseY]<\/p>\n
    Measure=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimension=Y<\/p>\n
    [Parallax1]<\/p>\n
    Meter=Bild<\/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=Bild<\/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=Bild<\/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=Bild<\/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
    Obs:<\/strong> Du m\u00e5ste \u00e4ndra P<\/strong> -variabeln under din [Variables]<\/strong> -parameter till titeln p\u00e5 din parallaxbildmapp. V\u00e5r P-variabel \u00e4r till exempel #@#Images\/Bart\/parallax<\/strong>. \u00c4ndra bara den mittersta titeln och beh\u00e5ll resten of\u00f6r\u00e4ndrad.<\/p>\n
    \"Hur<\/a><\/p>\n
    Avsluta Parallax-effekten<\/h2>\n
    Nu \u00e4r det sista steget att slutf\u00f6ra allt och applicera effekten med Rainmeter. H\u00e4r \u00e4r stegen f\u00f6r att g\u00f6ra detsamma:<\/p>\n
      \n
    1. \n
      \u00d6ppna f\u00f6nstret Hantera Rainmeter genom att \u00f6ppna l\u00e5dan med ikoner i aktivitetsf\u00e4ltet och klicka p\u00e5 Rainmeter-ikonen.<\/p>\n<\/li>\n
    2. \n
      Klicka p\u00e5 knappen Uppdatera alla<\/strong> och leta reda p\u00e5 din Parallax Effect-mapp.<\/p>\n
      \"Hur<\/a>\n<\/li>\n
    3. \n
      \u00d6ppna dina nyskapade Bakgrunds- och Parallax-mappar och ladda<\/strong> dina .ini-filer genom att dubbelklicka p\u00e5 dem.<\/p>\n<\/li>\n
    4. \n
      Slutligen, markera f\u00f6r att klicka igenom<\/strong> i f\u00f6nstret Hantera Rainmeter f\u00f6r b\u00e5de .ini-filer och din parallaxeffekt ska vara komplett.<\/p>\n<\/li>\n<\/ol>\n
      Ovanst\u00e5ende script till\u00e5ter en subtil effekt. Om du vill g\u00f6ra effekten mer dramatisk, s\u00e4nk antalet parametrar som finns i filen Parallax.ini med 10 eller 20 (upprepa inte siffror eller inkludera siffror under 0).<\/p>\n
      \"Hur<\/a><\/p>\n
      Kom ih\u00e5g att spara din .ini-fil och uppdatera din hud f\u00f6r att aktivera effekten. Om du vill installera v\u00e5r Bart parallax-bakgrund kan du ladda ner .rmskin fr\u00e5n detta Deviantart-inl\u00e4gg<\/a>.<\/p>\n
      \u00c4ven om Rainmeter \u00e4r ett fantastiskt verktyg f\u00f6r Windows-anv\u00e4ndare om du anv\u00e4nder en Mac, s\u00e5 kan du \u00e4ndra din skrivbordsbakgrund p\u00e5 en Mac<\/a>.<\/p>\n
      H\u00e5ll dig inte med statiska bakgrunder<\/h2>\n
      Att h\u00e5lla sig till statiska, icke-r\u00f6rliga tapeter \u00e4r bra f\u00f6r vissa. F\u00f6r andra \u00e4r Rainmeter en v\u00e4lsignelse. Programmet verkar vara obegr\u00e4nsat. Snygga Rainmeter-skinn skapas dagligen f\u00f6r att passa vilken skrivbordsstil du \u00e4n \u00f6nskar.<\/p>\n
      Rainmeter-parallaxeffekten \u00e4r bara en av de senaste innovationerna inom Rainmeter-skinn, och dess anv\u00e4ndning \u00e4r bara begr\u00e4nsad till din fantasi.<\/p>\n
      Inspelningsk\u00e4lla:  www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Om du vill ha en levande animerad skrivbordsunderl\u00e4gg, titta p\u00e5 Rainmeter! H\u00e4r visar vi dig hur du skapar en unik parallaxeffekt f\u00f6r din Windows skrivbordsbakgrund.<\/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":[2889],"tags":[3063],"class_list":["post-270624","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-7","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/270624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=270624"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/270624\/revisions"}],"predecessor-version":[{"id":314994,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/270624\/revisions\/314994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/237868"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=270624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=270624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=270624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}