Maak een naadloze tegelachtergrond voor webpagina's in ongeveer tien seconden

Het maken van een achtergrondafbeelding voor uw webpagina( of bureaubladachtergrond) is helemaal niet uitdagend. Zelfs een beginnende Photoshop-gebruiker kan zelfs in ongeveer tien seconden een baspartij maken. Dit zijn de eenvoudigste eenvoudige methoden met verrassende, geweldige resultaten.

Compensatie van het beeld

Zoek een geschikte afbeelding, zoals deze van Flickr. U kunt elke afbeelding helemaal gebruiken, maar sommige afbeeldingen zullen beter werken dan andere als een herhalende achtergrond.

Open Photoshop. Als je een GIMP-gebruiker bent, kun je het offsetfilter installeren dat lijkt op het filter dat we gaan gebruiken en volg ons gelijk.

Het "harde" werk kan in een oogwenk worden gedaan met dit "offset" filter. Zoek het door te navigeren naar Filter & gt;Overig & gt;Offset, zoals weergegeven.

Als u een afbeelding met alleen een achtergrondlaag gebruikt, schuift het offsetfilter uw afbeelding rond en wikkelt de afbeelding rond in een betegelde beweging. Zorg ervoor dat "Wrap Around" is geselecteerd in "Undefined Areas" om de afbeelding correct te tekenen. Dit is het grootste deel van het werk al, en we zijn amper begonnen. Laten we eens kijken hoe we deze herhalende foto een beetje meer naadloos kunnen maken.

Naadloze randen met vervaging

Hier is een( enigszins grove) methode die niet echt goed werkt voor deze afbeelding, maar mogelijk ook voor de uwe. We maken een vervaginglaag door onze achtergrond te dupliceren( rechterklik & gt; dubbele laag).

Voer met deze laag een Gaussiaans vervagen uit door te navigeren naar Filter & gt;Vervagen & gt;Gaussiaanse vervaging. Gebruik elke instelling die voor u logisch is.

Maak een verduisterd laagmasker door op + Linkermuisknop op het pictogram in het deelvenster Lagen te drukken.

Gebruik vervolgens een zachte borstel met wit als voorgrondkleur om de randen te verzachten waar de tegels erg voor de hand liggen. Dit zou heel goed kunnen werken voor sommige foto's, maar die van ons is geen geweldig resultaat, dus we zullen een tweede techniek proberen.

U kunt ook de "Blur Tool" in de toolbox vinden. Het kan u een zeer vergelijkbaar resultaat geven als dit, waarbij delen van de afbeelding selectief vervagen.

Content Aware Blending voor GEWELDIGE resultaten

In situaties zoals deze zien contentbewuste tools eruit alsof ze wonderen verrichten. De "Spot Healing Brush" kan snel werken door de harde, voor de hand liggende lijnen in de tegels te verwijderen en je een veel meer naadloze look te geven. Zorg ervoor dat u bij gebruik van het retoucheerpenseel een zachte penseel gebruikt.

Na vier snelle penseelstreken is het beeld verrassend overtuigend. Het is moeilijk te geloven dat het zo weinig werk kostte.

Het testen in een browser

Sla je afbeelding op op je bureaublad als repeat.jpg , download dit bestand dan naar je bureaublad en open het in je browser naar keuze. Dit laadt wat je hebt gemaakt als een herhalende achtergrond, net zoals je het op een externe webpagina zou zien. Als u HTML kent( velen van u zullen het zeker weten), kunt u dit bestand in een notitieblok bewerken om een ​​andere bestandsnaam te gebruiken, als u dat wilt.

Gedachten of kritiek op onze methode vandaag? Heb je een paar trucs die nog beter werken dan dit? Vertel het ons in de opmerkingen of stuur ons gewoon uw vragen per e-mail op [email protected] en we kunnen ze in een toekomstig How To Geek grafisch artikel plaatsen.

beeldcredits: Wall of Books door benuski , Creative Commons.