Статья написала forrkass при поддержке общества анонимных злодеев. Специально для ForumD.
При работе в Adobe Photoshop с пиксельной графикой (как статика, так и анимация), зачастую возникает трудности при сохранении итогового результата с сохранением прозрачности и качества графики. Однако при выборе правильных настроек, можно не только избежать появление белой обводки по контуру изображения, но и получить возможность увеличить изображение с сохранением качества.
Для примера возьмём данный анимированный смайл:
После завершения работы над анимацией, выбираем: Файл/Сохранить для Web и устройств
Далее откроется окно предварительного просмотра. Выберите формат: GIF.
Для оптимального сохранения качества пиксельной графики, рекомендовано выставить следующие параметры:
Модель редукции цвета: адаптивная;
Определение модели дизеринга: без дизеринга;
Прозрачность (включена);
Определение модели дизеринга прозрачности: без дизеринга прозрачности;
Web-цвета: 0%;
Потери: 0;
Качество (метод ресамплинга): по соседним.
Далее нажимаем сохранить. Файл будет сохранён в том же виде, в каком Вы работали с ним в программе.
Если необходимо сохранить пиксельную графику с увеличением масштабирования, то применяются идентичные настройки.
Для изменения масштаба в окне предварительного просмотра необходимо изменить размер изображения в px или %.
После изменения данных параметров, настройки автоматически будут применены к изображению.
Основной параметр, отвечающий за сохранение пикселизации - качество (метод ресамплинга): по соседним.
Если использовать другие значения для качества, то картинка будет такой:
Итоговый результат сохранения анимации при масштабировании: