Pri vytváraní webových stránok je veľmi dôležitá etapa vykreslenia dizajnu stránky, ktorá bude následne sádzaná a zverejnená v sieti. V tomto článku sa dozviete, ako pomocou aplikácie Adobe Photoshop nakresliť príslušné rozloženie pre web, na základe ktorého môžete neskôr vytvárať zložitejšie rozloženia.
Je to nevyhnutné
program Adobe Photoshop
Inštrukcie
Krok 1
Vytvorte nový súbor vo Photoshope (Ctrl + N) s rozmermi 1040x1400, kde 1400 je výška. Zapnite zobrazenie pravítok (Ctrl + R) a v nastaveniach pravítka nastavte pixely ako jednotky merania.
Krok 2
Začnite rozťahovať vodidlá tak, aby sa zmestili na okraje polí rozloženia. Roztiahnite bočné okraje tak, aby bolo k okrajom ponechaných 40 pixelov. Horné a spodné ohraničenie by malo tiež ponechať 40 pixelov na každej strane k okrajom pozadia.
Krok 3
Potom vyberte sprievodcu s veľkosťou 200 pixelov nadol od hornej časti pozadia pre hornú hlavičku.
Krok 4
Ak chcete vytvoriť bočné pruhy vľavo a vpravo od rozloženia, nastavte vodiace lišty na 240 pixelov od okraja pozadia doľava a 800 doprava.
Krok 5
5px dovnútra z ľavého a pravého bočného panela a nakreslite ďalšie dva zvislé vodidlá. Potom potiahnite ďalších dvoch vodiacich prvkov 245 px doľava a 795 px doprava.
Krok 6
Teraz zmerajte od okraja hlavičky 30 pixelov a nakreslite vodorovného vodítka pre vodorovnú ponuku.
Krok 7
Vyberte úzku oblasť vodorovnej ponuky, ktorú ste práve označili obdĺžnikovým výberom pomocou klávesu M. Vyberte nástroj na vyplnenie a oblasť vyplňte neutrálnou svetlošedou farbou.
Krok 8
Vyberte nástroj na vyplnenie a oblasť vyplňte neutrálnou svetlošedou farbou. Kliknite na ponuku „Select-Modify-Compress“, vyberte možnosť 1 pixela a kliknite na tlačidlo „OK“. Vyplňte oblasť svetlejším odtieňom sivej - vznikne vám rámik ponuky.
Krok 9
Vytvorte novú vrstvu, vyberte vhodný obrázok pre ikonu alebo logo webu a potom ho otvorte.
Krok 10
Vložte obrázok do novej vrstvy v hlavičke a umiestnite ju na ľavý okraj. Napravo od obrázka napíšte textový názov webu pomocou ľubovoľného písma.
Krok 11
Navrhnite bloky svojich webových stránok v rovnakej farebnej schéme ako novo vytvorená hlavička. Vyberte oblasť ľavého bočného panela a vykonajte na ňom rovnaké operácie dvojfarebnej výplne ako v bloku ponuky.
Krok 12
To isté urobte s blokom obsahu v strede. Skopírujte vrstvu ľavého bočného panela a umiestnite ju ako pravý bočný panel.
Krok 13
Pridajte do svojho rozloženia text - zvoľte neutrálne písmo a vyplňte sekciu nadpisy, príklady noviniek, fotografie, značky a odkazy.
Krok 14
Dokončenie rozloženia vytvorením „päty“alebo päty - zapíšte si tam svoje autorské práva a kontakty.
