Cara membuat animasi flash. Buat Program animasi flash untuk animasi flash dalam bahasa Rusia

Artikel ini akan menunjukkan cara menggunakan langkah sederhana mulai mengenal Adobe Flash CS5. Tema pelajarannya adalah animasi sederhana, kami akan membuatnya tanpa mempelajari kerumitan antarmuka dan program.

Membuat dokumen flash baru

Buka program dan buat dokumen baru"ActionScript 3.0".

Mari menggambar objek untuk animasi selanjutnya

Sekarang mari kita menggambar sebuah lingkaran. Pilih alat oval di panel kanan dan tahan tombol kiri mouse dan tombol "shift" pada keyboard, gambar lingkaran dengan latar belakang putih.

Menggunakan Selection Tool, pilih objek yang baru dibuat dengan mengkliknya dengan mouse atau menyeretnya ke dalam pilihan persegi.

Mengubah Objek menjadi Simbol untuk Animasi Sederhana

Untuk pekerjaan lebih lanjut, Anda perlu mengubah objek menjadi simbol. Karena lingkaran sudah dipilih, tekan tombol kanan mouse dan masuk menu konteks pilih "Konversi ke Simbol".

Dari daftar "Jenis", pilih "Grafik"

Sekarang kotak biru akan muncul di sekitar objek kita.

Membuat animasi klasik (Classic Tween)

Untuk membuat animasi, Anda perlu menetapkan "bingkai kunci".

Di panel bawah ada skala animasi, pilih frame dua puluh lima dan tekan tombol kanan mouse, di menu konteks yang muncul, pilih "Sisipkan Keyframe".

Pilih lingkaran dan, tahan tombol kiri mouse, pindahkan ke kanan.

Pilih bingkai pertama pada skala animasi dan di menu utama di bagian atas, di item "Sisipkan", pilih "Tween Klasik".

Lihat animasi yang dibuat

Sekarang kita bisa menonton animasinya. Di menu utama, di item "Kontrol", pilih "Mainkan".

Mari tambahkan efek "menghilang" ke lingkaran. Untuk melakukan ini, pilih objek lagi dan di panel kanan di menu "efek warna", pilih "alpha", atur nilainya ke "0".

Mari kita lihat apa yang terjadi. Pergi ke item "Kontrol" pilih "Mainkan".

Pernahkah Anda bertanya-tanya apa yang ada di balik animasi spanduk yang indah di Internet? Atau untuk kartun bermodel baru yang dibuat dengan teknologi komputer? Paling sering, mereka didasarkan pada " daging", lebih tepatnya, ini adalah bagaimana nama teknologi Flash diterjemahkan dari bahasa Inggris. Hari ini kita akan berbicara tentang animasi flash untuk situs:

Teknologi Flash

Kerangka kerja multimedia dikembangkan oleh Macromedia. Tetapi setelah pengambilalihan (penggabungan), semua hak atas teknologi dipindahkan ke pemilik baru - Adobe Systems.

Lingkup aplikasi modern Adobe Flash:

Membuat aplikasi web adalah arah yang cukup baru. Ini menyiratkan penggunaan Flash secara penuh atau sebagian untuk membuat situs web. Dengan aplikasi parsial, teknologi ini menciptakan elemen individu desain: berbagai menu interaktif, tombol animasi, dll.

Dibandingkan dengan sumber daya konvensional, berbasis html situs flash memiliki beberapa fitur yang membatasi penggunaannya. Ini termasuk biaya pengembangan yang tinggi, sumber daya server yang menuntut, waktu pemuatan yang lama dengan koneksi Internet yang lambat, dan beberapa aspek lainnya:

Implementasi kemampuan multimedia - untuk mendengarkan audio dan memutar video di situs, pemutar media berbasis Flash sering digunakan. Perkembangan mereka mencakup penggunaan salah satu bahasa skrip (lebih sering JavaScript):

Dalam periklanan Internet - paling sering teknologi digunakan untuk membuat spanduk animasi. Mereka menyiratkan tidak hanya pemutaran iklan multimedia, tetapi juga semacam interaksi dengan pengguna berdasarkan permainan.

Dasar-dasar dan Alat untuk Pengembangan Flash

Untuk membuat animasi flash, alat tradisional dari Adobe paling sering digunakan:

Adobe Flash Professional - program untuk membuat animasi interaktif (animator);
Adobe Flash Builder - lingkungan untuk membuat antarmuka untuk aplikasi web;
Adobe Flash Player adalah pemutar yang terintegrasi dengan browser untuk memainkan Flash.

Selain itu, sejumlah aplikasi pihak ketiga. Yang paling populer adalah Gnash, QuickTime dan beberapa lainnya:

Teknologi ini memungkinkan Anda untuk menampilkan semua jenis grafik ( raster, vektor, 3D). Dan juga mendukung streaming relaying data audio dan video. Khususnya untuk perangkat seluler ringan telah dikembangkan versi flash Ringan.

Standar utama untuk file flash adalah ekstensi SWF. Singkatan dari Small Web Format. Video yang direkam dalam Flash memiliki ekstensi file FLV, F4V.

Pengembangan animasi interaktif di Flash didasarkan pada: Grafis vektor. Berkat ini, dimungkinkan untuk menerapkan dukungan untuk platform multimedia dan independensi kualitas animasi dari resolusi layar.

Ukuran file aplikasi Flash sama untuk semua pengguna, terlepas dari spesifikasi resolusi layar).

Animasi interaktif di Flash didasarkan pada morphing (tipe vektor ), yang perlahan-lahan menyatu di antara bingkai utama. Untuk memutar data, pemutar flash digunakan, yang pengoperasiannya dalam banyak hal mirip dengan pekerjaan mesin virtual JavaScript. Komponen perangkat lunak dari teknologi diimplementasikan menggunakan bahasa ActionScript.

Kerugian dari teknologi ini meliputi poin-poin berikut:

beban berat CPU mesin klien. Ini karena rendahnya efisiensi mesin virtual flash yang disematkan dengan pemutar di browser pengguna;
Probabilitas Kesalahan Tinggi - Memutar animasi Flash bisa sangat rawan kesalahan. Selain itu, kegagalan dalam pemutaran Flash berdampak negatif pada pengoperasian seluruh aplikasi klien (browser). Ini karena kontrol yang tidak memadai atas toleransi kesalahan kode program saat membuat aplikasi flash;
Tidak dapat diindeks - Semua konten teks yang ditampilkan dalam konten Flash tidak diindeks. Keterbatasan ini terutama bermasalah untuk sumber daya yang didasarkan pada teknologi ini.

Ikhtisar Perangkat Lunak Pembuatan Flash Pihak Ketiga

Sothink SWF Quicker diambil sebagai aplikasi prototipe di mana kami akan mendemonstrasikan dasar-dasar pembuatan Flash. Menurut banyak profesional, program ini adalah yang paling mudah dipahami dan dipelajari.

Selain membuat dan mengedit, editor flash "tahu cara" bekerja dengan semua jenis animasi web lainnya (GIF, HTML, dan standar lainnya):

Setelah instalasi, kami pergi ke antarmuka program yang ramah pengguna. Sayangnya, setelah menjelajahi semua sudut dan celah dari pengalih bahasa antarmuka, kami tidak menemukannya.

Untuk memahami cara membuat animasi flash dalam aplikasi ini, kita akan menggunakan template bawaan. Kotak dialog New From Template muncul segera setelah program dimulai. Selain itu, dapat dipanggil melalui item menu utama "File". Di antara opsi yang diusulkan, kami memilih pembuatan spanduk:

Di jendela wizard berikutnya, Anda harus memilih template dari daftar drop-down, yang dengannya animasi akan dibuat. Di bawahnya ada bingkai kecil tempat template yang dipilih dimainkan:

Pada langkah selanjutnya, Anda perlu mengatur ukuran spanduk dan memasukkan 5 frasa teks yang akan diputar dalam animasi. Selain itu, Anda harus menentukan alamat sumber daya yang akan diarahkan pengguna dengan mengeklik spanduk:

Setelah mengkompilasi proyek dan menutup jendela wizard, Anda dapat melihat film yang dihasilkan di pemutar internal. Untuk melakukan ini, klik panah hijau di bagian atas:

Setelah menutup pemutar, mari kita lihat lebih dekat antarmuka aplikasi. Harap dicatat bahwa ini terdiri dari dua jendela utama: yang atas adalah untuk mengedit interval waktu video, dan yang bawah adalah editor grafis biasa. Setiap elemen terletak pada lapisan terpisah, yang tersedia untuk diedit menggunakan alat standar terletak di bilah sisi.

Kami melihat animasi flash sepanjang waktu, di internet dan di TV. Membuat animasi flash sederhana menggunakan teknologi Flash cukup tugas sederhana, karena Flash menawarkan banyak hal alat yang berguna yang membuat seluruh proses lebih mudah. Jika Anda ingin membuat animasi flash atau kartun, Anda dapat membuat sketsanya hanya dalam beberapa jam.

Langkah

Bagian 1

Animasi flash frame-by-frame

Dasar-dasar animasi frame-by-frame. Metode ini dianggap sebagai metode utama untuk membuat animasi "tradisional", di mana setiap bingkai berikutnya menyertakan satu gambar, tetapi sedikit dimodifikasi. Saat memainkan semua bingkai, gambar "menjadi hidup". Metode yang sama digunakan oleh animator kartun tangan kosong dan lebih memakan waktu daripada kembaran (lihat bagian selanjutnya).

Secara default, Flash merender pada 24 frame per detik (FPS). Ini berarti bahwa 24 bingkai akan ditampilkan dalam satu detik, tetapi tidak semuanya harus berbeda. Anda dapat mengubah pengaturan ini (jika Anda mau) menjadi 12fps, tetapi pada 24fps animasi akan diputar lebih "lancar".

Instal FlashPro. Ada banyak program untuk membuat animasi flash, tetapi yang paling kuat adalah Adobe Flash Professional CC. Anda dapat menginstal secara gratis versi percobaan program ini atau menggunakan produk lain (jika Anda tidak ingin mendaftar ke Adobe Creative Cloud). Sisa artikel ini menjelaskan cara bekerja dengan Flash Professional.

Karena animasi frame-by-frame membutuhkan banyak gambar (yang sedikit berbeda satu sama lain), Anda perlu membuat gambar-gambar ini secara manual. Untuk melakukan ini, gunakan Adobe Flash Professional atau gambar gambar di editor grafis apa pun.
- Jika Anda ingin gambar Anda diubah ukurannya dengan mudah tanpa kehilangan kualitas, buat gambar dalam vektor daripada grafik raster. Gambar vektor akan menggambar ulang sendiri ketika ukurannya diubah (yaitu Anda akan menghindari pikselasi atau anti-aliasing). peta bit adalah gambar tradisional, seperti foto, gambar lukis, dan sebagainya. Jika Anda mencoba memperbesar gambar seperti itu, Anda akan mendapatkan gambar yang sangat terdistorsi.
Buat bingkai pertama. Saat pertama kali memulai Adobe Flash Professional, Anda akan melihat kanvas (lapisan) kosong dan garis waktu kosong. Saat bingkai ditambahkan, garis waktu akan terisi secara otomatis. Anda dapat bekerja dengan lapisan seperti yang Anda lakukan di Photoshop.
- Sebelum menambahkan gambar, buat latar belakang dasar untuk animasi Anda. Ganti nama "Layer 1" menjadi "Background" dan kemudian klip itu. Buat layer kedua dan beri nama apa pun yang Anda suka. Ini akan menjadi lapisan di mana Anda akan membuat animasi.
- Tambahkan gambar ke kanvas bingkai pertama. Anda dapat mengimpor gambar dari komputer Anda, atau Anda dapat menggunakan alat menggambar untuk membuat gambar secara langsung di dalam program.
- Bingkai pertama adalah bingkai "kunci". Keyframe adalah bingkai yang mencakup gambar dan membentuk dasar (tulang punggung) dari sebuah animasi. Anda akan membuat bingkai utama baru setiap kali Anda mengubah gambar.
- Keyframe pada timeline ditandai dengan titik hitam.
- Anda tidak memerlukan bingkai utama di setiap bingkai berikutnya. Buat keyframe setiap empat atau lima frame untuk membuat animasi yang bagus.
Ubah gambar menjadi simbol. Dalam hal ini, Anda akan dapat menambahkan gambar ke bingkai beberapa kali. Ini sangat berguna jika Anda perlu dengan cepat menambahkan beberapa gambar dengan jenis yang sama ke satu bingkai (misalnya, ikan di akuarium).
- Pilih gambar. Klik kanan pada gambar dan pilih Convert to Symbol. Gambar akan ditambahkan ke perpustakaan, sehingga lebih mudah digunakan di masa mendatang.
- Hapus gambarnya. Jangan khawatir - Anda dapat menambahkannya ke bingkai dengan drag and drop sederhana dari perpustakaan. Dengan cara ini Anda dapat menambahkan gambar yang sama ke bingkai beberapa kali.
Tambahkan bingkai kosong. Setelah keyframe pertama Anda selesai, masukkan frame kosong dan kemudian mulai membuat keyframe kedua Anda. Tekan F5 (empat atau lima kali) untuk menambahkan bingkai kosong setelah bingkai utama pertama.

Buat bingkai utama kedua (setelah Anda menambahkan beberapa bingkai kosong). Ada dua berbagai cara untuk melakukan ini: Anda dapat menyalin bingkai utama yang ada dan membuat perubahan kecil padanya, atau Anda dapat membuat bingkai utama kosong dan menambahkan gambar baru ke dalamnya. Jika Anda menggunakan gambar yang dibuat di program lain, gunakan metode kedua. Jika Anda memasukkan gambar yang dibuat dengan alat menggambar Adobe Flash Professional, gunakan metode pertama.
- Untuk membuat keyframe menggunakan konten keyframe sebelumnya, tekan F6. Untuk membuat keyframe kosong, klik kanan frame terakhir di timeline dan pilih Insert Blank Keyframe.
- Setelah Anda membuat bingkai utama kedua, Anda perlu membuat perubahan pada gambarnya untuk menghidupkan animasi. Jika Anda telah menggunakan alat gambar Adobe Flash Professional, pilih alat Transform untuk memilih elemen dalam gambar Anda (seperti tangan karakter) dan modifikasi.
- Jika Anda menyisipkan gambar baru di setiap bingkai utama, pastikan itu di tempat yang tepat (sesuai dengan urutan bingkai logis).
Ulangi prosesnya. Setelah membuat dua bingkai utama, ulangi prosesnya - tambahkan beberapa bingkai kosong di antara setiap bingkai utama dan pastikan animasi diputar "dengan lancar".
- Buat perubahan kecil. Semakin kecil (semakin kecil) perubahan, semakin halus pemutaran animasi. Misalnya, jika Anda ingin karakter mengangkat tangan, bingkai utama kedua tidak boleh menyertakan gambar yang menunjukkan karakter dengan tangan sudah terangkat. Sebagai gantinya, gunakan beberapa bingkai utama untuk bertransisi dari tangan yang diturunkan ke tangan yang terangkat. Dalam hal ini, animasi akan lebih halus.
Mengonversi gambar. Setelah Anda membuat bingkai utama dan jalur, Anda dapat mengubah gambar agar berubah dengan mulus saat Anda bergerak di sepanjang jalur kembarannya. Anda dapat mengubah bentuk, warna, kemiringan, ukuran, dan aspek gambar lainnya.
- Pilih bingkai di mana gambar akan diubah.
- Buka panel properti gambar. Untuk melakukan ini, tekan F3.
- Ubah nilai parameter di jendela properti gambar. Misalnya, Anda dapat mengubah rona atau warna, menambahkan filter, mengubah ukuran.
- Anda juga dapat menggunakan alat Free Transform untuk mengubah gambar sesuka Anda.
Tambahkan sentuhan akhir. Periksa animasi yang dibuat dengan menekan Ctrl + Enter. Pastikan gambar (karakter) berubah dengan benar dan animasi diputar dengan kecepatan yang benar. Jika animasi diputar terlalu cepat, turunkan nilai FPS atau tambah durasi tween.
- FPS default adalah 24, jadi coba turunkan nilai ini ke 12. Ubah nilai FPS di panel properti. Namun, pada FPS = 12, animasi mungkin tidak diputar dengan cukup lancar.
- Untuk mengubah durasi tween, pilih layer yang berisi tween dan gunakan penggeser untuk mengubah durasi tween. Jika Anda ingin menggandakan panjang tween, pindahkan penggeser ke 48 frame. Jangan lupa untuk menempelkan latar belakang pada bingkai kosong agar latar belakang tidak hilang di tengah animasi. Untuk melakukan ini, pilih layer background, klik pada frame terakhir animasi (pada timeline), lalu tekan F5.

Bagian 3

Menambahkan efek suara dan musik

Rekam atau unduh efek suara dan musik. Anda dapat menambahkan efek suara ke animasi Anda untuk membuatnya lebih berdampak. Musik akan membuat animasi menjadi lebih menarik dan dapat mengubah animasi yang bagus menjadi bagus. Flash mendukung berbagai format file audio, termasuk AAC, MP3, WAV, dan AU. Pilih format yang menjamin suara berkualitas tinggi dengan ukuran file terkecil.
- Format MP3 menjamin suara berkualitas tinggi dengan ukuran file minimum. File WAV berukuran besar.
Impor file audio ke perpustakaan untuk dapat dengan cepat menambahkan suara dan musik ke animasi. Klik "File" - "Impor" - "Impor ke Perpustakaan". Temukan file audio di komputer Anda. Pastikan file audio memiliki nama yang mudah diingat sehingga Anda dapat menemukannya dengan cepat.

Buat layer baru untuk setiap file audio. Ini tidak perlu dan Anda dapat menambahkan audio ke lapisan yang ada, tetapi menempelkan file audio pada lapisan terpisah akan memberi Anda lebih banyak kontrol trek audio animasi.

Buat bingkai utama dari mana audio akan mulai diputar. Pada lapisan suara, pilih bingkai animasi dari mana suara akan mulai diputar. Tekan F7 untuk memasukkan keyframe kosong. Misalnya, jika Anda ingin menyisipkan file audio yang diputar sepanjang animasi, pilih bingkai pertama pada lapisan file audio. Jika Anda menambahkan suara karakter, pilih bingkai tempat karakter mulai berbicara.

Hal ini halaman web Perhatian Anda diberikan pada program untuk membuat dan mengedit animasi flash. Dengan bantuan mereka, Anda dapat mengubah ide Anda sendiri menjadi video animasi untuk situs Anda.

Editor kilat adalah program untuk membuat animasi flash dan mengedit video flash yang sudah jadi.

format FLA adalah dokumen sumber klip Anda. Setelah membukanya, Anda masuk ke program Macromedia Flash dan selanjutnya dapat mengedit klip.

format SWF- ini adalah file Flash yang dapat dieksekusi, ketika Anda "mengklik" mouse di atasnya, Anda memiliki kesempatan untuk melihat klip menggunakan program Macromedia Flash Player.

Animasi dengan Adobe Flash Professional

Adobe Flash Profesional CS3- kelebihan dan fungsionalitas program ini dapat dijelaskan untuk waktu yang sangat lama. Program ini adalah pemimpin yang tak terbantahkan dalam lingkungan teknologi flash. Adobe Flash Professional digunakan oleh pengembang situs web profesional dan desainer flash.

Dengan bantuan program ini, bahkan fantasi yang paling menyakitkan pun dapat diwujudkan dalam sekejap. Secara umum, jika Anda memutuskan untuk membuat file flash animasi profesional, maka Adobe Flash Professional adalah program yang tidak dapat Anda lakukan tanpanya.

Volume tergantung pada versi dari 500 Mb.

pada saat ini Adobe Flash Profesional CS5 versi baru perangkat lunak animasi dan multimedia.

OS: Windows XP/Vista/7

Tangkapan layar program:

unduh Adobe Flash Professional CS3

Mungkin untuk web master pemula, membuat animasi flash menggunakan perangkat lunak Adobe Flash Professional akan tampak agak rumit dan di luar jangkauan.

Dalam hal ini, jangan putus asa dan berhenti dari apa yang Anda mulai. Coba ide flash Anda dengan Swishmax.

Swishmax - editor flash

SwishMAX adalah program alternatif dengan antarmuka yang ramah dan sederhana untuk membuat animasi flash, yang kurang fungsional dari yang sebelumnya, tetapi pada saat yang sama memungkinkan Anda untuk mendapatkan hasil berkualitas baik. Keuntungan utama dari editor flash bawah adalah kemudahan penggunaannya. Bahkan pengguna pemula, yang memiliki pelajaran video, akan dapat membuat video flash profesional dengannya dalam waktu singkat.

Volume: 9,27 MB.

Bahasa antarmuka adalah bahasa Rusia.

Sistem operasi: Windows 98/Me/NT/2000/XP

Tangkapan layar program:

unduh swishmax

Desainer Flash Buaya

Program flash berikut ini bahkan lebih sederhana, baik dari segi fungsionalitas maupun konten antarmuka. Kemampuan editor flash ini memungkinkan Anda membuat spanduk flash untuk situs dengan mudah dalam hitungan menit.

Ada lebih dari 130 efek: fade, zoom, rotate. Gambar animasi, bentuk atau teks, dan bahkan suara ditambahkan dengan mulus ke animasi Flash Anda.

Di sini Anda juga dapat menentukan OnClick atau OnOver.

Volume: 5,3 MB.

Bahasa antarmuka adalah bahasa Rusia.

OS: Windows XP/Vista/7

Tangkapan layar program:

unduh Alligator_Flash_Designer_7.0

Program lain yang bukan editor animasi flash, tetapi kemampuannya sangat penting untuk perancang web pemula.

Flash Decompiler Trillix

Flash Decompiler Trillix - tujuan utama dari program ini adalah untuk mengekspor file SWF kembali ke format FLA dengan satu klik mouse. Mengambil semua objek Flash dari file SWF dan menyimpannya ke file FLA, yang nantinya dapat diedit di Flash.

Keuntungan Flash Decompiler adalah mengedit suara, gambar, warna, gradien, garis, teks dinamis, dan tautan tanpa mengubah ke FLA.

Volume: 7,27 MB.

Bahasa antarmuka adalah bahasa Rusia.

OS: Windows XP/Vista/7

Tangkapan layar program: