24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Почему гифы пикселят?


Почему гифы пикселят?

Сообщений 1 страница 6 из 6

1

Почему гифы пикселят?
Как Вы сами, скорее всего, замечали, анимированные гифы зачастую начинают пикселить после оптимизации. Многие не знают, что с этим делать и сохраняют "как есть". Чаще всего неправильно. Поэтому получаются убитые гифы, и происходит это именно от незнания свойств гифов.

Чтобы понять, как избавиться от пикселей (или минимизировать ущерб), нужно понять, почему это происходит.
Сразу скажу. Будет ли Ваш мув пикселить, напрямую НЕ зависит от:
1. версии фотошопа (слышала такую версию );
2. количества кадров (разве что косвенно);
3. размера (тоже разве что косвенно, чем больше размер - тем больше пикселей и цветов соответственно).

Теперь открою главный секрет пикселизации гифов. Барабанная дробь...

Сам формат gif воспринимает только 256 цветов. Сохранить с большим количеством невозможно. Именно ПОЭТОМУ гифы пикселят.

Поэтому наиболее качественно смотрятся черно-белые и монохромные работы, которые изначально содержат мало цветов. Совершенно обратная ситуация происходит в случае, если исходник разноцветный. Именно из-за невозможности выйти за 256 цветов, появляются надоедливые пиксели, с которыми достаточно сложно бороться, но все-таки можно.
http://forumupload.ru/uploads/000c/77/06/63353-2.gif http://forumupload.ru/uploads/000c/77/06/63353-1.gif
Первый авик по качеству намного выше именно из-за монохромной гаммы. А второй сильно пикселит из-за цветового изобилия.
Чтобы повысить качество гифа - нужно уменьшить количество цветов. http://i.smiles2k.net/music_smiles/loveshower.gif
Вот и весь секрет.

Способы борьбы с пикселями:
1. Если Вы работаете с видео, нужно стараться всегда находить HD-качество.
2. На аватарах старайтесь избавляться от плавных градиентов, потому что именно они зачастую портят качество.
Также кистью можно зарисовать участки каким-то однородным цветом.
3. Если в работе очень много цветов, накладывайте такие корректировки, которые уменьшат их количество.
Выводим качество гифа: три простых приема
4. В мувах можно избавиться от части кадров, если они сильно отличаются по цвету от основных.
5. Очень простой вариант - обесцветить анимацию. Качество всегда будет высоким, тк мало цветов.
6. Оптимизация, которая дает максимум качества, - это: Адаптивная, 256, дизеринг 100%. Но она же дает и максимальный вес.

Настройка окна оптимизации
Рекомендую настроить окно оптимизации как у меня - 4 варианта.
Так Вы можете сравнить разные виды оптимизации и решить, какая Вам подходит больше всего.
Свои любимые настройки оптимизации я обвела. Они необязательно самые лучше, просто подходят для мувов. Естественно, их можно менять и править. Просто каждый раз сравнивать результат.
http://forumupload.ru/uploads/000c/77/06/63355-1-f.gif

Для закрепления своих знаний об оптимизации обязательно прочитайте ЭТУ статью. Ее нужно знать как таблицу умножения!http://lady.webnice.ru/forum/users/2444/img20090611031124.gif
Там очень подробно расписано, как использовать оптимизацию.

Если Вы все же не сможете хорошо вывести цвета, возможно Вам понравится новый формат апнг. 
Новый формат apng (png с анимацией)
Написано специально для colorforum.ru
Копировать можно только в полном объеме (со всеми скринами и копирайтами) и активной ссылкой на наш форум.

+8

2

Ура! Наконец то не надо всю инфу копировать))) http://www.10pix.ru/img1/600667/3475845.gif
Замечательно нужный и полезный урок http://colormate.ru/wp-content/uploads/2011/03/Whee.gif

0

3

У меня вопрос по пунктам, от которых не зависит качество, количество кадров и размер.
Когда стала делать большие анимации для тумблера столкнулась с тем, что для меня это как-то зависит http://www.10pix.ru/img1/1273/3475808.gif Каждый кадр на вес золота и значительно увеличивает вес, если надо подогнать в 500 кб большую анимашку.
Есть советы как сделать большую анимацию (ширина 500 пикс) , кадров на 15, лучше 20 хорошего качества? Про то, что отдельные участки видео делать неподвижным я знаю...
Буду благодарна! http://colormate.ru/wp-content/uploads/2011/03/clover.gif

Отредактировано Red_Fairy (10-05-2011 13:04:11)

0

4

Когда стала делать большие анимации для тумблера столкнулась с тем, что для меня это как-то зависит

Качество всегда зависит именно от количества цветов.

Если изначально твое видео HD и в псд-файле смотрится качественным, то и гифка должна быть хорошей. Конечно, если цветов мало. http://www.10pix.ru/img1/600667/3475845.gif
А если и в псд качество видео не ахти, то и гифка будет соответственной. http://www.10pix.ru/img1/600667/3475845.gif
И если много цветов - гифка любого размера будет пикселить. http://www.10pix.ru/img1/600667/3475845.gif

То есть качество гифа еще и сильно зависит от качество исходного видео.

Red_Fairy написал(а):

Есть советы как сделать большую анимацию (ширина 500 пикс) , кадров на 15, лучше 20 хорошего качества? Про то, что отдельные участки видео делать неподвижным я знаю...

Боюсь, тут невозможная задача. http://www.10pix.ru/img1/600667/3475845.gif
Кроме хорошо выведенных цветов, неподвижных частей и черно-белого я другого способа повысить качество при минимуме веса я не знаю.

Чтобы уменьшить вес, можно настроить параметры оптимизации (уменьшить количество цветов, убрать дизеринг, выставить параметр потерь), только качество при этом СИЛЬНО упадет.

Еще вариант повышения качества - не использовать градиенты в колорах. Только на тумблере все колоры с градиентами http://www.10pix.ru/img1/600667/3475845.gif

0

5

Ну, я просто имела в виду, что при неидеальных условиях каждый кадр влияет на качество косвенно. Он увеличивает вес, а значит надо другими способами уменьшать вес. (уменьшать цвета, увеличивать потери, например). Так что в режиме экономии приходится терять качество http://www.10pix.ru/img1/1547/3475842.gif

эхо написал(а):

Боюсь, тут невозможная задача.

Жалко... http://www.10pix.ru/img1/431595/3475823.gif

0

6

Red_Fairy написал(а):

Так что в режиме экономии приходится терять качество

Или делать оч маленькие фрагменты анимированными http://www.10pix.ru/img1/600667/3475845.gif

Red_Fairy написал(а):

Жалко...

Плохо, что ограничение 500. Почти все гифки с тумблера незамкнутые и резкие, что от них голова болит http://www.10pix.ru/img1/600667/3475845.gif

0


Вы здесь » COLOR MATE » Уроки Photoshop » Почему гифы пикселят?