Hemsida » hur » Gör en sömlös kakelbakgrund för webbsidor på ungefär tio sekunder

    Gör en sömlös kakelbakgrund för webbsidor på ungefär tio sekunder

    Att skapa en bakgrundsbild för din webbsida (eller skrivbordsbakgrund) är inte alls utmanande. Faktum är att även en nybörjare Photoshop-användare kan basa ut på cirka tio sekunder. Här är de enklaste av enkla metoderna med överraskande, bra resultat.

    Förskjutning av bilden

    Hitta en lämplig bild, som den här från Flickr. Du kan använda någon bild alls, men vissa bilder fungerar bättre än andra som en upprepande bakgrund.

    Bryt ut Photoshop. Om du är en GIMP-användare kan du installera Offset-filtret som liknar det vi ska använda och följ rätt tillsammans med oss.

    Det "hårda" arbetet kan göras på ett ögonblick med detta "offset" -filter. Hitta det genom att navigera till Filter> Other> Offset, som visas.

    Om du använder en bild med endast ett bakgrundsskikt, släpper offsetfiltret din bild runt och omsluter bilden runt i en kakelrörelse. Se till att "Wrap Around" är markerat i "Odefinierade områden" för att kakel bilden korrekt. Det här är det mesta av arbetet redan, och vi har knappt börjat. Låt oss se hur vi kan göra detta repeterande fotografi lite mer sömlöst.

    Seamless Edges With A Blur

    Här är en (något rå) metod som inte fungerar bra för bilden, men kan fungera för din. Vi skapar ett oskärmslag genom att duplicera vår bakgrund (Right Click> Duplicate Layer).

    Med det här skiktet valt, utför du en Gaussian Blur genom att navigera till Filter> Blur> Gaussian Blur. Använd en inställning som är meningsfullt för dig.

    Skapa en svärrad lagermask genom att trycka på + Vänster musknapp på ikonen i lagerpanelen.

    Använd sedan en mjuk borste med vit som förgrundsfärg för att mjuka kanterna där kakan är mycket uppenbar. Det kan fungera mycket bra för vissa bilder, men vårt är inte ett fantastiskt resultat, så vi ska försöka en andra teknik.

    Alternativt kan du också hitta "Blur Tool" i verktygslådan. Det kan ge dig ett mycket liknande resultat för den här, selektivt suddiga delar av bilden.

    Innehåll Aware blandning för fantastiska resultat

    I sådana situationer ser innehållsmedvetna verktyg ut som om de arbetar med mirakel. "Spot Healing Brush" kan göra ett snabbt arbete för att ta bort de hårda, uppenbara linjerna i kakan och ge dig ett mycket mer sömlöst utseende. När du väljer Spot Healing Brush, se till att du använder en mjukt kantad pensel.

    Efter fyra snabba penselsträckor är bilden överraskande övertygande. Det är svårt att tro att det tog så lite arbete.

    Testa det i en webbläsare

    Spara din bild till skrivbordet som repeat.jpg, ladda ner den här filen till skrivbordet och öppna den i din webbläsare. Detta laddar vad du skapade som en upprepande bakgrund, precis som du skulle se den på en fjärransluten webbsida. Om du känner till HTML (många av dig kommer jag säkert) kan du redigera den här filen i en anteckningsblock för att använda ett annat filnamn, om du föredrar.


    Tankar eller kritik på vår metod idag? Har du några knep som fungerar ännu bättre än det här? Berätta om det i kommentarerna, eller bara skicka oss dina frågor på [email protected], och vi kanske kan presentera dem i en framtid. Hur Geek grafikartikel.

    Bildkrediter: Wall of Books av benuski, Creative Commons.