Bolehkah anda membuat GIF dalam Adobe Illustrator?

Sebenarnya, anda tidak boleh membuat GIF dalam Adobe Illustrator sahaja . Ya, langkah awal boleh dilakukan dalam Adobe Illustrator. Bermaksud anda boleh menyediakan papan seni untuk GIF animasi dalam Adobe Illustrator, tetapi anda perlu mengeksport papan seni kepada pembuat GIF atau menggunakan Photoshop untuk membuat GIF sebenar.

Dalam tutorial ini, anda akan belajar cara mencipta GIF animasi dalam Adobe Illustrator dan Photoshop. Saya akan memecahkan tutorial kepada dua bahagian.

Bahagian 1 akan memperkenalkan langkah-langkah yang perlu dilakukan dalam Adobe Illustrator, dan Bahagian 2 akan menunjukkan kepada anda cara menukar papan seni kepada GIF animasi dalam Photoshop. Jika anda bukan pengguna Photoshop, jangan risau, saya juga akan menunjukkan kepada anda cara membuat GIF menggunakan pembuat GIF dalam talian.

Nota: tangkapan skrin dalam tutorial ini diambil daripada Adobe Illustrator CC 2022 versi Mac dan Photoshop CC 2022 versi Mac. Windows atau versi lain boleh kelihatan berbeza.

Bahagian 1: Membuat GIF dalam Adobe Illustrator

Jika Adobe Illustrator tidak menganimasikan, mengapa kami menggunakannya untuk membuat GIF? Jawapan mudah: Kerana anda perlu mencipta vektor untuk GIF dalam Adobe Illustrator dan kuncinya ialah mempunyai bingkai/tindakan yang berbeza dipisahkan ke dalam papan seni yang berbeza.

Walaupun kelihatan mengelirukan, anda akan faham apabila saya menunjukkan contoh kepada anda di sini dengan langkah terperinci.

Langkah 1: Cipta Adobe baharuFail Illustrator dan tetapkan saiz papan seni kepada 400 x 400px (Cuma cadangan saya, jangan ragu untuk menyediakan saiz lain yang anda suka).

Memandangkan ia akan menjadi GIF, saya tidak mengesyorkan mempunyai fail yang besar dan lebih baik jika papan seni berbentuk segi empat sama.

Langkah 2: Buat ikon atau ilustrasi yang anda mahu animasikan. Sebagai contoh, saya akan membuat GIF hujan, jadi saya akan mencipta bentuk awan dan beberapa titisan hujan.

Semua bentuk berada pada papan seni yang sama sekarang, jadi langkah seterusnya ialah membahagikannya kepada papan seni yang berbeza untuk mencipta bingkai animasi.

Langkah 3: Buat papan seni baharu. Papan seni ini akan menjadi bingkai kemudian dalam Photoshop, jadi bilangan papan seni bergantung pada bilangan bingkai/tindakan yang anda mahu GIF miliki.

Sebagai contoh, saya menambah lima papan seni tambahan jadi kini saya mempunyai enam papan seni secara keseluruhan.

Jangan tertekan jika anda tidak pasti pada masa ini, anda boleh sentiasa tambah atau padamkan papan seni kemudian.

Langkah 4: Salin dan tampal bentuk pada papan seni baharu. Jika anda mengedit pada bentuk yang sama, anda boleh menyalin bentuk tersebut ke semua papan seni dan membuat pengeditan pada setiap papan seni.

Nota: adalah sangat penting untuk meletakkan bentuk pada tempatnya pada papan seni baharu semasa membuat GIF. Pintasan papan kekunci untuk meletakkan objek yang disalin di tempat yang sama ialah Command + F ( Ctrl + F untuk pengguna Windows).

Unsur padapapan seni harus mengikut urutan bagaimana GIF akan dipaparkan.

Sebagai contoh, bentuk awan akan ditunjukkan pada GIF sepanjang masa, jadi salin bentuk awan ke semua papan seni baharu. Anda juga boleh menambah elemen pada papan seni baharu anda satu demi satu. Terpulang kepada anda.

Tentukan bahagian mana yang akan ditunjukkan seterusnya dan susun papan seni mengikut urutan bingkai yang akan ditunjukkan pada GIF.

Dalam kes saya, saya mahu titisan hujan pertengahan ditunjukkan dahulu, jadi saya akan meletakkannya bersama-sama dengan bentuk awan pada Artboard 2. Kemudian pada bingkai seterusnya (papan seni), saya akan menambah titisan hujan di sisi satu demi satu.

Setelah saya menyediakan semua papan seni, saya memutuskan untuk mengalih keluar titisan hujan daripada papan seni pertama jadi kini papan seni saya kelihatan seperti ini dan ia sedia untuk digunakan.

Langkah 5: Namakan papan seni dan letakkannya dalam urutan bagaimana anda mahu papan itu kelihatan pada GIF. Saya akan menamakan mereka dari bingkai 1 hingga bingkai 6 untuk memudahkan mereka dikenal pasti kemudian dalam Photoshop.

Langkah 6: Eksport papan seni. Pergi ke menu atas Fail > Eksport > Eksport untuk Skrin dan pilih Eksport Papan Seni .

Anda sepatutnya melihat papan seni anda disimpan sebagai imej individu dengan nama.

Anda telah menyelesaikan kerja dalam Adobe Illustrator, mari teruskan proses animasi dalam Photoshop.

Bahagian 2: Membuat GIF dalam Photoshop

Setelah anda menyediakan semua bingkai, ia hanyamengambil masa beberapa minit untuk mencipta GIF animasi dalam Photoshop.

Langkah 1: Buat dokumen baharu dalam Photoshop, saiz yang sama dengan fail Adobe Illustrator dari Bahagian 1. Dalam kes saya, ia akan menjadi 400 x 400px.

Langkah 2: Seret imej yang anda eksport daripada Adobe Illustrator ke Photoshop, dan ia akan ditunjukkan sebagai lapisan.

Langkah 3: Pergi ke menu atas Tetingkap > Garis Masa , atau anda boleh terus menukar ruang kerja kepada Gerakan .

Anda sepatutnya melihat ruang kerja Garis Masa di bahagian bawah tetingkap Photoshop anda.

Langkah 4: Klik Buat Animasi Bingkai pada ruang kerja Garis Masa dan anda akan melihat lapisan atas dipaparkan pada ruang kerja Garis Masa.

Langkah 5: Klik pada sudut kanan atas tetingkap Garis Masa untuk membuka menu yang dilipat dan pilih Buat Bingkai daripada Lapisan .

Kemudian semua lapisan akan ditunjukkan sebagai bingkai.

Seperti yang anda boleh lihat, bingkai pertama kosong, kerana ia adalah latar belakang kemudian. Anda boleh memadamkan bingkai pertama dengan memilih bingkai dan mengklik butang Padam bingkai yang dipilih pada tetingkap Garis Masa.

Langkah 6: Klik pada anak panah ke bawah di bawah setiap bingkai untuk menukar kelajuan setiap bingkai dengan sewajarnya. Sebagai contoh, saya telah menukar kelajuan semua bingkai kepada 0.2 saat.

Anda boleh mengklik butang main untuk melihat rupa GIF. Sebaik sahaja anda berpuas hati dengan hasilnya. Langkah terakhiradalah untuk mengeksportnya sebagai GIF.

Langkah 7: Pergi ke menu atas Fail > Eksport > Simpan untuk Web (Legasi) .

Daripada menu tetapan, perkara yang paling penting ialah memilih GIF sebagai jenis fail dan pilih Selamanya sebagai Pilihan Lopping. Anda menukar tetapan lain dengan sewajarnya.

Klik Simpan dan tahniah! Anda baru sahaja membuat GIF animasi.

Cara Membuat GIF tanpa Photoshop

Tidak biasa dengan Photoshop? Anda pastinya boleh membuat GIF tanpa Photoshop juga. Terdapat begitu banyak alat dalam talian yang membolehkan anda membuat GIF secara percuma.

Sebagai contoh, EZGIF ialah pembuat GIF yang popular dan ia mudah digunakan. Apa yang anda perlu lakukan ialah memuat naik imej anda, pilih kelajuan main dan ia akan membuat GIF secara automatik untuk anda.

Kesimpulan

Adobe Illustrator ialah tempat anda mencipta elemen animasi dan Photoshop ialah tempat anda membuat GIF animasi.

Pilihan yang lebih mudah ialah menggunakan pembuat GIF dalam talian. Kelebihannya ialah ia akan menjimatkan banyak masa anda, terutamanya jika anda tidak biasa dengan Photoshop. Walau bagaimanapun, saya lebih suka fleksibiliti Photoshop kerana saya mempunyai lebih kawalan ke atas bingkai.