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

Inhoudsopgave:

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

Video: Maak een naadloze tegelachtergrond voor webpagina's in ongeveer tien seconden
Video: You're Using Your Monitor WRONG! (Here's How to Fix It) 2024, Maart
Maak een naadloze tegelachtergrond voor webpagina's in ongeveer tien seconden
Maak een naadloze tegelachtergrond voor webpagina's in ongeveer tien seconden
Anonim
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.
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.
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.
Breek Photoshop uit. Als je een GIMP-gebruiker bent, kun je het offsetfilter installeren dat lijkt op het filter dat we gaan gebruiken en volg ons gelijk.
Breek Photoshop uit. 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 op door te navigeren naar Filter> Overig> Offset, zoals weergegeven.
Het "harde" werk kan in een oogwenk worden gedaan met dit "offset" filter. Zoek het op door te navigeren naar Filter> Overig> 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.
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 een vervaging

Hier is een (enigszins grove) methode die niet echt goed werkt voor deze afbeelding, maar mogelijk ook voor de jouwe werkt. We maken een vervaginglaag door onze achtergrond te dupliceren (rechter muisknop> dubbele laag).
Hier is een (enigszins grove) methode die niet echt goed werkt voor deze afbeelding, maar mogelijk ook voor de jouwe werkt. We maken een vervaginglaag door onze achtergrond te dupliceren (rechter muisknop> dubbele laag).
Als deze laag is geselecteerd, voert u een Gaussiaans vervagen uit door te navigeren naar Filter> Vervagen> Gaussiaans vervagen. Gebruik elke instelling die voor u logisch is.
Als deze laag is geselecteerd, voert u een Gaussiaans vervagen uit door te navigeren naar Filter> Vervagen> Gaussiaans vervagen. Gebruik elke instelling die voor u logisch is.
Image
Image
Maak een verduisterd laagmasker door op te drukken
Maak een verduisterd laagmasker door op te drukken
+ Linkermuisknop op de
+ Linkermuisknop op de
pictogram in het deelvenster Lagen.
pictogram in het deelvenster Lagen.
Gebruik vervolgens een zachte borstel met wit als voorgrondkleur om de randen te verzachten, waarbij de plaats zeer duidelijk is. 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.
Gebruik vervolgens een zachte borstel met wit als voorgrondkleur om de randen te verzachten, waarbij de plaats zeer duidelijk is. 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.
Als alternatief kunt u ook de "Blur Tool" in de toolbox vinden. Het kan een zeer vergelijkbaar resultaat geven als dit, waarbij delen van de afbeelding selectief vervagen.
Als alternatief kunt u ook de "Blur Tool" in de toolbox vinden. Het kan een zeer vergelijkbaar resultaat geven als dit, waarbij delen van de afbeelding selectief vervagen.

Contentbewust mixen voor GEWELDIGE resultaten

In dergelijke situaties lijken tools voor inhoudsbewustheid wonderen te doen. 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.
In dergelijke situaties lijken tools voor inhoudsbewustheid wonderen te doen. 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.
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

Image
Image

Sla je afbeelding op naar 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 zou zien op een externe webpagina. 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 comments, of mail ons eenvoudig je vragen op [email protected], en we kunnen ze in een toekomstig How To Geek grafisch artikel plaatsen.

Afbeelding Credits: Wall of Books by benuski, Creative Commons.

Aanbevolen: