Как улучшить качество гифки в фотошопе
В этом уроке я расскажу вам о некоторых способах, при помощи которых можно улучшить качество фотографии в Фотошоп.
После серии неудачных фотоснимков практически любую фотографию можно значительно улучшить или другими словами, доработать в Фотошоп (кадрирование, коррекция тона и цветового баланса, размытие фона, корректировка резкости и др.). Главное нужно знать, какие инструменты и фильтры в том или ином случае необходимо применить.
Прежде всего вам нужно найти подходящую фотографию, качество которой вы хотели бы улучшить.
Мягкий фокус
При фотосъёмке добиться мягкого фокуса гораздо легче в условиях слабого освещения. В Фотошоп на этот случай имеется очень полезный фильтр Smart Sharpen (Умная резкость), позволяющий вырабатывать алгоритм повышения четкости, а так же контролировать резкость в теневых и световых областях. При помощи данного фильтра можно значительно улучшить качество фотографии.
Скачайте архив zip и откройте в Фотошоп изображение Sharpen1.tif. Увеличьте масштаб этого изображения до 100%, что даст вам наиболее точное представление о резкости.
Перейдите во вкладку Filter > Sharpen > Smart Sharpen (Фильтр - Резкость - Умная резкость) и установите режим Advanced (Расширенный). Кликните и передвиньте изображение в окне предварительного просмотра, чтобы лучше рассмотреть текстуру дерева. Настройки для фильтра Умная резкость смотрите ниже:
Amount (Эффект) - параметр, отвечающий за интенсивность резкости. Чем выше значение, тем больше увеличивается контраст на краях между пикселями, в результате резкость изображения повышается, а значит и улучшается качество.
Radius (Радиус) - с увеличением значения данного параметра получается более широкий контурный эффект изменения резкости.
Remove (Удалить) - параметр, позволяющий настроить алгоритм резкости, который используется для:
- Gaussian Blur (Размытие по Гауссу) - хорошо работает на изображениях, объекты которого находятся не в фокусе;
- Lens Blur (Размытие при малой глубине резкости) - обнаруживает края деталей изображения и придаёт им резкость;
- Motion Blur (Размытие в движении) - уменьшает эффект размытия объекта в движении, вызванное фотокамерой. К этому параметру применяется настройка Angle (Угол), при помощи которой регулируется направление движения.
More Accurate (Точнее) - данный параметр предназначен для того, чтобы размытие обрабатывалось более точно. В данном фильтре так же можно отрегулировать теневые и световые области. Перейдите на одну из вкладок Shadow (Тень) или Highlight (Свет):
- Fade Amount (Ослабление эффекта) регулирует интенсивность резкости в световых и теневых областях;
- Tonal Width (Ширина тонового диапазона) управляет диапазоном тонов тени и света;
- Radius (Радиус) определяет размер контура вокруг каждого пикселя и распознаёт, к какой области он относится к тени или свету.
Если вы довольны результатом, то нажмите OK, чтобы применить фильтр.
Старые выцвевшие фотографии
Основная проблема старых чёрно-белых фотографий и фотографий с эффектом сепии заключается в том, что они теряют качество с течением времени. Чтобы улучшить их качество можно использовать такие коррекции, как Уровни и Кривые, но в результате на фотографии могут появиться артефакты (т.е. различные микродефекты). Вот несколько советов, которые помогут улучшить качество фотографии, давайте их рассмотрим.
Из скаченного архива откройте в Фотошоп изображение Fading_Historical.tif.
Если в итоге вы хотите сохранить оттенок исходной фотографии, то выберите инструмент Eyedropper Tool (I) (Пипетка) и возьмите образец оттенка с фотографии. Режим для фотографии оставьте RGB и обесцветьте её. Для этого перейдите в меню Image > Adjust > Desaturate (Изображение - Коррекция - Обесцветить) или нажмите комбинацию клавиш Ctrl + Shift + U. Выполните коррекцию при помощи уровней, чтобы улучшить качество чёрно-белой фотографии. В окне настроек данной коррекции черный и белый ползунки переместите к центру, опирайтесь на скриншот ниже.
Создайте новый заливочный слой Solid Color (Цвет), для этого зайдите в меню Layer > New Fill Layer > Solid Color (Слои - Новый слой-заливка - Цвет) и нажмите OK. Ранее выбранный цвет Фотошоп установит автоматически.
Для этого слоя измените режим смешивания на Color (Цветность). Отрегулируйте значение непрозрачности на ваше усмотрение.
Примечание: вот ещё один способ, как можно быстро раскрасить фотографию. Для этого Вы можете использовать корректирующий слой Heu/Saturation. Установите галочку возле Colorize (Тонирование) и отрегулируйте ползунки на ваше усмотрение.
Замена неба
Чтобы получить хорошую фотографию профессиональный фотограф может потратить большую часть дня в ожидании подходящего неба и благоприятных погодных условий. Данную проблему с лёгкостью можно решить при помощи программы Фотошоп. Одним из решений является комбинирование нескольких фотографий, создавая новую композицию.
Для примера откройте изображение Fix_Sky.tif в Фотошоп из скаченного архива.
При помощи команды Select > Color Range (Выделение - Цветовой диапазон), выберите всё небо.
Если необходимо, вычтите все лишние области из выделения при помощи инструмента Лассо (L) и зажатой клавиши Alt. Кроме того, для более детального выделения можно использовать режим быстрой маски. Дважды кликните по фоновому слою, в диалоговом окне переименуйте этот слой на Boat и нажмите OK. Инвертируйте выделение, выбрав Select > Inverse (Выделение - Инверсия) или нажав Shift + Ctrl + I. Воспользуйтесь функцией Refine Edge (Утончить край), чтобы сделать выделение неба более чётким. К этому слою добавьте маску, в результате небо скроется.
Теперь добавим на эту фотографию новое небо. Откройте в Фотошоп изображение с небом DSC_2197.jpg из скаченного архива, для этого перейдите в меню File > Place (Файл - Поместить). Переместите этот слой ниже слоя Boat. Если необходимо используйте команду Free Transform (Свободное трансформирование), чтобы изменить его размер или повернуть.
Выберите миниатюру маски слоя Boat. Перейдите на вкладку Properties (Свойства), нажмите на кнопку Mask Edge (Край маски) и произведите настройки на своё усмотрение.
Слегка размойте небо, чтобы оно лучше соответствовало глубине резкости всего изображения. Ориентируйтесь по пальмам. Для размытия лучше всего использовать фильтр Gaussian Blur (Размытие по Гауссу) со значением 4 - 6 пикселей.
Чтобы цвета неба лучше сочетались со всем изображением, добавьте ещё одно изображение с небом Fix_Sky_Completed.tif и для этого слоя установите режим наложения Overlay (Перекрытие) или Soft Light (Мягкий свет) и снизьте уровень непрозрачности на своё усмотрение. Скомбинировав две фотографии с небом, нам действительно удалось улучшить композицию.
Примечание: делать снимки неба лучше всего в пустыне или у океана. Если у вас нет такой возможности, то в этом вам поможет программа Фотошоп.
Удаляем зернистость/шум
Очень часто на фотографиях можно заметить шумы или зернистость. Они появляются:
- вследствие съёмки фотографий с высоким значением ISO цифровой фотокамеры;
- при недостаточном или неравномерном освещении;
- вследствие длинных выдержек;
- если низкое качество потребительской фотокамеры;
- после сканирования фотографий.
Наиболее распространённый тип шума - это яркостный (оттенки серого). На изображении в Фотошоп данный шум наиболее выражен в синем канале. Если корректировать шум на каждом канале по отдельности, можно сохранить высокое качество фотографии. Рассмотрим пример:
Из скаченного архива откройте изображение Remove Grain.tif, перейдите на панель Channels (Каналы) и просмотрите каждый канал в отдельности. Для этого кликните по каналу, чтобы выбрать его. Когда вы перейдёте на синий канал, то заметите, что на нём отображается больше шума, чем на других каналах.
Выделите все три канала, кликнув по каналу RGB. После этого перейдите в меню Filter > Noise > Reduce Noise (Фильтр - Шум - Уменьшить шум). В диалоговом окне выберите Advanced (Дополнительно) и перейдите во вкладку Per Channel (На канал). В результате вы сможете произвести дополнительные коррекции на уровне каналов. Переключитесь на синий канал, отрегулируйте значения для Strength (Интенсивность) и Preserve Details (Сохранить детали) на своё усмотрение. На изображении ниже вы увидите, какие значения установил я.
В результате нам удалось улучшить качество данной фотографии.
Фильтр Lens Blur
Улучшить качество фото можно с помощью фильтра Lens Blur. Выборочное размытие фотографии помогает сфокусировать взгляд на нужном объекте. В Фотошоп такое размытие называется Lens Blur (Размытие при малой глубине резкости), при помощи которого достигается эффект постепенного изменения глубины резкости. В результате основные объекты будут находиться в центре внимания, а другие останутся за фокусом. Вы можете добиться выборочной размытости, используя Альфа канал в отношении тех объектов, к которым применена карта глубины.
Карта глубины определяет, насколько объекты удалены от фотокамеры. Черные области в Альфа канале рассматриваются как объекты на переднем плане, а белые участки характеризуют объекты, находящиеся на расстоянии. Рассмотрим пример:
Из скаченного архива откройте изображение Lens Blur.tif. К этому изображению уже добавлен Альфа канал, который был создан с помощью команды Calculations (Вычисления) и режима быстрой маски.
Убедитесь, что у вас выбран канал RGB и зайдите во вкладку Filter > Blur > Lens Blur (Фильтр - Размытие - Размытие при малой глубине резкости). В параметре Источник выберите Альфа канал (Alpha 1). Если вы хотите полностью изменить размытие, то установите флажок возле Invert (Инверсия). Параметр Faster (Быстрее) обеспечивает быстрое действие фильтра. Параметр More Accurate (Точнее) делает результаты работы данного фильтра намного качественнее, хотя на это уходит больше времени.
В подгруппе Iris (Диафрагма) отрегулируйте форму и значения кривизны, радиуса и поворота. В предварительном просмотре Фотошоп сымитирует, как это будет выглядеть в рабочем документе. Даже если вы неопытный фотограф, то вам всего лишь потребуется отрегулировать значения для получения желаемого результата.
Парметр Blur Focal Distance (Фокусное расстояние размытия) позволяет определить фокусный центр на изображении, остальные части фотографии будут размываться по мере их отдаления от точки фокуса. Кроме того вы можете кликнуть внутри изображения предварительного просмотра, чтобы установить фокусное расстояние размытия.
Вы можете добавить подсвечивание, корректируя значение Threshold (Изогелия). Тем самым вы указываете пороговую яркость, ниже которой подсвечивание выполняться не будет. Затем при помощи параметра Brightness (Яркость) увеличьте насыщенность подсвечивания.
И в заключении нам осталось добавить шум/зернистость на изображение. Как правило, все размытия скрывают шум/зернистость, но добавив его, любая фотография будет выглядеть более реалистично.
С помощью фильтра Lens Blur нам удалось не только улучшить качество фотографии, но и усилить её визуальное ощущение, сфокусировав основные объекты в центре восприятия кадра.
Выше я предоставил вам некоторые полезные советы, которые помогут улучшить качество практически любой фотографии. Пробуйте, экспериментируйте и получайте хорошие результаты!
Сегодня интернет наполнен движением, поэтому GIF-изображения получили широкое распространение. Движущееся изображение может полнее передать историю — Adobe Photoshop упрощает создание GIF-изображений высокого качества. Найдите вдохновение и создавайте потрясающий контент, который станет популярным в Giphy, Vimeo, Snapchat и на других платформах.
Кендалл Плант, дизайнер, арт-директор и разработчик контента, чьи работы включают в себя пейзажную, уличную фотографию и даже рисунки черепов, использует свой уникальный творческий подход на должности заместителя креативного директора Adobe.
Добавьте в GIF-анимацию аватары, эмодзи, видео с веб-камеры и многое другое. Гибкость и легкость. О чем еще можно мечтать? Смотрите видео о средстве создания GIF-анимации ниже.
Посмотрите этот короткий видеоролик, чтобы увидеть, как Кендалл Плант создает GIF-анимацию. Шаги описаны ниже.
Создавайте потрясающую GIF-анимацию — это быстро и просто.
Оттачивайте мастерство
Редактор GIF-файлов включает полный набор функций для редактирования и простую в использовании рабочую среду.
Фильтры и эффекты.
Ретушируйте GIF-изображения, добавляя привлекательные фильтры и эффекты на свой вкус.
Скорость анимации
Устанавливайте необходимую скорость анимации, корректируя скорость кадра на панели временной шкалы.
Добавить текст.
Накладывайте текст на анимацию, используя такие шрифты, как TruType, OpenType SVG или встроенные шрифты Typekit.
Изменение размера изображений.
Изменяйте размер изображения простым перетаскиванием, сохраняя резкость.
Работа с любыми типами файлов
Можно создавать GIF-файлы из любых типов файлов изображений (BMP, JPG, PNG и др.), а также видео-файлов (AVI, FLV и MP4).
Создание GIF-анимации
Посмотрите видео о том, как дизайнер и разработчик GIF-анимации Кендалл Плант (Kendall Plant) дает новую жизнь одному из своих рисунков, превращая его в GIF. Посмотрите этот короткий видеоролик, чтобы увидеть, как Кендалл создает GIF-анимацию.
Она работает с пейзажами, уличной фотографией и рисунками черепов. Кендалл Плант — дизайнер, арт-директор, разработчик контента и заместитель руководителя креативного отдела в компании. Создавая проекты, Кендалл использует свой уникальный подход к работе с инструментами Adobe.
В формате предусмотрено сжатие без потерь (LZW). Однако в силу ограничения палитры используемых цветов (не более 256 оттенков цвета) оптимизация оригинального 24-битного изображения в формат GIF с глубиной цвета 8 бит может привести к потере оттенков в изображении.
Изображение в формате GIF с использованием селективного алгоритма сокращения цветов (слева) и изображение в формате GIF с использованием стандартной таблицы цветов, поддерживаемых в вебе (справа)
Можно выбрать количество используемых цветов в изображении в формате GIF и задать метод смешения цветов в веб-браузере (способ имитации отсутствующих цветов). GIF поддерживает прозрачность фона, т.е. незаметный переход кромки изображения к фоновому цвету веб-страницы.
Поскольку PNG-8 поддерживают далеко не все веб-браузеры, лучше воздержитесь от сохранения изображения, предназначенного для широкой аудитории, в данном формате.
Функция компрессии у формата PNG-8 имеет улучшенные характеристики, чем у формата GIF, при этом изображение в формате PNG-8 меньше по размерам того же изображения в формате GIF (от 10% до 30%, в зависимости от цветового узора). Несмотря на то, что алгоритм сжатия PNG-8 является методом сжатия без потерь, оптимизация оригинального 24-битного изображения в формат GIF с глубиной цвета 8 бит может привести к потере оттенков в изображении.
При сохранении некоторых изображений, в особенности рисунков с простыми узорами и небольшим количеством цветов, сжатие в формат GIF даст файл меньшего размера, чем сжатие в формат PNG-8. Для сравнения размеров оптимизированного изображения в формате GIF и PNG-8 оцените результаты в окне предварительного просмотра.
Равно как и для формата GIF можно выбрать количество используемых цветов изображения и задать метод смешения цветов в веб-браузере (способ имитации отсутствующих цветов). Формат PNG-8 поддерживает прозрачность фона, т.е. позволяет создавать незаметный переход кромки изображения к фоновому цвету веб-страницы.
PNG-8 с использованием 256 цветов без смешения (слева) и PNG-8 с использованием 16 цветов и смешением (справа)
GIF эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах и прочих изображениях без полутонов. Как и формат GIF, PNG-8 поддерживает прозрачность и эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах, и прочих изображениях без полутонов; однако, не все веб-браузеры способны отображать файлы в формате PNG-8.
Для постепенного улучшения разрешения изображения в процессе загрузки установите флажок «Чересстрочная развертка». Чересстрочная развертка увеличивает скорость загрузки изображения и уже после первого этапа развертки пользователь сможет получить представление о том, что, собственно, изображено на картинке.
В списке «Алгоритм сокращения цветов» под списком форматов можно выбрать параметр создания цветовой таблицы, или алгоритм цветовой редукции:
Создает пользовательскую палитру, отдавая предпочтение цветам, к которым человеческий глаз имеет наибольшую чувствительность.
Создает таблицу цветов, аналогичную таблице «С учетом восприятия», но отдает предпочтение областям большого размера и сохранению цветов Веб. Обычно при использовании этого параметра получаются изображения с наибольшей достоверностью цветов. (По умолчанию установлена «Выборочная».)
Создает палитру на основе выборки цветов спектра, которые наиболее часто встречаются в изображении. Например, для изображения, в котором присутствуют только зеленый и синий цвета, палитра будет состоять в основном из синего и зеленого оттенков. В большинстве изображений цвета сконцентрированы в определенных областях спектра.
Чтобы задать максимальное количество цветов в таблице, выберите число в раскрывающемся списке «Цвета», введите значение в текстовом поле или щелкайте стрелки для изменения количества цветов. Если изображение содержит меньше цветов, чем имеется на панели, в цветовой таблице отображается фактическое число цветов в изображении.
При использовании алгоритма сокращения цветов «Ограниченная (Веб)» в меню «Цвета» можно выбрать вариант «Автоматически». Выберите вариант «Автоматически», если вы хотите, чтобы программа Photoshop Elements обеспечила использование только цветов, имеющихся в исходном изображении.
Выберите значение смешения в процентах, указав его в числовом поле или щелкнув на стрелках и перетащив всплывающий ползунок на нужное значение.
Если изображение содержит прозрачные области, установите флажок «Прозрачность», который позволяет обеспечить прозрачные области в изображении, сквозь которые просвечивает фон веб-страницы; снимите флажок «Прозрачность», чтобы заполнить полностью или частично прозрачные пикселы цветом подложки.
Чтобы сохранить оптимизированное изображение, нажмите «ОК». В диалоговом окне «Сохранить оптимизированное изображение» укажите имя файла и нажмите кнопку «Сохранить».
В этом разделе рассматриваются различные параметры экспорта изображений и анимированных файлов GIF.
Форматы веб-графики могут быть битовыми (растровыми) или векторными. К битовым форматам относятся GIF, JPEG и PNG, которые зависят от разрешения, то есть от размеров растрового изображения. Использование различных разрешений экрана монитора может привести к изменению качества. К векторным форматам относятся SVG и SWF, которые не зависят от разрешения и поддерживают масштабирование без потери качества изображения. Векторные форматы могут также содержать растровые данные.
Формат JPEG является стандартом сжатия нерастрированных изображений, например фотографий. Оптимизация изображения в формате JPEG основана на сжатии с потерями вследствие выборочного удаления данных.
Определяет уровень сжатия. Чем выше значение параметра «Качество», тем больший уровень детализации сохраняется при сжатии. Однако чем выше значение параметра «Качество», тем больше размер файла. Чтобы определить наилучшее соотношение качества и размера файла, рекомендуется просмотреть оптимизированное изображение с различными настройками качества.
Создается улучшенный файл JPEG с незначительно меньшим размером файла. Формат «Оптимизированный JPEG» рекомендуется для максимального сжатия. Однако некоторые браузеры старых версий могут не поддерживать эту функцию.
Изображение в веб-браузере отображается прогрессивно. Изображение выводится как последовательность наложений, что позволяет отобразить изображение с низким разрешением до полной его загрузки. Для параметра «Прогрессивный» необходимо использование формата Оптимизированный JPEG.
Отображение формата «Прогрессивный JPEG» требует большего объема оперативной памяти, этот формат поддерживается не всеми браузерами.
Задает степень размытия изображения. При выборе этого параметра создается эффект, аналогичный фильтру «Размытие по Гауссу», и обеспечивается дополнительное сжатие, что уменьшает размер файла. Рекомендуется использовать значение от 0,1 до 0,5.
Встроенный профиль (Photoshop) или ICC-профиль (Illustrator)
Сохраняет цветовые профили в оптимизированном файле. В некоторых браузерах для цветокоррекции применяются цветовые профили.
Задается цвет заливки для пикселей, которые в исходном изображении были прозрачными. Чтобы выбрать цвет в палитре цветов, щелкните «Образец цвета подложки» или укажите параметр в меню «Подложка»: «Цвет пипетки» (для использования цвета в поле образцов пипетки), «Основной цвет», «Цвет фона», «Белый», «Черный» или «Другой» (для использования палитры цветов).
Полностью прозрачные пиксели исходного изображения заполняются выделенным цветом. Частично прозрачные пиксели исходного изображения смешиваются с выбранным цветом.
Формат GIF является стандартом сжатия для изображений с цветами смесевых красок и четкой детализацией, например, для штриховых рисунков, логотипов или иллюстраций с текстом. Аналогично GIF, формат PNG‑8 эффективно сжимает сплошные области цвета с сохранением четкости деталей.
Кроме приведенных ниже параметров, можно задать количество цветов в таблице цветов изображения.
Потери (только GIF)
Уменьшение размера файла путем выборочного удаления данных. Чем выше значение параметра «Потери», тем больший объем данных удаляется. Обычно сохранить качество изображения позволяет установка для параметра «Потери» значения в диапазоне от 5 до 10, иногда до 50. Изменение значения параметра «Потери» может привести к уменьшению размеры файла на 5 — 40 %.
Параметр «Потери» нельзя использовать одновременно с параметром «Чересстрочно», алгоритмами «Шум» или «Регулярный дизеринг».
Цвета и метод редукции цвета
Определяет метод создания таблицы цветов изображения и необходимое количество цветов в таблице. Доступны следующие методы редукции цвета.
Перцепционная Создает пользовательскую таблицу цветов, отдавая предпочтение цветам, к которым человеческий глаз наиболее чувствителен.
Селективная Создает таблицу цветов, аналогичную таблице «Перцепционная», но отдавая предпочтение областям большого размера и сохранению веб-цветов. Обычно при использовании этой таблицы получаются изображения с наибольшей достоверностью цветов. Значение «Селективная» задано по умолчанию.
Адаптивная Создает таблицу путем выборки цветов из преобладающего спектра в изображении. Например, для изображения, в котором есть только зеленый и синий цвета, таблица цветов будет состоять в основном из оттенков синего и зеленого. В большинстве изображений цвета сосредоточены в определенных областях спектра.
Заказная Применяется палитра цветов, созданная или измененная пользователем. При открытии существующего файла GIF или PNG‑8 в нем будет пользовательская палитра цветов.
Таблица цветов изображения настраивается с помощью палитры «Таблица цветов» в диалоговом окне «Сохранить для Web и устройств».
«Черно-белый», «Оттенки серого», Mac OS, Windows Используется заданная палитра цветов.
Определяет метод и степень дизеринга. Дизеринг позволяет имитировать цвета, которые отсутствуют в системе цветного изображения компьютера. Более высокий процент дизеринга позволяет передавать больше цветов и деталей, но также приводит к увеличению размера файла. Для оптимального сжатия рекомендуется использовать наименьший процент дизеринга, обеспечивающий необходимую детализацию цвета. К изображениям, состоящим преимущественно из сплошных тонов, дизеринг можно не применять. В изображениях с непрерывными оттенками (особенно градиентами) дизеринг может быть нужен для того, чтобы избежать полошения цветов.
Формат GIF предназначен для сжатия изображений с большими областями сплошного цвета и чёткими элементами, вроде рисунков, логотипов или текста. Будучи форматом изображения 8 битовой глубины он давно бы исчез с просторов Интернета после введения форматов JPEG и PNG, GIF, но несмотря на это он по прежнему является излюбленным форматом среди веб-разработчиков благодаря своей функции покадровой анимации.
Кстати, если вам часто приходится работать с анимированными GIF файлами, то возможно вам будет интересно просмотреть автоматизированное решение – Photoshop экшен « Gift Export », доступный на Envato, который берёт несколько изображений, автоматически загружает их в Photoshop и экспортирует в формат GIF.
1. Обрезка анимации
Для начала откройте видео-файл в Photoshop. Большая часть видео для всей последовательности GIF анимации нам не нужна, поэтому можете обрезать её, прибегнув к помощи панели Timeline (Временная шкала). Просмотрите видео и найдите подходящий фрагмент, а остальное удалите.
2. Уменьшение размера изображения
Вы можете уменьшить размер изображения с помощью меню Image (Изображение), либо сделать это чуть позже в диалоговом окне Save for Web (Сохранить для Web). Лично я предпочитаю уменьшать изображение в начале работы в диалоговом окне Image Size (Размер изображение), потому как вы сэкономите время, нежели будете делать это в конце при сохранении. При изменении размера изображения, видео-слой необходимо преобразовать в смарт-объект, но не стоит беспокоиться, это никак не повлияет на рабочий процесс.
3. Save for Web (Сохранить для Web)
Что я люблю в этом процессе, так это то, что вам не нужно делать каких-либо преобразований на панели Timeline (Временная шкала) для сохранения покадровой анимации, так как диалоговое окно Save for Web (Сохранить для Web) сделает всю работу за вас, как только при выходе вы выберите формат GIF. Посмотрите, в правом нижнем углу диалогового окна появились параметры анимации. Если вы захотите уменьшить размер изображения, то сделать это можно в данном окне.
4. Уменьшение количества кадров
При необходимости, вы можете ещё больше уменьшить размер GIF-анимации, для этого понадобится повторно открыть экспортированный GIF файл в Photoshop и удалить каждый второй либо третий кадр во временной шкале. Далее вам необходимо выбрать оставшиеся кадры и увеличить их продолжительность для компенсирования удалённых кадров. Если не проделать эту работу, то анимация будет воспроизводиться быстрее, чем оригинал. После того, как вы закончите, сохраните GIF-анимацию, по размеру она должна быть меньше оригинала.
5. Количество цветов
6. Алгоритм сокращения цветов
- Perceptual (Перцепционный) предназначен для создания пользовательской таблицы цветов, отдавая предпочтение тем тонам, которые чётко распознаёт глаз человека.
- Selective (Селективный) создаёт таблицу цветов, аналогичную Перцепционной таблице, но созданную на ключевых оттенках изображения. В этом алгоритме предпочтение отдаётся web-цветам. В Photoshop он установлен по умолчанию.
- Adaptive (Адаптивный) предназначен для создания пользовательской таблицы цветов спектра, преобладающих в изображении. К примеру, для изображения, в котором больше всего преобладает синих и зелёных цветов, будет создана таблица из синих и зелёных оттенков. Большинство оттенков изображения собирается в определённой области спектра.
- Restrictive (Ограниченный) применяет стандартную палитру, состоящую из 216 безопасных web-цветов. Этот параметр гарантирует, что ни один браузер не применит дизеринг к цветам изображения с 8 битовой глубиной цвета. Если изображение имеет менее чем 216 цветов, то неиспользуемые цвета удалятся из таблицы.
- Custom (Заказная) палитра цветов выбранных пользователем.
7. Dithering (Дизеринг)
Так как GIF-файлы содержат ограниченное количество цветов, вы можете имитировать недостающие цвета доступными при помощи сглаживания. Для этого в меню Dithering (Дизеринг) необходимо выбрать один из алгоритмов. Метод Diffusion (Случайный) предназначен для регулирования количества смешения. Методы Pattern (Регулярный) и Noise (Шум) не предназначены для этого. Чем больше сглаживание на изображении, тем больше будет размер файла. Смешение добавляет разноцветные пиксели вблизи друг от друга для имитации вторичных цветов или гладких градаций в цвете. Чтобы получился хороший результат, некоторые изображения должны содержать сглаживание. Но если вы хотите сохранить маленький размер файла, то сглаживание нужно использовать как можно меньше.
8. Другие опции
- Web Snap (Web-оснастка) помогает предотвратить размытие в браузере. Делается это путём привязки некоторых цветов к безопасным web-цветам. Чем больше web-цветов, находящихся в GIF, тем меньше браузером будет использоваться сглаживание. При значении 0% цвета будут не затронуты, а при значении 100% все цвета в изображении изменятся для Web-безопасности.
- Lossy (Потери) – данная опция контролирует степень потерь визуальной информации, которая способна уменьшать размер файла.
- Если в изображении содержится прозрачность, то поставьте галочку возле опции Transparency (Непрозрачность) для сохранения прозрачных пикселей. Убрав галочку, тем самым частично или в полной мере прозрачные пиксели заполнятся матовым цветом.
- При активной опции Interlaced (Чересстрочно) файлы формата GIF в браузере будут загружаться в несколько проходов.
9. Сравнение оригинала и оптимизированных версий
В результате добавления множества пользовательских изменений можно сравнить разницу в качестве и размере файла при помощи режима 2-Up (Два варианта).
10. Просмотр, сохранение настроек и оптимизация размера файла
Если в результате оптимизации GIF файла вы довольны окончательными настройками с возможностью предварительного просмотра в браузере, то не забудьте сохранить их в как пресет. Кроме того, вы можете указать ограничение на размер GIF файла при помощи дополнительной настройки Optimize to File Size (Оптимизация по размеру файла). После того, как вы её примените, программа Photoshop автоматически попытается подогнать размер с наилучшим качеством изображения.
Читайте также: