Bagong mga aralin sa animation sa Photoshop. Animasyon ng paggalaw. Pag-save ng GIF animation sa Photoshop

Magandang gabi, mahal na mga tagasuskribi at mga mambabasa lamang ng aking blog! Handa ka na bang matutunan kung paano buhayin ang iyong larawan? At hindi sa tulong ng mahika, ngunit sa tulong ng lahat mula sa aming minamahal na Photoshop! Gaano katagal ko ipinagpaliban ang araling ito, nang hindi naiintindihan kung bakit. Pagkatapos ng lahat, ito ang mga pangunahing kaalaman sa Photoshop! Pero ngayon, nagpasya akong mag-improve.

At pagbutihin nang husto na sa dulo ng video, ang sa iyo ay makakatanggap din ng isang aralin sa video kung paano gumawa ng animation sa photoshop.

Matagal na akong hindi nagsusulat ng mga tutorial sa Photoshop, at may mga dahilan ako para doon. Tutal tinatapos ko na ang kwento ko "". Maaari mong basahin ito at ipahayag ang iyong opinyon nang direkta sa mga komento!

Ngayon ay magpatuloy tayo sa aralin. Sa video sa ibaba, sasabihin ko sa iyo kung paano gumawa ng unti-unting idinagdag na teksto, ngunit sa isang aralin sa teksto ang gawain ay magiging mas mahirap.

Mayroon kaming Cipollino, at kailangan namin siyang iwagayway ang kanyang kamay sa amin.

Hakbang 1. Una kailangan mong "paganahin" ang animation sa Photoshop. Para dito tayo pupunta "Window" -> "Animation". Maaaring nakasulat pa rin ito “Timeline”.

Hakbang 2. Upang gumalaw ang kamay, kailangan nating putulin ito at ilagay ito iba't ibang posisyon. Upang putulin ang isang kamay, personal kong ginagamit “Magnetic laso”. Gumawa ng isang kopya ng pangunahing ( Ctrl+J) at gumawa ng isang kopya. Hindi namin ginagalaw ang orihinal.

Maingat na piliin ang kamay at gupitin ito!

Hakbang 3. Ngayon ay ipinasok namin ang aming kamay, gaano man ito kakila-kilabot na tunog, at inilalagay ito sa iba't ibang posisyon. Ang kamay ay ipapasok sa mga bagong layer, ito ay kahit na sa aming kalamangan.

Hakbang 4. Opsyonal ang hakbang na ito, ngunit mas mainam na gamitin ang Eraser tool upang bahagyang itama ang kamay, na ginagawa itong mas natural. Mahirap ipaliwanag ito, siyempre, sa mga salita. Kung naiintindihan mo kung bakit namin ginagamit ang pambura, pagkatapos ay sundin ang hakbang na ito kung hindi mo pa rin naiintindihan, maaari mo itong laktawan. Hindi ito mahalaga, dahil ang pinakamahalagang bagay para sa amin ay matutunan kung paano lumikha ng simpleng animation!

Hakbang 5. Ngayon ay nakikipagtulungan kami sa mga tauhan. Sa bawat frame, i-on lang namin ang mga layer na kailangan namin. Halimbawa, sa frame 1 kailangan namin ang aming orihinal, at sa aming kaso “Layer 0”.

Ngayon gumawa tayo ng bagong frame:

At sa bagong frame i-on namin ang iba pang mga layer. Iyon ay, ang aming “Layer 0 copy” At “Layer 1”, ibig sabihin, ibang posisyon ng kamay. Umaasa ako na ang algorithm ay malinaw sa iyo, mahal na mga mambabasa.

Hakbang 6. Itakda ang pagkaantala ng frame. Ibig sabihin, pagkatapos ng anong tagal ng panahon ipapakita ang susunod na frame.

Hakbang 7 Iligtas natin ang atin. May dahilan kung bakit ko isinama ang hakbang na ito sa aking tutorial, dahil ang pag-save ng GIF ay medyo naiiba kaysa sa isang imahe lamang.

Piliin ang format (ang default ay GIF) at i-save.

Narito ang kwento.

Sa aralin ngayon, subukan nating lumikha ng gayong three-dimensional na animation sa Photoshop.

Isang madilim na kagubatan, malalaking kabute, dalawang mangangaso ng kayamanan at isang berdeng gnome na may isang palayok ng ginto na sumisilip mula sa likod ng mga bulaklak.

Narito ang kwento.

Natagpuan ko ang mga guhit para sa animation sa Internet sa pagtatapos ng aralin magkakaroon ng isang link upang i-download ang mga mapagkukunan, kung bigla kang magpasya na gamitin ang mga ito.

Kaya, buksan ang Photoshop at lumikha bagong dokumento. Ang lapad nito ay dapat na bahagyang mas maliit kaysa sa larawan sa background. Isang bagay na tulad nito - bahagi ng larawan sa kanan at sa itaas ay lumalampas sa lugar ng trabaho at hindi nakikita:

Ipasok ang pangalawang larawan. Ito ay isang malaking kabute at bulaklak. Ang larawang ito png format na may transparency. Samakatuwid, makikita rin ang ilalim na larawan.

Pinalitan ko agad ang pangalan ng mga layer. Iyon ang tawag ko sa kanila - background at mushroom.

Gumagawa ako ng mga duplicate ng mga layer na ito. Upang gawin ito, pipiliin ko sila at i-click i-right click mouse sa ibabaw ng napili. Ang menu ng konteksto ay bubukas at sa loob nito ay pipiliin ko ang item na "Mga duplicate na layer". Upang maiwasan ang pagkalito, pinalitan ko ang pangalan ng mga layer, idinaragdag ang numero 2 sa halip na ang salitang kopya.

Ginalaw ko ng kaunti ang kopya background sa kaliwa, at isang kopya ng kabute sa kanan. Kinokopya ko ang dalawang layer na ito at muling inilipat ang background sa kaliwa at ang kabute sa kanan. At iba pa. Kung mas maliit ang shift, mas maraming kopya ang kailangang gawin. Ngunit ang animation ay magiging mas mataas din ang kalidad. Sa ngayon mayroon akong 5 kopya kasama ang mga orihinal na larawan. Sa ikalimang kopya ipinakilala namin ang unang karakter - ang berdeng gnome. Ipasok ang imahe at ilagay ito sa pagitan ng layer ng background at layer ng kabute.

Ngayon ay kino-duplicate namin ang nangungunang tatlong layer. Patuloy naming inililipat ang layer na may larawan sa background sa kaliwa, at kasama ang kabute sa kanan. At pinalaki namin ng kaunti ang gnome at bahagyang inilipat din ito sa kaliwa. Malinaw ba ang prinsipyo? Muli, kopyahin ang tatlong layer at ulitin ang mga hakbang. At muli. Tingnan ang larawan sa ibaba. Ang berdeng gnome ay malinaw na nakikita sa likod ng kabute.

Ang susunod na hakbang ay upang idikit ang mga layer nang magkasama. Una ang pinaka una larawan sa background at ang pinakaunang kabute. Piliin ang mga layer at pindutin ang Ctrl+E. O gamit ang menu ng konteksto, ayon sa gusto mo. Pagkatapos ang mga unang kopya at iba pa. Kapag nakarating ka sa mga kopya na may gnome, kailangan mong magdikit ng tatlong layer. Sa huli natapos ako ng 8 layers.

Direktang lumipat tayo sa animation. Buksan ang panel. (Window - Animation) at sa kanang sulok sa itaas ng panel, tawagan ang menu at piliin ang "Gumawa ng mga frame mula sa mga layer" dito.

Nga pala, napansin niyo ba na iisang direksyon lang namin inilipat yung mga pictures para ibalik panimulang estado, kopyahin lamang ang mga frame at i-paste ang mga ito pagkatapos ng mga umiiral na. Malinaw ba kung paano ito gagawin? Piliin ang lahat ng 8 frame, tawagan ang menu, piliin ang item na "Kopyahin ang mga frame", pagkatapos ay ang item na "I-paste ang mga frame". Lilitaw ang isang window kung saan kailangan mong ipahiwatig na kailangan nilang ipasok pagkatapos ng mga umiiral nang frame.

Animasyon ng teksto sa Photoshop

Hi sa lahat!

Ngayon ay gagawa kami ng animation ng text na lumalabas.

Una, gagawa tayo ng background at punan ito ng itim.

Pagkatapos ay i-install namin ang font mula sa source folder, isulat ang teksto at ilapat ang mga estilo ng layer dito.

Sa pagtatapos ng aralin "" pupunta kami sa panel ng animation at "i-animate" ang imahe.

Hi sa lahat!

Ngayon kami ay lilikha animation bumabagsak na taglagas dahon.

Sa aralin, matututunan mo kung paano magtrabaho kasama ang Lasso at Move tool, mag-transform at mag-rotate ng mga bagay, magtrabaho kasama ang animation panel, gumawa ng animated na imahe at marami pang iba.

Hi sa lahat!

SA ang araling ito gagawa tayo animation ng ulan sa Photoshop.

Una, gamit ang mga filter at adjustment layer, gagawa kami ng ilang layer na may ulan, pagkatapos ay pumunta sa Animation menu at buhayin ang larawan.

Pumili ako ng ilang larawan na magagamit sa pagbabalik-aral sa aralin. Makikita mo ang mga ito sa source folder. Maaari mo ring gamitin ang iyong sariling mga larawan.

Hi sa lahat!

Ngayon gagawa kami ng isang fairy tale - gagawin namin animation ng mga snowflake sa isang bola.

Sa aralin ay hindi mo lamang matututunan kung paano "i-animate" ang isang static na larawan, ngunit matutunan din kung paano mag-load ng mga brush, kung paano i-customize ang isang brush, kung paano magtrabaho sa mga layer, atbp. Makikita mo ang lahat ng materyales na ginamit sa tutorial sa source folder kung gusto mo, maaari mong gamitin ang iyong sariling mga imahe at brush.

Tara na wala mga salitang hindi kailangan Magsimula tayong lumikha ng isang himala!


Hi sa lahat!

Ngayon kami ay lilikha nasusunog na kandila animation sa Photoshop.

Una, i-deform namin ang apoy gamit ang Plastic filter, pagkatapos ay pumunta sa menu ng animation at "buhayin" ang apoy.

Ang larawang ginamit sa aralin ay makikita sa source folder. Maaari mo ring gamitin ang iyong sariling mga larawan, ngunit kapag pumipili ng isang larawan kailangan mong isaalang-alang na ang epektong ito ay magiging mas mahusay kung ang kandila ay nasa isang pare-parehong itim na background. At kung may itim na background, mas madaling sundin ang aralin.

Animation ng isang Christmas wreath

Hi sa lahat!

Ngayon ay magdadagdag tayo ng ningning Christmas wreath.

Matututuhan mo kung paano i-customize ang Brush tool, i-load ang mga set ng brush, gumawa at mag-save ng mga animation, at higit pa. Maaari mong gamitin ang pamamaraan na natutunan sa araling ito upang magbigay ng isang kumikinang na epekto sa anumang bagay.


Animasyon ng niyebe

Hi sa lahat!

Sa aralin ngayon ay lilikha tayo animation ng niyebe sa Photoshop.

Gamit ang mga filter ng Photoshop, mga mode ng blending ng layer at animation, bubuhayin namin ang isang kahanga-hangang larawan sa taglamig na may bahay at bibigyan ang imahe ng epekto ng pagbagsak ng snow.

Makikita mo ang larawang ginamit sa tutorial sa source folder, at maaari ka ring magdagdag ng snowfall sa iyong mga larawan.

Paano gumawa ng animation sa Photoshop gamit ang mga Bokeh brush

type="text/javascript">yandex_partner_id = 66431;yandex_site_bg_color = "FFFFFF";yandex_ad_format = "direct";yandex_font_size = 1;yandex_direct_type = "horizontal";yandex_direct_border_type = "block";yandex_direct_direct_direct_head er_bg_color = "FEEAC7";yandex_direct_bg_color = "FFF9F0";yandex_direct_border_color = "FBE5C0";yandex_direct_title_color = "0000CC";yandex_direct_url_color = "006600";yandex_direct_text_color = "000000_CC000_";yandex = true;yandex_no_sitelinks = false;dokumento . write(" ");

Paano gumawa ng animation sa Photoshop

gamit ang mga bokeh brush

Sa huling aralin, napag-usapan namin ang katotohanan na maraming mga paraan at tool para sa pagsasagawa ng animation, at tiningnan namin ang isa sa mga pamamaraang ito - kung paano gumawa ng animation sa Photoshop gamit ang mga tool na nagpapagaan at nagpapadilim.

Ako, na naaalala pa, ay nangako na ipagpatuloy ang paksang ito at palawakin ito nang may epekto tulad ng mga brush ng Bokeh.

Tinutupad ko ang aking pangako at ngayon ay isasaalang-alang natin paano gumawa ng animation sa photoshop gamit ang mga bokeh brush.

Para sa sanggunian (mula sa Wikipedia): Ang Boke (mula sa Japanese ボケ boke - “blur”, “fuzziness”) ay isang terminong lumabas sa Russian noong huling bahagi ng 1990s at naglalarawan sa mga subjective na artistikong merito ng bahagi ng imahe na wala sa focus sa litrato. Sa maraming larawan, ang background ay sadyang i-blur ng photographer sa visual na pag-highlight ang pangunahing paksa ng larawan.

Sa prinsipyo, para sa larawan na ginamit ko sa huling aralin (isang batang babae na may kandila), ang epekto na ito ay hindi kinakailangan. Ngunit nagpasya akong baguhin ito para lamang ipakita sa iyo ang mga posibilidad ng epektong ito.

Ito ay mabuti kung saan kailangan mong bigyang-diin ang pangunahing bagay habang pinapalabo ang background. At sa panahon ng animation, nagbibigay-daan din ito sa amin na lumikha ng mga bagong pinagmumulan ng liwanag upang i-highlight (i-highlight) magkahiwalay na lugar o, sa kabaligtaran, magpapadilim sa iba. Iyon ay, sa kawalan ng mga malinaw na pinagmumulan ng liwanag, ikaw at ako ay maaaring lumikha ng mga ito nang artipisyal gamit ang mga Bokeh brush ng mga light shade, na lumilikha ng isang paglalaro ng liwanag at anino.

Tingnan natin ang araling ito gamit ang halimbawa ng isang postkard na partikular kong inihanda para sa araling ito - "Maligayang unang araw ng tag-init!"

Mga file sa GIF format kahit saan. Ang dating mapagpakumbaba na mga animated na imahe ay ang hindi opisyal na wika ng internet. Ang GIF animation ay ang pinaka mabilis na paraan ipahayag ang mga emosyon sa Twitter, at maaari rin tayong gumugol ng maraming oras sa panonood nito, pag-scroll sa feed ng balita sa VK, Facebook o Odnoklassniki.

May sapat na malaking bilang mga site kung saan mahahanap mo na mga yari na gif sa iba't ibang paksa. Ngunit walang tatalo sa GIF animation na ginawa mo gamit ang sarili kong mga kamay. Sa tingin mo ba ito ay isang mahirap na proseso? Ikaw ay mali, ito ay medyo simple. Mabilis kang makakagawa ng GIF animation sa graphic editor Photoshop, nagko-convert na umiiral na video, o gamit ang serye mga static na imahe. Tingnan natin kung paano ito ginagawa.

Tandaan: Sa lahat ng mga halimbawa sa artikulong ito, gumagamit ako ng Photoshop CC 2017.

Paano lumikha ng GIF animation mula sa video

Una, kailangan mong ilunsad ang Photoshop, pumunta sa "File" > "Import" > "Mga Video Frame sa Mga Layer" at piliin ang nais na pag-record ng video.

Sa dialog box na bubukas, maaari mong i-import ang buong pag-record ng video, o pumili lamang ng isang partikular na bahagi nito. Kung pipiliin mo ang pangalawang opsyon, i-drag ang mga handle sa ibaba ng window silipin upang itakda ang simula at wakas na mga punto. I-import ang bahagi ng video sa pagitan ng mga handle na ito.

Tandaan: Tandaan na kung ano higit pang mga video, na iyong ini-import, mas malaki ang iyong GIF. Gayundin, kung nag-i-import ka ng video na masyadong mahaba, ang pagpili sa Keep Every 2 Frames (o higit pa) ay isang madaling paraan upang bawasan ang laki nang hindi masyadong naaapektuhan ang kalidad.

Tiyaking naka-check ang checkbox na Gumawa ng frame-by-frame animation, pagkatapos ay i-click ang OK. Magsisimula ang proseso ng pag-import ng video. Maaaring tumagal ito ng ilang oras, depende sa laki ng clip. Kapag kumpleto na ang pag-import, magbubukas ito lugar ng trabaho, kung saan ang bawat video frame ay ilalagay sa sarili nitong layer.

Sa ibaba ng screen ay mayroong time scale palette. Ipinapakita nito ang lahat ng mga frame na bubuo sa iyong GIF animation.

Maaari kang magdagdag at mag-alis ng mga frame ayon sa gusto mo, o i-edit ang alinman sa mga umiiral na layer tulad ng pag-edit mo ng mga layer sa anumang iba pang larawan. Upang i-preview ang iyong GIF animation, i-click lang ang Play button sa ibaba ng timeline.

Ang huling resulta ay dapat na ganito:

Paglikha ng GIF animation mula sa isang serye ng mga static na larawan

Kung wala kang video footage na gagamitin bilang batayan para sa iyong GIF animation, maaari mo itong likhain nang manu-mano mula sa isang serye ng mga static na larawan. Ito ay medyo mas kumplikado, lalo na kung gusto mong gumawa ng isang bagay na cool, ngunit ang pangunahing proseso ay simple.

Lumilikha ka ng iyong GIF mula sa isang file ng imahe na naglalaman ng maraming mga layer. Ang bawat layer ay isang hiwalay na frame ng iyong animation sa hinaharap. Mayroong dalawang paraan upang makapagsimula:

  1. Kung nakagawa ka na ng mga larawan para sa iyong animation, i-import ang mga ito sa pamamagitan ng pagpili sa File > Scripts > Load Files into Stack.... I-click ang Mag-browse at piliin ang iyong mga larawan, pagkatapos ay i-click ang OK. Ang bawat larawan ay ilalagay sa isang hiwalay na layer sa loob ng parehong file.
  2. Kung hindi ka pa nakakagawa ng mga larawan, gawin na ngayon. Tandaan na ang bawat hiwalay na imahe- ito ay bahagi ng hinaharap na animation.

Ngayon ay handa ka nang magsimulang lumikha ng animation.

Pag-animate ng mga static na imahe

Narito kung paano ito gumagana. Kapag manu-mano kang lumikha ng animation frame, ang bawat nakikitang layer ay kasama dito. Ang mga layer na hindi pinagana ay hindi isasama sa nabuong frame.

Upang gawin ang unang frame, gawing nakikita ang pinakaunang layer at i-off ang lahat ng iba pa. Pagkatapos, kapag lumilikha ng pangalawang frame, gawing nakikita ang pangalawang layer, at pagkatapos ay ang ikatlong layer sa ikatlong frame, at iba pa. Kapag nagsimula ka, magiging mas malinaw ang lahat.

Upang simulan ang paggawa ng animation, buksan ang timeline kung hindi ito awtomatikong bumukas para sa iyo. Para sa layuning ito sa tuktok na panel I-click ang "Window" at piliin ang "Timeline" mula sa menu na bubukas. Sa gitna ng panel na bubukas, i-click ang "Gumawa ng frame animation." Ang pagkilos na ito ay lilikha ng unang frame ng iyong animation. Sa Layers palette, itago ang mga layer na hindi mo gustong maging bahagi ng frame.

Ngayon i-click ang pindutang "Bagong Frame", na magdodoble sa nakaraang frame. Muli, itago ang mga karagdagang layer, at gawing nakikita ang mga dapat isama sa frame.

Ulitin ang prosesong ito hanggang sa maidagdag mo ang lahat ng mga frame na kailangan para sa animation.

Pagkumpleto

Panghuli, itakda ang oras ng pagpapakita para sa bawat frame. Piliin ang unang frame, at pagkatapos ay Shift-click sa huli para piliin silang lahat. Ngayon i-click ang pababang arrow sa ibaba ng isa sa mga frame at pumili ng pagkaantala. Nangangahulugan ang walang pagkaantala na ang animation ay tatakbo nang mabilis, habang ang nakatakdang bilang ng mga segundo ay magdudulot sa mga frame na manatili sa screen para sa isang takdang panahon.

Panghuli, itakda ang mga opsyon sa loop, na makikita mo sa ibaba ng panel ng Timeline. Kinokontrol ng parameter na ito kung gaano karaming beses magpe-play ang iyong animation. Sa karamihan ng mga kaso, pipiliin mo ang opsyong "Palagi".

Ngayon i-click ang Play button sa ibaba ng screen upang tingnan ang resultang animation. Dapat kang makakita ng ganito:

Maaari mong i-edit ang mga frame sa pamamagitan lamang ng pagpili sa mga ito at pagbabago ng visibility ng mga layer (maaari mo ring baguhin ang opacity o gumawa ng iba pang mas kumplikadong mga setting). Magdagdag ng mga karagdagang layer kung kailangan mo ang mga ito, o i-click ang icon ng basurahan upang tanggalin ang mga ito.

Kapag masaya ka na sa resulta, maaari kang magpatuloy sa seksyong "Pag-save ng Animation," o magbasa pa upang mapabuti ang resultang animation.

Pagpapahusay ng animation sa pamamagitan ng pagdaragdag ng mga intermediate na frame

Sinusuportahan ng Photoshop ang isang malakas na tampok na animation tween. Ito ay nagpapahintulot sa iyo na lumikha ng higit pa makinis na mga animation, awtomatikong bumubuo ng mga transition frame sa pagitan ng dalawang umiiral na frame. Sa halimbawang ito, susuriin ko ang lahat ng mga frame upang bigyan ang mabituing kalangitan ng kumikislap na epekto.

Upang magsimula, piliin ang unang frame at i-click ang button na Lumikha ng Mga Tweak sa toolbar sa ibaba ng timeline.

Sa dialog box na bubukas, itakda ang item na "Mga intermediate na frame" sa value na "Next frame", at para sa item na "Magdagdag ng mga frame," tukuyin ang halaga sa iyong paghuhusga. Ang mas mataas na halaga ay nangangahulugan ng isang mas maayos ngunit mas mabagal na paglipat. I-click ang "OK" para gawin ang mga intermediate na frame.

Ngayon ulitin ang prosesong ito para sa iba pang mga source frame na iyong idinagdag. Kapag nakarating ka na sa huli, itakda ang "Inbetween Frames" sa "First Frame". Makakatulong ito sa paglikha maayos na paglipat sa simula ng iyong animation loop.

I-click ang play button para i-preview ang epekto.

Nagse-save ng Animation

Kapag tapos ka na, i-save muna ang file bilang isang ".PSD" na file. Ise-save nito ang lahat ng layer at impormasyon ng animation upang ma-edit mo ang iyong animation sa ibang pagkakataon kung kinakailangan. Pagkatapos nito, maaari kang magpatuloy nang direkta sa pag-save.

Para i-save ang ginawang animation, pumunta sa File > Export > Save for Web ( lumang bersyon)...". Sa window na bubukas, piliin ang format ng GIF, at sa field na "Mga Kulay", ipasok ang 256. Upang mabawasan kabuuang sukat file, bawasan ang laki sa field na "Laki ng Larawan".

Maaari mong makita ang laki ng animation sa ibabang kaliwang sulok ng preview window. Kung ito ay masyadong malaki, i-drag ang Waste slider sa kanan. Maaapektuhan nito ang kalidad, ngunit makabuluhang bawasan ang laki ng file.

Sa tutorial na ito matututunan mo kung paano lumikha ng isang animated na template na may clutter effect sa Photoshop. Ang espesyal na bagay tungkol sa template na ito ay kailangan mo lamang palitan ang larawan upang makakuha ng bagong resulta.

Sa parehong paraan, ginawa ko ang Retrowave 8 Bit animation template, na available sa aking portfolio sa GraphicRiver.

Para sa isang aralin Alinmang gagawin snapshot. Libreng mga larawan makikita mo sa Unsplash at Pixabay, o maaari kang bumili ng de-kalidad na larawan mula sa PhotoDune. Gagamitin ko ang larawang ito.


1. Paghahanda ng dokumento

Hakbang 1

Pindutin ang Ctrl+N para gumawa ng bagong dokumento na 500 x 500 pixels, 300 pixels/inch.

Hakbang 2

Mag-move on na tayo file - Lugar(File - Place) at ipasok ang larawan sa gumaganang dokumento.

Hakbang 3

Ayusin ang laki ng larawan upang magkasya sa laki ng dokumento at pindutin ang Enter.

Hakbang 4

Mag-right-click sa layer ng larawan at piliin I-rasterizeLayer(Rasterize ang layer).

Hakbang 5

Pindutin ang M key para i-activate ParihabaMarqueeTool(Rectangular selection), at piliin ang buong gumaganang canvas.

Hakbang 6

Upang gupitin ang napiling bahagi ng larawan, i-right click sa napiling lugar at menu ng konteksto pumili LayerSa pamamagitan ngPutulin(Putol sa bagong layer).

Hakbang 7

Pumili ng isang walang laman na layer at sa ibaba ng panel ng mga layer, mag-click sa pindutan ng basurahan upang tanggalin ito, o gamitin ang Delete key.

Hakbang 8

Mag-double click sa pangalan ng bagong layer at palitan ang pangalan nito na "Base".

Hakbang 9

Mag-right-click sa layer na ito at piliin Magbalik-loobsaMatalinoBagay(I-convert sa Smart Object).

2. Magdagdag ng mga frame at elemento ng animation

Hakbang 1

Ngayon kailangan naming lumikha ng mga frame para sa aming hinaharap na animation. I-duplicate ang layer na "Base" nang pitong beses. Mag-right click dito at piliin DuplicateLayer(Kopyahin ang layer) o gamitin ang keyboard shortcut na Ctrl+J.

Hakbang 2

Tinatawag namin ang bawat kopya na "Frame 1", "Frame 2" at iba pa hanggang pito.

Hakbang 3

Itago ang lahat ng mga layer sa pamamagitan ng pag-click sa icon ng mata sa panel ng mga layer, maliban sa layer na "Frame 2".

Hakbang 4

Piliin ang pangalawang frame, pindutin ang Ctrl+T at mag-click sa icon sa tuktok na panel Warp(Pagpapapangit).

Hakbang 5

Inilipat namin ang antennae ng grid upang mabatak ang larawan.

Hakbang 6

I-on ang visibility ng susunod na frame at ilapat muli Warp(Warp) upang baguhin ang hugis ng larawan.

Hakbang 7

Patuloy kaming nag-deform sa susunod na frame gamit Warp(Pagpapapangit).

Hakbang 8

Piliin ang susunod na frame at pindutin ang Ctrl+T, pagkatapos ay pumunta I-edit - Ibahin ang anyo - Baluktot(Pag-edit - Pagbabago - Distortion).

Hakbang 9

Pindutin ang Shift at pakanan itaas na sulok ilipat ito sa pamamagitan ng -2 degrees, at sa kanang ibaba ng isa sa pamamagitan ng 2, pagkatapos ay pindutin ang Enter.

Hakbang 10

Mag-double click sa parehong layer at sa window na lilitaw LayerEstilo(Layer style) alisan ng check ang mga channel Asul(Asul) at Berde(Berde).

Hakbang 11

Piliin ang susunod na layer. Pag-activate ng pagbabagong-anyo Baluktot(I-distort) at ilipat ang kaliwang sulok sa itaas ng 2 degrees at ang kanang ibaba 2 degrees sa kaliwa, pagkatapos ay pindutin ang Enter.

Hakbang 12

Mag-double click sa layer na ito at alisan ng check ang mga channel Pula(Pula) at Asul(Asul).

Hakbang 13

Piliin ang huling layer at itakda ang blending mode nito sa MahirapPaghaluin(Mahirap paghaluin).

Hakbang 14

Ngayon kailangan nating lumikha ng isang texture na may ingay. Pindutin ang U key at gumuhit ng rectangle na may sukat na 500 x 4 pixels.

Hakbang 15

Ilipat ang parihaba sa pinakatuktok ng dokumento.

Hakbang 16

I-duplicate (Ctrl+J) ito at ibaba ang kopya ng 8 pixels na mas mababa, habang pinipigilan ang Shift key.

Hakbang 17

Patuloy naming kinokopya ang parihaba hanggang sa punan namin ng mga linya ang buong dokumento.

Hakbang 18

Na may naka-clamp Shift key piliin ang lahat ng mga layer na may linya, pagkatapos ay sa panel ng mga layer, i-right-click ang mga ito at piliin I-rasterizeLayer(Rasterize ang layer).

Hakbang 19

Pagkatapos nito, i-right-click muli ang mga ito at piliin PagsamahinMga layer(Pagsamahin ang mga layer).

Hakbang 20

I-duplicate (Ctrl+J) ang nagreresultang layer at, habang pinipigilan ang Shift key, itaas ito ng 504 pixels.

Hakbang 21

Pagsamahin ang parehong mga kopya (Ctrl+E) at pangalanan ang resultang layer na “TV texture”.

Hakbang 22

Bawasan ang opacity ng layer sa 15% at itakda ang blending mode sa Overlay(Nagpapatong).

Hakbang 23

Lumikha ng bagong layer (Ctrl+Shift+N) at pangalanan itong “Frame”. Punan ang layer na may itim at itakda Punan(Punan) hanggang 0%.

Hakbang 24

Mag-double click sa layer na ito at maglapat ng estilo ng layer Stroke(Stroke). Ginagamit namin ang mga sumusunod na parameter:

  • Sukat(Laki): 25 px;
  • Posisyon(Posisyon): Sa loob(Sa loob);
  • Kulay(Kulay): itim.

Hakbang 25

Ngayon kailangan nating i-rasterize ang estilo ng layer. Mag-right-click sa layer at piliin I-rasterizeLayerEstilo(Rasterize ang estilo ng layer).

Hakbang 26

Mag-move on na tayo Salain - Malabo - GaussianMalabo(Filter - Blur - Gaussian Blur) at itakda Radius(Radius) ng 4 na pixel.

Hakbang 27

Ayusin ang laki ng frame gamit ang Ctrl+T habang pinipigilan ang Shift key.

3. Gumawa ng animation

Hakbang 1

Ngayon handa na tayong lahat na lumikha ng animation. Mag-move on na tayo Bintana - Timeline(Window - Timeline) at i-click ang button LumikhaVideoTimeline(Gumawa ng timeline para sa video).

Hakbang 2

I-on ang visibility ng una at pangalawang frame, pagkatapos ay piliin ang pangalawang frame sa panel ng mga layer.

Hakbang 3

Bawasan ang opacity ng layer na "Frame 2" sa 0%.

Hakbang 4

Sa timeline, palawakin ang pangalawang frame sa pamamagitan ng pag-click sa arrow sa timeline, at ilipat ang indicator ng oras sa posisyon na 0:00:00:05.

Hakbang 5

Ngayon kailangan nating lumikha ng unang key frame. Sa tabi Opacity(Opacity) mag-click sa icon ng timer. Bilang resulta, lilitaw ang isang dilaw na brilyante sa sukat - ito ang aming unang key frame ng animation.

Hakbang 6

Ilipat ang indicator ng oras sa 0:00:00:13 at taasan ang opacity ng layer sa 100%. Kapag binago mo ang opacity, awtomatikong idaragdag ang isang keyframe.

Hakbang 7

Pagkatapos nito, ilipat ang indicator sa 0:00:00:20 at itakda ang opacity ng layer sa 0%.

Hakbang 8

Piliin ang susunod na layer na "Frame 3" at bawasan ang opacity nito sa 0%. Pagkatapos ay gumawa kami ng mga keyframe gamit ang iba't ibang antas opacity, tulad ng ginawa namin sa itaas: 0:00:00:13, 0:00:00:20 at 0:00:00:26.

Hakbang 9

Sa timeline, piliin ang lahat ng tatlong pangunahing frame, i-right-click ang mga ito at piliin Kopyahin(Kopya).

Hakbang 10

Ilipat ang indicator ng oras sa posisyong 0:00:01:00, lumikha ng bagong key frame, i-right-click ito at piliin Idikit(Ipasok).

Hakbang 11

Pagkatapos nito, ilipat ang indicator sa 00:00:02:00 at i-paste muli ang mga nakopyang keyframe. Ang una ay kinopya mga pangunahing frame ilipat ito sa posisyong 0:00:01:24, at ang huli sa 0:00:02:20. Ito ay magpapahintulot sa amin na gawing mas kawili-wili ang epekto.

Hakbang 12

Ngayon kailangan nating ilipat ang indicator sa 0:00:03:10 at ipasok muli ang mga keyframe. Pagkatapos nito, ilipat ang una sa mga nakopyang frame sa 0:00:03:13, at ang huli sa 0:00:03:21.

Hakbang 13

Ngayon i-animate natin ang susunod na layer. Piliin ang layer na "Frame 4" at bawasan ang opacity nito sa 0%. Pagkatapos ay nagdaragdag kami ng tatlong keyframe, na nagpapalit ng opacity tulad ng ginawa namin sa itaas: 0:00:00:13, 0:00:00:18 at 0:00:00:22. Pagkatapos ay kinopya namin ang mga frame na ito at idikit ang mga ito nang magkatabi upang ang gitna ay nasa posisyong 0:00:01:03.

Hakbang 14

Nagdagdag kami ng tatlo pang bagong frame: 0:00:03:00, 0:00:03:05 at 0:00:03:20.

Hakbang 15

Kopyahin ang tatlong frame na ginawa sa hakbang 14 at ilipat ang mga ito sa posisyong 0:00:04:00.

Hakbang 16

Sa panel ng mga layer, piliin ang susunod na layer at bawasan ang opacity nito sa 0%. Pagkatapos nito, magdagdag ng tatlong keyframe sa mga posisyong 0:00:00:10, 0:00:00:15 at 0:00:00:20. Huwag kalimutang i-alternate ang opacity ng layer.

Pagkatapos ay kinopya namin ang tatlong frame na ito nang dalawang beses at ilipat ang bawat kopya upang ang gitnang key frame ng unang kopya ay nasa posisyong 0:00:01:00, at ang pangalawang kopya ay nasa 0:00:01:15.

Hakbang 17

Magdagdag ng tatlong bagong keyframe sa mga posisyong 0:00:02:15, 0:00:02:20 at 0:00:03:20.

Hakbang 18

Ngayon kailangan nating lumikha ng isang animation para sa susunod na layer. Bawasan ang opacity ng layer na "Frame 6" sa 0% at lumikha ng tatlong pangunahing punto sa mga posisyon na 0:00:00:25, 0:00:01:00 at 0:00:01:05.

Pagkatapos ay kinopya namin ang tatlong frame na ito nang dalawang beses at ilipat ang bawat kopya upang ang gitnang key frame ng unang kopya ay nasa posisyong 0:00:01:15, at ang pangalawang kopya ay nasa 0:00:02:00.

Hakbang 19

Kopyahin ang lahat ng siyam na key frame at i-paste upang ang unang frame ng kopya ay nasa posisyong 0:00:03:00.

Hakbang 20

Piliin ang huling layer na "Frame 7" at bawasan ang opacity nito sa 0%. Pagkatapos nito, gumawa kami ng tatlong frame sa mga posisyong 0:00:00:15, 0:00:00:18 at 0:00:00:22.

Hakbang 21

Doblehin ang tatlong frame na ito nang dalawang beses at ilagay ang mga kopya upang ang unang frame ng unang kopya ay nasa posisyong 0:00:01:24, at ang pangalawang kopya ay nasa 0:00:02:04.

Hakbang 22

I-duplicate ang lahat ng anim na key frame at i-paste ang mga ito upang ang unang frame ng kopya ay nasa posisyong 0:00:03:10.

Hakbang 23

Hakbang 24

Ilipat ang indicator sa pinakadulo ng timeline at ilipat ang layer na may TV texture pababa ng 500 pixels habang pinipigilan ang Shift key.

4. I-save ang animation sa GIF na format

Ang aming animation ay handa nang i-save. Pindutin ang Alt+Shift+Ctrl+S para buksan ang window I-savepara saWeb(I-save para sa Web), pagkatapos ay i-install LoopingPagpipilian(Repeat Options) sa Magpakailanman(Patuloy). Pagkatapos ay i-save namin ang animation sa GIF na format. Maaari mo ring baguhin ang laki ng imahe sa window na ito kung gusto mong bawasan ang bigat ng natapos na GIF file.

5. Paano palitan ang isang larawan

Hakbang 1

Kung gusto mong mabilis na palitan ang isang larawan sa isang animation, mag-right-click sa smart object na "Base" at piliin I-editMga nilalaman(I-edit ang nilalaman).

Hakbang 2

Ilagay ang bagong larawan sa itaas ng luma, pindutin ang Ctrl+S upang i-save ang dokumento, at isara ito.

Tapos na tayo!

Sa ganitong paraan maaari kang lumikha nakahandang template para sa animation, kung saan kailangan mo lamang palitan ang larawan at makakakuha ka ng isang ganap na naiibang resulta na may parehong epekto.

Sana ay nasiyahan ka sa tutorial na ito. Mag-iwan ng komento kung mayroon kang anumang mga paghihirap at kailangan mo ng tulong. Tiyaking tingnan din ang template ng Retrowave 8 Bit sa aking portfolio sa GraphiRiver.