Як розкроїти макет для сайту в фотошопі (photoshop)
Якщо у Вас є готовий дизайн сайту в Photoshop або просто в хорошій якості і реальному розмірі, то можна його розкроїти на окремі зображення, потрібні для подальшої верстки. І тоді не доведеться зберігати кожен фрагмент окремо як це реалізовано наприклад в Gimp.
Почнемо. Вибираємо інструмент "Раскройка".
Тепер розділіть зображення на потрібні фрагменти. Намагайтеся не захоплювати зайвого і дотримуйтеся країв конкретного елемента. Це дозволить знизити вагу кінцевих зображень.
Якщо якийсь фрагмент ви вирішите змінити в процесі розкрою, то Вам буде потрібно використовувати інший інструмент "Виділення фрагмента".
Коли все розтрощили, відкриваємо "Файл> Зберегти для WEB" і оптимізуємо кожен фрагмент окремо таким чином як це нам потрібно.
1. Інструмент для виділення редагованого фрагмента
2. Виділений фрагмент підсвічується жовтою рамкою
3. Можна вибрати формат і налаштувати кожен фрагмент окремо.
Якщо потрібно що б у елементів був прозорий фон потрібно відключити всі заважають шари і вибрати при збереженні формат png
Результатом цих маніпуляцій буде папка з файлами окремих фрагментів серед яких будуть наші фрагменти і обрізки від них.
