Cara Membuat Animasi Flash (dengan Gambar)

Isi kandungan:

Cara Membuat Animasi Flash (dengan Gambar)
Cara Membuat Animasi Flash (dengan Gambar)

Video: Cara Membuat Animasi Flash (dengan Gambar)

Video: Cara Membuat Animasi Flash (dengan Gambar)
Video: CARA MENUKAR IMEJ KEPADA OUTLINE LUKISAN DENGAN MUDAH DAN SENANG #cikguruth #photoshop 2024, April
Anonim

Flash adalah media utama untuk Animasi di Internet, dan juga pada format lain seperti Televisyen. Membuat Flash Animasi sederhana dalam Flash sebenarnya cukup mudah untuk dicapai, kerana Flash menyediakan banyak Alat berguna yang mempermudah keseluruhan proses. Sekiranya anda mempunyai idea untuk Animasi Flash atau Kartun, anda mungkin dapat membuat lakaran kasar hanya dalam beberapa jam. Lihat Langkah # 1 di bawah untuk mengetahui caranya buat Animasi Flash.

Sokongan untuk Adobe Flash berakhir pada bulan Disember 2020. Selepas waktu itu, Flash tidak lagi dapat digunakan

Buat Langkah Animasi Flash 1
Buat Langkah Animasi Flash 1

Langkah 1. Fahami asas animasi bingkai demi bingkai

Ini dianggap sebagai kaedah animasi "tradisional", kerana setiap bingkai memiliki gambar yang sama tetapi sedikit diubah. Apabila bingkai dimainkan bersama, gambar kelihatan bergerak. Ini adalah teknik asas yang sama yang digunakan oleh animator tangan tradisional, dan lebih memakan masa daripada tweening (Lihat bahagian seterusnya).

Secara lalai, Flash akan menghasilkan animasi pada 24 bingkai sesaat (FPS). Itu bermaksud satu saat animasi akan mempunyai 24 bingkai, tetapi tidak setiap bingkai harus berbeza. Anda boleh menyesuaikannya jika anda mahu, dan banyak animasi Flash menggunakan 12 FPS, tetapi 24 akan menghasilkan animasi yang kelihatan lebih "halus"

Buat Animasi Flash Langkah 2
Buat Animasi Flash Langkah 2

Langkah 2. Pasang Flash Professional

Terdapat pelbagai program animasi Flash yang tersedia, tetapi yang paling hebat adalah Adobe Flash Professional CC. Anda boleh memasang percubaan secara 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

Kerana animasi bingkai demi bingkai memerlukan banyak gambar dengan sedikit perbezaan, anda perlu membuat semua aset ini dengan tangan. Anda boleh membuat semuanya sebelum anda memulakan, atau membuatnya semuanya semasa anda pergi. Anda boleh menggunakan program Flash untuk menarik secara langsung dalam projek anda, atau anda dapat menarik aset anda dalam program pembuatan gambar kegemaran anda.

Sekiranya anda mahu gambar anda berskala tanpa mengorbankan kualiti, anda akan mahu menjadikannya sebagai vektor dan bukannya raster. Gambar vektor akan melukis semula diri mereka setiap kali skala, yang bermaksud tidak akan ada pixelation atau aliasing. Imej raster adalah gambar tradisional yang mungkin biasa anda gunakan (gambar, Cat gambar, dll.). Ini tidak berskala dengan baik, dan boleh kelihatan agak jelek jika anda ingin menjadikannya lebih besar

Buat Animasi Flash Langkah 4
Buat Animasi Flash Langkah 4

Langkah 4. Buat bingkai pertama anda

Semasa pertama kali memulakan Flash, anda akan mempunyai lapisan kosong dan Garis Masa kosong. Semasa anda menambah bingkai, garis masa anda akan diisi secara automatik. Anda boleh berinteraksi dengan lapisan dengan cara yang sama seperti yang anda lakukan di Photoshop.

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

Langkah 5. Jadikan lukisan anda menjadi simbol

Dengan menjadikan lukisan anda menjadi simbol, anda dapat menambahkannya dengan mudah berkali-kali dalam bingkai. Ini sangat berguna sekiranya anda perlu membuat banyak objek dengan cepat, seperti sekolah ikan.

  • Pilih keseluruhan lukisan anda. Klik kanan pada pilihan dan pilih "Convert to Symbol". Ini akan menambahkan gambar ke Perpustakaan anda di mana anda dapat mengaksesnya dengan cepat pada masa akan datang.
  • Padamkan lukisan. Jangan risau! Anda akan menambahkannya kembali ke tempat kejadian dengan hanya menyeret objek dari Perpustakaan anda. Anda boleh menambahkan beberapa contoh gambar yang sama ke pemandangan anda dengan mudah!
Buat Animasi Flash Langkah 6
Buat Animasi Flash Langkah 6

Langkah 6. Tambahkan beberapa bingkai kosong

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

Buat Langkah Animasi Flash 7
Buat Langkah Animasi Flash 7

Langkah 7. Buat kerangka utama kedua anda

Setelah anda menambah beberapa bingkai kosong, anda sudah bersedia untuk membuat bingkai utama kedua anda. Terdapat dua cara yang berbeza untuk melakukannya: anda boleh menyalin bingkai utama yang ada dan membuat penyesuaian kecil, atau anda boleh membuat bingkai utama kosong dan memasukkan gambar baru. Sekiranya anda menggunakan seni yang dibuat dalam program lain, anda memerlukan kaedah kedua. Sekiranya anda mencipta seni menggunakan alat reka bentuk Flash, gunakan kaedah pertama.

  • Untuk membuat bingkai utama menggunakan kandungan bingkai utama sebelumnya, tekan F6. Untuk membuat bingkai utama kosong, klik kanan pada bingkai terakhir dalam garis masa anda dan pilih "Masukkan Kerangka Kekunci Kosong". Apa sahaja yang ada di tempat kejadian anda akan dikeluarkan.
  • Setelah membuat bingkai utama kedua, anda perlu membuat penyesuaian pada gambar untuk memberi kesan gerakan. Sekiranya anda menggunakan alat reka bentuk Flash, anda boleh menggunakan alat Transform untuk memilih aspek lukisan anda dan menggerakkannya sedikit, seperti lengan orang tongkat.
  • Sekiranya anda memasukkan seni baru untuk setiap bingkai utama, anda pasti ingin memastikan bahawa seni itu diletakkan di lokasi yang sama atau di lokasi logik seterusnya di skrin. Ini akan memastikan bahawa seni tidak berpusing di 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 melakukan iterasi. Anda pada dasarnya akan mengulangi proses yang sama sehingga anda selesai dengan animasi anda. Tambahkan beberapa bingkai kosong di antara setiap bingkai utama, dan pastikan pergerakan anda kelihatan lancar.

Buat perubahan kecil dan bertahap. Animasi anda akan kelihatan lebih lancar jika anda membuat perubahan yang sangat kecil pada bingkai utama. Contohnya, jika anda mahukan tongkat melambaikan tangan, kerangka kunci kedua anda tidak boleh menjadi hujung gelombang yang lain. Sebaliknya, gunakan beberapa kerangka utama untuk beralih dari awal gelombang hingga akhir. Ini akan menghasilkan animasi yang lebih lancar

Bahagian 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, yang membolehkan anda pada dasarnya menetapkan titik awal dan akhir untuk objek anda. Flash kemudian akan bergerak dan mengubah objek berdasarkan tetapan anda di antara dua titik 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 mencipta kesan "morphing", di mana satu objek menjadi objek lain sepanjang animasi.
  • Animasi frame-by-frame dan tweening dapat digunakan bersama dalam film yang sama.
  • Anda hanya boleh mempunyai satu objek yang mengalami gerakan dua kali dalam satu masa. Ini bermaksud bahawa jika anda mahu banyak objek dianimasikan sekaligus, semuanya perlu berada pada lapisan yang berasingan.
Buat Langkah Animasi Flash 10
Buat Langkah Animasi Flash 10

Langkah 2. Buat objek pertama anda

Tidak seperti animasi bingkai demi bingkai, anda tidak perlu membuat banyak objek untuk dianimasikan menggunakan fungsi tween. Sebaliknya, anda akan membuat satu objek, dan kemudian mengubah sifatnya semasa proses tweening.

  • Sebelum menambahkan gambar anda, buat latar belakang asas untuk filem anda. Namakan semula Lapisan 1 ke "Latar Belakang" dan kemudian kunci lapisan. Buat lapisan kedua dan namakan apa sahaja yang anda mahukan. Ini akan menjadi lapisan tempat anda membuat animasi.
  • Sangat digalakkan anda menggunakan alat reka bentuk bawaan Flash atau mengimport gambar anda dari program melukis vektor. Vektor dapat skala dengan mudah tanpa herotan, sementara gambar raster tradisional tidak akan skala dan berubah dengan baik.
Buat Langkah Animasi Flash 11
Buat Langkah Animasi Flash 11

Langkah 3. Tukarkan objek anda menjadi simbol

Untuk memutar objek anda, anda perlu mengubahnya menjadi simbol. Ini adalah format untuk objek yang digunakan Flash untuk memanipulasinya. Sekiranya anda cuba memutar objek yang belum dijadikan simbol, anda akan diminta untuk melakukannya terlebih dahulu.

Klik kanan pada objek anda dan pilih "Convert to Symbol" Objek akan ditambahkan ke Perpustakaan anda, yang memudahkan mengklon objek

Buat Langkah Animasi Flash 12
Buat Langkah Animasi Flash 12

Langkah 4. Buat gerakan pertama anda

Gerakan tween memindahkan objek dari satu lokasi ke lokasi lain Klik kanan simbol di tempat kejadian anda dan pilih "Buat Motion Tween". 24 bingkai akan ditambahkan ke garis masa anda, kerana ini adalah panjang lalai dari tween. Ingat, secara lalai Flash akan bernyawa pada 24 bingkai sesaat, yang bermaksud bahawa gerakan ini hanya memerlukan satu saat untuk diselesaikan.

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. Buat lintasan

Setelah anda membuat tween, anda boleh memindahkan objek ke lokasi yang anda inginkan. Kilat akan memaparkan garis lintasan, yang di titik-titik untuk menunjukkan lokasi objek untuk setiap bingkai tween.

Semasa pertama kali membuat lintasan, garis lurus 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 anda

Sekiranya anda menjalankan animasi anda sekarang, objek anda akan bergerak di sepanjang lintasan, tetapi latar belakang anda akan hilang setelah satu bingkai. Untuk memperbaikinya, anda perlu memperluas latar belakang anda di semua bingkai animasi.

Pilih lapisan latar belakang anda pada garis masa. Klik kerangka terakhir pada garis masa anda, yang juga harus menjadi bingkai di mana gerakan anda berakhir. Tekan F5 untuk memasukkan bingkai hingga ke tahap ini, yang akan memastikan latar belakang anda dipaparkan sepanjang masa dua belas tahun

Buat Langkah Animasi Flash 15
Buat Langkah Animasi Flash 15

Langkah 7. Tambahkan bingkai utama

Menambah bingkai utama ke lintasan anda akan membolehkan anda mengubah objek anda semasa gerakan dua belas. Anda hanya boleh membuat perubahan pada objek jika dibingkai kunci. Untuk menambahkan bingkai utama ke lintasan anda, pilih dahulu bingkai dalam garis masa yang ingin anda ubah menjadi bingkai utama. Kemudian, klik dan seret objek ke kedudukan yang anda inginkan semasa bingkai itu. Lintasan anda akan disesuaikan secara automatik, dan kerangka utama akan ditambahkan ke garis masa. Kerangka utama dilambangkan oleh ikon berlian dalam garis masa.

Buat Langkah Animasi Flash 16
Buat Langkah Animasi Flash 16

Langkah 8. Laraskan lintasan tween anda

Untuk mengubah jalan objek anda, anda dapat mengklik dan menyeret setiap penanda kedudukan bingkai pada jalan ke lokasi baru. Elakkan meletakkan banyak variasi di jalan, atau objek akan bergerak dengan cara yang tidak menentu (kecuali ini adalah matlamat anda!).

Buat Langkah Animasi Flash 17
Buat Langkah Animasi Flash 17

Langkah 9. Ubah objek anda

Setelah anda menetapkan kerangka utama dan lintasan, anda dapat mengubah objek anda sehingga berubah ketika bergerak melalui lintasan gerakan tween. Anda boleh mengubah bentuk, warna, putaran, ukuran, dan harta benda lain.

  • Pilih bingkai di mana anda mahu transformasi berlaku.
  • Buka panel Properties objek. Anda boleh menekan Ctrl + F3 jika panel tidak kelihatan pada masa ini.
  • Tukar sebarang nilai di tetingkap Properties untuk mempengaruhi objek. Contohnya, anda boleh menukar rona atau warna, menambah penapis, atau mengubah skala.
  • Anda juga boleh menggunakan alat Transformasi Percuma untuk menukar bentuk dengan bebas seperti yang anda mahukan.
Buat Langkah Animasi Flash 18
Buat Langkah Animasi Flash 18

Langkah 10. Buat sentuhan akhir untuk anak anda

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

  • Secara lalai, FPS adalah 24, jadi cuba turunkan ke 12. Untuk melakukannya, klik di luar tempat kejadian dan kemudian ubah FPS di panel Properties. Mengubahnya menjadi 12 akan menggandakan panjang animasi anda, tetapi mungkin menjadikannya lebih "tersentak".
  • Untuk menukar rentang tween anda, pilih layer yang berisi tween dan gunakan slider untuk menariknya keluar. Sekiranya anda mahu tween menjadi dua kali lebih panjang, panjangkan ke 48 bingkai. Pastikan memasukkan bingkai kosong di lapisan latar belakang anda agar latar belakang tidak hilang di tengah-tengah animasi. Untuk memanjangkan latar belakang, pilih lapisan, klik bingkai animasi terakhir dalam garis masa, dan kemudian tekan F5

Bahagian 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

Anda boleh menambahkan kesan bunyi pada tindakan yang berlaku dalam animasi anda untuk membuatnya menonjol dan memberikan keperibadian. Muzik menjadikan animasi anda lebih menarik, dan dapat menjadikan animasi yang baik menjadi animasi yang luar biasa. Flash menyokong pelbagai format fail, termasuk AAC, MP3, WAV, dan AU. Pilih yang memberi anda kualiti terbaik untuk ukuran fail terendah.

MP3 biasanya akan memberi anda kualiti suara yang dapat diterima dengan sempurna sambil mengekalkan ukuran fail minimum. Elakkan fail WAV jika boleh, kerana ini selalunya cukup besar

Buat Langkah Animasi Flash 20
Buat Langkah Animasi Flash 20

Langkah 2. Import fail suara ke Perpustakaan anda

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

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 lapisannya sendiri akan memberi anda lebih banyak kawalan terhadap pudar masuk dan keluar, kapan memulakan dan berhenti, dan lebih mudah untuk memindahkan suara.

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 yang anda mahukan suaranya bermula. Tekan 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 itu mula bercakap.

Buat Langkah Animasi Flash 23
Buat Langkah Animasi Flash 23

Langkah 5. Tambahkan fail suara atau muzik

Dalam bingkai Properties, anda akan melihat bahagian Sound. Anda mungkin perlu mengembangkannya untuk melihat pilihannya. Klik menu "Nama" dan pilih fail yang anda inginkan dari Perpustakaan anda.

Buat Langkah Animasi Flash 24
Buat Langkah Animasi Flash 24

Langkah 6. Konfigurasikan fail suara

Setelah memilih fail, anda boleh mengkonfigurasi bagaimana fail tersebut akan dimainkan. Apa yang anda pilih akan berdasarkan kepada apa yang anda perlukan untuk menyelesaikannya dalam animasi. Anda boleh mengubah tetapan Effect, Sync, dan Repeat dari setiap suara menggunakan menu di bawah menu Name dalam bingkai Properties.

  • Kesan - Ini membolehkan menambahkan kesan pada suara, seperti memudar masuk dan keluar atau menambahkan gema. Anda dapat memilih dari tetapan pratetap di menu tarik-turun, atau Anda dapat mengklik ikon pensil di sebelah menu untuk membuat tetapan tersuai anda sendiri.
  • Segerak - Ini menentukan bagaimana lagu dimainkan dalam animasi. Acara akan memainkan suara sehingga selesai. Sekiranya bunyi yang sama dicetuskan lagi sebelum yang pertama berakhir, yang asli akan terus dimainkan sehingga selesai. Mula berfungsi seperti Acara, tetapi berhenti jika suaranya dimainkan semula. Berhenti menghentikan suara dalam bingkai itu. Sekiranya anda ingin menggunakan ini bersama dengan sifat suara yang lain, buat bingkai utama baru di mana anda mahu bunyi berhenti dan gunakan pilihan ini. Stream akan berusaha untuk memadankan suara yang dimainkan dengan bilangan bingkai pada lapisan lain. Ini paling sesuai digunakan untuk dialog.
  • Ulangi - Tetapan ini membolehkan anda menetapkan berapa lama suara itu berulang. Anda boleh menetapkannya untuk bermain sekali sahaja, atau putarnya seberapa banyak kali yang anda mahukan. Sekiranya animasi anda adalah animasi gelung, anda harus menetapkan muzik anda untuk terus berubah.
Buat Langkah Animasi Flash 25
Buat Langkah Animasi Flash 25

Langkah 7. Selesaikan projek anda

Apabila anda akhirnya selesai dengan projek anda, 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 khusus untuk menontonnya. Terdapat juga pelbagai laman web yang dapat anda muat naik untuk dilihat oleh orang lain, seperti Newgrounds, Albino Blacksheep dan Kongregate.

Buat Langkah Animasi Flash 26
Buat Langkah Animasi Flash 26

Langkah 8. Lanjutkan projek masa depan anda

Panduan ini membahas asas-asas membuat animasi, tetapi ada banyak lagi yang boleh anda pelajari dan lakukan. Tambahkan beberapa butang dan jalur percabangan, dan anda mempunyai permainan pengembaraan pilihan anda sendiri. Anda boleh mengikuti kursus kemalangan dalam ActionScript dan mendapatkan lebih banyak kawalan terhadap perincian animasi anda yang lebih baik. Terus bereksperimen, dan anda akan mendapati diri anda mempelajari semua jenis muslihat dan pelaksanaan.

Disyorkan: