Photoshop Web Page Tutorial pozadí

Pri vytváraní webovej stránky , môžete buď zadať v štandardnom farby pre pozadie , alebo môžete použiť Adobe Photoshop vytvoriť obrázok vložiť ako pozadie . Druhá možnosť je najlepšie, ak chcete , aby vaše nové webové stránky , aby sa viac vizuálne potešujúce pre návštevníkov . Jedným z najjednoduchších spôsobov , ako vytvoriť webové stránky na pozadí vo Photoshope , je použiť metódu kachličky . Nastavte veľkosť

Najprv otvorte nový súbor v programe Adobe Photoshop . Vytvorte súbor , ktorý je dimenzovaný byť vertikálne , ako je 40 pixelov na šírku a 1000 bodov dlhé , horizontálny ( naopak , ako je 1000 pixelov na šírku a 1000 pixelov ) , alebo štvorec ( napr. 500 na 500 pixelov ) . To bude vaša dlaždice . Tento súbor bude základom vašej novej webovej stránky na pozadí .
Vytvorte si Pattern

Ďalšie , vytvoriť vzor vo vnútri vášho kachľové súboru . Vzor môže byť čiary , bodky , alebo dokonca malé fotografie . Po prvé , choďte na " Edit " , potom " Vyplniť " nastaviť farbu pozadia dlaždice . Potom spustite vytváranie vzor . Majte na pamäti , že keď si vytvárate vzorec , vzorec musí byť na stredu , ak chcete , aby to vyzeralo bezproblémové .

Ak chcete vytvoriť lemované vzor , vyberte " Line Tool " z panela nástrojov Photoshopu . Podržte kláves Shift , aby ju udržali rovno a vytiahnite ju vytvoriť svoj ​​prvý riadok . Upravte riadky ( môžete otáčať ich , aby sa diagonálna , ak chcete ) a zmeniť farbu čiary , ako uznáte za vhodné . Potom môžete buď vytvoriť duplicitné riadky ( kliknite pravým tlačidlom myši na čiaru vo svojom " Vrstvy " panel nástrojov ) alebo nakreslené viac riadkov ručne . Potom priestor je však budete chcieť .

Bodky , zvoľte " Ellipse Tool " na paneli nástrojov Photoshop ( to je pod tlačidlom " čiara " na paneli nástrojov ) . Pre štvorcov , použite " Rectangle Tool . " Pre trojuholníky alebo iný tvar , budete musieť použiť " Custom Shape Tool . " Vytvorte duplicitné vrstvy a linka je po dlaždicu , jednu po druhej .

Ak chcete dlaždice vaše pozadie s obrazom , otvorte obrázok a veľkosť dole , aby sa zmestili šírku dlaždíc je . Vložte ju do tašky a robiť duplikáty .

Ako zástupca , vytvoriť tri riadky , bodky , štvorčeky , obrázky alebo iné elementy , potom zlúčiť všetky vrstvy dole do jednej . Teraz môžete kopírovať a vložiť , že jedna vrstva obsahuje tri prvky , ako toľkokrát , koľkokrát budete chcieť . To vám pomôže ušetriť čas vytvárania dlaždice vzor .

Môžete tiež stačí vyplniť vaše dlaždice súbor s textúrou . Prejdite na " Filter" , potom " Texture " v menu Photoshope .
Uložiť , nahrať a vložiť kód

Keď ste dokončili vaše dlaždice , uložte ho ako JPG alebo GIF súboru v režime RGB ( " Image " a potom " Mode " v menu Photoshope ) . Teraz môžete prepravovať tento súbor pre vaše webové stránky je správca súborov a vzťahujú sa na neho v tagu body na kódovanie . Predpokladajme , že ste menoval súbor " tile.gif " a položil ju do svojho adresára verejnosti HTML .

Vytvorte si svoje telo tagy . Použite tento kód vygenerovať dlaždice : ( kľudne pridať ďalšie atribúty , ktoré vaše telo značku , ako uznáte za vhodné ) . Uistite sa , že keď budete hotoví vytváraní svojej webovej stránky zatvorte vaše telo tag ( < /body > ) .

• Predchádzajúca strana: Ako pridať Cartoon efekt na obraz s Photoshopom 
• Ďalšia strana: Ako si vyrobiť Jeans vzor vo Photoshope