Semakintinggi angka fps-nya maka bisa membuat gerakan animasi semakin halus. Frame terdiri dari 3 jenis, yaitu single keyframe, keyframe dan blank keyframe. Single keyframe yaitu kotak-kotak yang berderet berurutan pada timeline. Pada single keyframe inilah sebuah objek yang akan dianimasikan dibuat. Yang kedua dari jenis frame yaitu keyframe. KonsepAnimasi Animasi / Animation : Is the process of recording and playing back a sequence of still images to achieve the illusion of continuous motion. Pengertian : Fungsi seperti in-betweening dan menangkap gerakan adalah contoh animasi dengan bantuan komputer. Ciri dari animasi jenis ini adalah masih adanya gambar yang dibuat secara annimate #animasi2d #mediasinauAnimasi frame by frame adalah animasi yang dibentuk dari perbedaan kondisi beberapa frame yang dijalankan secara satu persatu. Animasiini sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Dua alasan utama mengapa Animasi motion tween sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan. 20. Teknik Animasi 2 Dimensi 11 | P a g e d. Contohanimasi frame per frame dapat dilihat pada Help | Samples | Flower. Semua gambar yang bergerak dihasilkan dari gambar yang berbeda-beda tiap framenya. Karena animasi frame per frame harus memiliki gambar yang unik tiap framenya maka animasi frame per frame sangat ideal untuk membuat animasi yang kompleks yang terdiri dari banyak LatarBelakang . Tehnik pembuatan film animasi 2D frame by frame saat ini bukanlah suatu hal yang baru dan tehnik ini diterapkan dalam proses pembuatan animasi "Gadis Kecil" dikarenakan dengan tehnik 2D frame by frame merupakan tehnik yang proses pembuatannya cukup mudah dan fleksibel namun memakan waktu cukup lama. PengertianAnimasi Tweening. Tweening merupakan suatu proses pembuatan sebuah animasi yang mana menggerakkannya dilakukan dengan cara memberikan sebuah perubahan-perubahan pada posisi maupun bentuk objek dengan menentukan keyframe awal dan akhir, sehingga dapat terbentuk frame-frame baru. Fungsi utama tweening ialah untuk menggerakan obyek dari Animasiframe frame by frame adalah cara klasik menyusun animasi. Di sini Anda harus membuat secara berbeda gambar-gambar dalam tiap frame, sedangkan dalam Animasi Tweened, Anda cukup membuat frame awal dan frame akhir kemudian membiarkan flash membuat frame-frame diantara keduanya. Melihat contoh, mengerjakan soal latihan, menerima Sebagaimanadefinisi dasar animasi yang berarti: membuat seolah-olah menjadi hidup. Ada berbagai macam teori dan pendapat tentang bagaimana seharusnya animasi itu dibuat. Tetapi setidaknya ada 12 prinsip yang harus dipenuhi untuk membuat sebuah animasi yang 'hidup'. Ke-12 prinsip ini meliputi dasar-dasar gerak, pengaturan waktu, peng-kaya Selanimasi biasanya merupakan lembaran-lembaran yang membentuk sebuah frame animasi tunggal. Sel animasi merupakan sel yang terpisah dari lembaran latar belakang dan sebuah sel untuk masing-masing objek yang bergerak secara mandiri di atas latar belakang. Contoh penerapan animasi ini adalah pada film Chicken Run dari Teknik animasi inilah hHqfK. TEKNIK ANIMASI 2 DIMENSI Penyusun Rizma Panca Patriani KOMPETENSI DASAR Memahami teknik animasi frame by frame. Membuat animasi 2 dimensi menggunakan teknik frame by frame Indikator Pencapaian Kompetensi Memahami teknik animasi frame by frame. Menjelaskan Pengertian Frame Memahami tahapan pembuatan Animasi 2 dimensi menggunakan teknik frame by frame Membuat Animasi 2 dimensi menggunakan teknik frame by frame Tujuan Pembelajaran Setelah membaca peserta didik dapat menjelaskan pengertian Frame Setelah mengamati video tentang proses pembuatan animasi frame by frame peserta didik mampu membuat animasi frame by frame Kerangka Bahan Ajar Pokok Bahasan Materi Esensial Sumber 1. Menjelaskan pengertian Frame Buku Paket BSE Animasi 2 Dimensi, Buku Keahlian ganda 2017 2. pembuatan animasi frame by frame dengan perangkat lunak grafis komputer, disesuaikan dengan fasilitas yang tersedia Buku Paket BSE Animasi 2 Dimensi, Buku Keahlian ganda 2017 3. Menentukan langkah pembuatan animasi frame by frame pada animasi dengan perangkat lunak grafis, disesuaikan dengan fasilitas yang tersedia Buku Paket BSE Animasi 2 Dimensi, Buku Keahlian ganda 2017 Materi Pengertian frame Frame adalah satuan terkecil dalam video sedangkan pada program flash, frame diumpamakan seperti kertas hvs yang telah digambar, dan contoh apabila framenya kita perpanjang sebanyak 5 frame, maka diumpamakan seperti 5 kertas hvs dengan gambar yang sama. Apabila kita merubah gambar salah satu frame, maka frame yang lain akan mengikuti perubahan gambar tersebut, karena frame tidak dapat berdiri sendiri. Animasi frame merupakan animasi yang paling sederhana, dimana animasinya didapatkan dari rangkaian gambar yang bergantian ditunjukan, pergantian gambar ini diukur dalam satuan fps frame per second. Contoh animasi frame adalah ketika kita membuat rangkaian gambar yang berbeda pada tepian sebuah buku, kemudian kita buka buku tersebut sedemikian rupa menggunakan jempol, maka gambar akan terlihat bergerak. Animasi frame by frame menuntut banyak gambar yang harus dibuat. Efek animasi diciptakan dengan mengganti gambar yang satu dengan gambar yang lain selama beberapa gambar yang bergerak dihasilkan dari gambar yang berbeda-beda tiap framenya. Keyframe adalah frame dimana Anda menentukan perubahan pada tombol atau animasi. Pada animasi tween, Saudara membuat keyframe hanya pada titik yang penting di dalam Timeline. Keyframe ditandai oleh titik di dalam frame. Keyframe yang tidak berisi gambar di dalam layer ditandai oleh titik kosong. Blank Keyframe artinya kita mempersiapkan frame kosong untuk diisi objek baru, dan apabila kita menggambar objek, blank keyframe tersebut sudah berisi objek. Blank keyframe dilambangkan dengan titik bulat putih pada frame. Macam-macan Animasi di flash yaitu Motion Path Anda dapat menggunakan motion path untuk membuat symbol bergerak mengikuti bentuk lintasan yang sulit. Dengan menggunakan layer Motion Guide untuk membuat garis untuk lintasan gerak objek. Layer Guide ditandai oleh ikon guide disebelah nama layer. Animasi Marque Animasi marque banyak dilihat pada situs web, yaitu suatu teks yang muncul dari bagian kanan layar, lalu begerak menuju ke kiri layar dan menghilang, begitu seterusnya. Animasi Transparan Animasi transparan adalah animasi yang terlihat secara transparan perlahanlahan lalu menghilang. Animasi ini sering digunakan dalam melakukan pergantian animasi dari satu animasi ke animasi lainnya, sehingga perpindahan animasi akan terlihat halus. Animasi Fade Animasi fade adalah animasi pemudaran. fade dibagi menjadi 2, yaitu fade in pemudaran ke dalam dan fade out pemudaran keluar. Animasi Rotasi Animasi rotasi adalah animasi objek atau teks yang berputar, seperti jam, kincir angin, putaran roda, dan lain-lain. Kita bisa memutarnya searah jarum jam CW Clock Wise atau berlawanan dengan arah jarum jam CCW Counter Clock Wise. Animasi Blink Blink adalah animasi berkedip atau berkelip, seperti bintang di langit atau lampu disco, animasi blink biasanya sangat efektif untuk menarik perhatian, sehingga banyak digunakan untuk membuat banner. Animasi Shape Animasi ini adalah perubahan bentuk dari suatu objek menjadi objek lain atau dari suatu objek menjadi teks dan sebaliknya. Animasi ini juga sering disebut efek Morph. Animasi Masking Masking adalah animasi yang menyembunyikan atau menutupi suatu objek dengan objek lain, sehinga objek yang menutupi terlihat transparan dan menyatu dengan objek yang ditutupi. Membuat animasi frame per frame Langkah – langkah pembuatan animasi frame per frame Buka file baru pada software flash atau Ctrl+N. Kemudian kita pilih Rectangle Tool R pada toolbox dan kita mulai membuat objek balok pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage. Kemudian klik kanan di frame ke-1, pilih Insert Keyframe atau tekan F6, maka akan muncul frame ke-2. Pada frame ke-2 kita pilih Free Transform Tool Q, kemudian kita putar balok sedikit ke kanan dan letaknya dirubah sedikit kebawah dengan meneka tombol Shift + Panah bawah satu kali. Kemudian masukan kembali KeyFrame hingga menjadi tiga frame, kemudian putar kembali balok sedikit ke kanan dan sedikit kebawah. Ulangi langkah di atas sampai frame 8 hingga balok tampak jatuh. Kemudian tekan Enter untuk melihat hasilnya. Membuat animasi teks frame by frame Animasi Frame by Frame adalah animasi yang menampilkan objek pada tiap frame secara berurutan. Di dalam kegiatan praktik ini akan diberikan proses pembuatan animasi teks frame by frame. Langkah – langkahnya sebagai berikut Buat dokumen baru berukuran 150×150 pixel dengan background berwarna putih. Klik kanan pada frame 5  Insert Blank Keyframe, lalu buat huruf “A” pada stage dengan menggunakan Text tool. Klik kanan pada frame 10  Insert Keyframe, lalu ubah huruf “A” tadi menjadi huruf “N”. Klik kanan pada frame 15  Insert Keyframe, lalu ubah huruf “N” menjadi huruf “I”… dan l akukan langkah yang sama pad a Frame 15,20,25,30,35… Klik kanan pada Frame 40  Insert Blank Keyframe.. Tekan Ctrl+Enter untuk melihat jalannya animasi. Bahan Bacaan Sumber Pustaka Buku Paket BSE Animasi 2 Dimensi, Buku Keahlian ganda 2017 Untuk Menunjang pembelajaran silakan download media pembelajaran di Sub Menu Media Pembelajaran Akan diupload segera Pada artikel sebelumnya, kita telah membahas apa itu animasi frame by frame termasuk berkenalan dengan frame dan keyframe. Yup, inti dari animasi frame by frame adalah tentang frame dan keyframe. Sekarang akan kita coba untuk praktik membuat animasi frame by frame memiliki lima teknik dasar animasi yang biasanya digunakan. Lima dasar teknik itu adalah animasi frame by frame, animasi shape, animasi motion tween, animasi motion guide, dan animasi masking. Okeh, langsung masuk ke inti acara tentang apa itu animasi frame by masuk ke penjelasan animasi ini, alangkah baiknya kita mengenal frame dalam Flash. Layaknya membuat film, animasi baik 2D maupun 3D juga mengenal yang namanya frame. Frame dalam film atau animasi diartikan sebagai gerakan dan akan lebih tepat disandingkan dengan waktu yakni frame per second FPS. Frame per second berarti jumlah gerakan yang dilakukan tiap detik. Dalam satu detik, sebuah gerakan film/animasi bisa menjalankan beberapa frame sekaligus secara kalian pernah menonton pembuatan kartun Tom & Jerry yang masih menggunakan kertas yang bertumpuk, maka tumpukan kertas itulah yang dikenal sebagai frame dan akan dijalankan secara cepat sehingga membentuk gerakan animasi. Sesuai dengan namanya, animasi frame by frame merupakan teknik animasi yang menjalankan frame demi frame untuk membentuk gerakan frame by frame biasanya digunakan untuk gerakan objek yang sangat detail dan halus. Tiap-tiap frame akan dimasuki objek yang tersusun rapi dalam sebuah keyframe yang berbeda. Berikut sekilas contoh penggunaan frame by frame by frame sederhanaCoba perhatikan pada stage dan pergerakan frame bagian bawah dengan yang berada pada Layer 1. Dalam animasi tersebut secara beruntun terdapat 5 keyframe dengan warna lingkaran yang berbeda. Tanda warna keyframe adalah bulatan hitam pada tiap-tiap frame. Jika kalian belum bisa membedakan frame dan keyframe, coba lihat gambar berikut. Frame hanya perpanjangan durasi, sedangkan keyframe adalah perubahan frame dan keyframeSemakin panjang frame sebuah objek, maka objek tersebut akan memiliki durasi tayang lebih lama. Semakin banyak sebuah keyframe dapat diartikan semakin banyak objek berbeda yang muncul dalam sebuah film/ Animasi Frame by FrameBerikut langkah mudah dan sederhana sekali dalam membuat animasi ini. Mengapa sederhana? Agar yang pemula bisa memahami dan mempraktikkan dengan mudah ya karena di sini kita sama-sama belajar hehe. Okey, langsung saja ke inti aplikasi Flash kalian. Silahkan pakai versi Flash berapapun karena untuk tahap ini semua versi Flash dokumen baru, pilih versi dokumen dengan AS Action Script sesuai keinginan kalian. Semua versi tersebut mendukung untuk dasar animasi yang akan kita buat. Dalam demo ini, saya akan memakai AS2 saja ya dengan Adobe Flash sementara, kalian abaikan ukuran stage. Biarkan saja stage demikian adanya dengan ukuran bawaannya default. Sekarang, buatlah lingkaran dengan oval tool dan berikan warna sesuka kalian. Perhatikan animasi berikutnya, buat keyframe baru di sebelah keyframe kedua pada Layer 1. Klik kanan di frame kedua > pilih Insert keyframe seperti tampilan warna lingkaran pada keyframe kedua dan pastikan berbeda dengan warna pada keyframe pertama tadi. Mengapa harus berbeda? Agar terlihat jelas animasi frame by frame yang telah kita buat ketika dimainkan. Jika warnanya sama, animasi frame by frame tidak akan kelihatan bahkan tidak ada bedanya dengan hanya memanjangkan durasi beberapa keyframe dengan pergantian warna lingkaran seperti di atas sampai sekitar lima memainkan animasi, tekan Ctrl + Enter secara bersamaan dari keyboard Apa yang kalian lihat dari animasi frame by frame kalian? Jika kalian melihat pergantian warna yang terjadi secara kontinyu di animasi kalian, itu artinya kalian berhasil membuat animasi frame by frame. Jika belum, bisa dipastikan ada yang salah dengan langkah kalian sebelumnya. Jangan ragu untuk berkomentar ya jika ada problem. Malu bertanya sesat di depan Flash loh hehe. Selamat belajar 😀