Sut i Wneud GIF yn Adobe Illustrator

  • Rhannu Hwn
Cathy Daniels

Allwch chi wneud GIF yn Adobe Illustrator?

Y gwir yw, ni allwch wneud GIF yn Adobe Illustrator ar eich pen eich hun . Oes, gellir cymryd y camau cychwynnol yn Adobe Illustrator. Sy'n golygu y gallwch chi baratoi'r byrddau celf ar gyfer y GIF animeiddiedig yn Adobe Illustrator, ond bydd angen i chi allforio'r byrddau celf i wneuthurwr GIF neu ddefnyddio Photoshop i wneud y GIF go iawn.

Yn y tiwtorial hwn, byddwch yn dysgu sut i greu GIFs animeiddiedig yn Adobe Illustrator a Photoshop. Byddaf yn rhannu'r tiwtorialau yn ddwy ran.

Bydd Rhan 1 yn cyflwyno'r camau y mae angen eu gwneud yn Adobe Illustrator, a bydd Rhan 2 yn dangos i chi sut i drosi byrddau celf yn GIFs animeiddiedig yn Photoshop. Os nad ydych chi'n ddefnyddiwr Photoshop, dim pryderon, byddaf hefyd yn dangos i chi sut i wneud GIF gan ddefnyddio gwneuthurwyr GIF ar-lein.

Sylwer: mae'r sgrinluniau yn y tiwtorial hwn wedi'u cymryd o fersiwn Adobe Illustrator CC 2022 Mac a fersiwn Photoshop CC 2022 Mac. Gall Windows neu fersiynau eraill edrych yn wahanol.

Rhan 1: Gwneud GIF yn Adobe Illustrator

Os nad yw Adobe Illustrator yn animeiddio, pam rydyn ni'n ei ddefnyddio i wneud GIF? Ateb syml: Oherwydd bod angen i chi greu'r fectorau ar gyfer y GIF yn Adobe Illustrator a'r allwedd yw cael gwahanol fframiau / gweithredoedd wedi'u gwahanu i wahanol fyrddau celf.

Er mor ddryslyd ag y mae'n swnio, fe'i cewch wrth i mi ddangos enghraifft i chi yma gyda chamau manwl.

Cam 1: Creu Adobe newyddIllustrator Ffeil a gosod maint y bwrdd celf i 400 x 400px (Dim ond fy awgrym, mae croeso i chi sefydlu unrhyw faint arall yr hoffech).

Gan ei fod yn mynd i fod yn GIF, nid wyf yn argymell cael ffeil fawr ac mae'n well os yw'r bwrdd celf yn sgwâr.

Cam 2: Creu eicon neu ddarlun yr ydych am ei animeiddio. Er enghraifft, rydw i'n mynd i wneud GIF glaw, felly byddaf yn creu siâp cwmwl a rhai diferion glaw.

Mae pob siâp ar yr un bwrdd celf ar hyn o bryd, felly'r cam nesaf yw eu rhannu'n fyrddau celf gwahanol i greu'r fframiau animeiddio.

Cam 3: Creu byrddau celf newydd. Y byrddau celf hyn fydd y fframiau yn ddiweddarach yn Photoshop, felly mae nifer y byrddau celf yn dibynnu ar nifer y fframiau / gweithredoedd rydych chi am i'r GIF eu cael.

Er enghraifft, ychwanegais bum bwrdd celf ychwanegol felly nawr mae gen i chwe bwrdd celf i gyd.

Peidiwch â phwysleisio os nad ydych chi'n siŵr ar hyn o bryd, gallwch chi bob amser ychwanegu neu ddileu byrddau celf yn ddiweddarach.

Cam 4: Copïwch a gludwch y siapiau i'r byrddau celf newydd. Os ydych chi'n golygu ar yr un siâp, gallwch chi gopïo'r siâp i bob bwrdd celf a gwneud y golygiadau ar bob bwrdd celf.

Sylwer: mae’n bwysig iawn gosod y siapiau yn eu lle ar y byrddau celf newydd wrth wneud GIF. Y llwybr byr bysellfwrdd ar gyfer gosod gwrthrych wedi'i gopïo yn yr un lle yw Gorchymyn + F ( Ctrl + F ar gyfer defnyddwyr Windows).

Mae'r elfennau ar ydylai byrddau celf ddilyn dilyniant o sut y bydd y GIF yn ei ddangos.

Er enghraifft, bydd siâp y cwmwl yn cael ei ddangos ar y GIF drwy'r amser, felly copïwch siâp y cwmwl i bob bwrdd celf newydd. Gallwch hefyd ychwanegu elfennau at eich bwrdd celf newydd fesul un. I fyny i chi.

Penderfynwch pa ran fydd yn dangos nesaf a threfnwch y byrddau celf gan ddilyn dilyniant y ffrâm sy’n mynd i ddangos ar y GIF.

Yn fy achos i, rydw i eisiau i'r diferyn glaw canol ddangos yn gyntaf, felly byddaf yn ei roi at ei gilydd gyda'r siâp cwmwl ar Artboard 2. Yna ar y fframiau nesaf (artboards), byddaf yn ychwanegu'r diferion glaw ar yr ochrau fesul un.

Ar ôl i mi osod yr holl fyrddau celf, penderfynais dynnu'r diferion glaw o'r bwrdd celf cyntaf felly nawr mae fy byrddau celf yn edrych fel hyn, ac maen nhw'n barod i fynd.

Cam 5: Enwch y byrddau celf a rhowch nhw mewn dilyniant o sut rydych chi am iddyn nhw edrych ar GIF. Byddaf yn eu henwi o ffrâm 1 i ffrâm 6 i'w gwneud yn haws eu hadnabod yn ddiweddarach yn Photoshop.

Cam 6: Allforio'r byrddau celf. Ewch i'r ddewislen uwchben Ffeil > Allforio > Allforio ar gyfer Sgriniau a dewis Allforio Artboards .

Dylech weld eich byrddau celf wedi'u cadw fel delweddau unigol gydag enwau.

Rydych chi wedi gorffen y swydd yn Adobe Illustrator, gadewch i ni barhau â'r broses animeiddio yn Photoshop.

Rhan 2: Gwneud GIF yn Photoshop

Unwaith y bydd y fframiau i gyd yn barod, dim ondmae'n cymryd ychydig funudau i greu GIF animeiddiedig yn Photoshop.

Cam 1: Creu dogfen newydd yn Photoshop, yr un maint â ffeil Adobe Illustrator o Ran 1. Yn fy achos i, byddai'n 400 x 400px.

Cam 2: Llusgwch y delweddau y gwnaethoch eu hallforio o Adobe Illustrator i Photoshop, a byddant yn dangos fel haenau.

Cam 3: Ewch i'r ddewislen uwchben Ffenestr > Llinell Amser , neu gallwch newid y man gwaith yn uniongyrchol i Cynnig .

Dylech weld man gwaith Llinell Amser ar waelod eich ffenestr Photoshop.

Cam 4: Cliciwch Creu Animeiddiad Ffrâm ar y man gwaith Llinell Amser, a byddwch yn gweld yr haen uchaf yn dangos ar weithle'r Llinell Amser.

Cam 5: Cliciwch ar gornel dde uchaf y ffenestr Llinell Amser i agor y ddewislen wedi'i phlygu a dewiswch Gwneud Fframiau o Haenau .

20>

Yna bydd yr haenau i gyd yn dangos fel fframiau.

Fel y gwelwch, mae'r ffrâm gyntaf yn wag, oherwydd dyma'r cefndir yn ddiweddarach. Gallwch ddileu'r ffrâm gyntaf drwy ddewis y ffrâm a chlicio ar y botwm Dileu fframiau dethol ar y ffenestr Llinell Amser.

Cam 6: Cliciwch ar y saeth i lawr o dan bob ffrâm i newid buanedd pob ffrâm yn unol â hynny. Er enghraifft, rydw i wedi newid cyflymder pob ffrâm i 0.2 eiliad.

Gallwch glicio ar y botwm chwarae i weld sut mae'r GIF yn edrych. Unwaith y byddwch chi'n hapus gyda'r canlyniad. Y cam olafyw ei allforio fel GIF.

Cam 7: Ewch i'r ddewislen uwchben Ffeil > Allforio > Cadw ar gyfer Gwe (Etifeddiaeth) .

O'r ddewislen gosodiadau, y peth pwysicaf yw dewis GIF fel y math o ffeil a dewis Am Byth fel yr Opsiynau Tocio. Rydych chi'n newid gosodiadau eraill yn unol â hynny.

Cliciwch Cadw a llongyfarchiadau! Rydych chi newydd wneud GIF animeiddiedig.

Sut i Wneud GIF heb Photoshop

Anghyfarwydd â Photoshop? Yn sicr, gallwch chi greu GIF heb Photoshop hefyd. Mae cymaint o offer ar-lein sy'n eich galluogi i wneud GIF am ddim.

Er enghraifft, mae EZGIF yn wneuthurwr GIF poblogaidd ac mae'n hawdd ei ddefnyddio. Y cyfan sy'n rhaid i chi ei wneud yw uwchlwytho'ch delweddau, dewis cyflymder chwarae a bydd yn gwneud y GIF i chi yn awtomatig.

Casgliad

Adobe Illustrator yw lle rydych chi'n creu elfennau o'r animeiddiad a Photoshop yw lle rydych chi'n gwneud y GIF animeiddiedig.

Opsiwn haws fyddai defnyddio gwneuthurwr GIF ar-lein. Y fantais yw y byddai'n arbed llawer o amser i chi, yn enwedig os nad ydych chi'n gyfarwydd â Photoshop. Fodd bynnag, mae'n well gen i hyblygrwydd Photoshop oherwydd mae gen i fwy o reolaeth dros y fframiau.

Cathy Daniels ydw i, arbenigwr mewn Adobe Illustrator. Rydw i wedi bod yn defnyddio'r meddalwedd ers fersiwn 2.0, ac wedi bod yn creu tiwtorialau ar ei gyfer ers 2003. Mae fy blog yn un o'r cyrchfannau mwyaf poblogaidd ar y we i bobl sydd eisiau dysgu Illustrator. Yn ogystal â fy ngwaith fel blogiwr, rydw i hefyd yn awdur ac yn ddylunydd graffeg.