Skip to main content

Создание анимационного GIF с GIMP

Как сделать гифку Гиф Анимация GIF Гифки картинки в GIMP Уроки Гимп Смотреть онлайн ПЛАНЕТА ЗЕМЛЯ HD (Май 2025)

Как сделать гифку Гиф Анимация GIF Гифки картинки в GIMP Уроки Гимп Смотреть онлайн ПЛАНЕТА ЗЕМЛЯ HD (Май 2025)
Anonim

GIMP - замечательно мощная часть программного обеспечения, учитывая, что она бесплатна. Веб-дизайнеры, в частности, могут быть благодарны за его способность создавать простые анимированные GIF-файлы.Анимированные GIF-файлы - это простые анимации, которые вы увидите на многих веб-страницах, и, хотя они гораздо менее сложны, чем флеш-анимации, их очень просто создать любой, у кого есть базовое понимание GIMP.Следующие шаги показывают простую анимацию размера веб-баннера, используя пару основных графических элементов, текст и логотип.

Открыть новый документ

В этом примере мы собираемся использовать GIMP для создания очень простого анимированного веб-баннера GIF. Мы выбрали предустановленный шаблон Веб-баннер общий 468x60, Для вашей анимации вы можете выбрать заданный размер или задать собственные размеры в зависимости от того, как вы будете использовать свою финальную анимацию.Наша анимация будет состоять из семи кадров, и каждый кадр будет представлен отдельным слоем, что означает, что наш окончательный файл GIMP будет содержать семь слоев, включая фон.

Установите Frame One

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

Установить рамку два

Мы хотим использовать графику footprint для этого кадра, чтобы мы перешли к Файл> Открыть как слои и выберите наш графический файл. Это помещает след на новый слой, который мы можем поместить по мере необходимости, используя Переместить инструмент, Как и в фоновом слое, нам нужно переименовать слой, чтобы назначить время отображения для фрейма. В этом случае мы выбрали 750 мс.Замечания: в Слои палитра, предварительный просмотр нового слоя, как представляется, показывает черный фон вокруг графика, но на самом деле эта область прозрачна.

Установите рамки 3, 4 и 5

Следующие три кадра - это больше отпечатков, которые пройдут через баннер. Они вставлены так же, как и два кадра, используя ту же графику и другую графику для другой ножки. Как и раньше, время устанавливается как 750 мс для каждого кадра.Каждому слою footprint нужен белый фон, чтобы увидеть только один кадр - в настоящее время каждый имеет прозрачный фон. Мы можем сделать это, создав новый слой сразу под слоем footprint, наполнив новый слой белым, а затем щелкнув правой кнопкой мыши на слое footprint и нажав Слить.

Установить рамку шесть

Этот кадр представляет собой просто пустую рамку, заполненную белым, что приведет к исчезновению окончательного следа до того, как появится последний кадр. Мы назвали этот слой Interval и выбрали этот дисплей всего за 250 мс. Вам не нужно указывать слои, но это упрощает работу с многоуровневыми файлами.

Установить рамку семь

Это окончательный кадр и отображает текст вместе с логотипом About.com. Первый шаг здесь - добавить еще один слой с белым фоном.Затем мы используем Текстовый инструмент для добавления текста. Это применяется к новому слою, но мы будем иметь дело с этим, как только мы добавим логотип, который мы можем сделать так же, как раньше, мы добавили графику footprint. Когда мы получим их по желанию, мы можем использовать Слить объединить слои логотипа и текста, а затем объединить этот объединенный слой с белым слоем, который был добавлен ранее. Это создает один слой, который будет формировать окончательный кадр, и мы решили отобразить его на 4000 мс.

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

Перед сохранением анимированного GIF, GIMP имеет возможность просмотреть его в действии, перейдя к Фильтры> Анимация> Воспроизведение, Откроется диалоговое окно предварительного просмотра с кнопками для создания анимации.Если что-то не выглядит правильным, на данный момент его можно изменить. В противном случае его можно сохранить в виде анимированного GIF.

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

Сохранить анимированный GIF

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

Заключение

Шаги, показанные здесь, предоставят вам основные инструменты для создания собственных простых анимаций, используя разные графики и размеры документов. Хотя конечный результат является довольно простым с точки зрения анимации, это очень простой процесс, который может достичь любой, у кого есть базовые знания GIMP. Анимированные GIF-версии, вероятно, сейчас превзойдены, но с небольшим количеством мыслей и тщательного планирования они все равно могут использоваться для создания эффективных анимированных элементов очень быстро.