редагування GIF онлайн

Спосіб 1: EzGIF

EzGIF &8212; просунутий онлайн-сервіс, що надає масу різних інструментів, придатних для редагування GIF-анімацій. Ви можете працювати як з усім проектом, так і з кожним кадром окремо, редагуючи вміст під свої потреби.

Перейти до онлайн-сервісу EzGIF

  1. При переході на головну сторінку EzGIF натисніть по кнопці &171;Виберіть файли&187; , щоб вказати, з яким GIF буде відбуватися подальше редагування.
  2. Переход к загрузке GIF-анимации через онлайн-сервис EzGIF
  3. У вікні Провідника відшукайте відповідний об'єкт і виберіть його для додавання.
  4. Выбор файла для загрузки GIF-анимации через онлайн-сервис EzGIF
  5. Далі в тій же вкладці клацніть по &171;Upload and make a GIF&187; .
  6. Переход к редактору GIF-анимации через онлайн-сервис EzGIF
  7. Розглянемо кожен інструмент по черзі, починаючи з &171;Crop&187; . Виберіть цю опцію, якщо хочете обрізати зайві краї GIF. Для зручності можна самостійно виділити активну область, трансформуючи відобразився прямокутник, взявши його за точки.
  8. Выбор инструмента обрезки GIF-анимации через онлайн-сервис EzGIF
  9. Опустіться нижче, щоб відобразилися інші параметри обрізки. Ви можете задати розмір самостійно, вказати пропорції або зробити так, щоб онлайн-сервіс автоматично обрізав зайве. Якщо настройка завершена, клікніть по &171;Crop Image&187; для збереження змін.
  10. Использование инструмента обрезки GIF-анимации через онлайн-сервис EzGIF
  11. Виберіть другий розділ &171;Resize&187; , щоб змінити загальний розмір полотна.
  12. Выбор инструмента для изменения размера GIF-анимации через онлайн-сервис EzGIF
  13. Під картинкою з анімацією відшукайте поля, що відповідають за редагування висоти і ширини. Задайте необхідне значення для кожного параметра, а також вкажіть один з доступних методів зміни розміру. Підтвердіть дію, клікнувши по &171;Resize Image&187; .
  14. Использование инструмента для изменения размера GIF-анимации через онлайн-сервис EzGIF
  15. Слідом йде другий інструмент &171;Rotate&187; . Він відповідає за поворот зображення в різні боки. Зупинятися на ньому не будемо, оскільки в присутніх налаштуваннях цього інструменту розбереться будь-хто, без проблем повернувши анімацію на необхідну кількість градусів.
  16. Использование инструмента для поворота GIF-анимации через онлайн-сервис EzGIF
  17. Виберіть розділ &171;Optimize&187; , якщо хочете стиснути розмір гіф без втрати якості або пожертвувати їй заради зменшення займаного файлом простору.
  18. Выбор инструмента для оптимизации GIF-анимации через онлайн-сервис EzGIF
  19. Під самою картинкою налаштовується стиснення: переміщайте повзунок і стежте за результатом. Досягнувши потрібного результату, клацніть по &171;Optimize GIF&187; , щоб зберегти зміни.
  20. Использование инструмента для оптимизации GIF-анимации через онлайн-сервис EzGIF
  21. Далі йде набір різних інструментів &171;Effects&187; .
  22. Выбор инструмента с эффектами для GIF-анимации через онлайн-сервис EzGIF
  23. Для нього існує цілий набір самих різних параметрів, розглянемо їх по черзі. Спочатку йде перелік повзунків, що дозволяють налаштувати яскравість, контрастність, насиченість і передачу кольорів. Регулюйте їх, дивлячись на результат у вікні попереднього перегляду.
  24. Корректировка цвета GIF-анимации через онлайн-сервис EzGIF
  25. Використовуйте &171;Color presets&187; , активуючи знаходяться там пункти шляхом установки біля них галочок, щоб вибрати одну з колірних заготовок або зовсім зробити анімацію чорно-білої.
  26. Управление цветами GIF-анимации через онлайн-сервис EzGIF
  27. Додатково EzGIF пропонує задіяти і найрізноманітніші фільтри, що перетворюють зображення в щось інше шляхом повної зміни палітри кольорів або накладення додаткових ефектів. Ознайомтеся з їх дією, по черзі активуючи кожен пункт, щоб зрозуміти, який з них підійде саме для вашого проекту. Після завершення натисніть на &171;Apply Selected&187; , щоб застосувати вибране.
  28. Использование фильтров для GIF-анимации через онлайн-сервис EzGIF
  29. Якщо ви виберете інструмент &171;Speed&187; і опустіться нижче картинки, зможете самостійно змінити швидкість відтворення анімації. Вона відразу ж почне програватися в основному вікні, тому стеження за результатом відбувається в режимі реального часу.
  30. Редактирование скорости воспроизведения GIF-анимации через онлайн-сервис EzGIF
  31. EzGIF надає опцію і для додавання тексту до кожного існуючого кадру анімації. Для цього тут є спеціально відведений інструмент під назвою &171;Write&187; .
  32. Переход к добавлению надписи для GIF-анимации через онлайн-сервис EzGIF
  33. Після його вибору перейдіть до першого кадру. Впишіть у відведене поле текст, налаштуйте його розмір, положення і колір. Якщо вас влаштовує результат, клікніть по &171;Set&187; , щоб застосувати його.
  34. Добавление надписи для GIF-анимации через онлайн-сервис EzGIF
  35. Те ж саме здійснюється і з усіма іншими кадрами, що входять в анімацію. Просто опустіться нижче і зверніть увагу на нумерацію, щоб знайти відповідні елементи.
  36. Выбор кадра для добавления надписи GIF-анимации через онлайн-сервис EzGIF
  37. До поточної зображенні можна додати додаткові елементи, наприклад, накласти водяний знак. На верхній панелі виберіть &171;Overlay&187; .
  38. Переход к добавлению элементов к GIF-анимации через онлайн-сервис EzGIF
  39. Під зображенням переходите до вибору файлу, який буде на ньому розміщений, а потім задайте для нього положення і розмір.
  40. Добавление элементов к GIF-анимации через онлайн-сервис EzGIF
  41. Іноді буває необхідно обрізати анімацію, наприклад, відокремивши зайві перші або заключні кадри. У цьому допоможе інструмент &171;Cut&187; .
  42. Переход к обрезке GIF-анимации через онлайн-сервис EzGIF
  43. Використовуйте форму нижче, щоб призначити початковий і кінцевий кадр &8212; це найзручніший алгоритм обрізання, який не займає багато часу для користувача.
  44. Использование инструмента обрезка для GIF-анимации через онлайн-сервис EzGIF
  45. Останній розділ &171;Frames&187; дозволяє працювати з кожним кадром окремо, виводячи їх все на екран. Можете вибрати для кожного з них затримку, скопіювати або вирізати з проекту.
  46. Работа с каждым кадром GIF-анимации через онлайн-сервис EzGIF
  47. Якщо робота з проектом завершена і ви готові його зберегти, клацніть по кнопці &171;Save&187; .
  48. Переход к сохранению готовой GIF-анимации через онлайн-сервис EzGIF
  49. GIF-анімація відразу ж буде завантажена на локальне сховище і доступна для перегляду. Уважно ознайомтеся з нею, щоб упевнитися в якості редагування.
  50. Сохранение готовой GIF-анимации через онлайн-сервис EzGIF

Читайте також: відкриваємо файли GIF

Спосіб 2: Animizer

Animizer &8212; простіший онлайн-сервіс, в функціональність якого входить не так багато опцій. Однак через це він може здатися більш зручним для користувачів, які і не потребують величезної кількості різних інструментів.

Перейти до онлайн-сервісу Animizer

  1. Відкрийте головну сторінку Animizer, де клацніть по кнопці & 171; вибрати&187; .
  2. Переход к загрузке GIF-анимации через онлайн-сервис Animizer
  3. У провіднику відшукайте необхідний для редагування GIF-елемент.
  4. Открытие файла GIF-анимации через онлайн-сервис Animizer для редактирования
  5. Клікніть на кнопку & 171; перейти до редактора&187; , яка стала активною відразу ж після вибору картинки.
  6. Переход к редактированию GIF-анимации через онлайн-сервис Animizer
  7. Розберемо основні можливості цього онлайн-сервісу, почавши з & 171; додати кадри&187; : Натисніть на кнопку &171; завантажити & 187; , якщо хочете з'єднати кілька GIF або прикріпити до поточної анімації ще кілька кадрів.
  8. Добавление кадров к GIF-анимации через онлайн-сервис Animizer
  9. Інші основні функції не вимагають розгорнутого опису. Завдяки перемиканню маркерів ви можете відключити передачу кольорів, налаштувати прозорий фон, задати колір переднього плану, колір фону, встановити швидкість анімації і вручну змінити розмір полотна.
  10. Настройка основных параметров GIF-анимации через онлайн-сервис Animizer
  11. Відкрийте & 171; Доп. Налаштування&187; , щоб перейти до редагування кожного кадру, налаштувати дотримання пропорцій, інвертування кольорів, зворотну анімацію і кількість програвань.
  12. Настройка дополнительных параметров GIF-анимации через онлайн-сервис Animizer
  13. При редагуванні окремого кадру доступно його відключення і установка часу відтворення.
  14. Настройка отдельных кадров GIF-анимации через онлайн-сервис Animizer
  15. По завершенні настройки GIF клацніть по кнопці & 171; створити анімацію&187; , застосувавши тим самим зміни.
  16. Сохранение изменений после редактирования GIF-анимации через онлайн-сервис Animizer
  17. Підніміться вище і почніть завантажувати файл.
  18. Сохранение готового проекта GIF-анимации через онлайн-сервис Animizer
  19. Обов'язково перевірте його перед публікацією куди-небудь, щоб переконатися в коректності відтворення.
  20. Успешное сохранение готового проекта GIF-анимации через онлайн-сервис Animizer

Спосіб 3: GIF Maker and GIF Editor

Останній онлайн-сервіс GIF Maker and GIF Editor дозволяє не тільки Редагувати GIF-анімації, але і створювати нові, проте зараз нас цікавить тільки перша функція з усіма присутніми інструментами.

Перейти до онлайн-сервісу GIF Maker and GIF Editor

  1. Відкрийте GIF Maker and GIF Editor і перетягніть у виділену область файл для редагування. Замість цього можна натиснути по ній, щоб відкрити вікно Провідника.
  2. Переход к выбору GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  3. У провіднику відшукайте і виберіть об'єкт формату гіф, який хочете редагувати.
  4. Выбор GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  5. Чекайте закінчення завантаження файлу на сервер, стежачи за прогресом в цій же вкладці браузера.
  6. Ожидание загрузки GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  7. Перший повзунок дозволяє регулювати початкову і кінцеву точку відтворення, обрізаючи тим самим анімацію.
  8. Обрезка GIF-анимации через онлайн-сервис GIF Maker and GIF Editor по длине
  9. Далі ви можете налаштувати висоту і ширину полотна, а також вибрати кількість кадрів в секунду.
  10. Изменение размера GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  11. Більше ніяких параметрів, що відповідають за редагування анімації, в GIF Maker and GIF Editor немає. Вам залишається тільки натиснути на &171;Make&187; , щоб зібрати змінену GIF.
  12. Переход к созданию GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  13. Після закінчення цього процесу натисніть на &171;Download&187; , щоб завантажити файл на комп'ютер.
  14. Переход к скачиванию GIF-анимации через онлайн-сервис GIF Maker and GIF Editor
  15. Обов'язково відкрийте його для відтворення, щоб перевірити підсумок внесених змін.
  16. Успешное скачивание GIF-анимации через онлайн-сервис GIF Maker and GIF Editor

Якщо вам часто потрібно працювати з GIF, але ви ще не до кінця знайомі з цим форматом файлів, радимо звернутися за допомогою до допоміжних тематичних матеріалів на нашому сайті, клікнувши по цікавлять посиланнях нижче.

Детальніше:
змінюємо розмір анімації в форматі GIF
оптимізація та збереження зображень у форматі GIF
робимо GIF-анімацію з фотографій
обрізання зображення формату GIF в Інтернеті
Вставка анімації GIF у PowerPoint

більше статей на цю тему: