Как скопировать кнопку с эффектом тени из PSD в PNG
Я получил дизайн сайта в PSD-файле от веб-дизайнера. Все элементы привязаны к направляющим, что удобно, когда я делаю выбор, чтобы скопировать элемент дизайна в файл PNG: направляющие делают мой выбор точным.
Одна кнопка там имеет два состояния: нормальное и зависание. Оба состояния содержат несколько слоев. Поэтому я пытаюсь скопировать оба состояния в виде файлов PNG, чтобы сделать красивую кнопку в HTML.
Проблема состоит в том, что оба состояния имеют теневые эффекты, которые выходят за границы слоев, т.е. когда я пытаюсь выбрать кнопку, мой выбор (привязанный к направляющим) не включает внешнюю часть тени.
Как сделать точный выбор состояния кнопки в такой ситуации?
1 ответ
Вот метод, который я использую для извлечения элементов из PSD:
1) Убедитесь, что видны только слои кнопки. Спрячь всех остальных.
2) Убедитесь, что нет фона или каких-либо других нежелательных цветов или полупрозрачных пикселей, "скрывающихся", иначе это не сработает.
3) В меню выберите "Изображение" -> "Обрезать" и установите все флажки. Нажмите "ОК".
Теперь у вас должны быть видны только нужные слои, включая эффекты (если они были видны).
Теперь вы можете использовать "Сохранить для Интернета и устройств", чтобы сохранить файл.