В условиях ограниченного количества цветов (в основном 8 бит для каждого канала видео) при использовании мало-контрастных градиентов одинакового цветов возникает эффект Colour banding, которые заключается в проявлении ступенчатых грубых переходов вместо ожидаемых плавных. Особенно это становится заметно при использовании H264, XVID, DIVX и других кодеков для сильного сжатия видео.
Я не встречал нормального решения этой проблемы. Много уроков с наложением шума сверху градиента. Этот прием пришел из Adobe Photoshop и обычного графического дизайна. Но даже в тех же уроках результат лучше не становится, до и после выглядит примерно одинаково. Возможно при кодировании видео происходит некая процедура несильного шумоподавления и сглаживания. Либо это просто побочный эффект самого процесса сжатия, нельзя же сохранить всю информацию о каждой точке экрана и она отбрасывается!
В процессе работы можно увеличить битность проекта в After Effects, на экране будет смотреть лучше, но при выводе в 8-битный видео формат все артефакты вернутся назад. Это проблема возникает и в других видах дизайна (обычный графический статичный, веб и т.д.), но решить ее без анимации гораздо проще за счет добавления небольшого шума.
А вообще надо стараться избегать таких длинных и не контрастных градиентов. Можно еще добавлять всякие полупрозрачные элементы на фон, которые будут разбивать этот бандинг, и он не будет бросаться в глаза так сильно: lens flares, крупный анимированный фрактальный шум, всякие частицы, движущиеся полосы или другие фигуры и т.д. Используйте воображение на максимум!
- -
Подборка уроков по созданию интересных анимированных фонов
Я не встречал нормального решения этой проблемы. Много уроков с наложением шума сверху градиента. Этот прием пришел из Adobe Photoshop и обычного графического дизайна. Но даже в тех же уроках результат лучше не становится, до и после выглядит примерно одинаково. Возможно при кодировании видео происходит некая процедура несильного шумоподавления и сглаживания. Либо это просто побочный эффект самого процесса сжатия, нельзя же сохранить всю информацию о каждой точке экрана и она отбрасывается!
В процессе работы можно увеличить битность проекта в After Effects, на экране будет смотреть лучше, но при выводе в 8-битный видео формат все артефакты вернутся назад. Это проблема возникает и в других видах дизайна (обычный графический статичный, веб и т.д.), но решить ее без анимации гораздо проще за счет добавления небольшого шума.
А вообще надо стараться избегать таких длинных и не контрастных градиентов. Можно еще добавлять всякие полупрозрачные элементы на фон, которые будут разбивать этот бандинг, и он не будет бросаться в глаза так сильно: lens flares, крупный анимированный фрактальный шум, всякие частицы, движущиеся полосы или другие фигуры и т.д. Используйте воображение на максимум!
- -
Подборка уроков по созданию интересных анимированных фонов
Полезные ссылки:
- Colour banding - Wikipedia
https://en.wikipedia.org/wiki/Colour_banding - Как убрать резкий градиент цвета?
http://aeplug.ru/forum/viewtopic.php?t=440 - Постеризация (бандинг) при визуализации плавных градиентов
http://aeplug.ru/forum/viewtopic.php?t=126 - Проблема с качеством видео после рендера Adobe Premier
http://aeplug.ru/forum/viewtopic.php?t=597