Ikhtisar: In this piece of writing I will portray one on the main quality of Flash, which is identified as ‘2D Animation’. In this session I will cover how to generate a new clean movie file, dan alat-alat dan langkah-langkah yang terlibat dalam pembuatan animasi sederhana pertama Anda dengan 'Gerak Tweening '.
Pengantar: 2Statistik animasi D dibentuk dan / atau disingkat di komputer menggunakan grafis bitmap 2D atau berbentuk dan dipersingkat menggunakan grafis vektor 2D. Ini termasuk versi mekanik diprogram teknik animasi konvensional seperti menambahkan sesuatu di selembar menulis secara bertahap perubahan, kulit bawang dan menambahkan sesuatu di tulisan terurai scoping. 2D animasi memiliki banyak aplikasi, dengan analog kartun komputer, Flash kartun dan PowerPoint grafik kartun Cinema masih foto-foto dalam penampilan file GIF animasi dari bagian mana animasi. Nowadays, animated logos are also a great way to stand out, so if you’re interested in those, be sure to click here.
Image1: Menampilkan Editor
Pembukaan di New File di Flash:
Memulai dengan, Aku akan membuka Flash dengan mengklik ikon Mulai dalam daftar yang saya diinstal dalam. Jika ini adalah contoh utama Anda memuat aplikasi, ia akan meminta saya untuk memilih apalagi Designer atau Pengembang tampilan, dan deklarasi yang sesuai dengan pengaturan monitor saya (ini tidak berlaku untuk versi Flash sebelum MX). Untuk tujuan kita dalam pelajaran ini saya telah memilih tampilan Designer, dan layar saya diatur untuk deklarasi 1024×768. (Aku selamanya dapat mengubah ini nanti dengan mengklik “Window” pilihan di toolbar atas dan kemudian memilih “bagian set”.) Pada satu kesempatan saya telah menyelesaikan sehingga, Saya akan mengamati pemberhentian kosong dikelilingi oleh instrumen set, mirip dengan tingkap di atas.
Menyesuaikan Pengaturan Dokumen:
Image2: Menampilkan pengaturan dokumen
kanvas diatur untuk ukuran penggelapan; karena saya agak bekerja pada ukuran dan aspek standar rasio untuk produksi web, Saya berangkat untuk mengubah ukuran kanvas saya dari default 550 piksel lebar x 400 piksel yang tinggi untuk ukuran yang lebih kecil dari 320 x 240. Saya berangkat untuk melakukan hal ini dengan mengklik tombol pada tab Properti–panel hanya di bawah kanvas dan berfungsi daerah–yang menampilkan ukuran kanvas; ini akan membuka jendela pop-up baru yang berisi properti dokumen ini. Untuk sekarang Anda hanya perlu cemas tentang tiga hal: jumlah teks, warna latar belakang, dan kecepatan perbatasan.
Saya akan mengatur ukuran saya untuk 320 x 240 sendiri memasuki prinsip-prinsip di kursi menyediakan, menggunakan pemogokan warna untuk memilih latar belakang putih berseri, dan pergi frame rate ditetapkan sebesar 24 fps (FPS). Ini adalah kecepatan perbatasan default untuk pembuatan jaring; untuk televisi dan media lainnya produksi, ia mampu untuk pergi setinggi 30 Bingkai per detik. 12 adalah semua yang saya benar-benar membutuhkan untuk animasi Flash untuk web; masih memungkinkan handal tuangkan gerakan, tapi menghindari meningkatkan kapasitas folder saya dengan perbatasan tambahan selain.
Membuka ke Toolbar utama dan sketsa angka:
Image3: Menampilkan tool bar
Ini terletak ke sisi kanan jendela, Aku akan melihat panel Tools, dengan ikon amal saya masuk ke fungsi utama saya harus mulai menggambar dan menjiwai di Flash CS6. Memulai dengan, Saya bisa dapat klik ikon yang terlihat seperti tangan, di kolom sebelah kanan sekitar setengah jalan di bawah “Melihat” kepala. Ini adalah (tepat dan bercanda bernama) hand Tool; jika saya klik dan tarik mouse saya di area kerja saya dengan alat ini dipilih, Aku bisa persis menyeret kanvas saya tentang sampai itu terletak di mana Anda memuaskan.
Hanya sekali saya mendapat ruang kerja saya didirikan bahagia, mari kita coba menggambar sesuatu. Di bawah bagian atas snap board peralatan pada tombol push menggambarkan garis cincin pucat dalam warna hitam; ini adalah Alat Oval. Saya dapat menerapkan ini untuk menarik berbentuk lingkaran. Di bawah sisa alat-alat yang dua jendela warna-picker: satu untuk “Pukulan” (diwakili oleh grafis dari pensil) dan yang lainnya untuk “Mengisi” (diwakili oleh grafis dari ember warna). belaian yang warna bentuk menarik putaran, sebagai mengisi adalah warna dalam bentuk. Aku akan pergi untuk mengatur langkah saya untuk hitam dan saya isi dengan merah tua, dan kemudian menggambar lingkaran kecil di sudut kiri lebih tinggi dari kanvas saya dengan mengklik dan kemudian menyeret menunggu bentuknya pada ukuran yang dibutuhkan lebih awal dari merilis.
Melihat Timeline:
image4: Menampilkan garis waktu
Saat ini lebih awal dari kita melompat tepat ke menjiwai, mari kita lihat di salah satu daerah yang lebih dari jendela: timeline, terbenam di area kerja (digambarkan pada gambar di bawah). timeline dipisahkan menjadi dua kolom: kolom Layers, dan sebenarnya waktu itu sendiri, dipisahkan menjadi frame individu; garis merah turun menandai lokasi Anda saat ini di frameset. frameset adalah salah satu peralatan terutama signifikan di Flash; itu memungkinkan saya untuk melacak berbagai objek dan bentuk dan yang lapisan mereka berada di, serta hak asuh jalur dari frame kunci animasi dan waktu mereka dan penugasan. Sebagian besar karya animasi saya akan dilakukan di sini.
As you can see, akurat saat ini kami memiliki satu lapisan (mengandung lingkaran ditarik pada langkah sebelumnya) dengan satu garis waktu terkait dengan cara benang yang. Perbatasan pertama frameset yang berwarna abu-abu di tempat lain dengan cara tanda titik hitam kecil; apa itu artinya bahwa frame ini adalah bingkai kunci, berbentuk mekanis ketika saya menggambar lingkaran di atas perbatasan yang. Dalam perintah ke arah pernapasan dengan cara tweening, Saya harus menjelaskan kerangka solusi; absen mereka Flash telah ada dimulainya atau finish poin untuk menghidupkan di antara.
Konversi Shape Anda untuk Symbol:
image5: Menampilkan konversi
Lebih awal dari kita pergi setiap tambahan, kami akan memerlukan untuk membuat beberapa perubahan ke lingkaran kami. Mengapa kita membutuhkan bertukar bentuk kami sekarang tertarik sedikit pun? Karena Flash tidak tween bentuk biasa; jika Anda mencoba untuk menjadi relevan tween bahkan substansi masih membentuk, itu tidak akan berhasil, jadi kami pertukaran mereka untuk simbol; itu tidak akan mengambil tambahan dari sesaat.
Cukup klik kanan pada lingkaran dan pilih “Convert to Symbol”. Sebuah jendela popup akan ditampilkan, menanyakan apa yang saya ingin nama simbol dan apa Perilaku valid untuk itu; ketik nama, dan memilih “Grafis”; pilihan lain akan tertutup nanti, dalam pelajaran lebih berkembang. Klik “baik”; Anda akan melihat transformasi dalam objek dengan garis biru di dekatnya itu. Simbol ini sekarang akan datang ke tampilan dalam catatan, yang saya dapat melihat dengan menggunakan tombol fungsi F11 atau klik pada catatan tingkap; pada waktu apa kode atau substansi tercantum dalam catatan, mereka dapat hidup penggunaan kembali di beberapa langsung dengan hanya terlambat mereka pada goni yang.
Now, mari kita kembali ke menghidupkan. Pada halaman berikutnya, kami akan memproduksi bingkai kunci lain sehingga kita bisa mengatakan Flash untuk bernyawa di antara mereka.
Membuat Bingkai Key Baru:
Image6: Menampilkan bingkai kunci
Mari kita tampak di timeline lagi. Jika saya akan diingat, kita mengatur frame rate untuk dokumen ini untuk 12 Bingkai per detik; bahwa pendapatan yang dua belas blok di timeline akan membuat hingga satu detik dari animasi. Saya ingin lingkaran saya untuk bergerak lebih dari satu detik, jadi aku meninggalkan untuk klik pada blok kedua belas; timeline ditandai dengan penambahan lima, sehingga hanya menghitung dua setelah sepuluh indikator. Jika saya klik kanan di perbatasan, Saya akan mengamati dua pilihan utama bingkai: dimasukkan ke dalam bingkai induk dan dimasukkan ke dalam bingkai induk Kosong. Saya akan ingin menekan Insert bingkai induk; secara otomatis menyalin seluruh hal ini pada bingkai kunci sebelumnya (bersama-sama dengan lingkaran kami) ke keyframe baru.
berikut mengklik “Insert Keyframe”, Anda dapat melihat bahwa sekarang frame 12 berwarna abu-abu dan terlihat dengan dot, seperti pertama; kesenjangan di antara mereka juga berwarna abu-abu, dengan bingkai mencolok 11 oleh putih sosok empat sisi kecil. Ini menandakan bahwa tersedia ada gerakan atau “tween” terletak pada frame di diapit oleh; flash telah mekanis ditempatkan terus pada frame ini sehingga mereka tanpa henti mengisi dengan mereplikasi frame kunci.
Bergerak Simbol pada Bingkai Baru:
Sekarang kita berangkat untuk kembali ke ruang kerja kami; menciptakan yakin bahwa saya memiliki masih pada frame 12 (the
Image7: Menampilkan bingkai baru
Indikator waktu merah harus di atas bingkai yang), menggunakan alat panah untuk memilih lingkaran yang saya menarik sebelumnya; Aku akan berbakat untuk memberitahu bahwa itu dipilih oleh garis biru di dekatnya lagi. Klik dan drag pada lingkaran untuk bergerak di mana pun di atas kanvas Anda; Aku meninggalkan untuk pindah tambang ke sudut kanan bawah ruang aktif saya. (Jika tidak, Anda ingin menghidupkan bentuk Anda bergerak off-screen, tidak bergerak ke wilayah abu-abu di dekatnya kanvas; benda di daerah abu-abu tidak menunjukkan pada animasi akhir.)
Jika saya kembali ke timeline saya dan klik pada frame 1, menekan “Memasukkan” key akan memainkan semua animasi saya; though, tidak terlihat benar, melakukannya? Lingkaran sisa dalam posisi yang unik untuk sebelas frame pertama, sebelumnya tiba-tiba gertakan ke situs aslinya. Dalam setelah itu langkah kaki saya akan mendapatkan diganggu dari sehingga dengan menerapkan tween gerakan.
Image8: Menampilkan menu editing simbol
Menambahkan bersama tween gerakan untuk gambar bergerak saya:
Berpikir atau tidak, ini adalah bagian sederhana. dalam flash, “gerak tweening” dipakai untuk menjelaskan metode di mana program mekanis menciptakan frame diapit oleh keyframe A dari obyek waktu dan keyframe B untuk membuat animasi halus yang menggambarkan objek menyentuh dari satu tempat ke tempat lain. Ini beragam dari “bentuk tweening” karena tidak mempengaruhi bentuk substansi, dimensi, atau warna, but I will wrap so as to in the after that session.
To relate my motion tween, simply click and drag my mouse from frame 1 to frame 12 to select them; then you can moreover right-click on the frames and select “Create Motion Tween”, or I can click on the “Tween” dropdown in the Properties tool panel and select “Motion”. (Go away the other options at their default settings.) The artificial frames will turn a shade of pale violet, and an arrow will come into view stretching from the first keyframe to the last; this is the sign of a winning motion tween. (If the frames go round violet but the arrow is replaced by a ruined line, right-click and choose “Remove Tween” before verifying that you’ve finished the steps correctly.)
Image9: Showing final animation
Kesimpulan:I have now effectively finished my first animation; untuk memainkannya, hanya mendorong 'Ctrl Enter' pada timeline, atau pratinjau dengan memilih File -> sekilas di Browser untuk melihat apa yang akan terlihat seperti ketika diekspor. Aku harus melihat lingkaran Anda menyentuh lancar dari titik Mulai ke titik akhir, dengan tidak ada kesalahan di antara.
Praktek menggambar bentuk dan oleh remaja gerak pada mereka menunggu saya yakin saya sudah mendapat menguasainya; mencoba pencapaian terinspirasi dengan itu, dan melihat apa yang dapat saya datang dengan.
