ວິທີການສ້າງ GIF ໃນ Adobe Illustrator

  • ແບ່ງປັນນີ້
Cathy Daniels

ເຈົ້າສາມາດສ້າງ GIF ໃນ Adobe Illustrator ໄດ້ບໍ?

ຄວາມຈິງແມ່ນ, ທ່ານບໍ່ສາມາດສ້າງ GIF ໃນ Adobe Illustrator ທັງໝົດ . ແມ່ນແລ້ວ, ຂັ້ນຕອນເບື້ອງຕົ້ນສາມາດເຮັດໄດ້ໃນ Adobe Illustrator. ຫມາຍຄວາມວ່າທ່ານສາມາດກະກຽມ artboards ສໍາລັບ GIF ເຄື່ອນໄຫວໃນ Adobe Illustrator, ແຕ່ທ່ານຈະຈໍາເປັນຕ້ອງໄດ້ສົ່ງອອກ artboards ກັບຜູ້ຜະລິດ GIF ຫຼືໃຊ້ Photoshop ເພື່ອເຮັດໃຫ້ GIF ຕົວຈິງ.

ໃນບົດສອນນີ້, ທ່ານຈະໄດ້ຮຽນຮູ້ວິທີການສ້າງ GIFs ແບບເຄື່ອນໄຫວໃນ Adobe Illustrator ແລະ Photoshop. ຂ້ອຍຈະແບ່ງບົດສອນອອກເປັນສອງສ່ວນ.

ພາກທີ 1 ຈະແນະນຳຂັ້ນຕອນທີ່ຕ້ອງເຮັດໃນ Adobe Illustrator, ແລະສ່ວນທີ 2 ຈະສະແດງໃຫ້ທ່ານເຫັນວິທີປ່ຽນແຜ່ນ artboards ເປັນ GIFs ແບບເຄື່ອນໄຫວໃນ Photoshop. ຖ້າທ່ານບໍ່ແມ່ນຜູ້ໃຊ້ Photoshop, ບໍ່ຕ້ອງກັງວົນ, ຂ້ອຍຍັງຈະສະແດງວິທີການສ້າງ GIF ໂດຍໃຊ້ຜູ້ຜະລິດ GIF ອອນໄລນ໌.

ໝາຍເຫດ: ພາບໜ້າຈໍໃນບົດສອນນີ້ແມ່ນຖ່າຍຈາກ Adobe Illustrator CC 2022 ລຸ້ນ Mac ແລະ Photoshop CC 2022 ລຸ້ນ Mac. Windows ຫຼືຮຸ່ນອື່ນໆສາມາດມີລັກສະນະແຕກຕ່າງກັນ.

ສ່ວນທີ 1: ການສ້າງ GIF ໃນ Adobe Illustrator

ຖ້າ Adobe Illustrator ບໍ່ມີການເຄື່ອນໄຫວ, ເປັນຫຍັງພວກເຮົາຈຶ່ງໃຊ້ມັນເພື່ອສ້າງ GIF? ຄໍາຕອບງ່າຍໆ: ເພາະວ່າທ່ານຈໍາເປັນຕ້ອງສ້າງ vectors ສໍາລັບ GIF ໃນ Adobe Illustrator ແລະທີ່ສໍາຄັນແມ່ນເພື່ອໃຫ້ມີກອບ / ການປະຕິບັດທີ່ແຕກຕ່າງກັນແຍກອອກເປັນ artboards ທີ່ແຕກຕ່າງກັນ.

ໃນ​ຖາ​ນະ​ທີ່​ມັນ​ຈະ​ສັບ​ສົນ​, ທ່ານ​ຈະ​ໄດ້​ຮັບ​ມັນ​ດັ່ງ​ທີ່​ຂ້າ​ພະ​ເຈົ້າ​ສະ​ແດງ​ໃຫ້​ທ່ານ​ເປັນ​ຕົວ​ຢ່າງ​ທີ່​ນີ້​ມີ​ຂັ້ນ​ຕອນ​ລະ​ອຽດ​.

ຂັ້ນຕອນ 1: ສ້າງ Adobe ໃໝ່Illustrator File ແລະຕັ້ງຂະຫນາດຂອງ artboard ເປັນ 400 x 400px (ພຽງແຕ່ຄໍາແນະນໍາຂອງຂ້ອຍ, ຮູ້ສຶກວ່າບໍ່ເສຍຄ່າເພື່ອຕັ້ງຄ່າຂະຫນາດອື່ນໆທີ່ທ່ານຕ້ອງການ).

ເນື່ອງ​ຈາກ​ວ່າ​ມັນ​ຈະ​ເປັນ GIF, ຂ້າ​ພະ​ເຈົ້າ​ບໍ່​ແນະ​ນໍາ​ໃຫ້​ມີ​ໄຟລ​໌​ຂະ​ຫນາດ​ໃຫຍ່​ແລະ​ມັນ​ດີ​ທີ່​ສຸດ​ຖ້າ​ຫາກ​ວ່າ artboard ເປັນ​ສີ່​ຫຼ່ຽມ​ມົນ.

ຂັ້ນຕອນ 2: ສ້າງໄອຄອນ ຫຼືຮູບແຕ້ມທີ່ທ່ານຕ້ອງການໃຫ້ເຄື່ອນໄຫວ. ຕົວຢ່າງ, ຂ້ອຍຈະສ້າງ GIF ຝົນ, ດັ່ງນັ້ນຂ້ອຍຈະສ້າງຮູບຮ່າງຂອງເມຄແລະຝົນບາງໆ.

ຮູບຊົງທັງໝົດຢູ່ໃນກະດານສິລະປະດຽວກັນໃນຂະນະນີ້, ສະນັ້ນ ຂັ້ນຕອນຕໍ່ໄປແມ່ນການແບ່ງພວກມັນອອກເປັນກະດານສິລະປະຕ່າງໆເພື່ອສ້າງກອບອະນິເມຊັນ.

ຂັ້ນຕອນ 3: ສ້າງກະດານສິນລະປະໃໝ່. artboards ເຫຼົ່ານີ້ຈະເປັນກອບໃນພາຍຫຼັງໃນ Photoshop, ສະນັ້ນຈໍານວນຂອງ artboards ຂຶ້ນກັບຈໍານວນຂອງກອບ / ການດໍາເນີນການທີ່ທ່ານຕ້ອງການ GIF ມີ.

ຕົວຢ່າງ, ຂ້ອຍໄດ້ເພີ່ມ artboards ເພີ່ມເຕີມອີກຫ້າອັນ, ສະນັ້ນຕອນນີ້ຂ້ອຍມີ artboards ທັງໝົດ 6 ແຜ່ນ.

ຢ່າຄຽດຫາກເຈົ້າບໍ່ແນ່ໃຈໃນຕອນນີ້, ເຈົ້າສາມາດເຮັດໄດ້ສະເໝີ. ເພີ່ມ ຫຼືລຶບ artboards ພາຍຫຼັງ.

ຂັ້ນຕອນທີ 4: ສຳເນົາ ແລະວາງຮູບຮ່າງໃສ່ກະດານສິນລະປະໃໝ່. ຖ້າ​ຫາກ​ວ່າ​ທ່ານ​ກໍາ​ລັງ​ແກ້​ໄຂ​ຢູ່​ໃນ​ຮູບ​ຮ່າງ​ດຽວ​ກັນ​, ທ່ານ​ສາ​ມາດ​ສໍາ​ເນົາ​ຮູບ​ຮ່າງ​ໄປ​ໃນ artboards ທັງ​ຫມົດ​ແລະ​ເຮັດ​ການ​ແກ້​ໄຂ​ຢູ່​ໃນ artboard ແຕ່​ລະ​ຄົນ​.

ໝາຍເຫດ: ມັນສຳຄັນຫຼາຍທີ່ຈະຈັດວາງຮູບຮ່າງຕ່າງໆໃສ່ໃນກະດານສິນລະປະໃໝ່ໃນເວລາສ້າງ GIF. ທາງລັດແປ້ນພິມສຳລັບການວາງວັດຖຸທີ່ສຳເນົາໄວ້ໃນບ່ອນດຽວກັນແມ່ນ ຄໍາສັ່ງ + F ( Ctrl + F ສໍາລັບຜູ້ໃຊ້ Windows).

ອົງປະກອບຂອງartboards ຄວນປະຕິບັດຕາມລໍາດັບຂອງວິທີການ GIF ຈະສະແດງໃຫ້ເຫັນ.

ຕົວ​ຢ່າງ, ຮູບ​ຮ່າງ​ຄລາວ​ຈະ​ຖືກ​ສະ​ແດງ​ຢູ່​ເທິງ GIF ຕະ​ຫຼອດ​ເວ​ລາ, ດັ່ງ​ນັ້ນ​ໃຫ້​ຄັດ​ລອກ​ຮູບ​ຮ່າງ​ຄ​ລາວ​ໃສ່ artboards ໃຫມ່​ທັງ​ຫມົດ. ທ່ານຍັງສາມາດເພີ່ມອົງປະກອບໃສ່ກະດານ artboard ໃໝ່ຂອງເຈົ້າເທື່ອລະອັນ. ແລ້ວ​ແຕ່​ເຈົ້າ.

ຕັດສິນໃຈວ່າພາກສ່ວນໃດຈະສະແດງຕໍ່ໄປ ແລະຈັດລະບຽບ artboards ຕາມລໍາດັບຂອງກອບທີ່ຈະສະແດງໃນ GIF.

ໃນກໍລະນີຂອງຂ້ອຍ, ຂ້ອຍຕ້ອງການໃຫ້ຝົນຕົກປານກາງສະແດງກ່ອນ, ສະນັ້ນຂ້ອຍຈະເອົາຮູບເມກມາໃສ່ໃນ Artboard 2. ຈາກນັ້ນໃນເຟຣມຕໍ່ໄປ (artboards), ຂ້ອຍຈະເພີ່ມສາຍຝົນ. ຂ້າງຫນຶ່ງໂດຍຫນຶ່ງ.

ເມື່ອຂ້ອຍຕັ້ງກະດານສິລະປະທັງໝົດແລ້ວ, ຂ້ອຍຕັດສິນໃຈເອົາເມັດຝົນອອກຈາກ artboard ທຳອິດ, ສະນັ້ນ ດຽວນີ້ກະດານສິລະປະຂອງຂ້ອຍຄືແນວນີ້, ແລະພວກມັນພ້ອມແລ້ວ.

ຂັ້ນ​ຕອນ​ທີ 5: ຕັ້ງ​ຊື່​ແຜ່ນ artboards ແລະ​ຈັດ​ໃຫ້​ພວກ​ມັນ​ເປັນ​ລໍາ​ດັບ​ຂອງ​ວິ​ທີ​ການ​ທີ່​ທ່ານ​ຕ້ອງ​ການ​ໃຫ້​ເຂົາ​ເຈົ້າ​ເບິ່ງ​ໃນ GIF ໄດ້​. ຂ້າ​ພະ​ເຈົ້າ​ຈະ​ຕັ້ງ​ຊື່​ໃຫ້​ເຂົາ​ເຈົ້າ​ຈາກ​ເຟຣມ 1 ຫາ frame 6 ເພື່ອ​ເຮັດ​ໃຫ້​ເຂົາ​ເຈົ້າ​ງ່າຍ​ທີ່​ຈະ​ລະ​ບຸ​ຕົວ​ຕໍ່​ມາ​ໃນ Photoshop​.

ຂັ້ນຕອນ 6: ສົ່ງອອກ artboards. ໄປທີ່ເມນູດ້ານເທິງ File > Export > Export for Screens ແລະເລືອກ Export Artboards .

ທ່ານຄວນຈະເຫັນ artboards ຂອງທ່ານບັນທຶກໄວ້ເປັນຮູບພາບສ່ວນບຸກຄົນທີ່ມີຊື່.

ທ່ານຈົບວຽກໃນ Adobe Illustrator ແລ້ວ, ໃຫ້ສືບຕໍ່ຂະບວນການເຄື່ອນໄຫວໃນ Photoshop.

ສ່ວນທີ 2: ການສ້າງ GIF ໃນ Photoshop

ເມື່ອທ່ານມີເຟຣມທັງໝົດພ້ອມແລ້ວ, ມັນເທົ່ານັ້ນ.ໃຊ້ເວລາສອງສາມນາທີເພື່ອສ້າງ GIF ເຄື່ອນໄຫວໃນ Photoshop.

ຂັ້ນຕອນ 1: ສ້າງເອກະສານໃຫມ່ໃນ Photoshop, ຂະຫນາດດຽວກັນກັບໄຟລ໌ Adobe Illustrator ຈາກພາກທີ 1. ໃນກໍລະນີຂອງຂ້ອຍ, ມັນຈະເປັນ 400 x 400px.

ຂັ້ນ​ຕອນ​ທີ 2: ລາກ​ຮູບ​ພາບ​ທີ່​ທ່ານ​ສົ່ງ​ອອກ​ຈາກ Adobe Illustrator ໄປ​ທີ່ Photoshop ແລ້ວ​ພວກ​ມັນ​ຈະ​ສະ​ແດງ​ເປັນ​ຊັ້ນ​ຕ່າງໆ.

ຂັ້ນຕອນ 3: ໄປທີ່ເມນູດ້ານເທິງ Window > Timeline , ຫຼືທ່ານສາມາດປ່ຽນພື້ນທີ່ເຮັດວຽກໂດຍກົງເປັນ ການເຄື່ອນໄຫວ .

ທ່ານຄວນຈະເຫັນພື້ນທີ່ເຮັດວຽກຂອງ Timeline ຢູ່ລຸ່ມສຸດຂອງໜ້າຕ່າງ Photoshop ຂອງທ່ານ.

ຂັ້ນຕອນທີ 4: ຄລິກ ສ້າງພາບເຄື່ອນໄຫວຂອບ ຢູ່ໃນພື້ນທີ່ເຮັດວຽກຂອງທາມລາຍ, ແລະທ່ານຈະເຫັນຊັ້ນເທິງສະແດງຢູ່ໃນພື້ນທີ່ເຮັດວຽກຂອງທາມລາຍ.

ຂັ້ນຕອນ 5: ຄລິກທີ່ມຸມຂວາເທິງຂອງໜ້າຈໍທາມລາຍເພື່ອເປີດເມນູທີ່ພັບແລ້ວເລືອກ ສ້າງຂອບຈາກຊັ້ນຂໍ້ມູນ .

ຈາກນັ້ນຊັ້ນຂໍ້ມູນທັງໝົດຈະສະແດງເປັນກອບ.

ດັ່ງ​ທີ່​ທ່ານ​ສາ​ມາດ​ເບິ່ງ​ໄດ້​, ເຟຣມ​ທໍາ​ອິດ​ແມ່ນ​ຫວ່າງ​ເປົ່າ​, ເນື່ອງ​ຈາກ​ວ່າ​ມັນ​ເປັນ​ພື້ນ​ຫລັງ​ພາຍ​ຫຼັງ​. ທ່ານ​ສາ​ມາດ​ລຶບ​ເຟຣມ​ທໍາ​ອິດ​ໂດຍ​ການ​ເລືອກ​ເຟຣມ​ແລະ​ການ​ຄລິກ​ໃສ່​ປຸ່ມ <2​>Deletes ເລືອກ​ເຟຣມ <3​> ຢູ່​ໃນ​ປ່ອງ​ຢ້ຽມ​ກໍາ​ນົດ​ເວ​ລາ​.

ຂັ້ນຕອນ 6: ຄລິກທີ່ລູກສອນລົງລຸ່ມແຕ່ລະເຟຣມເພື່ອປ່ຽນຄວາມໄວຂອງແຕ່ລະເຟຣມຕາມຄວາມເໝາະສົມ. ຕົວຢ່າງ, ຂ້ອຍໄດ້ປ່ຽນຄວາມໄວຂອງເຟຣມທັງໝົດເປັນ 0.2 ວິນາທີ.

ທ່ານສາມາດຄລິກປຸ່ມຫຼິ້ນເພື່ອເບິ່ງວ່າ GIF ມີລັກສະນະແນວໃດ. ເມື່ອເຈົ້າພໍໃຈກັບຜົນໄດ້ຮັບ. ຂັ້ນຕອນສຸດທ້າຍແມ່ນການສົ່ງອອກມັນເປັນ GIF.

ຂັ້ນຕອນ 7: ໄປທີ່ເມນູເທິງຫົວ File > Export > Save ສໍາລັບເວັບ (Legacy) .

ຈາກ​ເມ​ນູ​ການ​ຕັ້ງ​ຄ່າ, ສິ່ງ​ທີ່​ສໍາ​ຄັນ​ທີ່​ສຸດ​ແມ່ນ​ການ​ເລືອກ GIF ເປັນ​ປະ​ເພດ​ໄຟລ​໌​ແລະ​ເລືອກ Forever ເປັນ​ຕົວ​ເລືອກ Lopping. ທ່ານປ່ຽນການຕັ້ງຄ່າອື່ນໆຕາມຄວາມເຫມາະສົມ.

ຄລິກ ບັນທຶກ ແລະ ຂໍສະແດງຄວາມຍິນດີ! ທ່ານຫາກໍ່ສ້າງ GIF ເຄື່ອນໄຫວ.

ວິທີສ້າງ GIF ໂດຍບໍ່ຕ້ອງໃຊ້ Photoshop

ບໍ່ຄຸ້ນເຄີຍກັບ Photoshop? ທ່ານແນ່ນອນສາມາດສ້າງ GIF ໂດຍບໍ່ມີການ Photoshop ເຊັ່ນດຽວກັນ. ມີເຄື່ອງມືອອນໄລນ໌ຈໍານວນຫຼາຍທີ່ອະນຸຍາດໃຫ້ທ່ານເພື່ອເຮັດໃຫ້ GIF ໄດ້ຟຣີ.

ຕົວຢ່າງ, EZGIF ເປັນຜູ້ຜະລິດ GIF ທີ່ນິຍົມ ແລະມັນໃຊ້ງ່າຍ. ທັງ​ຫມົດ​ທີ່​ທ່ານ​ຕ້ອງ​ການ​ຈະ​ເຮັດ​ແມ່ນ​ອັບ​ຮູບ​ພາບ​ຂອງ​ທ່ານ​, ເລືອກ​ເອົາ​ຄວາມ​ໄວ​ການ​ຫຼິ້ນ​ແລະ​ມັນ​ຈະ​ເຮັດ​ໃຫ້ GIF ອັດ​ຕະ​ໂນ​ມັດ​ສໍາ​ລັບ​ທ່ານ​.

ສະຫຼຸບ

Adobe Illustrator ແມ່ນບ່ອນທີ່ເຈົ້າສ້າງອົງປະກອບຂອງພາບເຄື່ອນໄຫວ ແລະ Photoshop ແມ່ນບ່ອນທີ່ເຈົ້າສ້າງ GIF ເຄື່ອນໄຫວ.

ທາງ​ເລືອກ​ທີ່​ງ່າຍ​ກວ່າ​ແມ່ນ​ການ​ໃຊ້​ຕົວ​ສ້າງ GIF ອອນ​ໄລ​ນ​໌. ປະໂຫຍດແມ່ນວ່າມັນຈະຊ່ວຍໃຫ້ທ່ານປະຫຍັດເວລາຫຼາຍ, ໂດຍສະເພາະຖ້າທ່ານບໍ່ຄຸ້ນເຄີຍກັບ Photoshop. ຢ່າງໃດກໍ່ຕາມ, ຂ້ອຍມັກຄວາມຍືດຫຍຸ່ນຂອງ Photoshop ເພາະວ່າຂ້ອຍມີການຄວບຄຸມຫຼາຍກວ່າເຟຣມ.

ຂ້ອຍແມ່ນ Cathy Daniels, ຜູ້ຊ່ຽວຊານໃນ Adobe Illustrator. ຂ້ອຍໄດ້ໃຊ້ຊອບແວຕັ້ງແຕ່ຮຸ່ນ 2.0, ແລະໄດ້ສ້າງບົດສອນສໍາລັບມັນຕັ້ງແຕ່ປີ 2003. ບລັອກຂອງຂ້ອຍແມ່ນຫນຶ່ງໃນຈຸດຫມາຍປາຍທາງທີ່ນິຍົມທີ່ສຸດໃນເວັບສໍາລັບຜູ້ທີ່ຕ້ອງການຮຽນ Illustrator. ນອກເຫນືອຈາກການເຮັດວຽກຂອງຂ້ອຍເປັນ blogger, ຂ້ອຍຍັງເປັນນັກຂຽນແລະນັກອອກແບບກາຟິກ.