GIMP - бұл тегін екенін ескерсек, өте қуатты бағдарламалық құрал. Веб-дизайнерлер, әсіресе, оның қарапайым анимациялық-g.webp
Анимацияланған-g.webp
GIMP-те анимациялық-g.webp" />
Келесі қадамдар бірнеше негізгі графиканы, кейбір мәтінді және логотипті пайдаланатын қарапайым веб-баннер өлшеміндегі анимацияны көрсетеді.
Осы мақаладағы нұсқаулар GIMP 2.10.12 нұсқасына қолданылады.
-
Жаңа құжатты ашыңыз. Бұл мысалда біз Үлкен мобильді 320x100 веб-баннерінің алдын ала орнатылған үлгісін таңдадық.
Анимацияңыз үшін соңғы анимацияны қалай пайдаланатыныңызға байланысты алдын ала орнатылған өлшемді таңдауға немесе реттелетін өлшемдерді орнатуға болады.
Бұл оқулық үшін анимация жеті кадрдан тұрады және әрбір кадр жеке қабатпен көрсетіледі, яғни соңғы GIMP файлында фонмен қоса жеті қабат болады.
-
Бірінші жақтауды орнату. Анимация бос орыннан басталады, сондықтан нақты Фон қабатына ешқандай өзгеріс қажет емес, себебі ол ақ түсті.
Алайда, Қабаттар палитрасындағы қабат атауын өзгерту қажет. Бояғыштағы Фон қабатын тінтуірдің оң жақ түймешігімен басып, Қабат атрибуттарын өңдеу таңдаңыз.
Image -
Ашылатын Қабат атрибуттарын өңдеу тілқатысу терезесінде қабат атауының соңына (250мс) қосыңыз. Бұл кадрдың анимацияда көрсетілетін уақыт мөлшерін белгілейді. ms миллисекундтарды білдіреді және әрбір миллисекунд секундтың мыңнан бір бөлігін құрайды. Бұл бірінші кадр секундтың төрттен бірі көрсетіледі.
Image -
Екінші жақтауды орнату. Оқулық үшін бұл кадр үшін із сызбасы пайдаланылады. Файл > Қабаттар ретінде ашу тармағына өтіп, графикалық файлды таңдаңыз. Бұл ізді Жылжыту құралы көмегімен қажетінше орналастыруға болатын жаңа қабатқа орналастырады.
Image -
Фондық қабаттағы сияқты, кадрдың көрсету уақытын тағайындау үшін бұл жаңа қабаттың атын өзгерту қажет. Бұл жағдайда 750 мс.
Қабаттар палитрасында жаңа қабатты алдын ала қарау графиканың айналасында қара фон көрсететін сияқты, бірақ шын мәнінде бұл аймақ мөлдір.
Image -
Үш, төрт және бес жақтауларды орнатыңыз. Келесі үш жақтау - бұл баннерден өтетін көбірек іздер. Олар сол графиканы және басқа аяқ үшін басқа графиканы пайдаланып, екінші жақтау сияқты кірістіріледі. Бұрынғыдай уақыт әр кадр үшін 750 мс болып орнатылған.
Қабат ізі қабаттарының әрқайсысына ақ фон қажет, сонда тек бір жақтау әрқашан көрінеді – қазіргі уақытта әрқайсысында мөлдір фон бар. Мұны біз із қабатының астында бірден жаңа қабат жасап, жаңа қабатты ақ түспен толтырып, содан кейін із қабатын тінтуірдің оң жақ түймешігімен басып, Біріктіру түймесін басу арқылы жасай аламыз.
-
Алтыншы жақтауды орнату. Бұл жақтау ақ түспен толтырылған бос жақтау болып табылады, ол соңғы жақтау пайда болғанға дейін жоғалып кететін соңғы іздің көрінісін береді. Біз бұл қабатты интервал деп атадық және бұл дисплей небәрі 250 мс болуын таңдадық.
Қабаттарды атаудың қажеті жоқ, бірақ ол қабатты файлдармен жұмыс істеуді жеңілдетеді.
Image -
Жеті жақтауды орнату. Бұл соңғы жақтау және Lifewire.com логотипімен бірге кейбір мәтінді көрсетеді. Мұнда бірінші қадам - ақ фоны бар басқа қабат қосу.
Image -
Одан кейін мәтінді қосу үшін Мәтін құралын пайдаланыңыз. Бұл жаңа қабатқа қолданылады, бірақ логотипті немесе жаңа суретті қосқаннан кейін біз онымен айналысамыз, мұны бұрын іздің графикасы қосылған жолмен жасауға болады.
Image -
Оларды қалауымызша ретке келтірген кезде, логотип пен мәтін қабаттарын біріктіру үшін Біріктіру пернесін пайдалана аламыз, содан кейін сол біріктірілген қабатты қосылған ақ қабатпен біріктіреміз. бұрын. Бұл соңғы кадрды құрайтын бір қабатты жасайды және біз оны 4000 мс көрсетуді таңдадық.
Image -
Анимацияны алдын ала қарау Анимацияланған-g.webp" />Сүзгілер > тармағына өту арқылы оны әрекетте қарап көру мүмкіндігі бар. Анимация > Ойнату Бұл анимацияны ойнату үшін өздігінен түсіндірілетін түймелері бар алдын ала қарау диалогын ашады. Егер бірдеңе дұрыс болмаса, оны осы сәтте түзетуге болады. Әйтпесе, оны анимациялық-g.webp" />.
Анимация тізбегі қабаттар Қабаттар палитрасында фоннан немесе ең төменгі қабаттан басталып, жоғары қарай жұмыс істейтін ретпен орнатылады. Анимацияңыз ретсіз ойнатылатын болса, қабаттарды таңдау үшін басып, оның орнын өзгерту үшін «Қабаттар» палитрасының төменгі жолағындағы жоғары және төмен көрсеткілерді пайдалану арқылы қабаттарыңыздың ретін реттеуіңіз керек.
Image -
Анимацияланған-g.webp" />. Анимацияланған-g.webp" />Файл > көшірмені сақтау бөліміне өтіп, файлыңызға сәйкес атау беріңіз және файлды сақтағыңыз келетін орынды таңдаңыз.
Image -
Оны анимацияланған-g.webp
Файл > Басқаша экспорттау бөліміне өтіңіз.
Image -
Ашылатын Кескінді экспорттау тілқатысу терезесінде Файл түрін таңдау таңдаңыз және-g.webp" />. Кескіннің нақты шекарасынан асып түсетін қабаттар туралы ескерту алсаңыз, Қию түймесін басыңыз.
Image -
Бұл енді тілқатысу терезесіне әкеледі, Анимацияланған-g.webp" /> бөлімі бар. Сіз оларды әдепкі күйінде қалдыра аласыз, дегенмен анимацияның бір рет ойнатылуын қаласаңыз, Мәңгілік цикл құсбелгісін алып тастауыңыз керек.
Image - Енді анимациялық GIF-ті бөлісе аласыз.
Қорытынды
Мұнда көрсетілген қадамдар әртүрлі графикалар мен құжат өлшемдерін пайдалана отырып, өзіңіздің қарапайым анимацияларыңызды жасауға арналған негізгі құралдарды береді. Соңғы нәтиже анимация тұрғысынан өте қарапайым болғанымен, GIMP туралы негізгі білімі бар кез келген адам қол жеткізе алатын өте оңай процесс.
