Vytvorte bezproblémové obkladanie pozadia pre webové stránky asi za desať sekúnd

Obsah:

Vytvorte bezproblémové obkladanie pozadia pre webové stránky asi za desať sekúnd
Vytvorte bezproblémové obkladanie pozadia pre webové stránky asi za desať sekúnd

Video: Vytvorte bezproblémové obkladanie pozadia pre webové stránky asi za desať sekúnd

Video: Vytvorte bezproblémové obkladanie pozadia pre webové stránky asi za desať sekúnd
Video: You're Using Your Monitor WRONG! (Here's How to Fix It) - YouTube 2024, Apríl
Anonim
Vytváranie obrázka pozadia pre vašu webovú stránku (alebo pozadie pracovnej plochy) nie je vôbec náročné. V skutočnosti dokonca aj nováčik používateľ Photoshopu môže vyhrať jeden za asi desať sekúnd. Tu sú najjednoduchšie jednoduché metódy s prekvapujúcimi a skvelými výsledkami.
Vytváranie obrázka pozadia pre vašu webovú stránku (alebo pozadie pracovnej plochy) nie je vôbec náročné. V skutočnosti dokonca aj nováčik používateľ Photoshopu môže vyhrať jeden za asi desať sekúnd. Tu sú najjednoduchšie jednoduché metódy s prekvapujúcimi a skvelými výsledkami.

Vyváženie obrazu

Nájdite vhodný obrázok, ako je ten od Flickr. Môžete použiť ľubovoľný obrázok, ale niektoré obrázky budú fungovať lepšie ako iné ako opakujúce sa pozadie.
Nájdite vhodný obrázok, ako je ten od Flickr. Môžete použiť ľubovoľný obrázok, ale niektoré obrázky budú fungovať lepšie ako iné ako opakujúce sa pozadie.
Zlomiť Photoshop. Ak ste používateľom GIMP, môžete nainštalovať filter Offsetu podobný tomu, ktorý budeme používať, a pokračovať vpravo spolu s nami.
Zlomiť Photoshop. Ak ste používateľom GIMP, môžete nainštalovať filter Offsetu podobný tomu, ktorý budeme používať, a pokračovať vpravo spolu s nami.
"Ťažká" práca môže byť vykonaná okamžite pomocou tohto "ofsetového" filtra. Nájdite to tak, že prejdete na Filter> Other> Offset, ako je znázornené.
"Ťažká" práca môže byť vykonaná okamžite pomocou tohto "ofsetového" filtra. Nájdite to tak, že prejdete na Filter> Other> Offset, ako je znázornené.
Ak používate obrázok iba s vrstvou pozadia, posunutím filmu posuniete obrázok a obalíte ho obkladom. Uistite sa, že v časti Nedefinované oblasti je vybratá možnosť "Wrap Around", aby ste obrázok správne dlaždili. Toto je väčšina práce a už sme sotva začali. Pozrime sa, ako môžeme urobiť túto opakujúcu sa fotografiu trochu hladšiu.
Ak používate obrázok iba s vrstvou pozadia, posunutím filmu posuniete obrázok a obalíte ho obkladom. Uistite sa, že v časti Nedefinované oblasti je vybratá možnosť "Wrap Around", aby ste obrázok správne dlaždili. Toto je väčšina práce a už sme sotva začali. Pozrime sa, ako môžeme urobiť túto opakujúcu sa fotografiu trochu hladšiu.

Bezšvové okraje s rozostrením

Tu je metóda (trochu hrubá), ktorá pre tento obrázok naozaj nefunguje správne, ale môže pracovať pre vás. Vytvoríme rozmazanú vrstvu duplikovaním nášho pozadia (pravé kliknutie> duplicitná vrstva).
Tu je metóda (trochu hrubá), ktorá pre tento obrázok naozaj nefunguje správne, ale môže pracovať pre vás. Vytvoríme rozmazanú vrstvu duplikovaním nášho pozadia (pravé kliknutie> duplicitná vrstva).
S touto vrstvou vyberte Gaussian Blur tak, že prejdete na Filter> Blur> Gaussian Blur. Použite akékoľvek nastavenia, ktoré vám dáva zmysel.
S touto vrstvou vyberte Gaussian Blur tak, že prejdete na Filter> Blur> Gaussian Blur. Použite akékoľvek nastavenia, ktoré vám dáva zmysel.
Image
Image
Vytvorte masku vrstvy za čiernou stlačením tlačidla
Vytvorte masku vrstvy za čiernou stlačením tlačidla
+ Ľavé tlačidlo myši na
+ Ľavé tlačidlo myši na
v paneli vrstiev.
v paneli vrstiev.
Potom jednoducho použite mäkkú kefku s bielou ako farbu popredia na zmäkčenie okrajov, kde je obklad veľmi zreteľný. To môže fungovať veľmi dobre pre niektoré fotografie, ale naše nie je úžasný výsledok, takže skúsme druhú techniku.
Potom jednoducho použite mäkkú kefku s bielou ako farbu popredia na zmäkčenie okrajov, kde je obklad veľmi zreteľný. To môže fungovať veľmi dobre pre niektoré fotografie, ale naše nie je úžasný výsledok, takže skúsme druhú techniku.
Prípadne môžete nájsť aj nástroj "Blur Tool" v paneli s nástrojmi. To vám môže poskytnúť veľmi podobný výsledok ako tento, selektívne rozmazanie častí obrazu.
Prípadne môžete nájsť aj nástroj "Blur Tool" v paneli s nástrojmi. To vám môže poskytnúť veľmi podobný výsledok ako tento, selektívne rozmazanie častí obrazu.

Content Aware Blending pre úžasné výsledky

V takýchto situáciách nástroje na vedomie obsahu vyzerajú, že robia zázraky. "Spot Healing Brush" dokáže rýchlo vyriešiť odstránenie tvrdých, zrejmých línií v obkladačke a poskytne vám oveľa hladší vzhľad. Ak vyberiete štetec na ošetrenie spotu, uistite sa, že používate kefku s jemným okrajom.
V takýchto situáciách nástroje na vedomie obsahu vyzerajú, že robia zázraky. "Spot Healing Brush" dokáže rýchlo vyriešiť odstránenie tvrdých, zrejmých línií v obkladačke a poskytne vám oveľa hladší vzhľad. Ak vyberiete štetec na ošetrenie spotu, uistite sa, že používate kefku s jemným okrajom.
Po štyroch rýchlych ťahoch je obrázok prekvapivo presvedčivý. Je ťažké uveriť, že to trvalo tak málo práce.
Po štyroch rýchlych ťahoch je obrázok prekvapivo presvedčivý. Je ťažké uveriť, že to trvalo tak málo práce.

Testovanie v prehliadači

Image
Image

Uložte obrázok na pracovnú plochu ako repeat.jpg, potom stiahnite tento súbor na pracovnú plochu a otvorte ho vo svojom prehliadači. Tým sa načítajú všetko, čo ste vytvorili ako opakujúce sa pozadie, tak ako to vidíte na vzdialenej webovej stránke. Ak viete, že HTML (mnohí z vás budú, som si istý), môžete tento súbor upraviť v poznámkovom bloku, ak chcete použiť iný názov súboru.

Myšlienky alebo kritika dnešnej metódy? Máte nejaké triky, ktoré fungujú ešte lepšie ako toto? Povedzte nám o tom v komentároch, alebo nám jednoducho pošlite svoje otázky na adresu [email protected] a my ich môžeme uviesť v budúcom grafickom článku How To Geek.

Kredity obrázka: Stena knihy od Beňuška, Creative Commons.

Odporúča: