GIMP Анимирани GIF Упатство

Како да се произведе анимиран GIF со GIMP

GIMP е извонредно моќен дел од софтверот сметајќи дека е бесплатен. Веб-дизајнерите , особено, може да бидат благодарни за неговата способност да произведуваат едноставни анимирани GIF-и.

Анимирани GIFs се едноставни анимации кои ќе ги видите на многу веб-страници и, иако тие се многу помалку софистицирани од Flash анимациите , тие се многу едноставни да се произведуваат од било кој со основно разбирање на GIMP.

Следните чекори покажуваат едноставна анимација со големина на веб-банер користејќи неколку основни графика, текст и лого.

01 од 09

Отворете нов документ

Во овој пример, јас ќе го користам ГИМП за да создадам многу основно анимиран веб-банер на ГИФ. Јас го избрав дефиниција дефиниција на Web банер заеднички 468x60 . За вашата анимација, можете да изберете претходно поставена големина или да поставите сопствени димензии во зависност од тоа како ќе ја користите вашата финална анимација.

Мојата анимација ќе се состои од седум рамки и секоја рамка ќе биде претставена со поединечен слој, што значи дека мојата конечна GIMP датотека ќе има седум слоеви, вклучувајќи ја и позадината.

02 од 09

Поставете рамка еден

Сакам мојата анимација да започне со празен простор, така што нема да направам никакви промени во вистинскиот слој Позадина, кој веќе е обичен бел.

Сепак, јас треба да направам промена на името на слојот во палетата Слоеви . Јас десен клик на слојот Background во палетата и изберете Уреди атрибути на слоеви . Во дијалогот Уреди дијалог на атрибути, кој се отвара, јас додавам (250ms) до крајот на името на слојот. Ова го поставува износот на време што оваа рамка ќе биде прикажана во анимацијата. МС значи милисекунди и секоја милисекунда е илјадати дел од секунда. Оваа прва рамка ќе се прикаже за една четвртина од секунда.

03 од 09

Поставете рамка два

Сакам да користам графика за оваа рамка, па отидов во Датотека > Отвори како слоеви и одбери ја мојата графичка датотека. Ова го става стапалото на нов слој што можам да го поставам како што е потребно со помош на алатката за движење . Како и со слојот во позадина, треба да го преименувам слојот за да го назначам времето за прикажување на рамката. Во овој случај, јас одбрав 750ms.

Забелешка: во палетата Слоеви , новиот преглед на слојот изгледа дека покажува црна позадина околу графиката, но во реалноста оваа област е транспарентна.

04 од 09

Поставете рамки три, четири и пет

Следните три рамки се повеќе стапалки кои ќе одат преку банерот. Тие се вметнуваат на ист начин како рамката два, користејќи ја истата графичка и друга графичка за другата нога. Како порано времето е поставено како 750ms за секоја рамка.

Секој слој на лента има потреба од бела позадина, така што само една рамка е некогаш видлива - во моментот, секој има транспарентна позадина. Можам да го направам ова со создавање на нов слој веднаш под слојот на стапало, пополнување на новиот слој со бело, а потоа со десен клик на слојот на стапалото и кликнување на Spin Down .

05 од 09

Поставете ја рамката шест

Оваа рамка е само празна рамка исполнета со бела боја, што ќе му даде изглед на последното трага што ќе исчезне пред да се појави конечната рамка. Јас го именував овој слој Интервал и избрав да го прикажам само 250ms. Вие не треба да ги именувате слоевите, но може да направите слоевит датотеки полесно да работат.

06 од 09

Поставете рамка седум

Ова е последната рамка и прикажува некој текст заедно со логото About.com. Првиот чекор е да додадете уште еден слој со бела позадина.

Следно, ја користам текстуалната алатка за да го додадам текстот. Ова се применува на нов слој, но јас ќе се справам со тоа откако ќе го додадам логото, кое можам да го направам на ист начин како што претходно ја додадов графичката околина. Кога ги добив овие средени по желба, можам да користам Merge Down за да ги комбинирам логото и текстуалните слоеви, а потоа да го споим тој комбиниран слој со белиот слој што беше додаден претходно. Ова произведува еден слој кој ќе ја формира последната рамка и јас избрав да го прикажам ова за 4000ms.

07 од 09

Прегледајте ја анимацијата

Пред да го зачувате анимираниот GIF, GIMP има можност да го прегледате во акција со одење до Филтри > Анимација > Репродукција . Ова отвора дијалог за преглед со копчиња за објаснување за да ја пушти анимацијата.

Ако нешто не изгледа добро, може да се измени во овој момент. Во спротивно, може да се зачува како анимиран GIF.

Забелешка: Редоследот на анимација е поставен по редослед дека слоевите се наредени во палетата Слоеви , почнувајќи од позадината или од најнискиот слој и работат нагоре. Ако вашата анимација игра надвор од редоследот, ќе треба да го прилагодите редоследот на вашите слоеви со кликнување на слој за да изберете и да ги користите стрелките за горе и надолу во долната лента од палетата Layers за да ја смените својата позиција.

08 од 09

Зачувај го анимираниот GIF

Зачувувањето на анимиран GIF е прилично јасна вежба. Прво, одете во Датотека > Зачувај копија и му ја даде на вашата датотека релевантно име и одберете каде сакате да ја зачувате вашата датотека. Пред да притиснете Save (Зачувај) , кликнете Select File Type (By Extension) кон левото доле, и од листата што се отвора, одберете GIF слика . Во дијалогот за извозни датотеки што ќе се отвори, кликнете на копчето за зачувување како анимација и кликнете на копчето Извоз . Ако добиете предупредување за слоеви кои се протегаат надвор од вистинските граници на сликата, кликнете на копчето Crop .

Ова сега ќе доведе до дијалог Save as GIF со дел од анимирани GIF Options . Можете да ги оставите овие на нивните стандардни вредности, иако ако сакате само еднаш да ја изведувате анимацијата, треба да ја исклучите Loop засекогаш .

09 од 09

Заклучок

Чекорите прикажани овде ќе ви ги дадат основните алатки за да ги направите вашите сопствени едноставни анимации, користејќи различни графики и големини на документи. Додека крајниот резултат е прилично основен во смисла на анимација, тоа е многу лесен процес кој секој со основни познавања на GIMP може да постигне. Анимирани GIF-и се веројатно минато сега, но со малку размислување и внимателно планирање, тие сеуште можат да се искористат за создавање на ефективни анимирани елементи многу брзо.