Adobe Illustrator-da GIF yarata olasizmi?

Haqiqat shundaki, Adobe Illustrator-da yolg'iz GIF yarata olmaysiz . Ha, dastlabki qadamlar Adobe Illustrator dasturida bajarilishi mumkin. Ya'ni, siz Adobe Illustrator-da animatsion GIF uchun artboardlarni tayyorlashingiz mumkin, lekin siz GIF ishlab chiqaruvchisiga artboardlarni eksport qilishingiz yoki haqiqiy GIF-ni yaratish uchun Photoshop-dan foydalanishingiz kerak bo'ladi.

Ushbu qo'llanmada siz Adobe Illustrator va Photoshop-da animatsion GIF yaratishni o'rganasiz. Men darsliklarni ikki qismga ajrataman.

1-qism Adobe Illustrator-da bajarilishi kerak bo'lgan qadamlar bilan tanishtiradi va 2-qism sizga qanday qilib artboardlarni Photoshop-da animatsion GIF-ga aylantirishni ko'rsatib beradi. Agar siz Photoshop foydalanuvchisi bo'lmasangiz, tashvishlanmang, men sizga onlayn GIF ishlab chiqaruvchilari yordamida qanday qilib GIF qilishni ham ko'rsataman.

Izoh: ushbu qoʻllanmadagi skrinshotlar Adobe Illustrator CC 2022 Mac va Photoshop CC 2022 Mac versiyalaridan olingan. Windows yoki boshqa versiyalar boshqacha ko'rinishi mumkin.

1-qism: Adobe Illustrator-da GIF yaratish

Agar Adobe Illustrator animatsiya qilmasa, nega biz undan GIF yaratish uchun foydalanamiz? Oddiy javob: Chunki siz Adobe Illustrator-da GIF uchun vektorlarni yaratishingiz kerak va asosiysi, turli artboardlarga ajratilgan turli ramkalar/amallar bo'lishidir.

Qanchalik chalkash tuyulmasin, men sizga batafsil qadamlar bilan misol ko'rsatganimdan keyin tushunasiz.

1-qadam: Yangi Adobe yaratingIllustrator faylini yarating va artboard oʻlchamini 400 x 400px ga oʻrnating (shunchaki mening taklifim, oʻzingizga yoqqan boshqa oʻlchamni oʻrnatishingiz mumkin).

U GIF bo'lishi sababli, men katta faylga ega bo'lishni tavsiya etmayman va ish taxtasi kvadrat bo'lsa yaxshi bo'ladi.

2-qadam: Jonlantirmoqchi bo'lgan belgi yoki rasm yarating. Misol uchun, men yomg'ir GIF-ni yaratmoqchiman, shuning uchun bulut shakli va yomg'ir tomchilarini yarataman.

Barcha shakllar hozir bir xil artboardda, shuning uchun keyingi qadam animatsiya ramkalarini yaratish uchun ularni turli artboardlarga bo'lishdir.

3-qadam: Yangi artboardlar yarating. Ushbu artboardlar keyinchalik Photoshop-da ramkalar bo'ladi, shuning uchun artboardlar soni GIF-da bo'lishini xohlagan ramkalar/amallar soniga bog'liq.

Masalan, men beshta qoʻshimcha artboard qoʻshdim, shuning uchun menda jami oltita artboard bor.

Agar hozir ishonchingiz komil boʻlmasa, taʼkidlamang, har doim ham mumkin. artboardlarni keyinroq qo'shing yoki o'chiring.

4-qadam: Shakllarni yangi artboardlarga nusxalash va joylashtirish. Agar siz bir xil shaklda tahrirlayotgan bo'lsangiz, shaklni barcha artboardlarga nusxalashingiz va har bir artboardda tahrir qilishingiz mumkin.

Eslatma: GIF yaratishda shakllarni yangi artboardlarga joylashtirish juda muhim. Ko'chirilgan ob'ektni bir joyda joylashtirish uchun klaviatura yorlig'i Buyruq + F (Windows foydalanuvchilari uchun Ctrl + F ).

Elementlarartboards GIF qanday ko'rsatilishi ketma-ketligiga amal qilishi kerak.

Masalan, bulut shakli doimiy ravishda GIF-da ko'rsatiladi, shuning uchun bulut shaklini barcha yangi artboardlarga nusxalash. Shuningdek, yangi artboardga elementlarni birma-bir qo'shishingiz mumkin. Sizgacha; bu sizga havola.

Keyingi qaysi qism koʻrsatilishini belgilang va GIF-da koʻrsatiladigan kadrlar ketma-ketligi boʻyicha artboardlarni tartibga soling.

Mening holimda, men yomg'irning o'rta tomchisi birinchi bo'lib ko'rsatilishini xohlayman, shuning uchun uni Artboard 2-dagi bulut shakli bilan birga joylashtiraman. Keyin keyingi ramkalarga (artboards) yomg'ir tomchilarini qo'shaman. yon tomonlarda birma-bir.

Barcha ish taxtalarini oʻrnatganimdan soʻng, birinchi ish taxtasidan yomgʻir tomchilarini olib tashlashga qaror qildim, shuning uchun endi mening ish taxtalarim shunday koʻrinishga ega va ular ishlashga tayyor.

5-qadam: Artboardsga nom bering va ularni GIF-da qanday ko'rinishini xohlaganingizcha ketma-ketlikda joylashtiring. Men ularni Photoshop-da keyinroq aniqlashni osonlashtirish uchun 1-freymdan 6-ramkagacha nomlayman.

6-qadam: Artboardlarni eksport qiling. Yuqori menyuga o'ting Fayl > Eksport > Ekranlar uchun eksport qilish va Ish panelini eksport qilish -ni tanlang.

Artboardlar nomlari bilan alohida tasvirlar sifatida saqlanganini ko'rishingiz kerak.

Siz Adobe Illustrator dasturida ishni tugatdingiz, keling, Photoshop-da animatsiya jarayonini davom ettiramiz.

2-qism: Photoshop-da GIF yaratish

Barcha ramkalar tayyor bo'lgach, u faqatPhotoshop-da jonlantirilgan GIF yaratish uchun bir necha daqiqa vaqt ketadi.

1-qadam: Photoshop-da 1-qismdagi Adobe Illustrator fayli bilan bir xil o'lchamdagi yangi hujjat yarating. Mening holimda u 400 x 400px bo'ladi.

2-qadam: Adobe Illustrator-dan Photoshop-ga eksport qilgan rasmlaringizni torting va ular qatlamlar sifatida ko'rinadi.

3-qadam: Yuqori menyuga o'ting Oyna > Xronologiya yoki ish joyini to'g'ridan-to'g'ri <2 ga o'zgartirishingiz mumkin>Harakat .

Photoshop oynangizning pastki qismida Xronologiya ish maydonini ko'rishingiz kerak.

4-qadam: Xronologiya ish maydonida Kadrlar animatsiyasini yaratish tugmasini bosing va siz Xronologiya ish maydonida yuqori qatlamni ko'rasiz.

5-qadam: Buklangan menyuni ochish uchun Xronologiya oynasining yuqori o'ng burchagini bosing va Qatlamlardan ramkalar yaratish -ni tanlang.

Keyin barcha qatlamlar ramka sifatida ko'rsatiladi.

Ko'rib turganingizdek, birinchi kadr bo'sh, chunki u keyinroq fon bo'ladi. Birinchi kadrni freymni tanlash va Xronologiya oynasidagi Tanlangan freymlarni o'chirish tugmasini bosish orqali o'chirishingiz mumkin.

6-qadam: Har bir kadrning tezligini mos ravishda o'zgartirish uchun har bir kadr ostidagi pastga o'qni bosing. Masalan, men barcha kadrlarning tezligini 0,2 soniyaga o'zgartirdim.

GIF qanday koʻrinishini koʻrish uchun ijro tugmasini bosishingiz mumkin. Natijadan mamnun bo'lganingizdan keyin. Oxirgi qadamuni GIF sifatida eksport qilishdir.

7-qadam: Yuqori menyuga o'ting Fayl > Eksport > Saqlash Veb (Legacy) uchun.

Sozlamalar menyusidan eng muhimi fayl turi sifatida GIF ni tanlash va Lopping Options sifatida Forever ni tanlashdir. Boshqa sozlamalarni mos ravishda o'zgartirasiz.

Saqlash tugmasini bosing va tabriklaymiz! Siz hozirgina animatsion GIF yaratdingiz.

Qanday qilib Photoshopsiz GIF yaratish mumkin

Photoshop bilan tanish emasmisiz? Siz, albatta, Photoshopsiz ham GIF yaratishingiz mumkin. GIF-ni bepul yaratishga imkon beruvchi juda ko'p onlayn vositalar mavjud.

Masalan, EZGIF mashhur GIF yaratuvchisidir va undan foydalanish oson. Sizga kerak bo'lgan yagona narsa - rasmlarni yuklash, o'ynash tezligini tanlash va u avtomatik ravishda siz uchun GIF-ni yaratadi.

Xulosa

Adobe Illustrator bu yerda siz animatsiya elementlarini yaratasiz va Photoshop animatsion GIF-ni yaratasiz.

Onlayn GIF yaratuvchisidan foydalanish osonroq variant bo'ladi. Afzalligi shundaki, bu sizga ko'p vaqtni tejaydi, ayniqsa siz Photoshop bilan tanish bo'lmasangiz. Biroq, men Photoshop-ning moslashuvchanligini afzal ko'raman, chunki men ramkalar ustidan ko'proq nazoratga egaman.