Инструменти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 MB на изображение и общи ограничения за обработка.

Този пример използва „Опитайте пример“, за да зареди 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 px. Други предварителни настройки включват „Портрет“, „История“, „Пейзаж“ и „Широкоекранен“. „Съответствие с първото изображение“ започва от формата на първото изображение, докато „Персонализиран размер“ приема размери от 16 до 1600 px на страна, в зависимост от общия лимит за обработка на анимацията.

„Напасване на изображението“ предлага „Показване на цялото изображение“ и „Запълване на платното“. „Показване на цялото изображение“ при 100% мащаб запазва всички изходни краища и може да остави фон около снимка с различна форма. „Запълване на платното“ покрива изходната зона и може да изреже краищата. Задайте „Фон“ на желания цвят или активирайте „Прозрачен фон“, когато дестинацията го изисква.

Изберете кадър, за да промените рамкирането му независимо. Плъзнете визуализацията или променете „Мащаб“, използвайте „Наляво“ или „Надясно“ за ротации на 90 градуса или „Обръщане“, за да го огледате. „Нулиране на кадъра“ връща този кадър към центрирано, неротирано рамкиране при 100% мащаб. Примерът запазва всичките четири оригинални квадратни снимки центрирани и използва „Показване на цялото изображение“.

Изберете първия кадър и въведете „Made to loop.“ в „Надпис“. Оставете другите три надписа празни. Под „Текст и качество на експортиране“ запазете „Позиция на надписа“ на „Долу“, „Размер на надписа“ на 32 px и цвят на надписа „бял“. Надписите принадлежат към индивидуални кадри; избирането на друг кадър ви позволява да напишете различен ред. Първият надпис в примера избледнява заедно с кадъра си.

Запазете 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

Изберете вашия език. Видео уроците в момента използват английски разказ.