Sa InVision, hindi ginagamit ang mga GIF animation para sa pagpapalayaw - gumaganap ang mga ito ng mahalagang papel mula sa punto ng marketing at pagsasanay. Kaya sinubukan pa naming gamitin ang mga ito sa aming homepage sa halip na mga naka-code na animation.

Sa kalaunan ay nagsimulang magtanong sa amin ang mga tao, "Paano ka gumagawa ng mga GIF animation?" Oras na para ibunyag ang sikreto.

Disenyo ng imahe ng GIF

1. Lihim na sangkap

Narito ang aking maliit na sikreto: lahat ng aking GIF animation ay nagsimula bilang mga video file. Karaniwang ginagamit ko ang ScreenFlow, na ginagamit ko rin para gumawa ng mga video ng aming mga produkto. Ito ay isang simpleng programa na sa parehong oras ay naglalaman ng maraming mga kapaki-pakinabang na tool sa animation.
Pagkatapos kong i-save ang animation bilang isang video file, ini-import ko ito sa Photoshop sa pamamagitan ng File > Import > Mga Video Frame Bilang Mga Layer.

Payo: Kung hindi ka bagay sa ScreenFlow o After Effects, gumawa ng animation sa Keynote at i-export ito bilang isang video. Panghuli ilang paggamit ng feature na ito sa Keynote.

2. Mas kaunting kulay = mas masaya

Kung nais mong gumawa ng mga cool na GIF animation, pagkatapos ay kailangan mong lapitan ang pagpili ng kulay na may espesyal na pangangalaga. Ito ay hindi lamang makakaapekto sa laki ng file, ngunit magbibigay-daan din sa iyo na lumikha ng mas mahabang mga animation na may mas maliit na laki ng file. (Para sa akin maliit ay mas mababa sa 1MB)

3. Gumamit ng motion blur kung maaari

Nagbibigay-daan sa iyo ang mga program tulad ng ScreenFlow at After Effects na mag-export ng video na may inilapat na motion blur. Hindi lamang ito magbibigay sa iyong animation ng isang propesyonal na hitsura, ngunit ito rin ay gawing mas madali upang bawasan ang laki ng file sa Photoshop.

4. Maging (medyo) tamad

Isipin kung ano ang iba pang mga elemento na maaari kong idagdag sa GIF animation sa simula ng post na ito. Mga maliliit na tooltip na may mga user name, isang cursor na nag-click sa plus button, at iba pa. Hindi kailangang makita ng mga tao ang lahat para magkaroon ng pangkalahatang pag-unawa sa kanilang nakikita, kaya ipakita lang kung ano ang kailangan mo - nalilimitahan ka ng oras at laki ng file.

I-export ang GIF animation

Bago ka mag-alala tungkol sa mga tip sa ibaba, subukang i-export ang iyong GIF animation. Kung ito ay isang makatwirang laki, mahusay na trabaho! Ipagpatuloy ang mabuting gawain. Kung hindi, subukan ang mga sumusunod na pamamaraan.

5. Alisin ang mga duplicate na frame

Malamang na huminto ang iyong animation o nananatiling hindi gumagalaw sa ilang oras. Kung titingnan mong mabuti, mapapansin mo na ang sandaling ito ay binubuo ng ilang magkaparehong mga frame. Kung mayroong 10 ganoong mga frame, pagkatapos ay tanggalin ang 9 sa mga ito at itakda ang tagal ng natitirang frame sa, halimbawa, 1 segundo.

Kung hindi iyon makakatulong, subukang i-import muli ang video, ngunit sa pagkakataong ito piliin ang opsyon Limitahan Sa Bawat 2 Frame. Dapat nitong bawasan nang malaki ang laki ng file.

Payo: Kung ang iyong animation ay binubuo ng higit sa 150 mga frame, makakatagpo ka ng mga problema kapag sinusubukan mong bawasan ang laki ng file.

6. Mas kaunting mga kulay

Kapag nag-save ka ng GIF animation sa Photoshop, makakakita ka ng drop-down na menu sa tabi ng opsyon na Mga Kulay. Eksperimento sa mga halaga, subukan ang pinakamaliit na posibleng bilang ng mga kulay na hindi gagawing basura ang buong file.

7. Baguhin ang Lossy* parameter

Sa totoo lang, hindi ko alam kung ano ang ibig sabihin ng parameter na ito. Pero ako eksakto Alam ko na kung itatakda mo ito sa isang antas sa pagitan ng 1 at 10, aalisin mo ang labis na kilobytes nang hindi nawawala ang kalidad.

* "Lossy" - katanggap-tanggap na antas ng pagkawala ng graphic na impormasyon sa isang raster file, na nagpapahintulot sa iyo na bawasan ang laki ng file ng imahe

Walang nagbago! Tulong!

Kung nasubukan mo na ang lahat ng nabanggit sa itaas at hindi mo pa rin mababawasan ang laki ng iyong GIF animation, kailangan mong umatras ng isang hakbang. Baka gusto mo ng imposible? Mayroon bang ibang paraan upang makamit ang iyong nais? Posible bang hatiin ang isang file sa dalawang GIF animation? Ito ay magiging mas mahusay kung ang iyong GIF animation ay nakatuon sa isang aspeto.

Mula sa tagasalin. Sa lahat ng iyong mga kagustuhan at komento tungkol sa pagsasalin, mangyaring makipag-ugnayan sa akin sa isang personal na mensahe. salamat po!

Naisip mo na ba kung paano nilikha ang mga animated na GIF? Inaanyayahan ka ng may-akda ng aralin na makabisado ang ilang mga lihim ng animation sa isang gabi sa tulong ng araling ito. Matututuhan mo rin kung paano gamitin ang Timeline, na available sa Photoshop CS6. Ngayon magsimula tayo!

Resulta ng aralin.

Hakbang 1

Gumawa ng bagong dokumento ( Ctrl + N) na may mga sukat ng file na 800 x 500 pixels. Punan ang background ng anumang kulay na gusto mo. Ngayon pumunta tayo sa menu Mga layer- Estilolayer- Overlaygradient(Layer > Layer Styles > Gradient Overlay). Ilapat ang mga sumusunod na setting: Estilo Radial(Radial), mga kulay mula sa itim (#000000) hanggang sa asul (#54799b), na gagamitin sa gitna.

Hakbang 2

Gumawa ng bagong layer at pangalanan ito Layer ng Ingay. Pumili ng tool Punan(Paint Bucket Tool) at punan ang nilikhang layer ng madilim na kulay (#231f20). Iwanang aktibo ang layer Layer ng Ingay at pumunta sa menu Filter - Ingay - Magdagdag ng Ingay(Filter>Noise>Add Noise). Sa dialog box ng mga setting ng filter, itakda ang mga sumusunod na halaga: Epekto(Halaga) 3%, pamamahagi Uniform(Uniporme) at i-click ang OK.

Hakbang 3

Pindutin ang kumbinasyon ng key (Ctrl +U) at sa lalabas na dialog box ng mga setting ng pagwawasto, ilagay ang mga value Saturation(Saturation) 100%: Baguhin ang blending mode ng layer na ito sa Malambot na liwanag(Soft Light).

Tala ng tagasalin: Upang makamit ang parehong kulay gaya ng may-akda sa screenshot, kapag inaayos ang Hue/Saturation, maaari mong itakda ang Hue value sa - 140.

Hakbang 4

Magdagdag ng anumang text na gusto mo. Dito gagamitin namin ang teksto ng logo ng website ng 123RF. Sa mga estilo ng layer gamitin Stroke(Stroke). Pumili ng mga halaga ng laki ng stroke ayon sa iyong mga kagustuhan.

Tala ng tagasalin: Sa screenshot ng may-akda ay mayroon nang rasterized na text kasama ang Stroke style. Upang makuha ang parehong resulta, pagkatapos ilapat ang stroke, alisin ang Fill (Punan) ng 0% na layer ng teksto, i-convert ang layer na ito sa isang matalinong bagay, at pagkatapos ay i-rasterize ito.

Hakbang 5

Sa hakbang na ito gagawa kami ng isang kumikinang na epekto para sa teksto gamit ang mga estilo ng layer. Mag-double click sa layer upang ilabas ang window ng Mga Pagpipilian sa Estilo. Upang i-customize ang mga istilo ng layer, gamitin ang mga screenshot sa ibaba.

Embossing(Bevel at Emboss)

panloob na anino(Inner Shadow)

Inner glow(Inner Glow)

Overlay ng kulay(Color Overlay)

Panlabas na liwanag(Outer Glow)

anino(Drop Shadow)

Hakbang 6

Kapag tapos ka nang gumawa ng mga lighting effect gamit ang mga estilo ng layer, pumunta sa Layers palette at bawasan ang halaga ng layer na ito Nagpupuno(Punan) hanggang 0%.

Hakbang 7

I-duplicate ang layer na ginawa mo sa hakbang 5 at i-off ang lahat ng mga estilo ng layer sa kopyang ito. Ngayon ay itakda ang mga estilo tulad nito:

panloob na anino(Inner Shadow)

Inner glow(Inner Glow)

Hakbang 8

Nasa ibaba ang resulta pagkatapos mong ilapat ang mga estilo ng layer.

Hakbang 9

Ngayon ay lilikha tayo ng mga gumagalaw na spot ng liwanag. Lumikha ng 5 layer sa ibabaw ng mga umiiral na, at palitan ang pangalan ng mga ito bilang 1,2,3, R at F. Kung mayroon kang sariling teksto, lumikha ng mga layer ayon sa iyong mga titik. Igrupo ang mga layer na ito sa isang folder at bigyan ito ng pangalan Banayad na Batik at baguhin ang blending mode sa Pagpapagaan ng base(Kulay Dodge).

I-activate ang tool Magsipilyo(Brush Tool), pumili ng malambot na brush, itakda Opacity(Opacity) hanggang 95% at gumuhit ng mga spot sa ibabaw ng text na may puting kulay. Para sa bawat titik ay may hiwalay na liwanag na lugar sa sarili nitong layer. Sa ibaba sa screenshot, makikita mo kung ano ang hitsura ng mga layer ng may-akda sa palette ng mga layer.

Hakbang 10

Ngayon pumunta tayo sa menu Window - Timeline(Window > Timeline). Mapapansin mo na ang iyong mga layer ay binuo na sa palette na ito sa kaliwang bahagi nito. Piliin ang bawat isa sa limang highlight na layer na nasa pangkat. Banayad na Batik at siguraduhin na ang kasalukuyang indicator ng oras (asul na slider) ay nasa frame zero. Ngayon sa bawat layer sa grupo, kapag ito ay aktibo, mag-click sa opsyon Posisyon(Posisyon) upang lumikha ng keyframe.

Tala ng tagasalin: Upang isaaktibo ang sukat ng oras, i-click ang pindutan Gumawa ng timeline para sa isang video(Gumawa ng Timeline ng Video) at lahat ng iyong mga layer ay maglo-load sa timeline. Ang parehong layer o pangkat ay pipiliin tulad ng sa mga layer palette.

Hakbang 11

Itakda ang kasalukuyang tagapagpahiwatig ng oras (asul na slider) sa 01:00 F at ilipat ang mga layer na may mga light spot sa kahabaan ng trajectory ng kanilang paggalaw na may kaugnayan sa outline ng sulat.

Hakbang 12

Ito ang magiging hitsura ng unang posisyon ng liwanag na lugar sa mga titik. Ilipat ang kasalukuyang indicator ng oras sa sukat at ilipat ang mga layer na may mga light spot, na lumilikha ng mga keyframe. Ipagpatuloy ang paglipat ng mga ito hanggang sa matapos mong ilipat ang batik sa buong titik ng bawat layer ng teksto. Para sa mga tagubilin, tingnan ang ilang mga screenshot sa ibaba.

Kamakailan, ang mga animated na larawan - "gif", na ginagamit bilang mga banner ng advertising at para lamang sa kasiyahan, ay naging napakapopular sa Internet. Sa iba't ibang mga social network, tulad ng VKontakte, ang mga tao ay nagpapalitan ng "gif" upang ipahayag ang kanilang mga emosyon at damdamin, na pinapalitan ang mga emoticon sa kanila.

Pag-navigate

Gayunpaman, ngayon maraming mga tao ang nagtatanong pa rin ng tanong: "Paano lumikha ng isang GIF sa iyong sarili?" Ang tanong na ito ay susubukan naming bigyan ng detalyadong sagot sa artikulong ito.

Ano ang GIF animation o "gif"?

Ano ang GIF animation o "gif"?

• GIF- isang animated na larawan kung saan nagbabago ang mga frame nang paisa-isa, sa gayon ay lumilikha ng gumagalaw na imahe. Sa madaling salita, ito ay isang maliit na video na na-convert sa isang graphic na format na tinitingnan ng isang karaniwang viewer ng imahe at ipinapakita sa lahat ng mga web page.
• Gayundin, ang isang gif ay tumitimbang ng 10-100 beses na mas mababa kaysa sa isang video, depende sa dalas ng mga frame na ipinapakita dito at ang laki ng larawan. Iyon ang dahilan kung bakit nagsimulang malawakang gamitin ang GIF animation ng iba't ibang mapagkukunan ng Internet noong kalagitnaan ng 2000s bilang mga banner ng advertising.

Isang halimbawa ng isang gif ng pagbati ng Bagong Taon

• Dahil graphic ang format ng GIF, walang karagdagang plugin o codec ang kinakailangan upang tingnan ang mga GIF. Halimbawa, tulad ng Flash Player. Gayunpaman, mayroong ilang mga programa na hindi sumusuporta sa GIF animation. Ang isang naturang programa ay ang karaniwang graphics editor na Paint. Kung magbubukas ka ng GIF dito, ang unang frame lang nito ang ipapakita sa screen. Kung hindi mo sinasadya o sinadya ang pag-save ng GIF sa pamamagitan ng Paint, hihinto ito sa paggalaw at magiging parang isang karaniwang larawan.

Paano gumawa ng GIF animation o "gif" mula sa isang video gamit ang programa?

• Nalaman namin kung ano ang isang "gif" at ngayon ay magpatuloy tayo nang direkta sa paggawa nito. Mayroong isang malaking bilang ng mga programa kung saan maaari mong i-convert ang mga video sa GIF animation. Ang bawat isa sa kanila ay may sariling mga pakinabang at disadvantages. Ang ilang mga programa ay may malaking bilang ng mga setting at function na nagbibigay-daan sa iyong lumikha ng mga de-kalidad na GIF hindi lamang mula sa mga video, kundi pati na rin mula sa mga simpleng larawan.
• Gayunpaman, ang mga naturang programa ay propesyonal, kumukuha ng maraming espasyo sa hard drive at nangangailangan ng mga espesyal na kasanayan sa creative. Samakatuwid, titingnan natin ang pinakasimpleng, pinaka-maginhawa at abot-kayang programa para sa paglikha ng GIF animation mula sa video na tinatawag na " VideoMASTER", na maaaring ma-download mula sa opisyal na website.

Figure 1. Paano gumawa ng GIF animation o "gif" mula sa isang video gamit ang program?

• Ang programa ay isang compact at maginhawang video converter na may maraming mga kapaki-pakinabang na function. Sa tulong nito, maaari mong i-convert ang mga video hindi lamang sa GIF animation, kundi pati na rin sa iba pang mga format tulad ng AVI, MPG4, MPG-2, 3GP, DivX, XviD, DVD at marami pang iba.

Ang isang natatanging tampok ng programa ay hindi na kailangan para sa manu-manong pagsasaayos. Kabilang dito ang higit sa 350 preset at codec na awtomatikong nag-aayos ng mga kinakailangang setting para sa napiling format. Upang makagawa ng GIF mula sa isang video gamit ang program na ito, kailangan mong gawin ang sumusunod:

• Hakbang 1. I-download ang programa mula sa opisyal na website, i-install ito at patakbuhin. Sa programa, mag-click sa tab " file"at pagkatapos ay sa item" Bukas" Sa window na bubukas, i-upload ang video mula sa iyong computer kung saan mo gustong gumawa ng GIF animation.

• Hakbang 2. Kapag nabuksan na ang GIF window, piliin ang piraso ng video na gusto mong i-convert sa animation sa pamamagitan ng paggalaw ng mga itim na slider sa timeline. Kasabay nito, maaari mong tingnan ang napiling segment sa isang espesyal na player. Pagkatapos mong piliin ang kinakailangang segment, i-click ang " Susunod».

• Hakbang 3. Ang susunod na hakbang ay piliin ang laki ng panghuling larawan. Sa ibaba makikita mo ang ilang inirerekomendang opsyon. Pumili ng isa sa mga ito o itakda ang iyong sariling mga parameter ng pixel. Upang matiyak na ganap na akma ang video sa loob ng tinukoy na mga frame, lagyan ng check ang kahon sa tabi ng " Pagkasyahin ang video" Kung nasiyahan ka sa lahat, i-click ang " Susunod».

• Hakbang 4. Ang huling hakbang ay upang ayusin ang bilis ng pag-playback, itakda ang kinakailangang bilang ng mga frame na ipapakita (FPS) at ang bilang ng mga pag-uulit. Inirerekomenda na itakda ang bilang ng mga pag-uulit sa " Laging ulitin" upang awtomatikong mag-update ang animation. Pagkatapos itakda ang mga kinakailangang parameter, i-click ang " Lumikha ng GIF" at i-save ang resultang file sa iyong computer.
• tapos na. Ngayon ay mayroon kang isang animated na imahe sa iyong pagtatapon, na maaari mong i-upload sa iyong pahina ng VKontakte at ipadala sa dingding ng iyong mga kaibigan at kakilala. Sa ilang mapagkukunan, maaaring gamitin ang mga naturang larawan bilang mga avatar.
• Mga detalyadong tagubilin para sa paggamit ng programa " VideoMASTER"Maaari mong panoorin ang video sa dulo ng artikulo.

Paano gumawa ng GIF animation o "gif" mula sa isang video gamit ang mga serbisyo sa Internet?

• Bilang karagdagan sa iba't ibang mga programa, mayroong ilang daang mga serbisyong online sa Internet na nagpapahintulot sa iyo na lumikha ng GIF animation mula sa video online. Sa esensya, ang mga ito ay ang parehong mga nagko-convert ng video, na may parehong hanay ng mga pag-andar at mga setting, tanging ang mga ito ay hindi kailangang i-download at i-install. Narito ang ilan sa mga pinakasikat:

Ngunit sa artikulong ito ay pag-uusapan natin ang tungkol sa isang dayuhang mapagkukunan Gifs.com, ang pangunahing pagkakaiba nito ay ang kakayahang lumikha ng GIF animation mula sa mga video mula sa YouTube, Instagram, Facebook at iba pang mga sikat na social network, nang hindi kinakailangang i-download ang mga ito. Ang mapagkukunan ay ganap na nasa Ingles, ngunit ang pag-unawa dito ay hindi magiging mahirap. Kaya, magsimula tayo:

• Hakbang 1. Pumunta sa site gifs.com. Sa window na bubukas, ipo-prompt kang mag-upload ng video mula sa iyong computer ( I-drag at I-drop o piliin ang file), o magpasok ng link sa isang video mula sa YouTube o ibang mapagkukunan ( Maghanap o mag-paste ng URL). Subukan nating lumikha ng GIF mula sa sikat na serye sa TV na "The Big Bang Theory". I-paste ang link sa video sa YouTube sa naaangkop na field at hintayin itong matapos sa paglo-load.

Figure 1. Paano gumawa ng GIF animation o "gif" mula sa isang video gamit ang mga serbisyo ng Internet?

• Hakbang 2. Matapos makumpleto ang pag-download, magbubukas ang editor ng video. Piliin ang segment sa timeline na gusto mong i-convert sa GIF at, kung kinakailangan, magdagdag ng iba't ibang mga epekto mula sa menu sa kaliwa.

• Hakbang 3. Pagkatapos mong pumili ng isang segment, inilapat na teksto at karagdagang mga epekto, i-click ang " Lumikha ng GIF", maghintay hanggang makumpleto ang conversion at i-save ang resultang file sa anumang lokasyon sa iyong hard drive. Sa dulo nakuha namin ang gif na ito:

Figure 3. Paano gumawa ng GIF animation o "gif" mula sa isang video gamit ang mga serbisyo ng Internet?

VIDEO: Tutorial sa video conversion sa VideoMASTER program

Gif animation o gif- isang format ng imahe na naimbento noong 1987 para sa Internet. Marahil walang nag-iisip na sa ating panahon ito ay magiging napakapopular para sa tinatawag na gif animation. Ngunit sa tulong ng mga site tulad ng tumblr at VKontakte pampublikong mga pahina tulad ng #iba umabot sa kulturang popular.

Tingnan natin kung paano gumawa ng GIF animation sa artikulong ito upang maging uso sa Internet.

Sundin ang mga tagubilin kung paano lumikha ng animation ng Gif

1. I-download ang program sa iyong computer. (666kb)
2. Ilunsad natin. Ang program ay awtomatikong nasa itaas ng lahat ng mga bintana na may sarili nitong frame.
3. Piliin ang lugar para sa pagre-record sa pamamagitan lamang ng pagpapalit ng laki ng frame at i-click ang REC.
4. Pagkatapos mag-record, i-click ang I-save.

GifCam na interface ng programa

Isipin na ang programa ay isang kamera. Lahat ng nasa loob ng frame ay magiging GIF mo. Pamahalaan ito, baguhin ang laki nito. Maaari kang magrekord ng anuman sa pamamagitan ng pagbubukas ng mga file sa iyong computer. Mga laro, pelikula, website, sarili mo sa pamamagitan ng webcam o mga site tulad ng YouTube.

Upang lumikha ng GIF animation mula sa isang video, magsimula ng ilang video at piliin ang gustong lugar.

Kung kailangan mong gumawa ng GIF ng iyong mga damdamin, i-on ang webcam at ilunsad ang application ng camera o isang bagay kung saan maaari mong tingnan ang iyong sarili sa webcam (Skype, VKontakte). Muli, piliin ang nais na lugar, i-save ito, at handa na ang animation gamit ang iyong mukha - ipadala ito sa Internet.

Maaari kang magpatakbo ng ilang GifCam program nang sabay-sabay para i-record ang interface ng program bilang GIF, halimbawa.

Maaari kang magdagdag ng mga frame sa pamamagitan ng pag-click sa FRAME. Kung mas maraming mga frame, mas tumitimbang ang aming imahe. Ino-optimize ng programa ang larawan: kapag ang larawan ay static, sa halip na magdagdag ng mga bagong frame, ang mga pagkaantala ay idinagdag. Ang GifCam ay hindi patuloy na gumuhit ng mga bagong frame. Ang hindi nababagong lugar ay nagiging isang uri ng berdeng screen upang mag-save ng mga pixel.

Posibleng i-edit. Pumunta kami sa I-edit at tingnan ang mga frame sa pahalang na pag-scroll. Sa pamamagitan ng pag-right click maaari mong tawagan ang menu ng konteksto. Pinapayagan ka nitong tanggalin ang: isang frame, isang napiling frame sa simula o dulo, o tanggalin ang lahat ng mga frame. Magdagdag o mag-alis ng mga pagkaantala. Kailangan ang "Delete even frames" para tanggalin ang kalahati ng mga frame at i-save ang animation (upang bawasan ang laki). May checkbox upang ipakita ang berdeng screen o hindi.

Posible ang pagtitipid sa 5 format na may iba't ibang kalidad: 256 na kulay, 12, gray, at iba pa.

• Kapag nagre-record ng video mula sa isang website, maaari mong i-zoom out ang pahina ng browser upang makakuha ng mas maliit na GIF.
• Kung mas kaunti ang mga kulay ng GIF, mas maliit ito. Subukang gumawa ng hindi hihigit sa 15 MB.
• Sa pamamagitan ng pagpindot sa STOP button, maaari mong ipagpatuloy ang pag-record kung saan ka tumigil. Kung kailangan mong magsimulang muli, i-click ang BAGO sa mga sub-item ng I-SAVE na button
• Bago ka magpadala ng GIF, tanungin ang iyong sarili, "Maganda ba itong GIF?" Kung hindi, pagkatapos ay huwag ipadala ito. Kung oo, maaari mong iwanan ito sa mga komento.
• Maraming tao ang naiinis sa animation.

yun lang. Magpasalamat ka bahraniapps para sa paglikha ng isang magandang programa. Siya nga pala, nangongolekta siya ng mga donasyon sa kanyang blog. Ngayon naiintindihan mo na walang mga kahirapan sa paglikha ng isang animated na larawan. At ngayon ay maaari kang lumikha ng mga GIF nang walang Photoshop at online. Sa tulong lamang ng isang maliit na programa.

Naghihintay ako para sa iyong mga paboritong larawan ng Gif sa mga komento.

3. Hinahanap namin ang aming folder na may mga inihandang larawan at mag-left-click sa unang larawan, pindutin nang matagal ang Shift key, at i-click ang huli, pagkatapos ay pipiliin silang lahat. I-click ang OPEN.

4. Bukas ang lahat ng larawan sa iyong Photoshop. Simulan natin ang paggawa ng mga layer na kakailanganin natin para sa animation o paglikha ng mga larawan ng gif. Binuksan ko ang isang espesyal na malawak na larawan. At ito ang magiging 1st layer.

Upang i-convert ang isang larawan sa isang layer, i-double click ito gamit ang kaliwang pindutan ng mouse.

5. Upang lumikha ng pangalawang layer, kailangan nating mag-click sa icon na itinuturo ng arrow. Sa pangalawang layer ay maglalagay kami ng isa pang larawan.

6. Tadyak namin ang aming mga litrato, na bukas sa tabi ng una, at pumili ng isang makitid na litrato. Hayaan mong ipaalala ko sa iyo na hindi ito kailangan... Mas madaling magtrabaho sa magkaparehong litrato. Kaya, nakita namin ang nais na larawan, pumunta sa menu - pagpili - piliin ang LAHAT.

7. Pagkatapos nito, magsisimulang tumakbo ang maliliit na gitling sa paligid ng larawan, ito ang napili. Ngayon pumunta sa menu - pag-edit - kopya.

8. Bumalik kami sa aming unang larawan, na mayroon nang mga layer, pumunta sa menu - pag-edit - i-paste. At ang aming makitid na larawan ay ipinasok sa isang bagong layer. Ngunit hindi ito maaaring manatiling napakakitid. Kailangan nating magdagdag ng background sa ilalim nito. Upang gawin ito, mag-click sa icon (1), i-drag ang layer sa ilalim ng makitid na larawan, pagkatapos ay gamitin ang eyedropper (2) upang pumili ng anumang kulay na gusto mo sa pamamagitan ng pag-click sa larawan. Pinili ko ang light green. At punan ang isang bagong layer, kung saan ina-activate namin ang fill tool (3) at pagkatapos ay mag-left-click sa working field ng larawan. Pakitandaan na ang bagong transparent na background ay dapat na aktibo sa puntong ito. Ang mga aktibong layer ay naka-highlight sa asul. Pagkatapos ng iyong mga aksyon, ang transparent na layer ay magiging kulay.

9. Ngayon kailangan nating pagsamahin ang dalawang layer (makitid na larawan at background). Lumakad kami gamit ang kaliwang pindutan ng mouse sa unang layer. Pindutin nang matagal ang Shift key at mag-click sa pangalawang layer. Ang mga ito ay naka-highlight sa asul. Pumunta sa menu - mga layer - pagsamahin ang mga layer.

10. Nakuha namin ang larawang ito.

11. Ulitin ang mga hakbang 6 - 10 ng aking tutorial upang lumikha ng isang layer na may isa pang makitid na larawan. Mayroon akong ito sa layer 2. At lumikha ng isa pang bagong transparent na layer upang ilagay ang huling malawak na larawan doon (layer 3).

12. Para magawa ito, sundin ang mga punto ng aralin 6, 7, 8. Iyon lang. handa na. Mga layer para sa aming mga larawan ng gif nilikha namin.

13. Maaari kang magsimulang mag-animate gamit ang iyong mga layer, ngunit nagpasya akong lumikha ng background para sa aming larawan. Upang gawin ito, pumunta sa menu - imahe - laki ng canvas. Dinadagdagan namin ang aming canvas ng 50 pcs sa lapad at taas. I-click ang OK.

14. Nakuha namin ito ng ganito.

15. Lumikha ng isang bagong layer (mayroon akong layer 4), i-drag ito sa pinakailalim sa ilalim ng lahat ng mga larawan, maaari kang gumawa ng isang background ng parehong kulay ng background sa iyong makitid na mga larawan. Pinili ko ang isang bahagyang mas madilim na kulay ng base.

Maaari mong palamutihan ang iyong substrate sa anumang paraan. Sana alam mo kung paano magtakda ng mga parameter ng layer, ngunit kung hindi, ito ay simple. Tatapakan mo ang nais na layer at i-double click ito gamit ang kaliwang pindutan ng mouse at bubukas ang isang window na may mga parameter ng iyong layer, at doon mo bubuksan ang bawat indibidwal na parameter nang hiwalay at inilapat mo o binago ang mga setting nito. Inilapat ko ang epekto sa mga parameter ng layer Inner Shadow at Inner Glow na may parameter ng layer na Multiply... Ang kulay ng anino ay bahagyang mas madilim kaysa sa tono ng background. Ngunit dito hindi ako nangangako na ipilit ang aking opinyon sa iyo. May sarili kang pananaw. Subukan ito, baguhin ang mga setting. Hindi naman nakakatakot. Maaari kang bumalik anumang oras sa orihinal na resulta, kung saan pupunta ka sa menu - pag-edit - bumalik.

Sa pamamagitan ng paraan, sa aking huling larawan ay mayroong isang wisteria bush, marami ito sa France at ang oras ng pamumulaklak nito ay huli ng Abril - unang bahagi ng Mayo. Kinuhanan ko ng litrato ang bush na ito sa hardin ng mga magulang ng aking kaibigan. Mayroon ding mga wisteria bushes sa aking bakuran sa Bulgaria at sa palagay ko ay matutuwa kami sa mga bulaklak nito na tila mga lilac na ulap.

16. Ngayon na ang oras upang ilagay ang iyong logo, ito ay lalong mahalaga kung ang iyong larawan ay makikita sa iyong website. Para sa mga ordinaryong gumagamit, maaaring hindi ito nalalapat. Ipaalala ko sa iyo na gumawa ako ng isang aralin sa photoshop tungkol sa. Tatalakayin ko ito sandali: pumunta sa menu - file - place. Hinahanap namin ang aming PSD file na may logo na inihanda nang maaga, hakbangin ito at i-click ang button na Place.

17. I-drag ang layer na may logo sa pinakatuktok, tulad ng sa akin. Kung kinakailangan, dagdagan ang logo sa nais na laki, kung saan pupunta kami sa menu - pag-edit - pag-scale. Habang pinipigilan ang Shift key, i-stretch o paliitin ang logo. I-activate ang tool na "move" (ang pinakamataas na tool na may arrow at + sa toolbar) at ilipat ang logo sa gustong lokasyon.

Ang lahat ay inihanda sa paglikha ng animation.

17. Sa pinakaunang frame ng animation, dapat ay makikita mo ang layer ng background, ang unang layer na may larawan mo (sa aking case layer 0) at ang logo (posisyon 1). Para sa magandang pagtingin sa iyong larawan, itakda ang oras ng pagkaantala 5 seg(posisyon 2). Pagkatapos matukoy ang oras ng pagkaantala at itakda ito sa unang frame, ang lahat ng kasunod na mga frame ay magkakaroon ng tinukoy na oras ng 1 frame, i.e. 5 segundo sa aking kaso. Upang lumikha ng pangalawang frame, mag-click sa icon na ipinapakita sa posisyon 3.

18. Sa pangalawang frame, baguhin ang visibility ng layer mula sa unang larawan patungo sa pangalawa, tulad ng ipinapakita sa aking screenshot.