Hjemmeside » hvordan » Lag en sømløs fliser bakgrunn for websider i ca ti sekunder

    Lag en sømløs fliser bakgrunn for websider i ca ti sekunder

    Å lage et bakgrunnsbilde for websiden din (eller skrivebordsbakgrunn) er ikke utfordrende i det hele tatt. Faktisk kan selv en nybegynner Photoshop-bruker basere seg ut på om lag ti sekunder. Her er de enkleste av enkle metoder med overraskende gode resultater.

    Avsetting av bildet

    Finn et passende bilde, som dette fra Flickr. Du kan bruke et hvilket som helst bilde i det hele tatt, men noen bilder vil fungere bedre enn andre som en gjentakende bakgrunn.

    Bryt ut Photoshop. Hvis du er en GIMP-bruker, kan du installere forskyvningsfilteret som ligner på det vi skal bruke og følge med oss ​​sammen.

    Det "harde" arbeidet kan gjøres på et øyeblikk med dette "offset" -filteret. Finn det ved å navigere til Filter> Other> Offset, som vist.

    Hvis du bruker et bilde med bare et bakgrunnslag, vil forskyvningsfilteret skyve bildet rundt og pakke bildet rundt i en flisebevielse. Pass på at "Wrap Around" er valgt i "Udefinerte områder" for å flette bildet riktig. Dette er det meste av arbeidet allerede, og vi har knapt påbegynt. La oss se hvordan vi kan gjøre dette repeterende bildet litt mer sømløst.

    Seamless Edges With A Blur

    Her er en (noe grov) metode som egentlig ikke fungerer bra for dette bildet, men kan fungere for deg. Vi lager et uskarpt lag ved å duplisere bakgrunnen vår (Right Click> Duplicate Layer).

    Med dette laget valgt, utfører du en Gaussian Blur ved å navigere til Filter> Blur> Gaussian Blur. Bruk en innstilling som gir mening for deg.

    Opprett en svarte lagmask ved å trykke + Venstre museknapp på ikonet i lagpanelet.

    Bruk deretter en myk børste med hvit som forgrunnsfarge for å myke kantene hvor flisene er veldig opplagte. Dette kan fungere veldig bra for noen bilder, men vårt er ikke et fantastisk resultat, så vi skal prøve en annen teknikk.

    Alternativt kan du også finne "Blur Tool" i verktøykassen. Det kan gi deg et svært likt resultat til denne, selektivt uskarpe deler av bildet.

    Content Aware Blending For AMAZING Resultater

    I slike situasjoner ser innholdsbevisste verktøy ut som om de jobber mirakler. "Spot Healing Brush" kan gjøre rask arbeid ut av å fjerne de harde, åpenbare linjene i flisene og gi deg et mye mer sømløst utseende. Når du velger Spot Healing Brush, må du sørge for at du bruker en myk kantet børste.

    Etter fire raske penselstreker er bildet oppsiktsvekkende overbevisende. Det er vanskelig å tro at det tok så lite arbeid.

    Teste det i en nettleser

    Lagre bildet ditt på skrivebordet ditt som repeat.jpg, så last ned denne filen til skrivebordet ditt og åpne den i din valgte nettleser. Dette vil laste hva du opprettet som en gjentakende bakgrunn, akkurat som du ville se det på en ekstern nettside. Hvis du kjenner HTML (mange av dere vil, er jeg sikker) kan du redigere denne filen i et notisblokk for å bruke et annet filnavn, hvis du foretrekker det.


    Tanker eller kritikk på vår metode i dag? Har du noen triks som fungerer enda bedre enn dette? Fortell oss om det i kommentarene, eller send oss ​​en e-post til dine spørsmål på [email protected], og vi kan vise dem i en fremtid. Hvordan Geek grafikkartikkel.

    Billedkreditter: Bøkermuren av benuski, Creative Commons.