La crearea unui site web, este foarte importantă etapa de redare a designului paginii, care va fi ulterior tipărită și publicată în rețea. În acest articol, veți învăța cum să utilizați Adobe Photoshop pentru a desena un aspect competent pentru un site web, pe baza căruia puteți forma ulterior machete mai complexe.
Este necesar
Programul Adobe Photoshop
Instrucțiuni
Pasul 1
Creați un fișier nou în Photoshop (Ctrl + N) cu dimensiunile 1040x1400, unde 1400 este înălțimea. Porniți afișarea riglelor (Ctrl + R) și setați pixelii ca unități de măsură în setările riglei.
Pasul 2
Începeți să întindeți ghidajele astfel încât să se potrivească cu marginile casetelor de aspect. Întindeți marginile laterale astfel încât să rămână 40 de pixeli până la margini. De asemenea, marginile de sus și de jos ar trebui să lase 40 de pixeli pe fiecare parte până la marginile fundalului.
Pasul 3
Apoi selectați un ghid care se află la 200 px în jos din partea de sus a fundalului pentru antetul superior.
Pasul 4
Pentru a forma barele laterale din stânga și din dreapta aspectului, setați ghidajele la 240 pixeli de la marginea fundalului la stânga și 800 la dreapta.
Pasul 5
5px spre interior din stânga și dreapta și trageți încă două ghidaje verticale. Apoi trageți încă două ghidaje de 245 px la stânga și 795 px la dreapta.
Pasul 6
Acum măsurați de la marginea antetului 30 px și desenați un ghid orizontal pentru meniul orizontal.
Pasul 7
Selectați zona îngustă a meniului orizontal pe care tocmai l-ați marcat cu o selecție dreptunghiulară folosind tasta M. Selectați instrumentul de umplere și umpleți zona cu o culoare neutru gri deschis.
Pasul 8
Selectați instrumentul de umplere și umpleți zona cu o culoare neutră gri deschis. Faceți clic pe meniul „Select-Modify-Compress”, specificați o opțiune de 1 pixel și faceți clic pe „OK”. Umpleți zona cu o nuanță mai deschisă de gri - veți avea un cadru de meniu.
Pasul 9
Creați un strat nou și selectați o imagine potrivită pentru pictograma sau sigla site-ului, apoi deschideți-o.
Pasul 10
Introduceți o imagine pe un strat nou în antet, plasând-o pe marginea stângă. În dreapta imaginii, scrieți titlul textului site-ului folosind orice font.
Pasul 11
Proiectați blocurile site-ului dvs. web în aceeași schemă de culori ca antetul nou creat. Selectați zona barei laterale din stânga și efectuați aceleași operații de umplere cu două culori ca și cu blocul de meniu.
Pasul 12
Faceți același lucru cu blocul de conținut central. Copiați stratul barei laterale stângi și plasați-l ca bara laterală dreaptă.
Pasul 13
Adăugați text la aspectul dvs. - alegeți un font neutru și completați titlurile meniului, exemple de știri, fotografii, etichete și secțiunea de legături.
Pasul 14
Finalizați aspectul creând un „subsol” sau subsol - notați drepturile de autor și persoanele de contact acolo.
