Как скопировать кнопку с эффектом тени из PSD в PNG

Question

Я получил дизайн сайта в PSD-файле от веб-дизайнера. Все элементы привязаны к направляющим, что удобно, когда я делаю выбор, чтобы скопировать элемент дизайна в файл PNG: направляющие делают мой выбор точным.

Одна кнопка там имеет два состояния: нормальное и зависание. Оба состояния содержат несколько слоев. Поэтому я пытаюсь скопировать оба состояния в виде файлов PNG, чтобы сделать красивую кнопку в HTML.

Проблема в том, что оба состояния имеют теневые эффекты, которые выходят за границы слоев, т.е. когда я пытаюсь выбрать кнопку, мой выбор (привязанный к направляющим) не включает внешнюю часть тени.

Как сделать точный выбор состояния кнопки в такой ситуации?

Answer 1

Вот метод, который я использую для извлечения элементов из PSD:

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

Теперь у вас должны быть видны только нужные слои, включая эффекты (если они были видны).
Теперь вы можете использовать «Сохранить для Интернета и устройств», чтобы сохранить файл.