Как создать анимированное изображение в формате GIF с помощью GIMP (с изображениями)

Оглавление:

Как создать анимированное изображение в формате GIF с помощью GIMP (с изображениями)
Как создать анимированное изображение в формате GIF с помощью GIMP (с изображениями)

Видео: Как создать анимированное изображение в формате GIF с помощью GIMP (с изображениями)

Видео: Как создать анимированное изображение в формате GIF с помощью GIMP (с изображениями)
Видео: Оплата ВСЕХ подписок в России — УЛЬТИМЕЙТ ГАЙД 2024, Марш
Anonim

Анимированные изображения в формате-g.webp

Шаги

Часть 1 из 2: Создание рамок для вашей анимации в GIMP

Создайте анимированное изображение в формате с помощью GIMP, шаг 1
Создайте анимированное изображение в формате с помощью GIMP, шаг 1

Шаг 1. Откройте GIMP

GIMP - это бесплатная программа для редактирования изображений с открытым исходным кодом, которая имеет инструменты, аналогичные Photoshop. У GIMP есть значок, напоминающий лису с кистью во рту. Щелкните значок в меню «Пуск» Windows или в папке «Приложения» на Mac и Linux.

Вы можете бесплатно загрузить и установить GIMP с gimp.org

Создайте анимированное изображение в формате с помощью GIMP, шаг 2
Создайте анимированное изображение в формате с помощью GIMP, шаг 2

Шаг 2. Создайте новый файл

Размер создаваемого файла зависит от его предполагаемого использования. Баннеры обычно имеют высоту от 60 до 120 пикселей и ширину от 400 до 800 пикселей. Кнопки обычно имеют высоту около 40 пикселей и ширину 300 пикселей. Различные программы для веб-сайтов и системы обмена баннерами будут указывать свои собственные требования. Чтобы создать новый файл изображения, выполните следующие действия:

  • Нажмите Файл.
  • Нажмите Новый
  • Введите ширину в пикселях рядом с полем «Ширина».
  • Введите высоту в пикселях рядом с полем «Высота».
  • Нажмите Ok.
Создание анимированного изображения в формате с помощью GIMP, шаг 3
Создание анимированного изображения в формате с помощью GIMP, шаг 3

Шаг 3. Выберите цвет фона для вашего изображения

Активный цвет переднего плана и фона отображаются в перекрывающихся прямоугольниках под панелью инструментов слева. Чтобы выбрать цвет, щелкните прямоугольник сверху. Щелкните цвет в полосе цвета радуги, чтобы выбрать цвет. Используйте поле слева от полосы цвета радуги, чтобы выбрать оттенок для цвета. Это выбирает активный цвет переднего плана.

Создайте анимированное изображение в формате с помощью GIMP, шаг 4
Создайте анимированное изображение в формате с помощью GIMP, шаг 4

Шаг 4. Используйте инструмент «Ведро с краской», чтобы добавить цвет фона к вашему изображению

У инструмента «Ведро с краской» есть значок, напоминающий ведро с краской. Он находится на панели инструментов слева. Щелкните монтажную область изображения в центре экрана, чтобы заполнить изображение цветом фона.

Вы также можете использовать другие инструменты, такие как инструмент «Кисть», для рисования любых других неподвижных объектов на фоновом слое

Создание анимированного изображения в формате с помощью GIMP. Шаг 5
Создание анимированного изображения в формате с помощью GIMP. Шаг 5

Шаг 5. Добавьте новый слой

Панель «Слои» находится справа от монтажной области в правом нижнем углу. Чтобы добавить новый слой, щелкните крошечный значок, напоминающий лист бумаги со знаком плюс (+). Щелкните этот значок в нижнем левом углу панели «Слои», чтобы добавить новый слой. Создайте слой для каждого движущегося объекта на вашем изображении.

Создание анимированного изображения в формате с помощью GIMP. Шаг 6
Создание анимированного изображения в формате с помощью GIMP. Шаг 6

Шаг 6. Добавьте к изображению движущийся объект

Используйте новый слой (слои), который вы создали, чтобы добавить движущиеся объекты к вашему изображению. Вы можете использовать кисть для рисования объекта или текстовый инструмент для добавления текста к изображению. Убедитесь, что каждый движущийся объект на вашем изображении размещен на отдельном слое.

Создайте анимированное изображение в формате с помощью GIMP Step 7
Создайте анимированное изображение в формате с помощью GIMP Step 7

Шаг 7. Создайте первый кадр вашего изображения

После того, как вы создали каждый движущийся объект вашего изображения на отдельном слое, поместите все объекты в начальный кадр вашей анимации.

Создание анимированного изображения в формате с помощью GIMP. Шаг 8
Создание анимированного изображения в формате с помощью GIMP. Шаг 8

Шаг 8. Сохраните первый кадр вашего изображения как неподвижное изображение

Анимация состоит из множества неподвижных изображений, называемых кадрами. Нам нужно сохранить каждое изображение анимации как неподвижное изображение. Выполните следующие действия, чтобы сохранить первый кадр анимации:

  • Нажмите Файл
  • Нажмите Экспорт как.
  • Введите «[Имя файла анимации] кадр 1» рядом с именем.
  • Нажмите Выберите тип файла.
  • Нажмите Изображение в формате JPEG.
  • Нажмите Экспорт
  • Нажмите Экспорт опять таки.
Создайте анимированное изображение в формате с помощью GIMP. Шаг 9
Создайте анимированное изображение в формате с помощью GIMP. Шаг 9

Шаг 9. Используйте инструмент перемещения, чтобы немного сдвинуть объекты в кадре

Инструмент перемещения имеет значок в виде перекрестной стрелки, указывающей вверх, вниз, влево и вправо. Воспользуйтесь инструментом перемещения, чтобы немного переместить движущиеся объекты на изображении в их положение в кадре 2. Рекомендуемая частота кадров для GIF-анимации составляет 10–30 кадров в секунду. Таким образом, вам нужно только очень немного перемещать каждый объект между кадрами.

Чтобы сделать перемещение между кадрами плавным и последовательным, вы можете включить сетку. Чтобы включить сетку, щелкните Вид, с последующим Показать сетку.

Создание анимированного изображения в формате с помощью GIMP. Шаг 10
Создание анимированного изображения в формате с помощью GIMP. Шаг 10

Шаг 10. Сохраните второй кадр вашей анимации

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

  • Нажмите Файл
  • Нажмите Экспорт как.
  • Введите «[Имя файла GIF] кадр 2» рядом с «Имя».
  • Нажмите Выберите тип файла.
  • Нажмите Изображение в формате JPEG.
  • Нажмите Экспорт
  • Нажмите Экспорт опять таки.
Создание анимированного изображения в формате с помощью GIMP. Шаг 11
Создание анимированного изображения в формате с помощью GIMP. Шаг 11

Шаг 11. Повторите для всех дополнительных кадров

Продолжайте в том же духе. Используйте инструмент «Перемещение», чтобы немного разместить каждый движущийся объект в вашей анимации, а затем сохраните изображение как кадр. Убедитесь, что каждое изображение содержит номер кадра в имени файла (например, кадр прокрутки текста 1, кадр прокрутки текста 2, кадр прокрутки текста 3 и т. Д.).

Создание анимированного изображения в формате с помощью GIMP. Шаг 12
Создание анимированного изображения в формате с помощью GIMP. Шаг 12

Шаг 12. Сохраните вашу работу как файл GIMP

Рекомендуется сохранить вашу работу в виде файла GIMP (.xcf) на тот случай, если вам понадобится повторить или изменить какие-либо кадры позже. Назовите файл примерно так: «[Название анимации] artboard.xcf». Выполните следующие действия, чтобы сохранить свою работу:

  • Нажмите Файл
  • Нажмите Сохранить как.
  • Введите имя файла рядом с полем «Имя».
  • Нажмите Сохранить.

Часть 2 из 2: Создание анимированного-g.webp" />
Создание анимированного изображения в формате с помощью GIMP. Шаг 13
Создание анимированного изображения в формате с помощью GIMP. Шаг 13

Шаг 1. Создайте новый файл в GIMP

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

  • Нажмите Файл.
  • Нажмите Новый
  • Введите ширину в пикселях рядом с полем «Ширина».
  • Введите высоту в пикселях рядом с полем «Высота».
  • Нажмите Ok.
Создание анимированного изображения в формате с помощью GIMP. Шаг 14
Создание анимированного изображения в формате с помощью GIMP. Шаг 14

Шаг 2. Откройте каждый кадр анимации как новый слой

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

  • Нажмите Файл
  • Нажмите Открыть как слои.
  • Держать Сдвиг и щелкните первый файл кадра изображения.
  • Щелкните последний кадр изображения, удерживая Сдвиг
  • Нажмите Открытым.
Создание анимированного изображения в формате с помощью GIMP. Шаг 15
Создание анимированного изображения в формате с помощью GIMP. Шаг 15

Шаг 3. Добавьте частоту кадров в миллисекундах к имени каждого слоя

По умолчанию GIMP экспортирует GIF-анимацию с частотой 10 кадров (100 мс) в секунду. Вы можете добавить частоту кадров в миллисекундах в конце каждого кадра, чтобы изменить частоту кадров на что-то более быстрое, вы можете добавить частоту кадров в круглых скобках в конце имени каждого кадра в списке кадров. Например, если вы добавите «(33 мс)» в конце имени каждого слоя, это даст вам частоту кадров около 30 кадров в секунду.

Создание анимированного изображения в формате с помощью GIMP. Шаг 16
Создание анимированного изображения в формате с помощью GIMP. Шаг 16

Шаг 4. Просмотрите вашу анимацию

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

  • Нажмите Фильтр.
  • Нажмите Воспроизведение.
  • Используйте раскрывающееся меню «fps», чтобы выбрать количество кадров в секунду.
  • Нажмите кнопку "Воспроизвести" в правом верхнем углу.
Создание анимированного изображения в формате с помощью GIMP. Шаг 17
Создание анимированного изображения в формате с помощью GIMP. Шаг 17

Шаг 5. Экспортируйте файл в формате GIF

Если вас устраивает, как выглядит ваша GIF-анимация, выполните следующие действия, чтобы экспортировать ее как GIF-анимацию.

  • Нажмите Файл
  • Нажмите Экспорт как.
  • Введите имя файла рядом с полем «Имя».
  • Нажмите Выберите тип файла.
  • Нажмите .
  • Нажмите Экспорт
  • Нажмите Экспорт опять таки.
  • Нажмите Как анимация.
  • Введите частоту кадров (например, 30) рядом с «Задержка между кадрами, если не указано иное:».
  • Нажмите Экспорт

Видео - с помощью этой службы некоторая информация может быть передана YouTube

подсказки

  • Помните, что для изображений-g.webp" />
  • Что-то милое или забавное часто более эффективно, чем большие грубые мигающие блоки, для передачи сообщения в благоприятной форме.
  • Объединение возможностей анимации и прозрачности формата-g.webp" />
  • Добавление «затяжного» более тусклого света за ярким светом делает это изображение немного приятнее.

Рекомендуемые: