Как да създадете анимиран GIF с GIMP
GIMP е забележително мощен софтуер, като се има предвид, че той е безплатен. Уеб дизайнерите , по-специално, могат да бъдат благодарни за способността си да произвежда прости анимирани GIF.
Анимирани GIF са прости анимации, които ще видите на много уеб страници и, макар и много по-сложни от Flash анимациите , те са много прости за произвеждане от всеки, който има основно разбиране за GIMP.
Следващите стъпки показват обикновена анимация с размер банер в мрежата, като се използват няколко основни графики, текст и лого.
01 от 09
Отворете нов документ
В този пример ще използвам GIMP, за да създам много базов анимиран GIF уеб банер. Избрах предварително зададения шаблон на уеб банер 468x60 . За анимацията си можете да изберете предварително зададен размер или да зададете персонализирани величини в зависимост от начина, по който ще използвате крайната си анимация.
Моята анимация ще се състои от седем кадъра и всеки кадър ще бъде представен от отделен слой, което означава, че последният ми GIMP файл ще има седем слоя, включително фона.
02 от 09
Задайте рамка първа
Искам анимацията ми да започне с празно пространство, така че да не правя никакви промени в действителния слой Background, който вече е обикновен бял.
Необходимо е обаче да направя промяна в името на слоя в палитрата " Слоеве" . Щракнете с десния бутон на слоя Background в палитрата и изберете Edit Attributes Layer . В диалоговия прозорец Редактиране на атрибутите на слоя, който се отваря, добавям (250ms) края на името на слоя. Това определя колко време ще се покаже тази рамка в анимацията. Ms е милисекунди, а всяка милисекунда е хилядна от секундата. Този първи кадър ще се покаже за четвърт секунда.
03 от 09
Задайте втора рамка
Искам да използвам графика за отпечатък за тази рамка, така че отивам в File > Open as Layers и избирам моя графичен файл. Това поставя отпечатък върху нов слой, който мога да позиционирам според нуждите с помощта на инструмента за преместване . Както при фоновия слой, трябва да преименувам слоя, за да задам времето за показване на рамката. В този случай избрах 750ms.
Забележка: в палитрата " Слоеве" изглежда, че новият вид на слоя показва черен фон около графиката, но в действителност тази област е прозрачна.
04 от 09
Задайте рамки Три, Четири и Пет
Следващите три кадъра са повече отпечатъци, които ще преминат през банера. Те се вмъкват по същия начин като втория, използвайки същата графика и друга графика за другия крак. Както преди времето е зададено като 750ms за всеки кадър.
Всеки от слоевете на отпечатък се нуждае от бял фон, така че да се вижда само една рамка - в момента всеки от тях има прозрачен фон. Мога да направя това, като създам нов слой непосредствено под слоя отпечатък, запълвайки новия слой с бяло, а след това с дясно щракване върху слоя отпечатък и кликнете върху Обединяване надолу .
05 от 09
Задайте рамка шеста
Тази рамка е само празна рамка, изпълнена с бяло, което ще даде вид на окончателния отпечатък, изчезващ преди последната рамка да се появи. Назовах интервала на този слой и реших да имам този дисплей само за 250ms. Не е нужно да наименувате слоеве, но може да направи по-лесни за работа слоестите файлове.
06 от 09
Нагласете Рамката седем
Това е последният кадър и показва някакъв текст заедно с логото на 7e.com. Първата стъпка тук е да добавите още един слой с бял фон.
След това използвам текстовия инструмент, за да добавите текста. Това се прилага към нов слой, но ще се справя с това, след като добавим логото, което мога да направя по същия начин, по който вече съм добавил графиката на отпечатъка. Когато ги подредим по желание, мога да използвам Обединяване надолу, за да комбинирам логото и текстовите слоеве и след това да обединя този комбиниран слой с белия слой, който беше добавен по-рано. Това създава един слой, който ще формира последния кадър и избрах да го покажа за 4000ms.
07 от 09
Прегледайте анимацията
Преди да запазите анимирани GIF, GIMP има опцията да я прегледа в действие, като отидете на Филтри > Анимация > Възпроизвеждане . Това отваря диалогов прозорец за предварителен преглед със самообяснителни бутони за възпроизвеждане на анимацията.
Ако нещо не изглежда добре, то може да бъде изменено на този етап. В противен случай тя може да бъде запазена като анимационен GIF.
Забележка: Последователността на анимацията е зададена в реда, в който слоевете се подреждат в палитрата на слоевете , започвайки от фона или най-ниския слой и работещи нагоре. Ако анимацията ви излезе от последователност, ще трябва да регулирате реда на слоевете си, като кликнете върху слой, за да изберете и използвате стрелките нагоре и надолу в долната лента на палитрата на слоевете, за да промените позицията си.
08 от 09
Запазете анимирани GIF
Записването на анимиран GIF е доста просто упражнение. Първо, отворете Файл > Запазване на копие и задайте подходящо име на файла си и изберете къде искате да запазите файла си. Преди да натиснете Save , кликнете върху Select File Type (By Extension) в долния ляв ъгъл и от списъка, който се отваря, изберете GIF изображение . В диалоговия прозорец Изходен файл, който се отваря, кликнете върху бутона Запиши като анимация и кликнете върху бутона Експортиране . Ако получите предупреждение за слоеве, надхвърлящи действителните граници на изображението, кликнете върху бутона Изрязване .
Това ще доведе до диалоговия прозорец " Запазване като GIF" с раздел " Опции за анимирани GIF" . Можете да ги оставяте по подразбиране, въпреки че ако искате само анимацията да играе веднъж, трябва да махнете отметката за Loop forever .
09 от 09
заключение
Стъпките, показани тук, ще ви дадат основните инструменти за създаване на собствени прости анимации, използвайки различни графики и размери на документите. Докато крайният резултат е доста основен по отношение на анимацията, това е много лесен процес, който може да постигне всеки, който има основни познания за GIMP. Анимираните GIF-и вероятно вече минават по-силно, но с малко мислене и внимателно планиране, те все още могат да бъдат използвани за създаването на ефективни анимирани елементи много бързо.