3 Cara Membuat Animasi Flash

Isi kandungan:

3 Cara Membuat Animasi Flash
3 Cara Membuat Animasi Flash

Video: 3 Cara Membuat Animasi Flash

Video: 3 Cara Membuat Animasi Flash
Video: Cara Membuat Animasi Orang Berjalan di Adobe Flash CS3 Profesional 2024, Mungkin
Anonim

Flash adalah media utama untuk animasi di Internet, dan bahkan dalam format lain seperti televisyen. Membuat animasi Flash sederhana dalam program Flash sebenarnya cukup mudah dilakukan, kerana Flash menyediakan banyak alat berguna yang mempermudah keseluruhan proses. Sekiranya anda sudah mempunyai idea untuk animasi atau kartun Flash, maka kemungkinan anda akan menghasilkan lakaran kasar hanya dalam beberapa jam. Lihat panduan di bawah untuk mengetahui cara membuat animasi Flash.

Langkah

Kaedah 1 dari 3: Membuat Animasi Flash Frame-by-Frame

Buat Animasi Flash Langkah 1
Buat Animasi Flash Langkah 1

Langkah 1. Fahami asas animasi bingkai demi bingkai

Kaedah ini dianggap sebagai kaedah animasi tradisional, ketika setiap bingkai (gambar yang menyusun animasi) memiliki gambar yang sama tetapi sedikit berubah. Apabila bingkai dimainkan bersama, gambar kelihatan bergerak. Ini adalah teknik asas yang sama yang digunakan oleh animator tradisional yang menggambar setiap bingkai dengan tangan, tetapi memerlukan lebih banyak masa daripada kaedah tweening (lihat bahagian seterusnya).

Secara lalai, Flash akan menghasilkan animasi pada 24 bingkai sesaat (FPS). Ini bermaksud bahawa satu saat animasi akan memiliki 24 bingkai, tetapi setiap bingkai tidak harus berbeza. Anda boleh menyesuaikannya jika anda mahu, dan banyak animasi Flash menggunakan 12 FPS, tetapi 24 FPS akan menghasilkan animasi yang lebih lancar

Buat Animasi Flash Langkah 2
Buat Animasi Flash Langkah 2

Langkah 2. Pasang program Flash Professional

Terdapat pelbagai program animasi Flash yang tersedia, tetapi yang terbaik adalah Adobe Flash Professional CC. Anda boleh melakukan pemasangan percubaan percuma, atau anda boleh menggunakan produk lain jika melanggan Adobe Creative Cloud tidak menarik bagi anda. Selebihnya artikel ini akan merujuk kepada Flash Professional atau program penyuntingan lain sebagai "Flash".

Buat Langkah Animasi Flash 3
Buat Langkah Animasi Flash 3

Langkah 3. Buat aset anda

Oleh kerana animasi bingkai demi bingkai memerlukan banyak gambar dengan sedikit perbezaan, anda mesti membuat semua aset ini dengan tangan. Anda boleh membuatnya semuanya sebelum anda memulakan, atau anda boleh membuatnya setelah anda memulakannya. Anda boleh menggunakan program Flash untuk menarik secara langsung dalam projek, atau anda dapat menarik aset dalam program lukisan kegemaran anda.

Sekiranya anda mahu gambar diubah ukurannya tanpa mengorbankan kualiti, maka anda harus menjadikannya sebagai vektor, bukan raster. Gambar vektor akan digambar semula secara automatik ketika diskalakan, yang berarti tidak akan ada pixelation atau aliasing (efek papan centang yang muncul ketika gambar diperbesar). Gambar raster adalah gambar tradisional yang biasa anda lihat (gambar, gambar dari program Cat, dll.). Imej raster tidak berskala dengan baik, dan kelihatan sangat buruk ketika diperbesar

Buat Animasi Flash Langkah 4
Buat Animasi Flash Langkah 4

Langkah 4. Buat bingkai pertama

Apabila anda memulakan program Flash, anda akan mendapat lapisan kosong dan garis masa kosong. Semasa menambah bingkai, garis masa akan diisi secara automatik. Anda boleh berinteraksi dengan lapisan seperti yang anda lakukan di Photoshop.

  • Sebelum menambahkan gambar, buat latar belakang asas untuk filem anda. Namakan semula Lapisan 1 "Latar Belakang" kemudian kunci lapisan. Buat lapisan kedua dan namakan apa sahaja yang anda mahukan. Lapisan ini akan menjadi lapisan tempat anda membuat animasi.
  • Tambahkan gambar ke kanvas pada bingkai pertama. Anda boleh mengimport gambar dari komputer anda, atau menggunakan alat gambar Flash untuk membuat gambar secara langsung dalam program.
  • Bingkai pertama anda akan menjadi "keyframe" (keyframe). Kerangka utama adalah bingkai yang mengandungi gambar, dan menjadi inti dari animasi anda. Anda akan membuat bingkai utama baru setiap kali gambar berubah.
  • Kerangka utama ditandai dengan titik hitam pada garis masa.
  • Anda tidak memerlukan gambar baru di setiap bingkai. Secara umum, mempunyai bingkai utama setiap empat atau lima bingkai akan menghasilkan animasi yang baik.
Buat Flash Animation Langkah 5
Buat Flash Animation Langkah 5

Langkah 5. Ubah gambar menjadi simbol

Dengan mengubah gambar menjadi simbol, anda dapat menambahkannya dengan mudah berkali-kali dalam bingkai. Ini amat berguna sekiranya anda perlu membuat beberapa objek dengan cepat, seperti sekumpulan ikan.

  • Pilih keseluruhan gambar. Klik kanan pada gambar yang dipilih dan pilih "Convert to Symbol". Ini akan menambahkan gambar ke Perpustakaan di mana anda boleh mengaksesnya dengan cepat kemudian.
  • Padamkan gambar. Jangan risau! Anda akan menambahkannya kembali ke tempat cerita dengan hanya menyeret objek dari Perpustakaan. Anda boleh menambah banyak gambar yang sama ke tempat kejadian dengan mudah!
Buat Animasi Flash Langkah 6
Buat Animasi Flash Langkah 6

Langkah 6. Tambahkan beberapa bingkai kosong

Setelah bingkai pertama siap, anda boleh menambahkan bingkai kosong yang berada di antara bingkai utama pertama dan kedua. Tekan kekunci F5 empat atau lima kali untuk menambah bingkai kosong selepas bingkai utama pertama.

Buat Langkah Animasi Flash 7
Buat Langkah Animasi Flash 7

Langkah 7. Buat kerangka utama kedua

Setelah menambahkan beberapa bingkai kosong, anda sudah bersedia untuk membuat bingkai utama kedua. Pada dasarnya ada dua cara yang berbeza untuk melakukannya, iaitu anda dapat menyalin bingkai utama yang ada dan membuat sedikit penyesuaian, atau anda dapat membuat bingkai utama kosong dan memasukkan gambar baru. Sekiranya anda menggunakan gambar yang dibuat dengan program lain, anda memerlukan kaedah kedua. Sekiranya anda membuat gambar menggunakan alat reka bentuk dari Flash, gunakan kaedah pertama.

  • Untuk membuat bingkai utama menggunakan kandungan bingkai utama sebelumnya, tekan kekunci F6. Untuk membuat bingkai utama kosong, klik kanan pada bingkai terakhir dalam garis masa dan pilih "Masukkan Kerangka Kekunci Kosong". Semua yang ada di tempat kejadian akan dikeluarkan.
  • Setelah membuat bingkai utama kedua, anda perlu membuat penyesuaian pada gambar untuk memberikan kesan pergerakan. Sekiranya anda menggunakan alat reka bentuk Flash, maka anda boleh menggunakan alat Transform untuk memilih aspek gambar dan memindahkannya sedikit, seperti lengan stickman.
  • Sekiranya anda memasukkan gambar baru untuk setiap bingkai utama, anda ingin memastikan bahawa gambar itu diletakkan di lokasi logik yang sama atau seterusnya di skrin. Ini memastikan bahawa gambar tidak melompat antara bingkai.
Buat Langkah Animasi Flash 8
Buat Langkah Animasi Flash 8

Langkah 8. Ulangi proses

Sekarang setelah anda membuat dua kerangka utama, sudah tiba masanya untuk membuat semula. Pada dasarnya anda akan mengulangi proses yang sama sehingga animasi selesai. Tambahkan beberapa bingkai kosong di antara setiap bingkai utama, dan pastikan animasi bergerak dengan lancar.

Buat perubahan pergerakan kecil dan bertahap. Animasi akan kelihatan lebih lancar jika anda membuat perubahan kecil pada bingkai utama. Contohnya, jika anda mahu stickman mengayunkan lengannya, kerangka kunci kedua anda tidak boleh menjadi hujung swing swing. Sebagai gantinya, gunakan beberapa bingkai utama sebagai peralihan dari awal buaian hingga akhir. Ini akan menghasilkan animasi yang lebih lancar

Kaedah 2 dari 3: Membuat Animasi Titik ke Titik (Tweening)

Buat Langkah Animasi Flash 9
Buat Langkah Animasi Flash 9

Langkah 1. Fahami asas tweening

Flash mengandungi fungsi yang disebut tweening (proses yang menghasilkan gambar perantara antara dua gambar pada dua titik waktu dalam animasi), yang pada dasarnya memungkinkan anda menetapkan titik waktu permulaan dan akhir untuk objek. Flash kemudian akan bergerak dan mengubah objek berdasarkan tetapan anda di antara dua titik waktu ini, mewujudkan ilusi animasi. Anda tidak perlu membuat gambar untuk setiap bingkai utama seperti yang anda lakukan dengan animasi bingkai demi bingkai.

  • Tweening sangat berguna untuk mewujudkan kesan morf di mana objek berubah menjadi objek lain semasa animasi.
  • Animasi frame-by-frame dan tweening dapat digunakan bersama dalam film yang sama.
  • Hanya satu objek yang mengalami gerakan tween pada satu masa. Ini bermaksud bahawa jika anda mahu banyak objek dianimasikan sekaligus, maka objek tersebut mesti diletakkan pada lapisan yang berbeza.
Buat Langkah Animasi Flash 10
Buat Langkah Animasi Flash 10

Langkah 2. Buat objek pertama

Tidak seperti animasi bingkai demi bingkai, Anda tidak perlu membuat banyak objek untuk dianimasikan menggunakan fungsi tween. Tetapi anda akan membuat objek, kemudian mengubah sifat objek semasa proses tweening.

  • Sebelum menambahkan gambar, buat latar belakang asas untuk filem anda. Namakan semula Lapisan 1 "Latar Belakang" kemudian kunci lapisan. Buat lapisan kedua dan namakan apa sahaja yang anda mahukan. Lapisan ini akan menjadi lapisan tempat anda membuat animasi.
  • Sangat disarankan untuk menggunakan alat reka bentuk yang terdapat di dalam program Flash atau untuk mengimport gambar dari program lukisan vektor. Vektor dapat ditimbang dengan mudah tanpa diputarbelitkan, sedangkan gambar raster tradisional tidak akan skala dan berubah dengan betul.
Buat Langkah Animasi Flash 11
Buat Langkah Animasi Flash 11

Langkah 3. Tukarkan objek menjadi simbol

Untuk menghasilkan gambar antara objek, anda mesti menukarnya menjadi simbol. Ini adalah format yang digunakan Flash untuk menyusun objek. Sekiranya anda cuba menghasilkan gambar perantaraan dari objek yang belum ditukar menjadi simbol, anda akan diminta untuk melakukan penukaran terlebih dahulu.

Klik kanan objek dan pilih "Convert to Symbol". Objek akan ditambahkan ke Perpustakaan, yang menjadikan objek pengklonan lebih mudah

Buat Langkah Animasi Flash 12
Buat Langkah Animasi Flash 12

Langkah 4. Buat langkah pertama tween

Tween gerakan memindahkan objek dari satu lokasi ke lokasi lain. Klik kanan simbol di tempat kejadian dan pilih "Buat Motion Tween". Sebanyak 24 bingkai akan ditambahkan ke garis masa, kerana ini adalah panjang standard dua belas. Perlu diingat, Flash akan bernyawa pada 24 bingkai sesaat pada tetapan lalai, yang bermaksud gerakan ini akan memakan masa sekejap untuk dianimasikan.

Apabila anda membuat gerakan tween, anda secara automatik dipindahkan ke bingkai terakhir tween

Buat Langkah Animasi Flash 13
Buat Langkah Animasi Flash 13

Langkah 5. Lukis jalur objek

Setelah membuat tween, anda dapat memindahkan objek ke lokasi akhir yang diinginkan. Flash akan memaparkan garis jalur, yang di titik-titik untuk menunjukkan lokasi objek untuk setiap bingkai gambar perantaraan yang dihasilkan.

Apabila anda membuat jalan untuk pertama kalinya, ia akan menjadi garis lurus dari titik permulaan hingga titik akhir

Buat Langkah Animasi Flash 14
Buat Langkah Animasi Flash 14

Langkah 6. Panjangkan bingkai latar belakang

Sekiranya anda menjalankan animasi sekarang, objek akan bergerak di sepanjang jalan, tetapi latar belakang akan hilang setelah satu bingkai. Untuk memperbaikinya, anda mesti memanjangkan latar belakang untuk merangkumi keseluruhan bingkai animasi.

Pilih lapisan latar belakang pada garis masa. Klik bingkai terakhir pada garis masa, yang juga merupakan bingkai terakhir gerakan tween. Tekan kekunci F5 untuk memasukkan bingkai hingga saat ini, yang akan terus menampilkan latar belakang untuk keseluruhan tween

Buat Animasi Flash Langkah 15
Buat Animasi Flash Langkah 15

Langkah 7. Tambahkan bingkai utama

Menambah bingkai utama ke jalan akan membolehkan anda menukar objek semasa pergerakan dua belas. Anda hanya boleh membuat perubahan pada objek jika mempunyai kerangka utama. Untuk menambahkan bingkai utama ke trek, pertama pilih bingkai yang ingin anda ubah menjadi bingkai utama pada garis masa. Kemudian klik dan seret objek ke kedudukan yang anda inginkan pada bingkai. Trek akan disesuaikan secara automatik, dan kerangka utama akan ditambahkan ke garis masa. Kerangka utama ditandai dengan ikon berlian pada garis masa.

Buat Langkah Animasi Flash 16
Buat Langkah Animasi Flash 16

Langkah 8. Laraskan jalan tween

Untuk mengubah jalur objek, anda dapat mengklik dan menyeret setiap penanda kedudukan bingkai pada jalan ke lokasi baru. Elakkan meletakkan terlalu banyak variasi di jalan, atau objek akan bergerak tidak menentu (kecuali jika ini benar-benar matlamat anda!).

Buat Langkah Animasi Flash 17
Buat Langkah Animasi Flash 17

Langkah 9. Ubah objek

Setelah kerangka kunci dan jalur ditentukan, anda dapat mengubah objek sehingga objek berubah ketika bergerak melalui jalur gerakan tween. Anda boleh mengubah bentuk, warna, putaran, ukuran, dan benda lain dari objek.

  • Pilih bingkai yang ingin anda ubah.
  • Buka panel Properties objek. Anda boleh menekan Ctrl + F3 jika panel tidak kelihatan pada masa ini.
  • Ubah nilai di bahagian Properties untuk mempengaruhi objek. Contohnya, anda boleh menukar warna, menambah penapis, atau mengubah skala.
  • Anda juga boleh menggunakan alat Transformasi Percuma untuk menukar bentuk objek dengan bebas mengikut keinginan anda.
Buat Animasi Flash Langkah 18
Buat Animasi Flash Langkah 18

Langkah 10. Buat sentuhan terakhir pada gambar perantaraan

Uji gerakan tween dengan menekan Ctrl + ↵ Enter. Pastikan transformasi kelihatan baik dan animasi bergerak dengan kelajuan yang betul. Sekiranya animasi bergerak terlalu pantas, anda boleh menurunkan FPS atau meningkatkan jangka masa dua belas.

  • Secara lalai, animasi FPS adalah 24, jadi cuba turunkan ke 12. Untuk melakukan ini, klik di luar pemandangan cerita dan ubah FPS di panel Properties. Mengubah nilai menjadi 12 akan menggandakan jangka masa animasi, tetapi gerakan animasi dapat menjadi lebih "flaky".
  • Untuk mengubah jangka masa tween, pilih lapisan yang mengandungi tween dan gunakan slaid untuk menyeretnya. Sekiranya anda mahu tween menjadi dua kali lebih panjang, panjangkan ke 48 bingkai. Pastikan memasukkan bingkai kosong di dalam lapisan latar supaya latar belakang tidak separuh hilang semasa animasi. Untuk memanjangkan latar belakang, pilih lapisan, klik bingkai animasi terakhir dalam garis masa, kemudian tekan kekunci F5.

Kaedah 3 dari 3: Menambah Bunyi dan Muzik

Buat Langkah Animasi Flash 19
Buat Langkah Animasi Flash 19

Langkah 1. Rakam atau cari kesan bunyi dan muzik

Anda boleh menambahkan kesan bunyi pada tindakan yang berlaku dalam animasi untuk menjadikannya berbeza daripada yang lain dan memberikan wataknya sendiri. Muzik menjadikan animasi anda terasa lebih meriah, dan menjadikan animasi yang baik menjadi luar biasa. Flash menyokong pelbagai format fail suara, termasuk AAC, MP3, WAV, dan AU. Pilih format yang memberikan kualiti terbaik dengan ukuran fail terkecil.

Format MP3 biasanya akan memberikan kualiti suara yang masih bagus dan mempunyai ukuran fail minimum. Elakkan menggunakan format WAV jika boleh, kerana biasanya ukurannya cukup besar

Buat Langkah Animasi Flash 20
Buat Langkah Animasi Flash 20

Langkah 2. Import fail suara ke Perpustakaan

Sebelum anda dapat menambahkan suara ke projek, fail suara mesti ditambahkan ke Perpustakaan Flash. Ini akan membolehkan anda menambahkan suara ke projek anda dengan cepat kemudian. Klik Fail → Import → Import ke Perpustakaan. Cari fail suara di komputer anda. Pastikan fail suara mempunyai nama yang mudah diingat, supaya anda dapat mencarinya dengan cepat kemudian dari menu.

Buat Langkah Animasi Flash 21
Buat Langkah Animasi Flash 21

Langkah 3. Buat lapisan baru untuk setiap fail suara

Ini tidak semestinya diperlukan, kerana anda dapat menambahkan suara ke lapisan yang ada, tetapi meletakkan setiap fail pada lapisan yang berasingan akan memberi anda lebih banyak kawalan dari segi pudar masuk dan keluar (memudar masuk dan keluar) tetapan suara. Atau berhenti suaranya, dan lebih mudah untuk memindahkan suara ke bahagian lain.

Buat Langkah Animasi Flash 22
Buat Langkah Animasi Flash 22

Langkah 4. Buat bingkai utama di mana bunyi akan bermula

Pada lapisan suara, pilih bingkai dalam animasi di mana anda mahu suaranya dimulakan. Tekan kekunci F7 untuk memasukkan bingkai utama kosong. Contohnya, jika anda ingin memasukkan fail muzik yang dimainkan sepanjang animasi, pilih bingkai pertama pada lapisan fail muzik. Sekiranya anda menambahkan dialog untuk watak, pilih bingkai di mana watak mula bercakap.

Buat Langkah Animasi Flash 23
Buat Langkah Animasi Flash 23

Langkah 5. Tambahkan fail suara atau muzik

Di dalam bingkai Properties, anda akan melihat bahagian Sound. Anda mungkin perlu membukanya untuk melihat pilihannya. Klik menu "Nama" dan pilih fail yang anda mahukan dari Perpustakaan.

Buat Langkah Animasi Flash 24
Buat Langkah Animasi Flash 24

Langkah 6. Susun fail suara

Setelah memilih fail, anda dapat menetapkan bagaimana fail tersebut akan dimainkan. Apa yang anda pilih akan didasarkan pada penggunaan suara yang dimaksudkan dalam animasi. Anda boleh mengubah tetapan Effect, Sync, dan Repeat dari setiap suara menggunakan menu yang terletak di bawah menu Name di bingkai Properties.

  • Kesan. Pengaturan ini menambahkan kesan pada suara, seperti suara secara beransur-ansur muncul atau hilang, atau menambahkan gema. Anda dapat memilih dari tetapan yang ada di menu tarik-turun, atau klik ikon pensil di sebelah menu untuk membuat tetapan tersuai anda sendiri.
  • Segerakkan. Tetapan ini menentukan bagaimana lagu dimainkan dalam animasi. Acara akan memainkan suara sehingga selesai. Sekiranya bunyi yang sama dicetuskan lagi sebelum bunyi sebelumnya berakhir, bunyi asalnya akan terus dimainkan sehingga selesai. Mula serupa dengan Acara, tetapi berhenti apabila suara dimainkan semula. Berhenti menghentikan bunyi pada bingkai itu. Sekiranya anda ingin menggunakan pilihan ini bersama dengan pilihan suara lain, buat bingkai utama baru di mana anda mahu suara berhenti dan gunakan pilihan ini. Aliran akan cuba memadankan suara yang dimainkan dengan bilangan bingkai pada lapisan lain. Pilihan ini paling sesuai digunakan untuk dialog.
  • Ulangi. Tetapan ini membolehkan anda menetapkan berapa lama suara itu berulang. Anda boleh menetapkannya untuk dimainkan sekali sahaja, atau mengulang seberapa banyak kali yang anda mahukan. Sekiranya animasi anda adalah animasi gelung, anda mesti menetapkan muzik untuk diulang selama-lamanya.
Buat Langkah Animasi Flash 25
Buat Langkah Animasi Flash 25

Langkah 7. Selesaikan projek

Apabila anda akhirnya selesai mengerjakan projek, simpan sebagai fail SWF. Ini adalah format yang digunakan untuk memainkan filem. Anda boleh memainkannya di hampir mana-mana penyemak imbas web, atau menggunakan pemain Flash yang digunakan khusus untuk menontonnya. Terdapat juga pelbagai laman web di mana anda boleh memuat naiknya untuk ditonton oleh orang lain, seperti Newgrounds, Albino Blacksheep dan Kongregate.

Buat Langkah Animasi Flash 26
Buat Langkah Animasi Flash 26

Langkah 8. Kembangkan lagi projek masa depan anda

Panduan ini merangkumi asas-asas membuat animasi, tetapi ada banyak lagi yang boleh anda pelajari dan lakukan. Tambahkan beberapa butang dan plot percabangan dan anda mempunyai permainan petualangan pilihan anda sendiri. Anda boleh mengikuti kursus kemalangan di ActionScript dan mendapatkan lebih banyak kawalan terhadap perincian animasi anda yang lebih baik. Terus bereksperimen, dan anda akan segera mempelajari semua jenis muslihat dan pelaksanaannya.

Disyorkan: