ßê çðîáèòè àí³ìàö³þ íà ñâ³é ñàéò

³äåî - ßÊ ÇÐÎÁÈÒÈ ÌÓËÜÒÈÊ!

ßêùî âàì ïîäîáàþòüñÿ àí³ìîâàí³ åëåìåíòè íà âåá-ñàéòàõ ³ âè õî÷åòå çðîáèòè àí³ìàö³þ íà ñâ³é ñàéò, àëå íå õî÷åòå ìó÷èòèñÿ ç Flash, ³ñíóº ïðîñòå ³ åôåêòèâíå ð³øåííÿ - àí³ìîâàíèé GIF. Äëÿ ñòâîðåííÿ àí³ìîâàíèõ GIF-ôàéë³â íå ïîòð³áíà íàÿâí³ñòü íàâè÷îê ïðîãðàìóâàííÿ àáî óñòàíîâêè ñïåö³àëüíèõ ïëàã³í³â. GIF-àí³ìàö³ÿ öå ïðîñòèé íàá³ð ñëàéä³â (êàðòèíîê), ÿê³ çì³íþþòü îäèí îäíîãî ÷åðåç ïåâíèé ³íòåðâàë ÷àñó. ³äòâîðåííÿ öèõ êàðòèíîê ç ³íòåðâàëîì â äåê³ëüêà ì³ë³ñåêóíä ñòâîðþº åôåêò ðóõó, ïîä³áíèé äî òîãî, êîëè ìè â äèòèíñòâ³ ìàëþâàëè íà êîæí³é ñòîð³íö³ áëîêíîòà, à ïîò³ì äóæå øâèäêî ¿õ ïåðåãîðòàâ.
Âàì çíàäîáèòüñÿ
  • Êîìï`þòåð, ãðàô³÷íèé ðåäàêòîð Adobe Photoshop 5 âåðñ³¿ ³ âèùå, ðåäàêòîð Adobe Image Ready
²íñòðóêö³ÿ
1



Çàïóñò³òü Photoshop ³ ñòâîð³òü íîâå çîáðàæåííÿ ðîçì³ðîì 100x100 ï³êñåë³â. Âñòàíîâ³òü äîçâ³ë â 72 ï³êñåëÿ ³ ðåæèì RGB. Âèáåð³òü îïö³þ Show Layers ç ïóíêòó ìåíþ Window, ùî âêëþ÷èòü â³äîáðàæåííÿ ïàë³òðè øàð³â.
2
Ó ïàë³òð³ ³íñòðóìåíò³â âèáåð³òü îë³âåöü ³ íàìàëþéòå áóäü-ÿêå çîáðàæåííÿ. Ó ïàë³òð³ øàð³â íàòèñí³òü Duplicate Layer, ùî ñòâîðèòü êîï³þ âæå ³ñíóþ÷îãî øàðó. Âèêîðèñòîâóéòå ³íñòðóìåíò "ãóìêà", ùîá ñòåðòè áóäü-ÿêó ÷àñòèíó çîáðàæåííÿ, ïîò³ì îë³âöåì äîäàéòå çì³íè. Ñòâîð³òü ñò³ëüêè øàð³â, ñê³ëüêè íåîáõ³äíî â òîìó ïîðÿäêó, â ÿêîìó âîíè ïîâèíí³ çì³íþâàòè îäèí îäíîãî. Êîæåí øàð áóäå îêðåìèì êàäðîì âàøî¿ àí³ìàö³¿.
3
Íàñòàâ ÷àñ àí³ìóâàòè îòðèìàí³ êàäðè. Ó ìåíþ File âèáåð³òü Jump to, à ïîò³ì Adobe Image Ready. Äàíà ä³ÿ ïåðåíåñå âàñ â ³íøèé ãðàô³÷íèé ðåäàêòîð.
4
Ó ìåíþ Window âèáåð³òü îïö³þ Show Animation, ÿêà âêëþ÷èòü â³äîáðàæåííÿ ïàë³òðè àí³ìàö³¿.  ìåíþ íàëàøòóâàíü ïàë³òðè (çíà÷îê ñòð³ëêè â ïðàâîìó âåðõíüîìó êóò³) âèáåð³òü ôóíêö³þ Make Frames from Layers, ùî òðàíñôîðìóº âñ³ øàðè â êàäðè. Àí³ìàö³ÿ âæå ìàéæå ãîòîâà.
5
Ïîðà ïðèñòóïàòè äî íàñòðîþâàíü òèì÷àñîâîãî ³íòåðâàëó. Âèä³ë³òü ïîòð³áíèé êàäð ³ â âèïàäàþ÷îìó ìåíþ (çë³âà, âíèçó) âèáåð³òü ïîòð³áíèé â³äð³çîê ÷àñó, ÷åðåç ÿêèé äàíèé êàäð çì³íèòüñÿ ³íøèì. Ïðîðîá³òü öå ç êîæíèì êàäðîì âàøî¿ àí³ìàö³¿. Êîëè âñå áóäå ãîòîâî, âèêîðèñòîâóéòå îïö³þ Save Optimized As, ùîá çáåðåãòè âàø ïåðøèé àí³ìîâàíèé GIF. Òåïåð âè ìîæåòå âèêîðèñòîâóâàòè éîãî ÿê áàíåð àáî äåêîðàòèâíèé åëåìåíò íà âàøîìó ñàéò³.

Ïîä³ëèñÿ â ñîö ìåðåæàõ:

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê çðîáèòè àí³ìàö³þ íà ñâ³é ñàéò