Как создать анимированную GIF картинку

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

Метод 1

Метод 1 из 2:

Создание анимированных GIF файлов при помощи онлайн-инструментов

Загрузить PDF

Создайте папку на компьютере, содержащую изображения, которые вы хотите анимировать. Каждое изображение будет отдельным кадром анимации. Кроме того, вы можете конвертировать короткое видео в анимированный GIF файл.
Есть много бесплатных онлайн-генераторов анимированных GIF файлов, в том числе imgflip, makeagif и gifmaker. Они не имеют такого богатого функционала, как у GIMP или другого графического редактора, но ими легко пользоваться (и не надо скачивать).
3
Вырежьте видеофрагмент (если хотите). Если вы хотите сделать анимированный GIF файл из видеофайла, вырежьте из него фрагмент (а не загружайте видеофайл целиком). Это можно сделать бесплатно при помощи VLC. Скачайте эту программу и выполните следующие действия:
- Запустите VLC и нажмите «Файл» - «Открыть», чтобы открыть видеофайл.
- Найдите начало нужного видеофрагмента.
- Нажмите «Воспроизведение» - «Запись».
- Воспроизведите видеофайл и остановите воспроизведение, когда достигнут конец видеофрагмента. Нажмите «Запись» еще раз, чтобы остановить запись. Новый видеофайл будет сохранен в той же папке, в которой хранится исходный видеофайл.
4
Загрузите изображения или видео. Для этого нажмите «Загрузить изображения». Если вы хотите конвертировать видеофайл, нажмите «Загрузить видео».
- Загрузка видеофайла может занять много времени, если у вас медленный интернет или если видеофайл большой. Рекомендуется загружать видеофрагменты длительностью не более нескольких секунд.
Онлайн-инструменты, как правило, позволяют менять порядок изображений (в случае, если вы загрузили их в неправильном порядке). Вы также можете добавить текст, изменить размер изображений и задать скорость анимации.
Для создания анимированного GIF файла нажмите «Создать GIF», «Создать сейчас» или аналогичную кнопку. После создания отобразится список опций, в том числе ссылки для отправки анимации на форумы, для ее скачивания или вставки на веб-страницу.
Реклама

Метод 2

Метод 2 из 2:

Создание анимированных GIF файлов в GIMP

Загрузить PDF

Скачайте GIMP. Это бесплатный графический редактор. Используя GIMP, вы можете редактировать каждый кадр вашей GIF анимации, настроить скорость воспроизведения анимации и сохранить ее в оптимизированном формате (который будет быстрее загружаться).
2
Откройте изображение, которое вы хотели анимировать. Для этого нажмите «Файл» – «Открыть» и выберите изображение, сохраненное на компьютере. Если вы хотите создать GIF анимацию с нуля, нажмите «Файл» – «Создать».
- Если вы используете изображение с несколькими слоями, нажмите «Изображение» - «Выровнять рисунок», чтобы объединить все слои в один слой.^{[1]XИсточник информации}
3
Добавление дополнительных изображений. Если у вас уже есть серия изображений для их превращения в GIF анимацию (например, серия скриншотов), откройте их, нажав «Файл» - «Открыть как слои». Если у вас есть только одно изображение, в окне «Слои» (справа) воспользуйтесь опцией «Дублировать слой». Для этого щелкните правой кнопкой мыши по значку изображения и нажмите «Дублировать слой», или выделите значок изображения и нажмите на кнопку в виде двух сложенных фотографий.
- Каждый слой будет одним кадром GIF анимации. Изображение в конце списка будет отображаться первым (и так далее вверх по списку). Для изменения порядка отображения изображений поменяйте их местами в списке изображений.
- Все изображения должны быть одного размера; большие изображения будут обрезаны при сохранении GIF анимации.
4
Скройте слои, чтобы редактировать нижние слои (если хотите). Если вы планируете редактировать изображения или добавлять к ним текст, в списке скройте все слои, расположенные над слоем, который вы редактируете. Есть два способа сделать это (в окне «Слои»):
- Нажмите на значок в виде глаза рядом со слоем, чтобы скрыть его. Нажмите на тот же значок, чтобы отобразить слой.
- Или выделите слой и задайте уровень непрозрачности (в верхней части окна «Слои»). Низкое значение непрозрачности сделает слой более прозрачным. Это полезно, если вы хотите добавить текст или другие дополнения в несколько кадров.
5
Редактирование изображений (по желанию). Узнайте о функциональности GIMP или просто выполните следующие действия. Выберите изображение, которое вы хотите отредактировать, в окне «Слои» (справа), а затем используйте следующие инструменты:
- В окне «Панель инструментов» (слева) выберите инструмент «Масштаб», чтобы изменить размер изображения. Сделайте все слои одинакового размера.
- В окне «Панель инструментов» (слева) выберите инструмент «Текст», чтобы добавить текст. Введите текст и используйте всплывающую панель инструментов, чтобы задать размер, тип и цвет шрифта. По окончании нажмите «Слой» - «Объединить», чтобы объединить слой с текстом со слоем, расположенным под ним.
После того, как вы завершили редактирование, нажмите «Фильтры» - «Анимация» - «Воспроизвести». Нажмите на значок воспроизведения в открывшемся окне для просмотра анимации.
7
Задайте скорость анимации. Откройте окно «Слои» и щелкните правой кнопкой мыши (или Control+ правая кнопка мыши на некоторых компьютерах Mac) по слою. Выберите «Редактировать атрибуты слоя». После имени введите (XXXXms), заменив ХХХХ на число миллисекунд, в течение которых данный слой должен отображаться.^{[2]XИсточник информации} Сделайте это с каждым слоем. Воспроизведите анимацию еще раз, чтобы просмотреть ее с внесенными изменениями.
- Скорость большинства GIF анимаций на основе видеофрагментов равна около 10 кадров в секунду (100 мс на кадр).
- Вы можете пропустить этот шаг и задать скорость по умолчанию позже (во время экспорта файла).
8
Оптимизируйте анимацию для ускорения ее загрузки. Нажмите «Фильтр» - «Анимация» - «Оптимизировать (для GIF)». Это приведет к созданию копии исходного файла гораздо меньшего размера. В следующих шагах работайте с уменьшенной копией исходного файла.
- До оптимизации каждый кадр анимации загружается полностью. После оптимизации загружаются только меняющиеся участки изображений.^{[3]XИсточник информации}
- Вы можете пропустить этот шаг и оптимизировать анимацию при ее экспорте.
Для этого нажмите «Файл» - «Экспортировать как». В нижней части открывшегося окна нажмите «Выберите тип файла» - «GIF». Затем нажмите «Экспортировать».
10
В новом окне «Экспорт изображения в виде GIF» установите флажок у «В виде анимации». Затем нажмите «Экспортировать» или внесите следующие изменения:
- Уберите флажок у «Зациклить», если вы хотите воспроизвести анимацию только один раз.
- Если вы не задали скорость анимации, сделайте это сейчас. По умолчанию скорость анимации установлена на 100 мс, или 10 кадров в секунду. Уменьшите это значение, чтобы ускорить анимацию (и наоборот).
- Если вы не оптимизировали анимацию, найдите опцию «Удаление кадров» и выберите «Общие слои (комбинировать)».
Реклама

Советы

Старые версии Adobe Photoshop включали в себя программу Adobe ImageReady. Если она у вас есть, сделайте каждый кадр по отдельности в Photoshop, а затем воспользуйтесь Adobe ImageReady, чтобы создать анимацию так, как описано выше (аналогичным способом).
GIMP имеет несколько анимационных эффектов в меню «Фильтры» и «Анимация». Эти эффекты вставляются между кадрами, например, рябь.
Для получения доступа к дополнительным эффектам установите плагин Gimp Animation Plugin (GAP) и прочитайте эту инструкцию. GAP не работает в 64-разрядных версиях GIMP 2.8, поэтому вам, возможно, потребуется скачать GIMP 2.6.

Предупреждения

Размер анимированного GIF файла может быть таким большим, что он будет медленно загружаться (например, на веб-странице). Используйте меньшее количество цветов и не вставляйте размытые изображения, чтобы уменьшить размер анимации.^{[4]XИсточник информации}