Фотошопта GIF анимациясын қалай жасауға болады

Anonim

Adobe Photoshop-да GIF анимациясын қалай құруға болады

1-әдіс: Нысандарды қолмен анимациялау

Бірінші әдіс кенеп қабаттарына қосылған қолмен анимация үшін Adobe Photoshop қолданғысы келетіндерге жарамды. Бұл еркін геометриялық фигура, дайын сурет немесе мәтін болуы мүмкін. Бұл графикалық редактор мұндай тапсырманы орындау үшін толығымен сәйкес келмейді, бірақ қарапайым GIF жасау арқылы ол жеңеді, және сіз бұл процесті бірнеше сатыға бөле аласыз.

1-қадам: «Уақыт ауқымын» қосу

Adobe Photoshop-та анимация «Уақыт шкаласы» нысандарын пайдалану және өңдеу арқылы пайда болады. Әдепкі бойынша, бұл терезе бағдарламада жасырылған, өйткені ол стандартты жұмыс ортасында пайдаланылмайды. Оны іске қосу үшін «терезе» мәзірін ашып, «Уақыт шкаласы» түймесін басыңыз.

Adobe Photoshop-та анимация жасау үшін уақыт шкаласын қосу

Төменде біз бұдан әрі сілтеме жасайтын жаңа панель пайда болады. GIF-пен жұмыс істегеннен кейін оны осы түймені қолданып, оны осы түймені қолданып жасыра аласыз.

Adobe Photoshop-да анимацияны жасауға уақыт шкаласы

2-қадам: GIF үшін элементтерді дайындау

Жоғарыда айтылғандай, Photoshop сізге кез-келген қабаттарды, соның ішінде мәтіндерді, суреттерді және геометриялық пішіндерді басқаруға мүмкіндік береді. Бастау үшін, элементтер жаңа жоба құрып, кенепке қосу керек. Әрқайсысын бөлек қабатқа салыңыз, сонда одан әрі өңдеуде қиындыққа тап болмайды. Дайындық жұмыстары аяқталғаннан кейін келесі қадамға өтіңіз.

Adobe Photoshop-да анимация жасамас бұрын заттарды дайындау

3-қадам: сыртқы түрін орнату

Графикалық редакторда қолдануға болатын бірнеше негізгі анимациялық әрекеттер бар, және кез-келген элементтің әсері осында пайда болады. «Уақыт ауқымымен» қалай қарым-қатынас жасауды және оның негізгі нүктелерімен қалай қарым-қатынас жасау туралы бірінші рет қарастыру ұсынылады.

  1. Master Panel-мен жұмыс істеп, «Бейне үшін уақыт шкаласы» түймесін басыңыз.
  2. Adobe Photoshop графикалық редакторында жаңа анимациялық тректер құру

  3. Әр қабат бөлек жолға сәйкес келеді, яғни сіз олардың кез-келгенін таңдап, өңдеуге кірісе аласыз.
  4. Adobe Photoshop-та анимация жолындағы әр қабаттың орналасқан жері

  5. Біздің жағдайда кішкентай логотипті қарастырыңыз. Барлық қол жетімді анимация әрекеттерін көру үшін оның қабатын кеңейтіңіз.
  6. Adobe Photoshop-да анимацияны құру үшін қабатты таңдау

  7. Мысалда біз «мөлдірлік» функциясының көмегімен іске асырылған сыртқы келбеттің әсерін орнаттық. Бірінші пернені жасау үшін осы жолды нұқыңыз, сонда бұл қазіргі кезде не екенін есте сақтайды.
  8. Adobe Photoshop-та анимациямен жұмыс жасау кезінде бірінші перне нүктесін жасау

  9. Осы бақылау-өткізу пунктінде болу, оның ашылуын жұмыс кеңістігінен толығымен жасыру үшін 0% -ға өзгертіңіз.
  10. Adobe Photoshop-та анимациямен жұмыс жасау кезінде объектінің мөлдірлігін өзгертіңіз

  11. Жүгірткіні бірнеше секундқа сырғытып, басқа нүктені жасаңыз, содан кейін ашықты 100% бұрап алыңыз.
  12. Adobe Photoshop-да екінші пернені жасау және объектінің мөлдірлігінің өзгеруі

  13. Анимацияны ойнаңыз және нәтижемен танысу үшін алдын-ала қарау терезесін қараңыз. Екі негізгі ой, біз олардың әрқайсысындағы объектінің мөлдірлігінің функциясын өзгерту арқылы пайда болуына қол жеткіздік.
  14. Adobe Photoshop-да редакциялау кезінде анимацияны ойнауға арналған ойнату

Дәл солай, сіз кез-келген нысан параметрін, түстерді, позицияны, қабаттасу эффектілерін және Adobe Photoshop ішіндегі барлық заттарды қоса аласыз. Кілттердің жұмысының ерекшелігін ескеру керек. «Позиция», «мөлдірлік» немесе «стиль», содан кейін өзгерістер жасаңыз. Ол әлі де іс-қимыл түріне қарамастан, біз келесі қадамда көз жеткіземіз.

4-қадам: Нысанды жылжыту анимация

Анимацияның негізі қозғалыс болып табылады, сондықтан біз бірнеше кілттердің мысалында және негізгі қозғалыс түрінде осы әрекетті орнатуды ұсынамыз.

  1. Жылжымалы нысан ретінде біз мәтінді қолданамыз, сонымен бірге бұрын сипатталған ақпаратты тексереміз. Көмекші тректердің пайда болуы үшін блокты кеңейтіңіз.
  2. Adobe Photoshop-та анимация жасау үшін екінші қабатты таңдаңыз

  3. Бағдарлама «Position» функциясы анықталған жоқ, сондықтан сіз басқа опцияны таңдауыңыз керек.
  4. Adobe Photoshop-та анимациялық қозғалыс үшін жаңа тректі таңдау

  5. Егер сіз осы анимациядағы «перспектива» қолданылмайтынына сенімді болсаңыз, бұл сіз бұл жолды мәтіннің орнын өзгерту үшін пайдалана аласыз. Бірінші кілтті жасаңыз және жазуды бастапқы позицияға «Қозғалыс» құралы арқылы орналастырыңыз.
  6. Adobe Photoshop-да қозғалыс анимациясының бірінші пернесін жасау

  7. Қозғалыстың тегістігін қамтамасыз ету үшін мәтінді соңғы позицияға жылжыту арқылы біршама мәтінді жылжыту арқылы қатарластырыңыз.
  8. Adobe Photoshop-та трафикті анимизациялау кезінде басқа негізгі нүктелерді жасау

  9. Анимацияны мезгіл-мезгіл шығарып, тегістігін жақсарту үшін пернелерді реттеңіз.
  10. Adobe Photoshop-та қозғалыстармен жұмыс жасау кезінде анимацияны көбейту

  11. Егер пернелер ағымдық уақыт кестесінде жұмыс істеу ыңғайсыз болса, оның масштабын өзгертіңіз немесе жаңа нүктелерді қосу үшін циклды көбейтіңіз.
  12. Adobe Photoshop-та анимация аймағын редакциялау

  13. Егер сізге нысанды ауыстыру немесе қосу қажет болса, плюс түріндегі түймені басыңыз.
  14. Adobe Photoshop-да анимация үшін элементтерді қосу

5-қадам: GIF-in Computer-ді сақтау

Анимация аяқталғаннан кейін, сіз жобаны GIF файлы түрінде, желіні орналастыру немесе жергілікті компьютерде ойнату үшін сақтауды жалғастыруыңыз керек. Ол үшін Adobe Photoshop-да екі түрлі функция бар.

  1. Файл мәзірін ашып, меңзерды «Экспорттау» тармағына жылжытып, «Вебке сақтау» опциясын таңдаңыз. Егер сізге қосымша анимация параметрлері қажет болмаса, «Басқаша сақтау» пайдаланыңыз және ашылмалы мәзірден дұрыс пішімді көрсетіңіз.
  2. Adobe Photoshop-да дайын анимацияны сақтауға көшу

  3. Экспорттау кезінде GIF форматын табыңыз.
  4. Adobe Photoshop-да ұстамас бұрын анимация форматын таңдау

  5. Егер бұл бұрын жасалмаса, субстраттың түсін өзгертіңіз.
  6. Adobe Photoshop-да оны сақтау алдында анимациялық субстраттың түсін таңдаңыз

  7. Суреттің өлшемін және қайталану санын өңдеңіз.
  8. Adobe Photoshop-да оны сақтамас бұрын анимацияның өлшемін таңдаңыз

  9. «Сақтау» түймесін қайта батырмас бұрын, таңдалған параметрлердің дұрыстығын тексеріңіз.
  10. Adobe Photoshop-да анимацияны сақтауды растау

  11. Файл атауын орнатыңыз, оның сақталу жолын көрсетіңіз және осы әрекетті растаңыз.
  12. Adobe Photoshop-да анимацияны сақтау орнын таңдау

Жасаудың дұрыстығын тексеру үшін GIF немесе басқа ыңғайлы құрал арқылы ашыңыз, содан кейін жасау процесін аяқтауға болады.

2-әдіс: фотосуреттен GIF құру

Adobe Photoshop сізге бар фотосуреттерден GIF жасауға мүмкіндік береді. Бұл бейненің және арнайы жасалған реттік бейнелердің жақтаулары сияқты болуы мүмкін. Бұл жағдайда анимацияны қалыптастыру процесі алдыңғы қатарынан әлдеқайда оңай, өйткені ол негізгі ұпайларды қолмен құруды қажет етпейді.

  1. «Уақыт масштабында» Бұл жолы «Жақтау анимациясын жасау» режимін ашылмалы мәзірден таңдау арқылы өзгертіңіз.
  2. Adobe Photoshop ішіндегі екінші анимацияны жасау режимін таңдаңыз

  3. «Файлды» ашып, меңзерды «Сценарийлер» арқылы жылжытып, «Жинақтау үшін файлдарды жүктеу» түймесін басыңыз.
  4. Adobe Photoshop-да анимация жасау үшін кескіндерді қосуға көшу

  5. Пайда болған терезеде «Шолу» түймесін басыңыз.
  6. Adobe Photoshop-та анимацияны жасау үшін жылдам қосу құралын пайдалану

  7. Бірден анимацияға енгізілуі керек барлық фотосуреттерді жүктеп алыңыз.
  8. Adobe Photoshop-та анимация жасау үшін бірнеше суретті қосу

  9. Егер сіз оларды туралағыңыз келсе, қоспас бұрын осы мүмкіндікті іске қосыңыз.
  10. Adobe Photoshop-та анимация жасау кезінде кескін туралау опциясын пайдалану

  11. Анимацияны қалыптастыру үшін «Жақтау анимациясын жасау» түймесін пайдаланыңыз.
  12. Adobe Photoshop-та суреттерден анимация жасауды бастаңыз

  13. Әрекет мәзірін кеңейтіп, басқа суреттерді қосу үшін «Қабаттардан жақтаулар жасау» элементін табыңыз.
  14. Adobe Photoshop-та анимация үшін барлық суреттерді қосу

  15. Егер қажеттілік туындаса, жерлерді өзгерту арқылы олардың тізбегін өңдеңіз.
  16. Adobe Photoshop-та анимацияға арналған кадрлар ретінде суреттерді сәтті қосу

  17. Әр жақтаудың ойнатуын кеңейту үшін, егер ойнату жылдамдығы сізге қанағаттанса, кідірісті немесе оны теңшеңіз.
  18. Adobe Photoshop-да анимацияның көбею жылдамдығын өңдеу

  19. Сақтамас бұрын, ойнатуды тексеріп, gif жасаңыз, себебі ол алдыңғы әдіспен соңғы кезеңде көрсетілгендей етіп жасаңыз.
  20. Жеке кадрлардан Adobe Photoshop-та сәтті жасалатын анимация құру

Егер нұсқауларды оқығаннан кейін Adobe Photoshop компаниясы болжалды анимацияны жүзеге асыру үшін жарамсыз деп, сіз өзіңізді GIF-пен жұмыс істеуге арналған басқа бағдарламалармен таныстыруға кеңес береміз. Мұндай бағдарламалық жасақтаманың танымал өкілдеріне егжей-тегжейлі шолу біздің веб-сайттағы жеке мақалада.

Толығырақ: анимацияны құруға арналған ең жақсы бағдарлама

Ары қарай оқу