Pri izdelavi spletnega mesta je zelo pomembna stopnja upodabljanja zasnove strani, ki bo nato vnesena in objavljena v omrežju. V tem članku boste izvedeli, kako z Adobe Photoshop narisati kompetentno postavitev spletnega mesta, na podlagi katerega lahko kasneje oblikujete bolj zapletene postavitve.
Potrebno je
program Adobe Photoshop
Navodila
Korak 1
Ustvarite novo datoteko v Photoshopu (Ctrl + N) z dimenzijami 1040x1400, kjer je 1400 višina. Vklopite prikaz ravnil (Ctrl + R) in v nastavitvah ravnila nastavite slikovne pike kot merske enote.
2. korak
Začnite raztezati vodila, tako da ustrezajo mejam oken postavitve. Iztegnite stranske obrobe tako, da ostane 40 slikovnih pik do robov. Zgornja in spodnja obroba naj prav tako pustita po 40 slikovnih pik na vsaki strani do meja ozadja.
3. korak
Nato za zgornjo glavo izberite vodnik, ki je dolg 200 slikovnih pik od vrha ozadja.
4. korak
Če želite oblikovati stranske vrstice na levi in desni strani postavitve, nastavite vodila 240 slikovnih pik od roba ozadja na levo in 800 na desno.
5. korak
5px navznoter od leve in desne stranske vrstice in narišite še dve navpični vodili. Nato povlecite še dve vodili 245 px v levo in 795 px v desno.
6. korak
Zdaj merite od roba glave 30 px in narišite vodoravno vodilo za vodoravni meni.
7. korak
S tipko M izberite ozko območje vodoravnega menija, ki ste ga pravkar označili s pravokotnim izborom. Izberite orodje za polnjenje in območje zapolnite z nevtralno svetlo sivo barvo.
8. korak
Izberite orodje za polnjenje in območje zapolnite z nevtralno svetlo sivo barvo. Kliknite meni "Select-Modify-Compress", izberite možnost 1 pik in kliknite "OK". Območje zapolnite s svetlejšim sivim odtenkom - dobili boste okvir menija.
9. korak
Ustvarite novo plast in izberite ustrezno sliko za ikono ali logotip spletnega mesta, nato pa jo odprite.
10. korak
V glavo vstavite sliko na novo plast in jo postavite na levi rob. Desno od slike napišite naslov besedila spletnega mesta s katero koli pisavo.
11. korak
Bloke spletnega mesta oblikujte v isti barvni shemi kot novo ustvarjena glava. Izberite območje leve stranske vrstice in na njem izvedite enake dvobarvne postopke polnjenja kot pri menijskem bloku.
12. korak
Naredite enako z osrednjim blokom vsebine. Kopirajte plast leve stranske vrstice in jo postavite kot desno stransko vrstico.
13. korak
Postavitvi dodajte besedilo - izberite nevtralno pisavo in izpolnite odseke naslovov, primere novic, fotografije, oznake in povezave.
14. korak
Postavitev zaključite tako, da ustvarite "nogo" ali nogo - tam zapišite svoje avtorske pravice in svoje stike.
