Создание gif с прозрачным фоном (используется как анимация загрузки)

Как следует из названия, моя цель — создать гифку с прозрачным фоном. Я создал анимацию в After Effects. Поскольку нет возможности экспортировать в формате GIF с таким фоном, я экспортирую его в виде последовательности png и позже снова объединяю все изображения в Photoshop. Наконец, я могу экспортировать его в формате GIF с прозрачным фоном. Теперь, если я это сделаю, у GIF будет прозрачный фон, но анимация будет окружена белой обводкой и будет своего рода пиксельной. У кого-нибудь есть идея, как исправить это или, может быть, другое возможное решение для меня? Другие форматы файлов, кроме gif, такие как svg и т. д., также возможны. В конце концов, эта анимация будет использоваться как анимация загрузки для Интернета.

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

Изображение проблемы

Привет Янник

Ответы (3)

Если вы собираетесь использовать его на черном фоне, в первую очередь поставьте черный фон.

Эта граница является результатом сглаживания, которое делает некоторые пиксели средним тоном между двумя цветами. Сине-белый или желто-белый.

Изображение, показывающее сглаживание

Прозрачный gif может сделать прозрачным только 1 цвет, это «чисто белый». «Не очень белые» пиксели вообще не прозрачны.

К сожалению, GIF-файлы не поддерживают альфа-прозрачность. Нет никакого способа исправить это на самом деле. GIF-файлы поддерживают только полностью прозрачные или полностью непрозрачные пиксели, и ничего между ними. Таким образом, полезность формата для вашего конкретного варианта использования будет полностью зависеть от фона, на котором вы его размещаете.

Если фон одноцветный или близкий к одноцветному, вы можете использовать параметр «Матовый», чтобы изменить цвет внешних пикселей (матовый), чтобы при размещении GIF поверх фонового изображения он должен сливаться с фоном. Очевидно, вам нужно знать, какой будет цвет фона, чтобы это хоть как-то сработало.

Вы можете найти эту функцию в разделе «Файл» > «Экспорт» > «Сохранить для Интернета (устаревший)» , когда вы выбираете GIF в качестве выходного формата. Очевидно, что каждый кадр GIF также должен иметь прозрачность, чтобы он работал.

Вот пример диалогового окна «Сохранить для Интернета» с черным цветом подложки. В окне «Оптимизированное изображение» вы можете увидеть, как он придает GIF черный контур, а не белый.

введите описание изображения здесь

Спасибо за помощь, Билли! Есть ли возможность экспортировать то же самое в другой формат файла, например svg и т. Д.?
@BeatB Если вы хотите, чтобы он был анимированным SVG, вы можете сделать это, используя что-то под названием Lottie - немного сложно. Но есть и другие форматы, такие как WebM, которые я предпочитаю использовать вместо GIF.

В Photoshop есть параметр экспорта, который называется Matte , если вы видите его None , он удалит странные черно-белые контуры, НО он будет выглядеть пиксельным .введите описание изображения здесь

Но если вы уже знаете, какого цвета будет фон на веб-сайте, вы можете установить свой собственный цвет контура , чтобы он не выглядел пиксельным и сливался с цветом фона.

введите описание изображения здесь

Создание gif с прозрачным фоном (используется как анимация загрузки)
СпросиСетьПолитика конфиденциальности1y, 0v