Інструменти95

РЕДАГУВАННЯ / ПРАКТИЧНИЙ ПОСІБНИК ІЗ ЗОБРАЖЕНЬ

Як створити GIF із зображень

Надайте набору зображень власного ритму.

Щоб створити GIF із зображень, відкрийте GIF Maker, виберіть «Зображення» та завантажте свої фотографії. Розташуйте кадри, виберіть, як довго кожен з них залишатиметься видимим, додайте будь-які переходи та виберіть «Створити GIF». Цей посібник допоможе створити справжній цикл із чотирьох зображень і пояснить елементи керування, які роблять фотоанімацію цілісною.

Дотримуйтесь інструкції
ЧОТИРИ РЕАЛЬНІ ВИХІДНІ ЗОБРАЖЕННЯ ТА ЗАВАНТАЖЕНИЙ РЕЗУЛЬТАТ
До Чотири повні орбітальні зразки зображень перед анімацією, відображені разом у своєму початковому порядку.

Чотири оригінальні зображення 640 × 640 WebP, розташовані як контактний аркуш для цього порівняння.

Після Фактичний перший кадр завантаженого орбітального GIF, включаючи білий підпис «Made to loop», доданий знизу.

Перший кадр animation.gif: 640 × 640 пікс.; повний цикл із 20 кадрів триває 3.4 секунд.

«До» — це контактний аркуш із чотирьох повних вихідних зображень. «Після» — це справжній перший вихідний кадр, а не симульована анімація. Обидва показані в меншому розмірі для зручності читання; GIF поєднує ці джерела з м'якими переходами та підписом лише на першому кадрі.
Реклама
Реклама

Створіть приклад із чотирма зображеннями, а потім адаптуйте порядок, тривалість кадру та полотно до власної послідовності фотографій. Відкрити Створення GIF.

01

Виберіть зображення та впорядкуйте послідовність кадрів

Відкрийте GIF Maker і виберіть «Зображення». Завантажте свої фотографії або виберіть «Спробувати приклад». Поширені формати включають JPG, PNG, WebP та GIF; форма завантаження містить перелік додаткових підтримуваних форматів. Пакет може містити до 50 файлів із лімітом 25 МБ на зображення та загальними обмеженнями обробки.

У цьому прикладі використовується «Спробувати приклад» для завантаження від gif-orbit-01.webp до gif-orbit-04.webp. Кожен оригінал має розмір 640 × 640 пікселів, і чотири зображення показують різні позиції в одній орбітальній сцені. Збережіть їхній початковий порядок для отримання результату.

Картки кадрів розташовані над попереднім переглядом. Перетягніть картку, щоб змінити її позицію, або виберіть її та скористайтеся кнопками «Перемістити раніше» або «Перемістити пізніше» на панелі налаштувань. Користувачі клавіатури можуть вибирати картки за допомогою клавіш зі стрілками та змінювати їхній порядок за допомогою клавіш Alt і стрілок. Кнопка «Відтворити» над попереднім переглядом перевіряє поточну послідовність.

«Дублювати» додає ще одну копію вибраного кадру. «Видалити» прибирає кадр із послідовності, зберігаючи при цьому хоча б один. «Скасувати» та «Повторити» відновлюють останні редагування; додавання або видалення вихідного файлу розпочинає новий набір файлів і скидає історію редагувань. Використовуйте «Додати зображення», якщо послідовності потрібно більше фотографій.

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

02

Встановіть тривалість кожного кадру та виберіть перехід

Виберіть кадр і встановіть «Тривалість» у секундах. Підтримуваний діапазон становить від 0.02 до 10 секунд для кожного вихідного кадру. «Застосувати цю тривалість до всіх кадрів» надає кожному кадру вибраний час. Для слайд-шоу із заголовком або детальним фінальним фото залиште цей кадр видимим довше, ніж інші.

Для прикладу залиште кожну «Тривалість» на рівні 0.65 секунд. «Спробувати приклад» уже встановлює це значення; для власних зображень введіть 0.65 для одного кадру та виберіть «Застосувати цю тривалість до всіх кадрів». Виберіть «М'яке згасання» у розділі «Перехід» і встановіть «Час переходу» на 0.20 секунд або 200 мілісекунд.

Відкрийте «Текст і якість експорту» та залиште «Кроки переходу» на рівні 4. Кожне згасання додає чотири проміжні кадри. З чотирма оригінальними кадрами, чотирма циклічними згасаннями, відтворенням «Вперед» і «Повторювати завжди» цей приклад містить 20 відрендерених кадрів. Чотири затримки по 0.65 секунд плюс чотири згасання по 0.20 секунд створюють цикл тривалістю 3.4 секунд.

«Чистий зріз» перемикається безпосередньо між зображеннями без додавання кадрів переходу. «Зсув вліво» переміщує наступне зображення через полотно. Більша кількість кроків переходу може зробити перехід плавнішим, але вони використовують більше ліміту експорту у 200 кадрів. Редактор повідомляє, коли вибрана послідовність та ефекти перевищують цей ліміт.

«Вперед» відтворює послідовність по порядку, «Назад» відтворює її у зворотному напрямку, а «Відскок» повертається через послідовність, не повторюючи обидва кінцеві кадри. «Цикл» вибирає нескінченне повторення або фіксовану кількість відтворень. Для цього прикладу залиште «Вперед» і «Повторювати завжди».

Тривалість — це затримка перед переходом; час переходу додається до неї. Чотири фотографії по 0.65 секунд не створюють цикл у 2.6 секунд, коли також увімкнено згасання.

Приклад у цьому посібнику

Чотири приклади зображень у початковому порядку; 0.65 с на кадр; Вперед; Повторювати нескінченно; М'який перехід; 0.20 с час переходу; 4 кроків переходу; Квадрат 640 × 640 пікс.; Показати все зображення; відцентровано при 100% масштабу; підпис першого кадру «Made to loop.»; Знизу; 32 пікс.; білий; 256 кольорів; Увімкнено плавні колірні градієнти та оптимізацію розміру файлу.

Вихідні зображення
4 WebP · кожне 640 × 640 пікс.
Час кадру
0.65 с затримка + 0.20 с перехід
Завантажений GIF
640 × 640 пікс. · 20 кадрів
Цикл анімації
3.4 секунд · повторюється нескінченно
03

Виберіть полотно, змініть кадрування зображень і додайте підписи

У розділі «Полотно та фон» виберіть «Квадрат · 1:1» для прикладу та залиште «Ширину» та «Висоту» на рівні 640 пікселів. Інші пресети включають «Портрет», «Історія», «Пейзаж» і «Широкоекранний». «Відповідно до першого зображення» починається з форми першого зображення, тоді як «Користувацький розмір» приймає розміри від 16 до 1600 пікселів на край, залежно від загального ліміту обробки анімації.

«Підгонка зображення» пропонує «Показати все зображення» та «Заповнити полотно». «Показати все зображення» при масштабуванні 100% зберігає всі краї вихідного файлу і може залишити фон навколо зображення іншої форми. «Заповнити полотно» покриває область виводу і може обрізати краї. Встановіть «Фон» на бажану заливку або увімкніть «Прозорий фон», якщо це потрібно для кінцевого результату.

Виберіть кадр, щоб змінити його кадрування незалежно. Перетягніть попередній перегляд або змініть «Масштаб», використовуйте «Вліво» або «Вправо» для поворотів на 90 градусів або «Віддзеркалити», щоб відобразити його. «Скинути кадр» повертає цей кадр до центру, без поворотів і з масштабом 100%. У прикладі всі чотири оригінальні квадратні зображення залишаються по центру з використанням «Показати все зображення».

Виберіть перший кадр і введіть «Made to loop.» у полі «Підпис». Залиште інші три підписи порожніми. У розділі «Текст і якість експорту» залиште «Позицію підпису» знизу, «Розмір підпису» 32 пікселів, а колір підпису — білий. Підписи належать окремим кадрам; вибір іншого кадру дозволяє написати інший рядок. Перший підпис у прикладі зникає разом зі своїм кадром.

Зберігайте GIF кольорів на рівні 256 · більше деталей, з увімкненими «Плавними колірними градієнтами» та «Оптимізувати розмір файлу» для отриманого результату. Менша кількість кольорів може зробити файл легшим, але може змінити тонкі відтінки. «Плавні колірні градієнти» використовують дизеринг, який може пом'якшити колірні смуги, додаючи видимий дрібний візерунок.

Перевіряйте кожен кадр після зміни форми полотна. Композиція, яка підходить для одного зображення, може обрізати об'єкт на іншому. Збільшення розмірів виводу не може відновити деталі, втрачені з малого вихідного файлу.

04

Створіть GIF і перегляньте завантажену анімацію

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

У прикладі завантажується animation.gif у розмірі 640 × 640 пікселів. Реальний вихідний файл має 20 кадрів, цикл тривалістю 3.4 секунд і нескінченне зациклення. Порівняння вище показує чотири оригінальні зображення як контактний лист і фактичний перший кадр цієї завантаженої GIF, включаючи доданий підпис «Made to loop.».

Зображення в статті — це лише попередній перегляд, а не програвач анімації. Відкрийте завантажений GIF у програмі, яка підтримує анімацію, щоб перевірити час і цикл. Попередній перегляд, який виглядає плавним, все ще може змінити кольори після перетворення палітри GIF, тому перевірте збережений результат перед поширенням.

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

Завантажте перед оновленням або виходом. Оновлення редактора або сторінки завантаження повертає на головну сторінку інструменту. Зберігайте свої оригінальні зображення, оскільки експортований GIF — це сплющена анімація, а не файл проєкту, що містить елементи керування для редагування.

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

КОРИСНІ ДЕТАЛІ

Поширені запитання

Чи можу я створити GIF із зображень JPG та PNG разом?

Так. Режим зображень може поєднувати підтримувані формати зображень в одній послідовності. Кожен вхідний файл стає одним або кількома кадрами часової шкали. Виберіть спільний розмір полотна та перевірте, як розміщується кожне зображення.

Чи може кожне зображення залишатися на екрані різний час?

Так. Виберіть кадр і змініть тривалість. Застосування цієї тривалості до всіх кадрів є необов'язковим; не використовуйте це, якщо зображенням потрібен різний час затримки.

Чому в GIF більше кадрів, ніж кількість фотографій?

М'який перехід і «Зсув вліво» додають перехідні кадри, а «Відскок» додає зворотну послідовність. Завантажений анімований файл також може містити кілька кадрів. Обмеження у 200 кадрів стосується відрендереної анімації, а не лише кількості завантажених фотографій.

Чи можу я додати різний підпис до кожного зображення?

Так. Підпис застосовується до вибраного кадру. Виберіть кожен кадр, щоб ввести текст. Позиція, розмір і колір підпису є спільними елементами керування стилем для анімації.

Чи може GIF мати прозорий фон?

Так. Увімкніть «Прозорий фон» у розділі «Полотно та фон». GIF підтримує повністю прозорі пікселі, а не плавну часткову прозорість у стилі PNG, тому м'які краї можуть змінюватися. Перевірте завантажений результат на фоні, для якого він призначений.

Чому деякі краї фотографії відсутні?

Заповнення полотна та додаткове масштабування можуть обрізати краї вихідного зображення. Щоб зберегти повне зображення, виберіть «Показати все зображення», встановіть масштаб на 100% і використовуйте центрування. Інша форма полотна може залишити видимий фон навколо нього.

Чи зменшується розмір файлу GIF, якщо зробити його швидшим?

Не обов'язково. Коротша затримка змінює час, але зберігає ті самі кадри. Зменшення розмірів, кількості відрендерених кадрів або кількості кольорів зазвичай має більш прямий вплив на розмір файлу.

Чи всі зображення обробляються у моєму браузері?

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

ВАША ЧЕРГА

Перетворіть свої фотографії на цикл із чітким ритмом

Спробуйте зразок або використайте власний файл і перегляньте результат перед поширенням.

Відкрити Створення GIF

Деталі зображення

Мова38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Виберіть мову. Відеоуроки наразі мають англійське озвучення.