Format File Flash (SWF) didasarkan pada: grafis vektor dan dirancang untuk grafis yang dapat diskalakan dan ringkas untuk web. Karena format file ini didasarkan pada grafik vektor, objek mempertahankan kualitas gambar pada resolusi apa pun dan ideal untuk membuat bingkai animasi. Di Illustrator, Anda dapat membuat bingkai animasi terpisah pada lapisan, dan kemudian mengekspor lapisan gambar sebagai bingkai terpisah untuk digunakan di situs web Anda. Anda juga dapat menentukan simbol di file Illustrator untuk mengurangi ukuran animasi. Saat Anda mengekspor, setiap simbol hanya ditentukan sekali dalam file SWF.

Perintah Ekspor (SWF)

Memberikan kontrol paling besar atas animasi dan kompresi bit.

Memberikan kontrol lebih besar atas campuran format SWF dan bitmap dalam tata letak yang terfragmentasi. Perintah ini menawarkan lebih sedikit opsi gambar daripada perintah Ekspor (SWF), tetapi menggunakan opsi perintah Ekspor yang paling baru digunakan (lihat).

Ingatlah pedoman berikut saat menyiapkan objek untuk disimpan dalam format SWF.

Menggunakan Device Central, Anda dapat melihat bagaimana karya seni Illustrator akan terlihat di aplikasi. Pemutar Flash pada berbagai perangkat genggam.

Memasukkan Karya Seni Illustrator

Karya seni yang dibuat di Illustrator dapat disalin dan ditempelkan ke Flash dengan cepat, mudah, dan mudah.

Atribut berikut dipertahankan saat Anda menempelkan seni Illustrator ke Flash.

Kontur dan bentuk

• Ketebalan garis

  Definisi gradien

  Teks (termasuk font OpenType)

  Gambar Terkait

• Mode pencampuran

Selain itu, Illustrator dan Flash mendukung hal berikut saat memasukkan karya seni.

Saat memilih lapisan dalam karya seni Illustrator tingkat terbaik dan memasukkannya ke dalam Flash mempertahankan lapisan dan propertinya (visibilitas dan pemblokiran).

Format warna non-RGB Illustrator (CMYK, skala abu-abu, dan format kustom) dikonversi ke RGB oleh Flash. Warna RGB ditempel dengan cara biasa.

Saat mengimpor atau menempelkan karya seni Illustrator, Anda dapat menggunakan berbagai opsi untuk mempertahankan efek tertentu (seperti bayangan yang dibuat oleh teks) sebagai filter Flash.

Flash menyimpan topeng Illustrator.

Mengekspor file SWF dari Illustrator

File SWF yang diekspor dari Illustrator cocok dengan kualitas dan rasio kompresi file SWF yang diekspor dari Flash.

Saat mengekspor, Anda dapat memilih dari berbagai gaya yang telah ditentukan sebelumnya untuk hasil yang optimal, dan menentukan bagaimana beberapa artboard digunakan, bagaimana simbol, lapisan, teks, dan topeng dikonversi. Misalnya, Anda dapat mengekspor simbol Illustrator sebagai film atau grafik, dan membuat simbol SWF dari lapisan Illustrator.

Mengimpor file Illustrator ke Flash

Untuk membuat tata letak lengkap di Illustrator dan kemudian mengimpornya ke Flash dalam satu langkah, Anda dapat menyimpan karya seni dalam format asli Illustrator (AI) dan mengimpornya dengan fidelitas tinggi ke dalam Flash dengan menggunakan File> Import To area kerja Atau File> Impor Ke Perpustakaan.

Jika file Illustrator Anda berisi beberapa artboard, pilih artboard untuk diimpor di kotak dialog Impor Flash dan tentukan pengaturan untuk setiap lapisan di artboard itu. Semua objek di artboard yang dipilih diimpor ke Program kilat sebagai satu lapisan. Saat Anda mengimpor artboard berbeda dari file AI yang sama, objek dari artboard tersebut diimpor ke Flash sebagai layer baru.

Saat mengimpor karya seni Illustrator sebagai AI, EPS, atau lampiran PDF Flash mempertahankan atribut yang sama seperti pada tempel objek grafis Ilustrator. Selain itu, jika file Illustrator yang Anda impor berisi lapisan, Anda dapat mengimpornya dengan salah satu cara berikut.

Mengkonversi lapisan Illustrator ke lapisan Flash.

Konversikan lapisan Illustrator ke bingkai Flash.

Ubah semua lapisan Illustrator menjadi satu lapisan Flash.

Sekarang mari kita sedikit memperumit tugas - kita akan membuat spanduk Flash animasi. Bicara tentang animasi Flash lengkap, di pada kasus ini tentu tidak perlu - ada paket khusus untuk ini. Tetapi Anda juga dapat menggunakan Illustrator untuk membuat video amatir yang sederhana.

Tidak ada alat khusus dan alat antarmuka, seperti garis waktu, yang khas untuk program pengembangan animasi, di Adobe Illustrator. Tetapi ada satu kehalusan - Anda dapat menggunakan lapisan sebagai bingkai.

Buat spanduk hanya dengan teks.

1. Kelompokkan karakter dengan perintah Objek Grup(Objek Grup).
2. Tugas selanjutnya adalah membuat objek kontur dari karakter font, jika tidak, formasi layer yang benar tidak akan berfungsi. Untuk melakukan ini, pilih grup dan pilih Ketik Buat garis besar(Font Jejak).
3. Setelah itu buka menu palet Lapisan(Layers) dengan mengklik tombol panah pada palet (Gambar 8.11).

Beras. 8.11... Menu palet lapisan

Kami tertarik dengan perintah di menu ini Lepaskan ke Layer (Urutan)(Convert to Layers (Sequentially)), yang menerjemahkan setiap objek individu ke layer baru. Harap dicatat bahwa ketika menggunakan perintah, itu adalah grup yang harus dipilih. Kelompok, bukan lapisan Lapisan 1.

Bagaimana palet akan terlihat Lapisan(Lapisan) setelah eksekusi Lepaskan ke Layer (Urutan)(Konversi ke Layers (Sequential)), ditunjukkan pada Gambar. 8.12.

Beras. 8.12... Palet lapisan setelah menjalankan Rilis ke Lapisan (Urutan)

Ini menyelesaikan persiapan, Anda dapat menghemat dengan Simpan untuk Web(Simpan untuk Web) di SWF. SWF adalah format utama untuk grafik berbasis Flash. Akan lebih akurat untuk mengatakan bahwa ini adalah format Flash (Gbr. 8.13).

Mungkin, saat ini semua pengguna sudah kurang lebih familiar dengan Flash. Saat ini format animasi paling luas di Internet dan digunakan untuk membangun sebagian besar halaman Internet multimedia.

Tentu saja, bahkan sepersepuluh dari kemampuan Flash tidak diimplementasikan di Adobe Illustrator, karena program ini tidak dimaksudkan untuk ini. Namun demikian, di dalamnya Anda dapat membuat gambar statis atau animasi sederhana.

Beras. 8.13... Pengaturan pengoptimalan untuk format SWF

Pengaturan berikut ada.

• Baca Saja(Hanya membaca). Jika Anda mencentang kotak, file akan ditulis sedemikian rupa sehingga tidak mungkin lagi dibuka untuk diedit dalam program apa pun. Ini, di satu sisi, mengurangi ukuran file, dan di sisi lain, melindungi hak cipta Anda.
• Pengaturan ditunjukkan oleh 1. Parameter yang menentukan jenis penyimpanan adalah gambar atau animasi.
• Jika Anda memilih opsi File AI ke File SWF(File ilustrator di file SWF), gambar akan disimpan sebagai gambar statis yang sepenuhnya mengulangi apa yang Anda lihat di layar saat bekerja di Illustrator.
• Lapisan ke Bingkai SWF(Lapisan ke Bingkai SWF) memungkinkan Anda menganimasikan lapisan yang ada untuk dirender sebagai bingkai. Kita perlu memilih opsi khusus ini.
• Kualitas Kurva(Kualitas kurva). Akurasi kurva dalam file untuk mengulangi kurva gambar asli. Mengurangi parameter ini secara signifikan menurunkan kualitas, terutama di area detail kecil, tetapi ukuran file berkurang. Untuk kasus kami, nilai optimal adalah "7".
• Kecepatan bingkai(Penundaan bingkai). Frame rate dan, sebagai hasilnya, kecepatan animasi. Agar efeknya benar, atur ke tidak lebih dari 4 frame per detik.
• Lingkaran(Mengulang). Mainkan animasi beberapa kali. Cocok untuk animasi di mana loop berulang penting. Spanduk adalah jenis ini.

Adobe Illustrator dan Setelah efek
Impor dan animasi sederhana

Hai. Hari ini kami mengulas animasi sederhana di After Effects.

Sumber daya: Adobe Illustrator CC
Adobe After Effects CC

Mari kita mulai dengan belajar cara menggambar di Illustrator.

Seri
1) Mari kita menggambar persegi panjang kuning untuk latar belakang

Gambar 1 - Persegi Panjang

2) Gambar Lingkaran dan isi dengan gradien
Mari kita bekerja pada lingkaran sedikit:
- hapus titik bawah pada kontur, kami mendapatkan busur;
- menggambar garis lurus, menutup bagian bawah busur, kita mendapatkan setengah lingkaran

Gambar 2 - 1) menggambar lingkaran; 2) gradien; 3) hapus titik

3) Gambarlah sebuah Persegi Panjang dan buat salinannya
- satu persegi panjang abu-abu;
- persegi panjang lain berwarna abu-abu gelap
4) Gambarlah Segitiga dari tanda bintang dengan mengatur jumlah sinar - 3

Gambar 3 - 1) lampu lurus; 2) persegi gelap; 3) segi tiga

5) Menggambar kucing menggunakan Pena dan bentuk sederhana

Gambar 4 - 1) kepala; 2) leher; 3) tubuh; 4) kaki; 5) ekor

Dan sekarang yang paling UTAMA momen
Mari kita mendistribusikan gambar ke dalam lapisan (apa yang akan dianimasikan - pada lapisan terpisah) seperti ini:

Gambar 5 - semua foto (tanda merah lapisan penting)

Semuanya, sekarang kita simpan.
Mari kita lihat pengaturan simpan

Gambar 6 - Simpan

Dan sekarang langkah selanjutnya. MenutupAdobe Illustrator dan buka After Effects.

Impor ke After Effects
File - Impor - File - pilih file yang kami simpan Ilustrator.
Mari kita memilih untuk mengimpor lapisan dari Illustrator, jika kita menempatkan rekaman, kita akan mendapatkan gambar dengan lapisan yang digabungkan, tetapi kita tidak membutuhkannya.

Gambar 7 - Impor Sebagai Komposisi

Semuanya diimpor.
Sekarang mari kita lihat apa yang kita miliki. Klik dua kali pada komposisi apa yang akan terbuka dan kita akan melihat lapisan (jika semuanya dilakukan dengan benar, akan ada beberapa lapisan). Kami mendapatkan ini, lihat gambar

Gambar 8 - Komposisi Terbuka

Dan sekarang apa yang kita di sini untuk hari ini adalah Animasi.

Animasi dalam Setelah efek
Atur titik pivot pada panah di atasnya menggunakan Pan Behind Tool ( tombol pintas- Y). Ambil saja satu poin dan pindahkan ke mana pun Anda mau. Alhasil tampilannya akan seperti ini..

Gambar 9 - Alat Pan dan Lapisan

Oke, sekarang mari kita beralih ke layer animasi.
Kita membutuhkan layer Arrow dan layer Head_cat.
Mari kita mulai dengan panah.
Mari kita perluas daftarnya, temukan dan klik pada jam. Ini adalah bagaimana kita menempatkan titik pertama pada nol detik. Animasi akan memakan waktu total 2 detik.
Jadi, ini adalah pengaturan yang perlu Anda lakukan (total 3 poin)

Kedua	0	1	2
	+66	- 70	+66

Beginilah tampilannya:

Gambar 10 - Panah rotasi

Sekarang mari kita menganimasikan kepala kucing.
Mari kita perluas head_cat dan temukan Posisi.
Akan ada 4 poin.
Itu hanya akan mengubah koordinat terakhir tanpa menyentuh sisanya.

Kedua	0.1	0.17	1.12	2.0
Posisi	689.3	729.3	729.3	689.3

Kita lihat gambarnya.

Gambar 11 - Posisi kepala

Jadi, prinsip animasinya seperti ini. Panah berayun dari sisi ke sisi, segera setelah mendekati anak kucing, ia menarik kepalanya ke dalam dirinya sendiri, berlama-lama di posisi ini sedikit, dan kemudian mengembalikannya ke tempatnya.

Tahap akhir

Produksi
Anda perlu membuat produk jadi dari pekerjaan Anda.
Kami pergi ke menu - Tambahkan ke Render Antrian
Panel Render akan terbuka dan di Output Module (dua klik) pilih format output. Saya mengambil * .mov

Gambar 12 - Render

Tekan tombol RENDER dan dapatkan hasilnya (jangan lupa tentukan jalurnya).
Itu saja.

Halo semuanya! Hari ini saya akan mencoba menggambarkan kemampuan program ilustrator Adobe membandingkannya dengan kemampuan flush. Ini tidak akan menjadi analisis global program dengan tulang, melainkan deskripsi dari beberapa chip menarik yang saya temukan dalam program ini. Saya mengumpulkan informasi sepotong demi sepotong saat saya mempelajarinya, untuk meletakkan semuanya dalam satu posting. Saya harus segera mengakui bahwa saya bukan pengguna ilustrator yang sangat berpengalaman, hanya enam bulan terakhir Saya menggunakannya dalam menggambar (sebelum itu saya melukis semuanya dalam sekejap). Banyak orang mengeluh bahwa ilustratornya rumit, tidak selalu jelas secara intuitif. Sampai batas tertentu, saya setuju bahwa setelah flush, program ini sulit. Tetapi hal utama di sini bukan untuk berhenti, tetapi untuk terus belajar. Dan setelah beberapa minggu muncul pikiran, bagaimana saya bisa melakukannya tanpa dia sebelumnya!

Jadi, apa yang saya sukai dari ilustrator, dan apa yang saya temukan sendiri yang tidak ada di Flash.
1. Saya akan mulai dengan yang paling sederhana, tetapi pada saat yang sama diperlukan. Cobalah untuk mengatur objek dalam lingkaran dalam sekejap. Sebelumnya Alat Deko, tetapi telah dihapus, tampaknya dianggap tidak perlu. Kami memutuskan bahwa lebih menyenangkan melakukannya dengan pena. Illustrator memiliki fungsi ini: Efek - Distorsi & Transformasi - Transform.

Semuanya cepat dan sederhana, nilai (jarak antar objek, jumlah salinan) diatur sendiri dalam pengaturan.

2. Zig-zag

Bahkan lebih sederhana, namun tetap bermanfaat. Kelihatannya sepele, tetapi dalam sekejap Anda harus menggambar dengan tangan, di ilustrator itu hanya dalam hitungan detik.

3. Deformasi benda (Warp)

Tidak ada yang seperti ini dalam sekejap. Pada contoh di bawah, saya hanya menunjukkan 2 cara untuk mengubah bentuk sederhana (Effect - Warp - Arc / Fish). Bahkan, ada 15 di antaranya. versi terbaru program.

4. Pembulatan sudut otomatis (Round Corners)

Anda dapat melakukannya secara manual: pada objek grafik, saat dipilih, titik putih dan simbol garis bulat muncul di sudut (di semua mata). Kami tarik dengan mouse, sesuaikan dengan selera Anda.

Tapi ini hanya berlaku untuk bentuk, dengan garis pensil sedikit berbeda - terapkan efek pembulatan ( Efek - Stylize - Sudut Bulat). Pada output, kita mendapatkan hasil yang sama.

5. Kasar (kasar)

Efeknya diterapkan ke bentuk sederhana (Efek - Distort & Transform - Kasar). Pada output, kami mendapatkan sesuatu yang menyerupai model 3D poli rendah. Menurut saya, keren :) Dan yang paling penting - sangat sederhana.

6. Kerutan & Kembung(Menarik dan Kembung)
Contoh pada gambar di bawah ini:

7. Perluasan formulir (Jalur Offset)

Flash memiliki fungsi Expand Fill; itu tidak bekerja dengan garis pensil sama sekali, tidak seperti ilustrator.

8. Kuas (Kuas Seni, Kuas Pola, Kuas Menyebar)
Lihat gambar di bawah ini beserta contohnya:

9. Kuas Tekstur

Illustrator juga menampilkan banyak kuas tekstur yang saya tulis dan bagaimana mereka muncul versi baru menyiram -. Telah diketahui bahwa penggunaan kuas di Adobe Animate sangat lambat. Itu dia:(

10. Saya tidak yakin apakah ini trik langsung, tetapi saya ingin fokus pada kuas dengan nama yang lucu. GumpalSikat... Terletak di kotak peralatan, kuas yang sangat bagus untuk digunakan. Memiliki banyak pengaturan, saya menyukainya lebih dari biasanya. Sulit untuk menjelaskan dengan kata-kata tentang manfaatnya, lebih baik mencobanya sekali.

10. Pisahkan ke Grid

Juga berguna adalah fungsi Split to Grid (Object-Path-Split to Grid), yang memungkinkan Anda untuk memotong bentuk menjadi segmen yang sama. Apa ini mengingatkan kita? Itu benar - jendelanya ada di gedung bertingkat tinggi. Bagi saya, hal yang keren untuk menggambar, misalnya, pemandangan kota;)

Satu lagi alat yang berguna disajikan di Illustrator, mungkin sejak rilis pertamanya. Ini dapat digunakan untuk membuat, misalnya, tekstur kayu:

12. Pindah (kanan - Transform - Pindah)

Perpindahan suatu benda dengan jarak tertentu. Jika diinginkan, Anda dapat segera membuat salinan, yang akan ditempatkan pada jarak yang diinginkan dari objek yang dipilih secara horizontal / atau vertikal. Versi Flash sebelumnya memiliki plugin yang fungsi ini... Sayangnya, saya tidak ingat namanya.

Sangat mudah untuk membuat pola mulus di Illustrator ( Objek-Pola-Membuat). Saya ingat bagaimana saya sangat canggih dalam sekejap dengan penciptaan. Dalam versi ilustrator CC 2015, semuanya otomatis, banyak pengaturan akan membantu membentuk pola dalam lusinan variasi, hanya memiliki beberapa elemen grafis. Lebih banyak lagi versi awal program semua harus dilakukan secara manual, seperti pada flash sampai sekarang.

(Catatan - sebuah pola dapat dibuat menjadi objek yang dapat diedit vektor menggunakan fungsi parse ( Obyek - Perluas Tampilan).

14. Mosaik Objek

Pembuatan palet warna berdasarkan gambar yang ada. Kami mengimpor gambar yang kami suka menjadi sakit (Buka), lalu Objek - Buat Mosaik Objek... Dalam pengaturan, kami menentukan frekuensi pembagian tinggi dan lebar.

Dan pada output kita mendapatkan:

15.Campuran

Digunakan untuk membuat gradien. Anda dapat membuat transisi langkah demi langkah, seperti, misalnya, pada gambar. Saya tidak akan mengatakan bahwa saya sering menggunakannya, tetapi mungkin berguna bagi seseorang. Saya pikir itu dapat digunakan untuk membuat gambar latar belakang sederhana.

Juga alat ini dapat digunakan untuk mengkloning objek. Tempatkan dua objek pada jarak satu sama lain dan terapkan Blend Options, pilih jumlah langkah (jumlah objek kloning).

16. Alat Bangun Alat Bentuk. Hal yang sangat berguna untuk bekerja dengan primitif. Dalam sekejap, sepertinya saya kurang nyaman.

Menahan Alt dan mengklik segmen yang dipilih - hapus segmen. Jika kita hanya menyeret mouse ke beberapa area yang dipilih - koneksi.

Add-on adalah alat yang membantu untuk secara otomatis memotong, bergabung, dll. formulir yang disorot. Bagi saya, itu sangat tidak nyaman, saya lebih sering menggunakannya MembangunMembentukAlat.

(papan seni)

18. Panel Alat Kustom

Kemampuan untuk membuat toolbar Anda sendiri, membuang yang tidak perlu, dan memilih hanya yang Anda gunakan.

Di Flash, artboards, yaitu adegan ( Adegan 1,2,3 ..) terletak secara terpisah dan Anda perlu beralih di antara keduanya (Shift + F2). Di Illustrator, Anda dapat menempatkan semuanya di depan mata Anda. Lebih mudah ketika Anda membuat beberapa versi dari gambar yang sama, sehingga semua opsi ada di depan mata Anda untuk perbandingan.

19 isometri dengan menggunakan Grafik Gaya

Dan yang terakhir adalah membuat isometri tanpa menggunakannya dalam 1 klik (atau lebih tepatnya, dalam 3 klik, karena kita memiliki 3 sisi;) menggunakan gaya grafis ( Gaya grafis). Bagaimana ini dilakukan, saya akan menandatangani waktu berikutnya.

Illustrator memiliki kesamaan dengan flash - kemampuan untuk menyimpan objek ke simbol, dan dengan mudah, simbol ini dapat ditransfer ke flash (buka dalam file .ai flash, dengan Impor - Impor ke tahap).
Simbol di Illustrator memiliki properti yang sama seperti di Flash.
Dan pada akhirnya saya akan menulis bahwa di ilustrator, menurut saya, itu lebih rendah daripada flash. Ya, ya, dan ada hal seperti itu. Dan ini adalah alat isian ( Ember cat). Tidak peduli bagaimana saya mencoba membiasakan diri dalam keadaan sakit, itu lebih nyaman dalam sekejap.
Jika catatan saya bermanfaat bagi Anda atau jika Anda ingin menambahkan sesuatu dari diri Anda sendiri - selamat datang di komentar! Sukses buat semuanya ;)

Hari ini kita tidak cukup biasa tutorial Adobe Ilustrator. Karena kali ini kita tidak akan membuat gambar statis, melainkan animasi nyata. Bayangkan ternyata dengan dengan Adobe Anda juga dapat menggambar kartun di Illustrator :)

Dan kita tidak membutuhkan apa-apa untuk ini. Organisasi lapisan yang kompeten dan ekspor karya akhir dalam format swf, di mana setiap lapisan diubah menjadi bingkai animasi. Dalam tutorial hari ini, kita akan menggambar animasi hitung mundur gaya film retro. Outputnya harus berupa video flash dengan hitungan mundur ini.

Hal pertama yang harus dilakukan adalah menggambar semua elemen yang diperlukan untuk animasi masa depan. Untuk melakukan ini, dalam dokumen terpisah, saya membuat dua posisi bingkai film, lingkaran referensi, yang dipotong menjadi sektor terpisah, tekstur dan goresan vertikal untuk menambahkan efek kuno, serta semua angka dan prasasti. .

Ketika semua bagian kartun kami sudah siap, Anda dapat mulai membuat animasi itu sendiri. Untuk kenyamanan, ini paling baik dilakukan dalam dokumen baru. Dalam hal ini, lapisan akan memainkan peran bingkai animasi. Dan di lapisan pertama, Anda hanya perlu menyalin bingkai strip film. Letakkan di tengah area kerja.

Sekarang buat lapisan kedua dan salin strip film ke dalamnya, di mana lubang di sepanjang tepinya diimbangi. Itu juga perlu dipusatkan.

Dari kedua layer tersebut, Anda sudah bisa mendapatkan animasi film bergerak. Tapi nanti kita membutuhkan lebih banyak lapisan. Jadi pilih dua lapisan pertama, buka opsi panel dan buat salinan lapisan.

Demikian juga, kita perlu mengumpulkan 12 lapisan film film.

Sekarang kita memiliki banyak lapisan dan semuanya terlihat. Dalam arti bahwa lapisan atas menghalangi lapisan bawah, yang sangat tidak nyaman untuk bekerja. Oleh karena itu, Anda dapat mematikan beberapa lapisan dengan mengklik ikon dengan mata di sebelah kiri nama lapisan. Untuk mematikan atau menghidupkan semua lapisan sekaligus, tahan tombol Alt sambil mengklik ikon mata. Mengaktifkan dan menonaktifkan lapisan, Anda dapat melihat dengan tepat apa yang terletak di bingkai tertentu dari animasi masa depan kita. Dan sekarang, agar kita dapat menambahkan sedikit getaran pada gerakan film, kita perlu memindahkan frame yang dihasilkan sedikit ke arah yang berbeda. Untuk melakukan ini, sertakan hanya lapisan yang akan Anda kerjakan saat ini lalu dorong bingkai beberapa piksel ke kedua sisi.

Ketika Anda telah melewati semua lapisan dan menambahkan sedikit pergeseran, Anda dapat mulai membuat animasi lingkaran yang bergerak. Untuk melakukan ini, salin lingkaran, yang terdiri dari sektor, dari dokumen dengan bagian kartun dan letakkan di lapisan pertama di atas bingkai strip film.

Jika Anda membatalkan pilihan lingkaran, itu akan terlihat seperti satu kesatuan. Inilah yang kami butuhkan.

Tetapi karena terdiri dari sektor yang terpisah, Anda dapat membuat animasi dengan sangat cepat dan mudah dengan mengubah warnanya. Untuk melakukan ini, salin lingkaran ini ke lapisan kedua dan buat sektor pertama lebih ringan. Anda ingat bahwa film kami bergetar selama gerakan, jadi sama sekali tidak perlu menempatkan lingkaran tepat di tengah bingkai. Letakkan di atas mata.

Demikian pula, Anda perlu menyalin lingkaran ke setiap lapisan berikutnya, sambil melukis dengan warna yang lebih terang satu sektor lebih banyak dari waktu sebelumnya. Secara bersama-sama, 12 lapisan ini membentuk film tween dengan lingkaran pengisi.

Selanjutnya kita perlu menambahkan tekstur ke layer kita. Nyalakan layer pertama dan salin tekstur di sana dari file asli dengan suku cadang.

Kemudian nyalakan layer berikutnya secara bergantian dan salin tekstur yang sama di sana. Untuk membuatnya terlihat berbeda di setiap frame, cukup putar 90 derajat. Seperti yang mungkin sudah Anda duga, kita perlu menambahkan tekstur ke semua 12 frame.

Jika Anda sudah bosan menyalin, maka saya bisa menyenangkan Anda - hanya ada sedikit yang tersisa. Bagian tersulit sudah berakhir. Tetap menambahkan goresan vertikal, dan hampir semuanya. Untuk melakukan ini, sekali lagi, salin goresan asli dan letakkan di tempat yang sewenang-wenang dalam beberapa lapisan. Dalam kasus saya, goresan hanya muncul dalam dua lapisan.

Sekarang loop utama dengan animasi film sudah siap, tinggal menambahkan angka. Karena kita menghitung mundur dari 3 ke 1 ditambah kata Go !!!, kita membutuhkan lebih banyak lapisan. Bukan 12, tetapi 48. Untuk melakukan ini, Anda perlu membuat tiga salinan lagi dari lapisan yang sudah jadi dengan animasi film.

Dan kemudian semuanya sederhana. Nyalakan lapisan pertama dan letakkan nomor tiga di sana.

Kemudian Anda perlu menyalin nomor ini ke lapisan berikutnya sampai animasi lingkaran berakhir. Saat Anda mendapatkan salinan lapisan berikutnya, di mana lingkaran akan terisi penuh lagi, Anda harus meletakkan nomor dua. Dengan cara yang sama, salin nomor satu ke lapisan yang diinginkan. Dan ketika Anda sampai ke lapisan terakhir untuk keterangan Go !!!, hapus saja lingkarannya sebelum menyalin keterangan ke lapisan yang diinginkan.

Itu semua dengan animasi. Hal utama di sini adalah jangan bingung. Anda dapat memberi lapisan beberapa nama yang nyaman, tapi entah bagaimana saya terlalu malas :) Namun, ketika Anda selesai bekerja, pastikan untuk mengaktifkan kembali semua lapisan dengan mengklik ikon mata.

Di jendela dengan pengaturan ekspor, pastikan untuk mengatur Ekspor Sebagai: Lapisan AI ke Bingkai SWF. Opsi inilah yang mengubah lapisan ilustrator menjadi bingkai animasi. Kemudian klik tombol Lanjutan.

Akan buka pengaturan tambahan... Di sini Anda perlu mengatur frame rate Frame Rate. Saya memiliki 12 frame per detik. Kotak centang Looping bertanggung jawab untuk looping animasi. Berkat dia, video akan diputar dalam lingkaran. Dan opsi Layer Order: Bottom Up mereproduksi lapisan ilustrator dari bawah ke atas di panel. Ini persis bagaimana kami membangun animasi kami.

Pada output, kami mendapatkan video flash dengan animasi kami.

Sekarang Anda dapat melihat bahwa membuat animasi sederhana di Adobe Illustrator tidak begitu sulit seperti yang terlihat pada pandangan pertama.

Tetapi untuk membuat video panjang atau aplikasi interaktif, masih lebih baik menggunakan Adobe flash atau editor flash lainnya. Misalnya, saya membuat kucing ini di Macromedia Flash lama, yang saya gali di tempat kerja saya.

Juga, baru-baru ini, HTML5 dan CSS3 semakin banyak digunakan untuk membuat animasi. Kode ini didukung browser modern dan tidak memerlukan penggunaan flash player.

Roman alias dacascas khusus untuk blog

Berlangganan buletin kami untuk tidak melewatkan sesuatu yang baru: