У Студии Лебедева, в которой мне работать не понравилось, имеется очень длинный мануал, как вырезать картинку из фона. Предлагаю ознакомиться с правильным вариантом этого процесса.

Имеем несколько слоев в Фотошопе, один из которых градиентный (или иной однотонный или неоднотонный) слой. Поверх этого градиентного слоя нам нужно разместить картинку на сайте. У нас два пути: использовать PNG или использовать GIF для создания на картинке прозрачных областей. В нашем случае мы будем использовать GIF.

Берем картинку и склеиваем все слои таким образом, чтобы фон был отдельно, а наш объект отдельно.

Далее выбираем волшебную палочку (W).

Жмем на прозрачную область и получаем выделение этой области.

Делаем инвертирование выделения (Cmd+Shift+I).

Выбираем активным слоем слой Background.

Тыкаем правой кнопкой мышки и выбираем “Создать новый слой из копии” (“Layer via copy”). Затем прячем слой Background. И получаем заготовку для сохранения в GIF.

Вот и весь процесс. Без всяких масок. Дальше можем сделать Image->Trim в зависимости от задачи и сохранить получившийся файл в GIF.