03.10.2017      431      0
 

Как сделать gif баннер в Gimp


Всем привет. В прошлый раз я писала, как сделать анимашку в Фотошопе. Сегодня расскажу, как сделать gif баннер в бесплатном графическом редакторе Gimp. Поскольку навыки у людей разные, я разделила статью на две части: первая для тех, кто уже умеет делать картинки как таковые и хочет лишь объединить их в анимацию, во второй покажу, как создавать простейшие графические файлы в Gimp. В моем примере это будет текст на белом фоне, вы можете поэкспериментировать – например, взять в качестве фона картинку из интернета, суть от этого не меняется.

Gimp скачиваем здесь https://www.gimp.org/downloads/

Создание анимированного gif баннера в Gimp

Итак, у нас есть три исходные картинки в формате png или jpg – три кадра нашего будущего анимированного баннера:

Необходимо открыть их в одном файле как слои:

Чтобы не открывать каждый слой отдельно, можно выделить нужные файлы через Ctrl и нажать «Открыть»:

Вот что должно получиться:

Теперь надо задать время проигрывания для каждого кадра в миллисекундах. Для первого кадра я поставлю чуть побольше – 2000ms, для 2-го и 3-го по 1500ms.

Дважды щелкаем по первому слою мышью, чтобы он стал доступен для редактирования, и вместо названия формата пишем временное значение в круглых скобках, вот так:

То же самое проделываем для второго и третьего кадров:

Теперь проверим, как работает анимация. Фильтры – Анимация — Воспроизведение:

В открывшемся окне нажимаем на «Воспроизвести»:

Если время показа того или иного кадра не устраивает – возвращаемся к предыдущему шагу и исправляем значение. Если все нормально, приступаем к сохранению файла в формате gif. Для этого нажимаем Фильтры – Анимация – Оптимизация для gif:

В меню открывшегося окна выбираем Файл – Экспортировать как:

Придумываем имя, в списке форматов выбираем gif и нажимаем Экспортировать:

В окне экспорта ОБЯЗАТЕЛЬНО ставим галочку Сохранить как анимацию. Параметр «Бесконечный цикл» означает, что баннер будет проигрываться без остановки:

Жмем на экспорт. Находим на компьютере готовый файл и проверяем результат:

Этот баннер совсем простенький, но моей целью было не создать нечто прекрасное, а технически показать, как сделать gif баннер в Gimp. Признаюсь, я в нем работать не люблю – по мне он жутко «непослушный». Тем не менее я подготовила небольшую инструкцию по созданию простейших картинок в Gimp для тех, кто вообще не умеет им пользоваться.

Как создать графический файл в Gimp

Открываем редактор. Создать новое изображение:

У меня кадры размером 500х70 пикселей, вы можете задать свои размеры:

Жмем ОК. На панели инструментов открываем инструмент Текст (буква А):

Печатаем содержимое первого кадра:

Если вы знаете, какой шрифт вам нужен, можете впечатать его название прямо здесь. Если нет, идем во вкладку Текст на панели инструментов. Список шрифтов вызывается нажатием на букву А. Обратите внимание, что все манипуляции с текстом производятся, только когда он выделен. В связи с «упрямством» Gimp советую выделять справа налево:

Далее выбираем цвет и размер. Это можно сделать как во вкладке Текст, так и непосредственно в рабочем поле:

Надпись перетаскивается по рабочей области с помощью прямоугольников по краям. Чтобы вызвать их, достаточно щелкнуть по тексту. Не скажу, что это удобно, но помочь ничем не могу – к Gimp надо привыкнуть:

Итак, первый файл готов, теперь нужно сохранить его в виде картинки. Делается это через Меню – Экспортировать как:

Задаем файлу имя и сохраняем его в формате png (Экспорт):

Если нужный формат не выдается по умолчанию, его предварительно можно выбрать здесь (окно, появляющееся при нажатии Меню — Экспортировать как):

Аналогично создаются второй, третий и т. д. кадры. Опытные пользователи создают все слои для баннера непосредственно в одном файле, но я не советую этот способ новичкам – работа со слоями требует определенных навыков. А в остальном сделать gif баннер в Gimp по силам даже начинающим. Удачи!


Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Политика конфиденциальности
Пользовательское соглашение