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

Загрузить PDF
Загрузить PDF

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

Метод 1
Метод 1 из 2:

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

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/df\/Create-an-Animated-GIF-Step-1.jpg\/v4-460px-Create-an-Animated-GIF-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/df\/Create-an-Animated-GIF-Step-1.jpg\/v4-728px-Create-an-Animated-GIF-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Создайте папку на компьютере, содержащую изображения, которые вы хотите анимировать. Каждое изображение будет отдельным кадром анимации. Кроме того, вы можете конвертировать короткое видео в анимированный GIF файл.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/Create-an-Animated-GIF-Step-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/Create-an-Animated-GIF-Step-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Есть много бесплатных онлайн-генераторов анимированных GIF файлов, в том числе imgflip , makeagif и gifmaker . Они не имеют такого богатого функционала, как у GIMP или другого графического редактора, но ими легко пользоваться (и не надо скачивать).
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/ba\/Create-an-Animated-GIF-Step-3.jpg\/v4-460px-Create-an-Animated-GIF-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/ba\/Create-an-Animated-GIF-Step-3.jpg\/v4-728px-Create-an-Animated-GIF-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если вы хотите сделать анимированный GIF файл из видеофайла, вырежьте из него фрагмент (а не загружайте видеофайл целиком). Это можно сделать бесплатно при помощи VLC . Скачайте эту программу и выполните следующие действия:
    • Запустите VLC и нажмите «Файл» - «Открыть», чтобы открыть видеофайл.
    • Найдите начало нужного видеофрагмента.
    • Нажмите «Воспроизведение» - «Запись».
    • Воспроизведите видеофайл и остановите воспроизведение, когда достигнут конец видеофрагмента. Нажмите «Запись» еще раз, чтобы остановить запись. Новый видеофайл будет сохранен в той же папке, в которой хранится исходный видеофайл.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/89\/Create-an-Animated-GIF-Step-4-Version-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/89\/Create-an-Animated-GIF-Step-4-Version-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого нажмите «Загрузить изображения». Если вы хотите конвертировать видеофайл, нажмите «Загрузить видео».
    • Загрузка видеофайла может занять много времени, если у вас медленный интернет или если видеофайл большой. Рекомендуется загружать видеофрагменты длительностью не более нескольких секунд.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/db\/Create-an-Animated-GIF-Step-5.jpg\/v4-460px-Create-an-Animated-GIF-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/Create-an-Animated-GIF-Step-5.jpg\/v4-728px-Create-an-Animated-GIF-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Онлайн-инструменты, как правило, позволяют менять порядок изображений (в случае, если вы загрузили их в неправильном порядке). Вы также можете добавить текст, изменить размер изображений и задать скорость анимации.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/80\/Create-an-Animated-GIF-Step-6.jpg\/v4-460px-Create-an-Animated-GIF-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/80\/Create-an-Animated-GIF-Step-6.jpg\/v4-728px-Create-an-Animated-GIF-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для создания анимированного GIF файла нажмите «Создать GIF», «Создать сейчас» или аналогичную кнопку. После создания отобразится список опций, в том числе ссылки для отправки анимации на форумы, для ее скачивания или вставки на веб-страницу.
    Реклама
Метод 2
Метод 2 из 2:

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

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a3\/Create-an-Animated-GIF-Step-7-Version-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a3\/Create-an-Animated-GIF-Step-7-Version-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Скачайте GIMP . Это бесплатный графический редактор. Используя GIMP, вы можете редактировать каждый кадр вашей GIF анимации, настроить скорость воспроизведения анимации и сохранить ее в оптимизированном формате (который будет быстрее загружаться).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Create-an-Animated-GIF-Step-8-Version-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-8-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Create-an-Animated-GIF-Step-8-Version-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого нажмите «Файл» – «Открыть» и выберите изображение, сохраненное на компьютере. Если вы хотите создать GIF анимацию с нуля, нажмите «Файл» – «Создать».
    • Если вы используете изображение с несколькими слоями, нажмите «Изображение» - «Выровнять рисунок», чтобы объединить все слои в один слой. [1]
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-an-Animated-GIF-Step-9-Version-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-an-Animated-GIF-Step-9-Version-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если у вас уже есть серия изображений для их превращения в GIF анимацию (например, серия скриншотов), откройте их, нажав «Файл» - «Открыть как слои». Если у вас есть только одно изображение, в окне «Слои» (справа) воспользуйтесь опцией «Дублировать слой». Для этого щелкните правой кнопкой мыши по значку изображения и нажмите «Дублировать слой», или выделите значок изображения и нажмите на кнопку в виде двух сложенных фотографий.
    • Каждый слой будет одним кадром GIF анимации. Изображение в конце списка будет отображаться первым (и так далее вверх по списку). Для изменения порядка отображения изображений поменяйте их местами в списке изображений.
    • Все изображения должны быть одного размера; большие изображения будут обрезаны при сохранении GIF анимации.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c1\/Create-an-Animated-GIF-Step-10-Version-2.jpg\/v4-460px-Create-an-Animated-GIF-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c1\/Create-an-Animated-GIF-Step-10-Version-2.jpg\/v4-728px-Create-an-Animated-GIF-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если вы планируете редактировать изображения или добавлять к ним текст, в списке скройте все слои, расположенные над слоем, который вы редактируете. Есть два способа сделать это (в окне «Слои»):
    • Нажмите на значок в виде глаза рядом со слоем, чтобы скрыть его. Нажмите на тот же значок, чтобы отобразить слой.
    • Или выделите слой и задайте уровень непрозрачности (в верхней части окна «Слои»). Низкое значение непрозрачности сделает слой более прозрачным. Это полезно, если вы хотите добавить текст или другие дополнения в несколько кадров.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/93\/Create-an-Animated-GIF-Step-11.jpg\/v4-460px-Create-an-Animated-GIF-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/Create-an-Animated-GIF-Step-11.jpg\/v4-728px-Create-an-Animated-GIF-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Узнайте о функциональности GIMP или просто выполните следующие действия. Выберите изображение, которое вы хотите отредактировать, в окне «Слои» (справа), а затем используйте следующие инструменты:
    • В окне «Панель инструментов» (слева) выберите инструмент «Масштаб», чтобы изменить размер изображения. Сделайте все слои одинакового размера.
    • В окне «Панель инструментов» (слева) выберите инструмент «Текст», чтобы добавить текст. Введите текст и используйте всплывающую панель инструментов, чтобы задать размер, тип и цвет шрифта. По окончании нажмите «Слой» - «Объединить», чтобы объединить слой с текстом со слоем, расположенным под ним.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Create-an-Animated-GIF-Step-12.jpg\/v4-460px-Create-an-Animated-GIF-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Create-an-Animated-GIF-Step-12.jpg\/v4-728px-Create-an-Animated-GIF-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    После того, как вы завершили редактирование, нажмите «Фильтры» - «Анимация» - «Воспроизвести». Нажмите на значок воспроизведения в открывшемся окне для просмотра анимации.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-an-Animated-GIF-Step-13.jpg\/v4-460px-Create-an-Animated-GIF-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-an-Animated-GIF-Step-13.jpg\/v4-728px-Create-an-Animated-GIF-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Откройте окно «Слои» и щелкните правой кнопкой мыши (или Control+ правая кнопка мыши на некоторых компьютерах Mac) по слою. Выберите «Редактировать атрибуты слоя». После имени введите (XXXXms), заменив ХХХХ на число миллисекунд, в течение которых данный слой должен отображаться. [2] Сделайте это с каждым слоем. Воспроизведите анимацию еще раз, чтобы просмотреть ее с внесенными изменениями.
    • Скорость большинства GIF анимаций на основе видеофрагментов равна около 10 кадров в секунду (100 мс на кадр).
    • Вы можете пропустить этот шаг и задать скорость по умолчанию позже (во время экспорта файла).
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a0\/Create-an-Animated-GIF-Step-14.jpg\/v4-460px-Create-an-Animated-GIF-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a0\/Create-an-Animated-GIF-Step-14.jpg\/v4-728px-Create-an-Animated-GIF-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Нажмите «Фильтр» - «Анимация» - «Оптимизировать (для GIF)». Это приведет к созданию копии исходного файла гораздо меньшего размера. В следующих шагах работайте с уменьшенной копией исходного файла.
    • До оптимизации каждый кадр анимации загружается полностью. После оптимизации загружаются только меняющиеся участки изображений. [3]
    • Вы можете пропустить этот шаг и оптимизировать анимацию при ее экспорте.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/Create-an-Animated-GIF-Step-15.jpg\/v4-460px-Create-an-Animated-GIF-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/Create-an-Animated-GIF-Step-15.jpg\/v4-728px-Create-an-Animated-GIF-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого нажмите «Файл» - «Экспортировать как». В нижней части открывшегося окна нажмите «Выберите тип файла» - «GIF». Затем нажмите «Экспортировать».
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ce\/Create-an-Animated-GIF-Step-16.jpg\/v4-460px-Create-an-Animated-GIF-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Create-an-Animated-GIF-Step-16.jpg\/v4-728px-Create-an-Animated-GIF-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В новом окне «Экспорт изображения в виде 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]
Реклама

Дополнительные статьи

Как
сделать обводку текста в Photoshop
Как
изогнуть текст в Photoshop
Как
создать таблицу в Adobe Illustrator
Как
изменить фон в Adobe Illustrator
Как
сделать плавный переход с одного изображения в другое в Photoshop
Как
добавить тень в Illustrator
Как
добавить гиперссылку в Illustrator
Как
в Photoshop преобразовать текст в кривые
Как
создать фон в фотошопе
Как
добавить шрифты в Illustrator
Как
добавить текстуру в Illustrator
Как
нарисовать кривую линию в Photoshop
Как
вращать объекты в Photoshop
Как
изменить размер изображения в Microsoft Paint
Реклама

Источники

  1. ↑ http://www.gimp.org/tutorials/Simple_Animations/
  2. ↑ http://www.gimp.org/tutorials/Simple_Animations/
  3. ↑ http://www.gimp.org/tutorials/Simple_Animations/
  4. ↑ http://www.quackit.com/web_graphics/gimp/tutorial/create_an_animated_gif_layers.cfm

Об этой статье

На других языках
Эту страницу просматривали 27 480 раз.

Была ли эта статья полезной?

Реклама