Lumikha ng isang Animated GIF sa Paputok

01 ng 20

Animated GIF Turkey sa Paputok

Teksto at mga imahe © Sandra Trainor

Sa tutorial na ito, gagamitin ko ang Paputok CS6 upang lumikha ng isang Animated GIF ng isang pabo na may balahibo buntot na nagbabago ng kulay. Magsisimula ako sa pamamagitan ng paglikha ng isang ilustrasyon at doblehin ito. Magkakaroon ako ng mga pagbabago sa isa, i-convert ang mga ito sa parehong mga simbolo, lumikha ng pangalawang estado, at i-preview ang animation. Pagkatapos ay palitan ko ang oras ng tagal ng parehong mga estado, i-save ang file bilang isang Animated GIF, at tingnan ito sa aking browser.

Kahit na ang Paputok CS6 ay ginagamit sa tutorial na ito, dapat mong sundin kasama ang anumang mga kamakailang bersyon ng Paputok o kahit Photoshop.

Tala ng mga editor:

Hindi na nag-aalok ang Adobe ng mga Paputok na CC bilang isang bahagi ng Creative Cloud. Kung naghahanap ka ng Mga Paputok maaari itong makita sa seksyong Find Karagdagang Apps ng Creative Cloud. Kapag inihayag ng Adobe na hindi na ito suportahan o i-update ang mga application, maaari mong isipin na ito ay lamang ng isang bagay ng oras bago nawala ang application. Ang isang tipikal na halimbawa ng mga ito ay ang kamakailang anunsyo tungkol sa Director, Shockwave at Contribute.

Nai-update ni Tom Green

02 ng 20

Gumawa ng Bagong Dokumento

Teksto at mga imahe © Sandra Trainor

Gumagawa ako ng bagong dokumento sa pamamagitan ng pagpili ng File> New. Gagawa ako ng lapad at taas na 400 x 400 pixels, at ang resolution na 72 pixels bawat pulgada. Pipili ako ng puti para sa kulay ng canvas, at i-click ang OK.

Susunod, kukunin ko na piliin ang File> I-save, pangalanan ang file na pabo na may extension na png , piliin kung saan ko gustong i-save ito, at i-click ang I-save.

03 ng 20

Gumuhit ng Circle

Teksto at mga imahe © Sandra Trainor

Sa panel ng Mga Tool ay mag-click ako sa box ng Kulay ng Stroke at pumili ng itim, pagkatapos ay sa box na Kulay ng Punan at pumili ng isang brown swatch o i-type sa Hex field na halaga ng halaga, # 8C4600.

Sa Properties panel gagawa ako ng lapad ng stroke na 2 pixel. Pipili ko ang tool na Ellipse sa Tools panel, na matatagpuan sa pamamagitan ng pag-click sa maliit na arrow sa tabi ng tool Rectangle o iba pang nakikitang tool na hugis. Habang pinipigilan ang shift key, kukunin ko na i-click at i-drag upang lumikha ng isang malaking bilog. Ang paggamit ng shift ay nagsisiguro na ang bilog ay magiging ganap na bilog.

04 ng 20

Gumuhit ng Isa pang Circle

Teksto at mga imahe © Sandra Trainor

Muli, hawakan ko ang shift key habang gumuhit ako ng isa pang bilog, gusto ko lamang ang bilog na ito na mas maliit kaysa sa huling.

Gamit ang tool na Pointer, ako ay mag-click at i-drag ang maliit na bilog sa lugar. Gusto ko ito upang mag-overlap sa tuktok ng malaking bilog, tulad ng ipinapakita.

05 ng 20

Gumuhit ng isang Pabilog na Parihaba

Teksto at mga imahe © Sandra Trainor

Sa tool na Rounded Rectangle, kukuha ako ng isang rektanggulo. Gamit ang tool na Pointer, ililipat ko ito sa lugar. Gusto ko itong maging nakasentro at bahagyang nakapatong sa ilalim ng maliit na bilog.

06 ng 20

Pagsamahin ang Mga Path

Teksto at mga imahe © Sandra Trainor

Patuloy ko ang shift key habang nag-click ako sa maliit na bilog pagkatapos ang bilugan na rektanggulo. Pipili nito ang parehong mga hugis. Kukunin ko pagkatapos ay piliin ang Baguhin, Pagsamahin ang Mga Path> Union.

07 ng 20

Pagbabago ng kulay

Teksto at mga imahe © Sandra Trainor

Sa panel ng Mga Tool, mag-click ako sa kahon ng Punan at pumili ng isang cream swatch, o i-type ang # FFCC99 sa patlang ng halaga ng Hex, pagkatapos ay pindutin ang pagbalik.

08 ng 20

Gawin ang mga Mata

Teksto at mga imahe © Sandra Trainor

Maaari akong gumuhit ng dalawang maliit na lupon upang gawin ang mga mata, ngunit sa halip ay gagamitin ko ang Uri ng tool para dito. Magko-click ako sa tool na Uri sa panel ng Tools, pagkatapos ay sa canvas. Sa Property inspector, pipiliin ko ang Arial Regular para sa font, gawing sukat ang 72, at baguhin ang kulay sa itim. Tatanggalin ko ang Alt o Opsyon key habang pinindot ko ang susi na may hawak na numero 8, na gagawa ng isang bala. Pipilitin ko ang space bar bago gumawa ng isa pang bala.

09 ng 20

Gawin ang Tuka

Teksto at mga imahe © Sandra Trainor

Sa panel ng Mga Tool, mag-click ako sa tool na hugis ng Polygon. Sa Properties panel, pipili ako ng isang kulay kahel na swatch para sa punan o i-type ang # FF9933 sa patlang ng halaga ng Hex. Gayundin sa panel ng Properties, gagawa ako ng stroke black na may lapad na 1.

Susunod, pipiliin ko ang Window> Auto Shape Properties. Kukunin ko ang mag-click sa hugis ng polygon, ipahiwatig na gusto ko ang parehong mga punto at mga gilid upang maging 3 at ang radius 180 degrees. Upang gawing mas maliit ang tatsulok, i-type ko ang 20 sa patlang na Halaga ng Outer Radius. Ang bilang para sa mga ito ay depende sa kung gaano kalaki ang tatsulok ay magsisimula sa. Kukunin ko pagkatapos pindutin ang bumalik.

Gamit ang tool na Pointer, ako ay mag-click sa tatsulok at i-drag ito sa kung saan sa tingin ko dapat itong umupo para sa tuka.

10 ng 20

Gawin ang Snood

Teksto at mga imahe © Sandra Trainor

Ang pulang bagay na nagbitin mula sa tuka ng pabo ay tinatawag na Snood. Upang gumawa ng isa, gagamitin ko ang tool na Panulat.

Matapos piliin ang tool na Panulat sa panel ng Mga Tool, ako ay mag-click sa kahon ng Punan at pumili ng isang pulang swatch, o i-type ang # FF0000 sa field na halaga ng Hex, pagkatapos ay pindutin ang pagbalik.

Gamit ang tool ng Panulat, ako ay mag-click upang lumikha ng mga puntos na bumubuo ng landas, at kung minsan ay mag-click at i-drag upang lumikha ng isang bilugan na landas. Kapag ang huling punto ay nagkokonekta sa una, ako ay bumuo ng isang hugis na mukhang snood ng turkey.

11 ng 20

Gawin ang mga binti

Teksto at mga imahe © Sandra Trainor

Maaari ko bang itakda ang Kulay ng Punan sa parehong Orange bilang tuka sa pamamagitan ng pag-click sa kahon ng Punan pagkatapos sa tuka. Sa pamamagitan ng pagpili ng tool na Panulat, gagawin ko ang itim na kulay ng stroke at itakda ang lapad ng stroke sa 2 sa Properties panel.

Susunod, gagamitin ko ang tool ng Panulat upang lumikha ng mga puntos na bumubuo ng isang hugis na kahawig ng binti ng pabo. Sa piniling hugis, pipiliin ko ang I-edit> Duplicate. Kukunin ko pagkatapos piliin ang Baguhin> Transform> Flip Pahalang. Gamit ang tool na Pointer, makikita ko iposisyon ang mga binti kung saan ang hitsura nila pinakamahusay.

12 ng 20

Bawasan ang Sukat

Teksto at mga imahe © Sandra Trainor

Pipili ko ang Piliin> Piliin ang Lahat. Pagkatapos ay mag-click ako sa Scale tool sa Tools panel. Ang isang bounding box ay lilitaw sa mga handle na maaaring ilipat papasok o palabas. Kukunin ko ang mag-click sa hawakan ng sulok at ilipat ito papasok, gawin ang buong mas maliit, pagkatapos ay pindutin ang pagbabalik.

Sa lahat ng aking mga hugis pa rin napili, gagamitin ko ang tool na Pointer upang ilipat ang pabo sa lugar. Gusto ko ito nakasentro sa canvas.

13 ng 20

Gawin ang Bail Feathers

Teksto at mga imahe © Sandra Trainor

Gamit ang Ellipse tool, ako ay mag-click at i-drag upang bumuo ng isang mahabang bilog. Pagkatapos ay piliin ko ang I-edit> Duplicate. Kukunin ko ang dobleng ulit at muli, hanggang sa magkaroon ako ng kabuuang limang mga ovals.

14 ng 20

Baguhin ang Kulay

Teksto at mga imahe © Sandra Trainor

Sa isa sa mga oval na napili, ako ay mag-click sa kahon ng Punan at pumili ng ibang kulay. Gagawin ko ito sa tatlong higit pang mga ovals, na pumili ng ibang kulay para sa bawat isa.

15 ng 20

Ilipat ang mga Ovals

Teksto at mga imahe © Sandra Trainor

Gamit ang tool na Pointer, ako ay mag-click at i-drag sa ibabaw ng limang ovals upang piliin ang lahat ng ito. Kukunin ko pagkatapos piliin ang Baguhin> Ayusin> Ipadala sa Bumalik. Magiging sanhi ito ng mga buntot na balahibo upang mahulog sa likod ng pabo kapag inililipat ko ang mga ito sa lugar.

I-click ko ang layo mula sa mga ovals upang tanggalin ang pagkakapili sa kanila, pagkatapos ay mag-click sa isang bilog sa isang pagkakataon at i-drag ang mga ito nang hiwalay sa kung saan sila ay umupo sa tabi ng bawat isa at bahagyang sa likod ng pabo.

Ang paggamit ng Mga Gabay sa Smart ay makakatulong upang pantay ang posisyon ng mga ovals na nasa tapat ng bawat isa. Kung hindi mo nakikita ang mga matalinong gabay sa trabaho, piliin ang View> Smart Guides> Ipakita ang Mga Smart Guides.

16 ng 20

I-rotate ang mga Ovals

Teksto at mga imahe © Sandra Trainor

Gusto kong i-rotate ang mga ovals at muling iposisyon ang mga ito. Upang gawin ito, pipiliin ko ang isa at piliin, Baguhin> Baguhin> Libreng Transform. Kukunin ko pagkatapos ay i-click at i-drag ang aking cursor sa labas lamang ng bounding box upang bahagyang i-rotate ang oval. Gamit ang tool na Pointer, makikita ko iposisyon ang bilog sa kung saan sa tingin ko ito ang pinakamahusay na hitsura.

Ako ay paikutin ang natitirang mga ovals sa parehong paraan, at iposisyon ang mga ito sa lugar; ibinahagi ito nang pantay-pantay.

17 ng 20

I-save at I-save Bilang

Teksto at mga imahe © Sandra Trainor

pagtingin sa aking imahe, nakikita ko na ang pabo ay masyadong mababa sa canvas, kaya ako ay pumili ng Piliin> Piliin ang Lahat, pagkatapos ay gamitin ang tool Pointer upang ilagay ang pabo sa gitna ng canvas. Kapag masaya ako sa hitsura nito, pipiliin ko ang File> Save.

Susunod, ako ay mag-click sa isang buntot balahibo upang piliin ito pagkatapos sa kahon Punan at pumili ng ibang kulay. Gagawin ko ito para sa bawat buntot na balahibo, pagkatapos ay piliin ang File> Save As. Papalitan ko ang file, turkey2 sa isang extension ng png, at i-click ang I-save.

18 ng 20

I-convert sa Simbolo

Teksto at mga imahe © Sandra Trainor

Pipili ko ang File> Buksan, mag-navigate sa aking file turkey.png at i-click ang Buksan. Magko-click ako sa tab ng turkey.png sa itaas, at piliin ang Piliin> Piliin Lahat. Kukunin ko pagkatapos piliin ang Baguhin> I-convert> I-convert sa Simbolo. Ipangalan ko ang simbolo 1, piliin ang Graphic para sa Uri, pagkatapos ay i-click ang OK.

Ako ay mag-click sa turkey2.png tab at gawin ang parehong, tanging kukunin ko na pangalanan ang isang simbolo na ito 2.

19 ng 20

Lumikha ng isang Bagong Estado

Teksto at mga imahe © Sandra Trainor

Ako ay mag-click pabalik sa tab na turkey.png. Kung hindi nakikita ang panel ng Estado ko, maaari kong piliin ang Window> States. Sa ilalim ng panel ng Unidos, kukunin ko na mag-click sa pindutang New Duplicate States.

Kapag nag-click ako sa unang estado upang piliin ito, nakikita ko na mayroong simbolo ito. Kapag nag-click ako sa pangalawang estado, nakikita ko na walang laman. Upang magdagdag ng simbolo sa walang laman na estado, pipiliin ko ang File> Import> mag-navigate sa aking turkey2.png file, i-click ang Buksan, pagkatapos ay Buksan muli. Pagkatapos ay mag-click ako sa itaas na kanang sulok ng canvas upang ilagay ang file sa tamang posisyon. Ngayon, kapag nag-click ako sa pagitan ng mga una at pangalawang mga estado, nakikita ko na parehong may mga imahe. Maaari ko ring pindutin ang pindutang Play / Stop sa ibaba ng window upang i-preview ang animation.

Kung hindi ko gusto ang bilis ng animation, maaari kong i-double-click ang mga numero sa kanan ng bawat estado upang magsagawa ng mga pagsasaayos. Ang mas mataas ang bilang mas mahaba ang oras ng tagal.

20 ng 20

I-save ang mga Animated na GIF

Teksto at mga imahe © Sandra Trainor

Pipili ko ang File> Save As, palitan ang pangalan ng file, piliin ang Animated GIF (* .gif), pagkatapos ay i-click ang I-save.

Upang buksan at i-play ang Animation GIF sa aking browser, ilulunsad ko ang aking browser at piliin ang File> Buksan o Buksan ang File. Mag-navigate ako sa aking naka-save na animated GIF file, piliin ito, i-click ang Buksan, at tamasahin ang animation.

Kaugnay na:
• Pag- optimize ng mga Animated GIF
• Profile ng Wild Turkey
• Kasaysayan ng Thanksgiving sa Turkey
• Ang Wildest Turkeys na Nakita Ninyo