Все мы частенько наталкиваемся в интернете на гифки. GIF — формат анимированного изображения. Можно сказать, что гиф — это нечто среднее между статичной картинкой и видео.
Гифки будут очень полезны при создании любого контента. Их легко использовать, они привлекают внимание и могут оказать сильное эмоциональное воздействие. А поскольку контент, который заставляет нас чувствовать что-то, побуждает делиться, с этими «малютками» стоит поэкспериментировать.
Мне нравятся GIF-ы тем, что их вообще не сложно сделать. При наличии Photoshop и пары свободных минут запилить гиф — плёвое дело.
Учимся делать GIF-ы в Photoshop
Вот такую, например, гифку можно забабахать в этой программе:
Итак, приступим.
Шаг первый. Загружаем изображения в Фотошоп.
Когда у вас есть готовая серия картинок.
Для начала соберите все имеющиеся изображения в отдельной папочке. Нажмите File > Scripts > Load Files Into Stack (Файл > Сценарии > Загрузить файлы в стек), чтобы закинуть их в программу.
Затем жмём Browse (Обзор), выбираем файлы, подтверждаем действие кнопочкой ОК.
Для каждого выбранного изображения прога сделает новый слой. Когда все слои будут готовы, можно переходить ко второму шагу.
Когда у вас нет серии картинок.
Сделайте для каждого кадра по новому слою, выбрав Layer > New > Layer (Слои > Новый > Слой).
Обязательно подпишите каждый слой разными именами — это позволит легко отследить их во время создания GIF. Чтобы сделать это, откройте меню Layer (Слои) (ищите в правом нижнем уголочке экрана), щёлкните два раза мышкой по дефолтному имени слоя, и впишите новое имя. Когда переименуете все слои, жмите Enter.
Шаг второй. Переходим к Timeline (Шкала времени).
В верхней панели выбираем Window > Timeline (Окно > Шкала времени).
Должно появиться вот такое окошко:
Шаг третий. Меняем параметр в Timeline.
Если вы видите вот такую кнопку «Create Video Timeline» (Создать шкалу времени для видео), её нужно поменять на «Create Frame Animation» (Создать анимацию кадра).
Теперь окошко Timeline должно иметь примерно такой вид:
Шаг четвёртый. Создаём каждому кадру новый слой.
Для начала надо выбрать все слои, нажав в верхней менюшке Select > All Layers (Выделение все слои).
Затем кликаем по значку меню — в верхнем правом уголке экрана Timeline.
Появится выпадающее меню, где нужно поставить галочку напротив «Create New Layer for Each New Frame» (Создать новый слой для каждого нового кадра).
Далее опять жмём меню на экране Timeline, выбираем «Make Frames From Layers» (Создать кадры из слоёв).
Шаг пятый. Выставляем время каждого кадра.
Под кадрами вы увидите маленькие окошечки, щёлкните по ним, чтобы установить желаемый временной промежуток. В нашем случае это 0,5 секунд на кадр.
Шаг шестой. Выставляем количество повторений.
Внизу тулбара выберите количество повторений кадра.
По умолчанию будет выставлено Once (Однократно), однако вы можете зацикливать кадр столько, сколько захотите. Чтобы выставить своё значение, выберите Other (Другое).
Шаг седьмой. Предпросмотр гифки.
Чтобы предварительно посмотреть на результат своих трудов, нажмите кнопку воспроизведения.
Шаг восьмой. Сохранение и экспорт.
Довольны получившимся гифом? Если да, то сохраните его для использования в сети, нажав в верхней панели управления File > Export > Save for Web (Legacy) (Файл > Экспортировать > Сохранить для Web (старая версия)).
Затем в выпадающем списке настроек выберите тип GIF-а. Если у вас гиф с градиентами, выберите Dithered GIF (GIF с дизерингом), чтобы не было бандинга (цветные полосы). Если ваше изображение перенасыщено сплошными цветами, можете отказаться от дизеринга, выбрав No Dither (без дизеринга).
Число, стоящее рядом с GIF-ом, означает величину (и точность) сравнения с исходными файлами JPEG или PNG. Тот, кто работал с изображениями в Adobe, знает, чем выше процент дизеринга, тем больше будет размер у файла.
Осталось сохранить анимацию на компьютер, нажав кнопку Save (Сохранить).
