ສາລະບານ
ເຈົ້າສາມາດສ້າງ 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 ເພາະວ່າຂ້ອຍມີການຄວບຄຸມຫຼາຍກວ່າເຟຣມ.