Pri izradi web stranice vrlo je važna faza prikazivanja dizajna stranice koja će se naknadno otkucati i objaviti na mreži. U ovom ćete članku naučiti kako koristiti Adobe Photoshop za crtanje kompetentnog izgleda web stranice na osnovu kojeg kasnije možete formirati složenije izglede.
Neophodno je
Adobe Photoshop program
Instrukcije
Korak 1
Kreirajte novu datoteku u Photoshopu (Ctrl + N) dimenzija 1040x1400, gdje je 1400 visina. Uključite prikaz ravnala (Ctrl + R) i u postavkama ravnala postavite piksele kao mjerne jedinice.
Korak 2
Počnite istezati vodilice tako da odgovaraju obodima okvira za raspored. Ispružite bočne obrube tako da 40 piksela ostane do ivica. Gornja i donja ivica također trebaju ostavljati po 40 piksela sa svake strane do granica pozadine.
Korak 3
Zatim za vrh zaglavlja odaberite vodič koji je 200 piksela niže od vrha pozadine.
Korak 4
Da biste oblikovali bočne trake na lijevoj i desnoj strani izgleda, postavite vodilice 240 piksela od pozadinske ivice lijevo i 800 desno.
Korak 5
5px prema unutra s lijeve i desne bočne trake i izvucite još dvije okomite vodilice. Zatim povucite još dvije vodilice 245 px ulijevo i 795 px udesno.
Korak 6
Sada izmjerite od granice zaglavlja 30 piksela i nacrtajte vodoravnu vodilicu za vodoravni meni.
Korak 7
Pomoću tipke M odaberite usko područje vodoravnog izbornika koje ste upravo označili pravokutnim izborom. Odaberite alat za punjenje i ispunite područje neutralnom svijetlosivom bojom.
Korak 8
Odaberite alat za punjenje i ispunite područje neutralnom svijetlosivom bojom. Kliknite izbornik "Select-Modify-Compress", navedite opciju od 1 piksela i kliknite "OK". Ispunite područje svjetlijom nijansom sive - imat ćete okvir menija.
Korak 9
Napravite novi sloj i odaberite prikladnu sliku za ikonu ili logotip web lokacije, a zatim je otvorite.
Korak 10
Umetnite sliku na novi sloj u zaglavlje, postavljajući je na lijevu ivicu. Desno od slike napišite naslov stranice web stranice bilo kojim fontom.
Korak 11
Dizajnirajte blokove svoje web stranice u istoj shemi boja kao i novo kreirano zaglavlje. Odaberite područje lijeve bočne trake i izvodite iste operacije popunjavanja u dvije boje kao na bloku izbornika.
Korak 12
Učinite isto sa središnjim blokom sadržaja. Kopirajte sloj lijeve bočne trake i postavite ga kao desnu bočnu traku.
Korak 13
Dodajte tekst u svoj raspored - odaberite neutralni font i popunite naslove izbornika, primjere vijesti, fotografije, oznake i veze.
Korak 14
Završite izgled stvaranjem "podnožja" ili podnožja - tamo zapišite svoja autorska prava i svoje kontakte.
