Kamis, 29 Maret 2012

Belajar Flash

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)

Tutorial Flash Animasi

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
Tutorial Flash Animasi
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"
Tutorial Flash Animasi

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:
Tutorial Flash Animasi


lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul
jika sudah tambahkan huruf pada stage
Tutorial Flash Animasi

Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH
Tutorial Flash Animasi
tutorial Flash
OK!!!

Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter
Hasilnya:
Tutorial Flash Animasi
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
tutorial flash

Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya
tutorial flash

Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya
tutorial flash

Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian .. Pakek punyaku juga boleh…
tutorial flash

Setelah itu klik layer bola , dan buat bentuk bola denga warna putih
tutorial flash
Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame
tutorial flash

Jika sudah semua hasilnya kurang lebih seperti ini
tutorial flash

Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola
tutorial flash

Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe
tutorial flash

Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol “ v “ di keyboard >>kemudian klik gambar bolanya
tutorial flash

Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda panah kanan di keyboard agar posisinya tidak berubah )
tutorial flash

tutorial flash

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
tutorial flash

Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween
tutorial flash

Semua juga sama buat semua layer di rubah menjadi motion tweening
tutorial flash

Hasilnya: kira2 seperti ini:


Jika semua sudah selesai tinggal kita menekan ctrl+enter  dan nikmati hasilnya
Selamat mencoba ini teman..
Semoga Bermanfaat..

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.

Semoga Bermanfaat :)