Анимация — это последовательное отображение кадров, каждый из которых немного видоизменяется, даря картинке ощущение движения.
GIF-анимация в современном мире дизайна давно перешла в разряд оптимальных инструментов для улучшения удобства и повышения комфорта пользователя. Анимированная графика помогает лучше взаимодействовать с интерфейсом веб-ресурса и переводит внимание пользователя на главное —то, что требуется владельцу ресурса.
Чтобы создавать стильную и привлекательную GIF анимацию, необязательно в совершенстве знать особенности используемого софта. На самом деле достаточно воспользоваться дизайнерскими программами, например, Adobe Photoshop. Мы подскажем вам, как как создать GIF анимацию в Фотошопе.
Шаг 1: подготовка
Вначале выберите фото (изображение), на основе, которой вы хотите создавать создать Гиф в Фотошопе. Нам нужно послойно открыть изображение в программе:
Шаг 2: формируем «шкалу времени»
Открываем на панели инструментов Фотошопа опцию «Окно», затем жмем на «Шкала времени» для создания Гиф:
Перед нами в Photoshop раскроется список. Чтобы сделать Гифку, отмечаем опцию «Создавать анимацию по кадру». На временной шкале появится первое изображение для будущей Гиф:
Шаг 3: делаем промежуточные кадры
Для Гифки выделяем все слои изображения на фото. Затем в правой части меню Photoshop из шкалы времени кликаем на опцию «Преобразовать покадрово в анимацию»:
Затем нужно выбрать и кликнуть на пункт «Создавать кадры фотографии послойно для Гиф»:
Шаг 4: настройка частотности
Теперь для Гифок необходимо настроить частотность кадров в Фотошопе. Нужно убедиться, что в «Параметрах» выставлено значение «Постоянно»:
Шаг 5: экспорт анимации
Наша GIF анимация почти готова. Экспортируем анимашку по следующим шагам (нажимаем последовательно): «Файл», «Экспортировать» и «Сохранить как», при сохранении выбираем параметр «PNG для Web»:
При экспорте Гифа отмечаем в параметрах «GIF 128 Dithered». Этот формат PNG применяется для сохранения четкости и детализации Animation без возникновения расплывчатых градиентных переходов. Напоследок жмем «Сохранять»:
Вот и все! Наш роскошный и красивый анимационный персонаж, стильная Гифка готова:
Поделиться статьей:
Может быть интересно