С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » 10 способов оптимизации анимированных GIF файлов в Фотошопе

10 способов оптимизации анимированных GIF файлов в Фотошопе

В этом уроке мы внимательно рассмотрим все доступные варианты для преобразования видео в GIF-анимацию, и как оптимизировать размер файла. 

 

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

 

Давайте начнем!

 

Информация

 

Сложность: для начинающих
Приложение: Adobe Photoshop
Время выполнения: 20 минут

 

Предварительный просмотр

 

 

1. Обрезка анимации


 

Прежде всего, вам нужно будет открыть видеофайл в Photoshop. Если большая часть видео вам не нужна для всей последовательности GIF анимации, то вы можете обрезать видео в панели Временная шкала (Timeline) . Запустите просмотр и попытайтесь найти хорошее место, чтобы обрезать видео.

 

 

2. Уменьшение размера изображения

 

Вы можете уменьшить размер изображения в  меню Изображение (Image) или сделать это позже в диалоговом окне Сохранить для Web (Save for Web). Я предпочитаю делать это в начале в диалоговом окне Размер изображения (Image Size), так как это может сэкономить значительное количество времени, нежели это делать при сохранении. Ваш видео слой придется превратить в Смарт Объект (Smart Object), если вы изменяете размер изображения, но вы не должны беспокоиться об этом, это не будет влиять на ваш рабочий процесс.

 

 

3. Диалоговое окно Сохранить для Web

 

Моя любимая вещь в этом рабочем процессе является тем, что мы не должны делать никаких преобразований на панели Временная шкала (Timeline), чтобы иметь возможность сохранить покадровую анимацию, так как диалоговое окно Сохранить для Web (Save for Web)сделает всю работу за нас, как только вы выберите формат GIF в качестве выходного формата. Обратите внимание, что параметры анимации появятся в нижнем правом углу диалогового окна. В случае, если вы решите еще больше сократить размер вашего изображения, то вы можете сделать это здесь.

 

 

4. Уменьшение количества кадров

 


Вы можете еще ​​больше сократить размер GIF-анимации при повторном открытии экспортированного GIF файла обратно в Photoshop и удалить каждый второй или третий кадр на панели Временная шкала (Timeline). После вы должны выбрать все остальные кадры и увеличить их продолжительность , чтобы компенсировать потери кадров. Если вы не сделаете эту компенсацию, то ваша анимация будет воспроизводиться быстрее оригинала. Когда вы закончите,  то можете сохранить новую версию, которая должна быть намного меньше, чем оригинал.

 

 

5. Количество цветов

 

Наиболее важная опция для оптимизации размера GIF файла это число цветов, используемых в таблице цветов. Максимальное количество цветов 256, которое ограничено 8 битной глубиной. Вы можете уменьшить количество цветов до  64 цветов или меньше, но в зависимости от исходного видео вам может понадобиться  увеличить количество цветов, чтобы получить лучший результат.

 

 

6. Какой алгоритм снижения цветов выбрать?

 

Перценционный (Perceptual) - создает заказную таблицу поиска цвета, отдающую приоритет тем оттенкам, которые четко различает человеческий глаз;

 

Селективный (Selective) -  создает таблицу поиска цвета, похожую на перцепционную, но основанную на ключевых цветах изображения. Предпочтение отдается web-цветам;

 

Адаптивный (Adaptive) - создает заказную таблицу из тех цветов спектра, которых больше в изображении. Игнорирует все палитры системы и web-палитру;

 

Ограниченный (Restrictive) - использует стандарт на основе web цветов.

 

 

7. Дизеринг (Dithering)

 

Поскольку GIF файлы содержат ограниченное количество цветов, вы можете захотеть подменить недостающие цвета доступными, воспользовавшись сглаживанием. В меню Дизеринг (Dithering) вы выбираете один из алгоритмов для такого подражания. Метод Случайная (Diffusion) позволяет нам регулировать количество смешения. Методы Регулярный (Pattern) и Шум (Noise) такого не позволяют. Чем больше сглаживание в изображении, тем больше размер файла. Смешение добавляет различные цвета пикселей в непосредственной близости друг от друга, чтобы имитировать вторичные цвета или гладкие градации в цвете. Некоторые изображения должны содержать сглаживание, чтобы хорошо выглядеть, но лучше использовать как можно меньше сглаживания, чтобы сохранить наименьший размер файла.

 

 

8. Другие настройки

 

Веб оснастка используется для предотвращения размытия в браузере. Это делается путем привязки некоторых цветов к веб-безопасным цветам. Чем больше веб-безопасных цветов, присутствующих в GIF, тем меньше браузер будет использовать сглаживание. Значение 0% не затронет цвета, а значение 100% изменит все цвета в изображении, чтобы оно было Web-безопасным.

 

Потери (Lossy) контролирует уровень потерь, которые могут уменьшить размер файла.

 

Если изображение содержит прозрачность, выберите галочку Прозрачность (Transparency), чтобы сохранить прозрачные пиксели;  отмена прозрачности в полной мере и частично заполнит прозрачные пикселы матовым цветом.

 

При выборе опции Чересстрочно (Interlaced) GIF файлы загружаются в браузере через несколько проходов.

 

9. Сравнение оригинала и оптимизированной версии

 

После того как вы добавили много пользовательских изменений вы можете проверить разницу в размерах и качестве файла с помощью представления Два варианта (2-Up).

 

 

10. Предварительный просмотр, сохранение стилей и оптимизация размера файла

 

Если вы довольны вашими настройками окончательного GIF файла с возможностью предварительного просмотра в браузере, то не забудьте сохранить настройки как пресет. Вы также можете указать ограничение на размер файла с помощью дополнительной опции Оптимизация по размеру файла (Optimize to File Size) из меню и как только вы её примените, Photoshop будет пытаться подогнать размер с наилучшим качеством изображения.

 

 

Урок по теме – Десять пользовательских сочетаний клавиш, которые ускоряют работу в Фотошопе.

 

Источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 20.01.2014
  •   Просмотров: 8746
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки