Як нарізати сайт
Створення власного інтернет-сайту завжди починається з розробки ескізу і майбутнього дизайну, а також невід`ємною частиною цієї розробки є візуалізація оформлення сайту в Фотошопі і розрізання готового оформлення на блоки для подальшої верстки. Уміння правильно нарізати картинку оформлення сайту безпосередньо впливає на подальший успіх верстки і на коректність розміщення графічних файлів на сервері.
1
Відкрийте в Фотошопі створений дизайн-макет, який представляє собою цілісне зображення потрібного дозволу. На панелі інструментів в Фотошопі виберіть інструмент розкрою (Slice). Тимчасово вимкніть видимість всіх текстових шарів, полів введення, іконок і подібних елементів.
2
Проведіть за допомогою обраного інструменту напрямні лінії, за якими ви розріжете сайт - ці лінії на зображенні будуть зеленого кольору. Акуратно розділіть цілісний макет на структурні елементи потрібного розміру і кількості.
3
Продумайте, як ви будете нарізати зображення - в ньому не повинно бути занадто великої кількості окремих елементів. Для створення направляючих ліній наведіть курсор на верхню лінійку над зображенням, клацніть лівою кнопкою миші і протягніть вниз напрямну. Відпустіть кнопку миші.
4
Після того як всі напрямні будуть встановлені (як вертикальні, так і горизонтальні), переходьте до нарізці макета.
5
За допомогою обраного вище інструменту розкрою наріжте макет, клікаючи лівою клавішею миші на початку кожної направляючої і розтягуючи з`явилося поле до розміру потрібного об`єкту, який ви хочете вирізати. Відпустіть ліву кнопку миші, щоб в лівому кутку вирізаного фрагмента з`явився порядковий номер.
6
Відкоректуйте кордону фрагментів, розтягуючи їх вручну. Для того щоб зберегти нарізані частини загального зображення, клікніть в меню File опцію «Зберегти для Web-сторінок» і виберіть формат JPEG. У вікні збереження вкажіть «Всі фрагменти».
7
Після збереження вирізаних фрагментів зображення окремо збережіть всі візуальні елементи оформлення сторінки - текстові блоки, кнопки, лінії і так далі.
Статті за темою "Як нарізати сайт"
Оцініть, будь ласка статтю