Jumat, 18 November 2011
Selasa, 01 November 2011
^-^ Dasar - dasar Macromedia Flash ^-^
Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH
Di bawah ini merupakan window dari Flash MX
Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Flash MX secara detail:
- Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda.
- Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi.
- Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage.
- Color Window, merupakan window yang digunakan untuk mengatur warna pada objek yang Anda buat.
- Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script untuk Flash MX.
Biasanya Action Script digunakan untuk mengendalikan objek yang Anda buat sesuai dengan keinginan Anda.
- Properties, merupakan window yang digunakan untuk mengatur property dari objek yang Anda buat.
- Components, digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke internet.
^-^ Membuat Jam Dinding ^-^
Tik tok tik tok, sambil menunggu waktu berbuka puasa lebih baik kita belajar animasi dengan Flash. Pada Tutorial Flash kali ini kita akan mencoba membuat jam dinding sederhana. Penasaran cara membuatnya? mari kita belajar bersama di IlmuGrafis
Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5
2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna
3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam
4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)
5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.
6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.
7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.
8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam
9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
Masukkan code script berikut ini:
10. Tekan Ctrl+Enter untuk melihat hasilnya.
kira - kira seperti ini:
Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf.
^-^ Membuat Gradien ^-^
Pada Tutorial kali ini kita akan mempelajari cara membuat gradien di Flash, membuat gradien di flash agak sedikit berbeda dengan gradien di photoshop karena di flash kita bukan memakai fill tapi cenderung memakai pengaturan color (Shift + Alt + F9)
Ok, mari kita praktekkan dengan Tutorial:
1. Buka Program Adobe Flash, Disini Bisa menggunakan Adobe Flash CS3,CS4,CS5
2. Pada Lembar kerja buatlah gambar terserah tapi disini saya akan mencontohkan dengan menggambar kotak, pada pengaturan sudut (Rectangle Option) gunakan angka 15
Gunakan Free Transform Tool (Q) untuk mengatur besar kecilnya kotak yang anda buat
3. Seperti penjelasan saya di awal, kita tidak bisa merubah fill karena fill hanya terdiri dari 1 Warna, untuk itu kita harus masuk ke pengaturan color dengan Window - color (Shift + Alt + F9) nanti akan muncul Color Setting seperti ini
Pilih Linear Gradien atau Radial Gradien, namun disini saya mencontohkan dengan linear gradien , Anda bisa memilih Flow: Extend Color
Untuk pengaturan Warna yang diinginkan bisa klik kedua panel di bawah yang ada tanda 2 panah caranya klik kotak tersebut dan pilih warna yang anda inginkan
Contohnya:
Kombinasi hitam dan biru
4. Ok sekarang pasti anda bertanya-tanya.... bagaimana cara mengubah posisi gradien agar tidak kaku seperti gambar di atas, ahaaa.... caranya gunakan Gradient Transform Tool (F)
Anda bisa mengatur bentuk gradien yang anda inginkan
dan juga memberikan hiasan text
Hasilnya kira-kira seperti ini
Gradien di Flash
Selamat Belajar Flash, SEMOGA BERMANFAAT
^-^ Animasi Berputar (Kipas Angin) ^-^
^-^ Membuat Animasi Ombak ^-^
Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8...
1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam
2. Ganti warna fill color menjadi #336699 dan warna stroke dijadikan none
3. Klik rectangle tool untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.
4. Klik kanan di frame 15 lalu klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri
Gambarnya :
7. Klik di frame 1 lalu pilih tween shape
gambarnya
Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>
8. Klik Di frame 15 pilih tween shape
9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames
kemudian Pastekan di frame 60
10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:
Selamat mencoba...(@_@)
Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya