Thursday, November 19, 2015

Membuat Profil Sederhana Menggunakan Macromedia Flash 8

Bagaimana membuat profil pribadi menggunakan macromedia flash?

1. Buat halaman index https://www.dropbox.com/s/6ph1oiomd7mosal/index.fla?dl=0

2. Buat halaman profil https://www.dropbox.com/s/m0bi9iwpcsw7mti/profil.fla?dl=0

3. Buat halaman galeri https://www.dropbox.com/s/d27jvts31yq1hxt/galeri.fla?dl=0

4. Buat halaman kontak https://www.dropbox.com/s/ize9vo24f3jgrj2/kontak.swf?dl=0

5. Selesai..

Saturday, November 14, 2015

Tutorial Membuat Halaman Index Menggunakan Macromedia Flash Professional 8

1.    Buat folder untuk penyimpanan.
2.    Ubah size pada properties sesuai Screen Resolution laptop atau PC anda.
Untuk mengetahui Screen Resolution laptop atau PC anda, klik kanan desktop pilih personalize.
Disini saya menggunakan size 1366x768 pixel.
3.  Ubah nama layer dengan nama background. Pilih Rectangle Tool untuk membuat background, pilih warna untuk background sesuka anda. Sesuaikan ukurannya dengan Screen Resolution anda.

4.    Buat layer ke 2 dengan nama tombol. Buat tombol merah, kuning, hijau dan tombol close.

gambar Tombol Utama
gambar Tombol Close
    Bagi anda yang belum tahu bagaimana langkah membuat tombol. Silahkan klik                                      http://blogadikristi.blogspot.co.id/2015/11/belajar-multimedia-2.html
Untuk melihat bagaimana langkah-langkah membuat tombolnnya.
5. Buat layer baru dengan nama action. Tekan f9 pada awal frame seperti pada gambar:


6.    Buat layer baru dengan nama content. Buat header berwarna merah. Seperti pada gambar dibawah ini:


7.    Buat lembar kerja baru dengan nama merah, kuning dan hijau.
Pindahkan content yang terdapat di file index ke file merah, kuning dan hijau secara bergantian. Caranya, ubah nama layer pada file merah, kuning dan hijau dengan nama content. Cut frame content pada file index dan paste pada content file merah, kuning dan hijau agar ukurannya sesuai dengan halaman index.
Ubah lebar content file kuning dan hijau, serta beri warna sesuai nama file.
Buat tombol close juga pada content berwarna merah, kuning dan hijau hingga tampak seperti gambar dibawak ini:
a.       File merah


b.       File kuning


c.       File hujau


d.       Beri action disetiap tombol close. Klik tombol tekan f9


8.    Setelah membuat halaman untuk 3 tombol utama pada index, sekarang kita beri action disetiap tombolnya.
a.       Klik tombol merah, tekan f9


b.       Klik tombol kuning, tekan f9


 c.       Klik tombol hijau, tekan f9

9.    Jalankan dengan cara buka foder penyimpanan dan klik file ber extensi .swf
Maka hasil akhirnya akan seperti pada gambar dibawah ini:

gambar Tampilan Awal Halaman Index

gambar Tampilan Tombol Merah

gambar Tampilan Tombol Kuning

gambar Tampilan Tombol Hijau


Tutorial Membuat Kipas Dengan Macromedia flash Professional 8

1.        Ubah layer name dengan nama kipas.



2.        Ubah fps pada properties


3.        Buat gambar kipas


4.        Klik 2x pada gambar kipas, klik kanan convert to symbol beri nama mc_kipas dengan type movie clip lalu ok.
5.        Buat layer seperti pada gambar dibawah ini:


6.        Buat tombol terlebih dahulu.
gambar Tombol Pada Kipas



Lakukan langkah tersebut ke semua tombol.
Fungsi tombol: Merah untuk tombol off. 1 untuk play pelan dan 2 play cepat.

7.        Klik kanan Insert keyfame pada layer kipas, lihat gambar dibawah:


Ubah rotate disetiap frame yang semula auto menjadi CW. Klik kanan pada frame pilih create motion tween


8.        Klik kanan insert keyframe pada layer label sesuai dengan frame pada layer kipas dan beri nama lambat dan cepat pada frame label.

9.        Tambahkan insert keyframe pada layer action, peletakkan insert keyframe disetiap akhir proses cepat dan lambat pada layer label. Maka hasilnya akan seperti ini:
Akhiri semua layer di frame ke 50.


10.    Terakhir kita beri action script-nya, pada layer action. Tekan f9 pada frame no 39 dan 49, seperti pada gambar dibawah ini:
 

11.    Test Movie (ctrl+enter)
12.    Done :D



Sunday, November 1, 2015

Belajar multimedia 2

Kalau kemarin kita sudah belajar tentang action movie control, yang buat lampu lalu lintas dengan nomor ganjil saja yang jalan. Sekarang saya ingin menambahkan tombol pada lampu lalu lintas kemarin. Bagi kalian yang belum tahu bagaimana bikinnya yuk simak tutorialnya kemarin di http://blogadikristi.blogspot.co.id/2015/10/pengenalan-tentang-multimedia.html. kalau sudah, kita lanjut buat tombolnya.

Yang pertama, buat lingkaran berwarna merah, kuning, hujau, preview(>>), next(<<), play dan stop. Dimana masing-masing lingkaran dan text yang sudah dibuat kita convert kesimbol caranya klik lingkaran atau text yang kalian pilih, klik convert to symbol beri nama button_(sesuai warna lingkaran dan text) dan jangan lupa pilih type button dan ok. Lakukan cara tersebut ke tiga lingkaran dan text yang akan dijadikan tombol. Jika sudah, klik dua kali tombol merah, maka akan tampil seperti gambar berikut:


Klik copy frame dan paste di bagian over. Jangan lupa ganti warna abu-abu atau warna lain supaya bisa membedakan warnanya ketika tombol di klik.
Lakukan hal tersebut ke semua lingkaran dan text yang akan dijadikan tombol.
Maka hasilnya akan seperti gambar dibawah ini.


2. untuk tombol play. Klik kanan tombol pilih actions. Masukkan script seperti pada gambar dibawah ini

-         tombol stop. Klik kanan tombol pilih actions. Masukkan script seperti pada gambar dibawah ini


          tombol prevFrame. Klik kanan tombol pilih actions. Masukkan script seperti pada gambar dibawah ini

-         -             tombol next. Klik kanan tombol, pilih actions. Masukkan script seperti pada gambar dibawah ini:


-         -               tombol merah,kuning dan hijau. Tombol ini berfungsi untuk menampilkan angka sesuai warna tombol.
Cara untuk mengaktifkan tombol ini, yang pertama buat frame baru pada layer label dengan cara insert keyframe di awal angka yang berwarna merah/kuning/hijau, lalu beri nama frame pada frame label dengan nama merah/ sesuai warna tombol.
Jika sudah, tambahkan keyframe, dengn klik kanan insert keyframe pada label action. Peletakkan keyframe ini berasa di akhir angka yang berwarna merah/kuning/hijau.
Lakukan cara tersebut untuk ketiga tombol tersebut.
Lalu, beri script pada masing-masing tombol. Klik kanan salah satu tombol, pilih actions (f9) beri script seperti gambar dibawah ini:
Untuk tombol merah:


Untuk tombol kuning :


Untuk tombol hijau:

3. selesai………………………………………………

Selamat Mencoba… :)