При създаването на уебсайт е много важен етапът на рендиране на дизайна на страницата, който впоследствие ще бъде въведен и публикуван в мрежата. В тази статия ще научите как да използвате Adobe Photoshop, за да нарисувате компетентно оформление за уебсайт, въз основа на което по-късно можете да формирате по-сложни оформления.
Необходимо е
Програма Adobe Photoshop
Инструкции
Етап 1
Създайте нов файл в Photoshop (Ctrl + N) с размери 1040x1400, където 1400 е височината. Включете дисплея на линийките (Ctrl + R) и задайте пикселите като мерни единици в настройките на линийката.
Стъпка 2
Започнете да разтягате водачите, така че да отговарят на границите на кутиите за оформление. Разтегнете страничните граници, така че 40 пиксела да останат до краищата. Горната и долната граница също трябва да оставят по 40 пиксела от всяка страна до границите на фона.
Стъпка 3
След това изберете ръководство, което е 200px надолу от горната част на фона за горната заглавка.
Стъпка 4
За да оформите страничните ленти отляво и отдясно на оформлението, задайте водачите 240 пиксела от фоновата граница вляво и 800 вдясно.
Стъпка 5
5px навътре от лявата и дясната странична лента и нарисувайте още две вертикални водачи. След това плъзнете още два водача 245 px наляво и 795 px надясно.
Стъпка 6
Сега измерете от границата на заглавката 30px и нарисувайте хоризонтален водач за хоризонталното меню.
Стъпка 7
Изберете тясната област на хоризонталното меню, която току-що сте маркирали с правоъгълна селекция, като използвате клавиша M. Изберете инструмента за запълване и запълнете областта с неутрален светлосив цвят.
Стъпка 8
Изберете инструмента за запълване и запълнете областта с неутрален светлосив цвят. Щракнете върху менюто "Select-Modify-Compress", посочете опция от 1 пиксел и щракнете върху "OK". Запълнете зоната с по-светъл нюанс на сивото - ще имате рамка на менюто.
Стъпка 9
Създайте нов слой и изберете подходящо изображение за иконата или логото на сайта и след това го отворете.
Стъпка 10
Поставете изображение върху нов слой в заглавката, като го поставите в левия ръб. Вдясно от изображението напишете заглавието на текста на сайта, използвайки произволен шрифт.
Стъпка 11
Проектирайте блоковете на уебсайта си в същата цветова схема като новосъздадената заглавка. Изберете областта на лявата странична лента и изпълнете същите двуцветни операции по запълване, както при блока от менюто.
Стъпка 12
Направете същото с централния блок със съдържание. Копирайте слоя от лявата странична лента и го поставете като дясната странична лента.
Стъпка 13
Добавете текст към оформлението си - изберете неутрален шрифт и попълнете заглавията на менюто, примери за новини, снимки, етикети и раздел.
Стъпка 14
Завършете оформлението, като създадете „долен колонтитул“или долен колонтитул - запишете там авторските си права и контактите си.
