Membuat Animasi Sederhana Dengan Permainan Keyframe
Flash merupakan Software animasi yang hebat, kali ini saya akan mencoba membuat yang sederhana yaitu membuat animasi sederhana dengan permainan keyframe...
Ini berawal dari keisengan saya mengutak atik software ini, ya namanya juga baru belajar jadi maaf bila ada yang kurang jelas disini, hehehe...
Ok, mari kita coba mulai saja...
Langkah 1
Buka Program Flash MX kamu
Lalu pilih new... Flash Document
Langkah 2
Menentukan besarnya STAGE (coba pelajari dulu layout Flash agar lebih paham)
Caranya:
1. Klik Size pada Properties
2. Akan Muncul Document Properties
Atur dimensions:
disini saya menggunakan 300 x 200 px
3. Tekan OK
Langkah 3
1. Tekan R pada keyboad lalu gambar kotak di Stage
2. Lakukan pewarnaan dengan menekan V pada keyboard dan klik kotak lalu pilih Fill yang ada tanda nomor 2 di gambar
3. Pilih warna disini saya menggunakan warna biru dongker dengan nilai hexadecimal #000066
Langkah 4
Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah namun disini saya mengeti huruf "F"
Langkah 5
Lihat Kotak Timeline
Di situ kita akan bermain... ;P
Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah
hal ini untuk mengatur ritme dari animasi
OK tekan sebanyak 5 X
Hasilnya:
lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul
jika sudah tambahkan huruf pada stage
Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH
tutorial Flash
OK!!!
Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter
Hasilnya:
Flash animasi,,, Siapa takut!!!
OK sampai ketemu di postingan saya Selanjutnya..
Semoga Bermanfaat..
Membuat Animasi Sederhana dengan Motion tweening
Halo semua !!. Nah pada kesempatan kali ini di tutorial flash ini kita akan membahas membuat animasi sederhana menggunakan motion tweening. Langsung saja ya.. Kita buka program Flash dulu
Langkah pertama, yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah, di sana ada menu di lingkari dengan warna merah .. Nah klik sebanyak 2 kali maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer
Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya
Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya
Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian .. Pakek punyaku juga boleh…
Setelah itu klik layer bola , dan buat bentuk bola denga warna putih
Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame
Jika sudah semua hasilnya kurang lebih seperti ini
Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola
Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe
Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol “ v “ di keyboard >>kemudian klik gambar bolanya
Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda panah kanan di keyboard agar posisinya tidak berubah )
Klo sudah selesai hasilnya seperti gambar yang di atas
Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam frame / seperti gambar di bawah ini>>kemudian pilih create motion tween
Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween
Semua juga sama buat semua layer di rubah menjadi motion tweening
Hasilnya: kira2 seperti ini:
Jika semua sudah selesai tinggal kita menekan ctrl+enter dan nikmati hasilnya
Selamat mencoba ini teman..
Semoga Bermanfaat..
Kamis, 29 Maret 2012
Rabu, 28 Maret 2012
Layout Web Design
Cara menambah gambar pada design web sebagai berikut :
1. Pilih Common
2. Lihatlah icon-icon yang ada kemudian klik icon images.
3. Pilihlah image yang anda inginkan
4. Kemudian klik Ok
5. Setelah itu munculah kotak dialog,Anda hanya tinggal mengklik Ok.
Cara menambah Flash dalam design web :
1. Pilih Common.
2. Perhatikan icon-icon yang ada dan pilihlah media flash.
3. Cari tempat penyimpanan flash anda.
4. Pilih flash yang akan anda masukan ke dalam desain web namun yang berformat SWF
5 .Kemudian Ok
6. Akan muncul kotak dialog dan anda hanya mengklik OK dan hasil dalam design sebagai berikut :
7. Untuk melihatnya tekan F12.
Cara menambah Tabel pada design Web :
1. Pilih Common
2. Perhatikan icon-icon yang ada dan pilihlah table.
3. Tentukan rows dan columns yang anda inginkan.
4.Tentukan pula ukuran beserta header
5. Lalu klik OK
6. Anda bisa mempersempit ataupun memperlebar tabel secara manual dengan menempatkan kursor pada garis tabel.
Cara menambahkan Flash Button dalam design web :
1. Pilih common.
2. Perhatikan icon-icon yang ada dan pilih media flash button.
3. Tentukan style yang diinginkan
4. Tentukan pula text button dan pilih fontnya
5. Dan jika anda ingin meng-link klik browse dan pilih html yang anda tentukan
6. Kemudian klik OK
Cara mengubah gambar background :
1. Perhatikan properties pada bagian bawah
2. Klik Page Propertise sehingga muncul sbb
3. Klik background image dan tentukan image yang anda inginkan
4. Kemudian pilih OK.
Langganan:
Postingan (Atom)