Сохранение анимированного GIF с прозрачностью (Photoshop)

Я пытаюсь сохранить анимированный GIF, но по какой-то причине области, которые более прозрачны, чем другие (например, серая тень), не имеют непрозрачности, они становятся полностью серыми при сохранении.

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

При сохранении получается вот так:

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

Это мои настройки при попытке сохранить:

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

Ответы (6)

Это невозможно. Формат GIF не поддерживает альфа-прозрачность. Каждый пиксель должен быть либо полностью прозрачным, либо нет, никаких промежуточных значений, и нет никакого способа обойти это.

Если вы знаете, на каком цвете фона будет ваш GIF, вы можете установить «Matte» в диалоговом окне «Сохранить для Интернета» на этот цвет, что даст вам лучший результат, но это будет хорошо работать, только если он размещен на относительно однородный фон.

Также стоит отметить, что вы просматриваете вкладку «Оригинал» в диалоговом окне «Сохранить для Интернета»; это просто показывает вам вашу оригинальную иллюстрацию PSD. Переключитесь на вкладку «Оптимизировано», и она просмотрит окончательный результат на основе ваших настроек.

Некоторые связанные сообщения:

Также некоторая актуальная информация здесь:

Ааа, спасибо, такой вопрос новичка - теперь имеет смысл

Анимированный GIF с (частичной) прозрачностью? Нет.

Но я все равно могу сделать для вас лучше: анимированный PNG

Итак, вот как это сделать...

  • Сохраните анимацию PS в виде последовательности PNG, выбрав «Файл»> «Экспорт»> «Визуализация видео».

  • Выберите папку для экспорта, затем выберите «Последовательность изображений Photoshop».

Настройки рендеринга

Не забудьте также включить альфа-канал. Вам понадобится «Прямой — не матовый».

Итак, теперь, когда у вас есть последовательность изображений, вот несколько вариантов их сборки в APNG:

Что касается поддержки — Chromium (и, следовательно, другие браузеры на основе Chromium, такие как Vivaldi и Google Chrome), браузеры Firefox, Opera и Safari теперь поддерживают APNG:

Поддержка браузера APNG

Отстают только крупные браузеры (как обычно) Internet Explorer и Edge... Как мы видели, мир не ждет Microsoft.

Теперь мы точно увидим, как этот формат наберет популярность, и вот почему:

Вот пример, который я сделал с (полной и частичной) прозрачностью — сначала сохранил как анимированный GIF, а затем как анимированный PNG:

PS анимированный гифка

Апнг детка

Небольшая разница в качестве, а? И анимированный GIF весит 66 КБ, а анимированный PNG всего 45 КБ...

Нет конкурса... игра окончена.

@BCLtd Нет проблем. Рад помочь... Я ждал этого момента уже около 10 лет. APNG как расширение PNG был фактически официально отвергнут людьми PNG (узким голосованием: 10 против 8 за) еще в 2007 году! Но, как говорится в старой поговорке; сливки всегда поднимаются наверх.

GIF не поддерживают прозрачность в том смысле, в каком это делают другие форматы (PNG, TIF и т. д.).

Формат GIF поддерживает прозрачность, но пиксели либо заполнены, либо прозрачны, промежуточного значения нет.

Это не имеет ничего общего с фотошопом. Это ограничение формата файла.

Формат GIF не поддерживает полупрозрачность. В GIF-изображениях существует только один уровень прозрачности — полностью прозрачный.

Однако решение может быть. Формат APNG (анимированный PNG) поддерживает несколько уровней прозрачности, однако не все браузеры поддерживают этот формат, и, к сожалению, Photoshop тоже. Так что, наверное, толку мало.

Смотрите мой ответ ... Фотошоп придет, я уверен

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

для пс конечно
Привет, Рассел, не могли бы вы отредактировать свой вопрос и уточнить, какие именно шаги необходимо выполнить и как это решит проблему спрашивающих?

Gif не поддерживает эффект прозрачности. Итак, согласно моему предложению, вы можете удалить эти серые области, после этого они выглядят лучше. Спасибо.