Multimedia

PROJEK I

ANIMASI INTERAKTIF UNTUK PROFIL PRIBADI

I.     Diskripsi

II.  Kebutuhan File

A.    File Utama :

1)                          Nama : Index.swf

2)                          Fungsi :

3)        Ukuran 800 x  600 pixel

4)        Jumlah layer dan fungsi masing-masingnya

Jumlah layer ada 5 buah.

·         Action = untuk penghubung antara swf lainnya

·         Teks = sebagai menampilkan teks “Profilku”.

·         Button = sebagai button diantaranya “Bodata”, “Pendidikan”, “organisansi”, dan “foto”

·         Bingkai = sebagai menampilkan bingkai pada layer index yang terbuat dari button

·         Bground= sebagai latar belakang atau warna dasar dari layar.

5)        Ukuran  dan koordinat masing –masing objek pada layer

B.     File Logo_1

1)                          Nama : logo1.swf

2)                          Fungsi :  menampilkan logo pada layer index.swf

3)        Ukuran 90 x  90 pixel

4)        Jumlah layer dan fungsi masing-masingnya

5)        Ukuran  dan koordinat masing –masing objek pada layer

C.    File Logo_2

1)                          Nama : logo2.swf

2)                          Fungsi :  menampilkan logo kedua pada layer index.swf

3)        Ukuran 90 x  90 pixel

4)        Jumlah layer dan fungsi masing-masingnya

5)        Ukuran  dan koordinat masing –masing objek pada layer

D.    File Biodata

1)                          Nama : Biodata.swf

2)                          Fungsi :  menampilkan Scene Biodata

3)        Ukuran 800 x  600 pixel

4)        Jumlah layer dan fungsi masing-masingnya

5)        Ukuran  dan koordinat masing –masing objek pada layer

E.     File Pendidikan

1)                          Nama : Pendidikan.swf

2)                          Fungsi :  menampilkan Scene Pendidikan

3)        Ukuran 800 x  600 pixel

4)        Jumlah layer dan fungsi masing-masingnya

5)        Ukuran  dan koordinat masing –masing objek pada layer

F.     File Organisasi

1)                          Nama : Organisasi.swf

2)                          Fungsi :  menampilkan Scene Organisasi

3)        Ukuran 800 x  600 pixel

4)        Jumlah layer dan fungsi masing-masingnya

5)        Ukuran  dan koordinat masing –masing objek pada layer

III.             Langkah Pembuatan masing-masing File

·   Index.swf

Maka akan tampil layar seperti ini:

Ambil menu Window> Common Libraries > Button

Maka akan muncul tampilan berikut ini:

Pilih button yang sesuai menurut kita:

 Untuk membawa ke layar kita, maka kita tarik saja ke dalam layar Macromedia Flash.

Pada awalnya hasilnya akan seperti yang di bawah ini:

Untuk memperlebarnya kita membutuhkan tool ini  , Free Tranfroms Tool (Q). Maka  lakukan pelebaran dan pembesaran tiap sudut layar karena kita akan membuat sebuah bingkai. Hasil akhirnya akan tampak seperti yang di bawah ini:

Langkah selanjutnya namai layer ini dengan nama bingkai:

Kemudian kita buat teks pada layar tersebut:

Beri sedikit efek Shadow pada teks “Profil” dengan langkah berikut ini:

Ganti bayangan nya dengan warna yang sedikit cerah seperti yang dibawah ini:

Tekan OK, jika pilihan kita telah sesuai dengan keinginan.

Untuk mengganti warna bingkai maka, ambil

Maka akan tampil seperti ini:

Ambil “Setting” pada menu Properties tersebut.

Selanjutnya atur sesuai keinginan, sehingga hasilnya akan seperti ini:

Langkah selanjutnya kita tambahkan sebuah layer lagi bernama “Button”.

Pada layer Button ini, kita tambahkan button berjenis teks seperti di bawah ini:

Langkah awalnya kita ambil menu Modify > Convert to Symbol

Lihat di menu libraries, maka akan seperti ini:

Lakukan hal yang sama pada button berikutnya:

Tampilannya akan seperti yang dibawah ini:

Untuk mengatur warna pada button ini, maka langkah awalnya klik dua kali pada button (misalnya pada biodata) lalu. Tampilannya akan seperti ini:

Lakukan “insert key frame” pada setiap menu yang ada seperti : UP, Over, dan Down. Beri warnay yang ada sehingga ketika di “Test Movie” hasilnya akan bervariasi.

Lakukan hal yang sama pada button lainnya.

Tambahkan layer bernama “Action”, sepertin yang di bawah ini:

Pada layer ini klik kanan > Action. Untuk memberi koneksi dengan logo1.swf maka gunakan rumus yang di bawah ini:

Untuk mempublishnya, kita ganti format dari layer ini menjadi *.swf . caranya sebagai berikut:

Centang “HTML” pada Publish Setting ini dan tekan OK.

Sehingga jika kita “test Movie” , akan terlihat seperti yang di bawah ini”

Untuk memasukkan logo yang kedua, maka kita copy kan logo1.fla pada Windows Explorer.

Logo2

Buat symbol baru bernama “Logo 2” dengan mengikuti langkah-langkah berikut ini:

Tarik Logo2 pada Library ke layar utama.

Sehingga tampil titik putih pada layar. Beri label pada symbol ini dengan nama “logo2_mc”.

Klik kanan pada layer2 > action

Dan masukkan rumus seperti yang di bawah ini:

Hasilnya akan tampak seperti yang di bawah ini:

Jika telah selesai, maka kita simpan dengan menggunakan menu: File > Save

·         Logo1

Pembuatan logo, kita membutuhkan layar yang berukuran 90 X 90. Seperti yang di bawah ini:

Tampilan pada layar seperti ini:

Ambil menu  ini, dan buat persegi seukuran layer diatas:

Pastikan ukurannya sama dengan ukuran yang kita ingin kan sehingga semua nya tertutupi. Untuk mengaturnya kita pilih pada menu berikut ini:

Beri nama layer ini dengan nama “bground”. Seperti yang di bawah ini:

Untuk membuat nama “Logo” pada layer kita butuh layer bernama “Logo” seperti yang di bawah ini:

Atur font logo tersebut sesuai keinginan kita:

Tampilan yang dihasilkannya adalah sebagai berikut:

Langkah terakhirnya, kita simpan dengan nama “Logo 1” dan jangan lupa di publish menjadi *.swf seperti sebelumnya.

·         Biodata.swf

Selanjutnya kita buat lagi sebuah layer dengan  ukuran 800 X 600, seperti yang di bawah ini:

Buat tampilan seperti ini:

Lihat hasilnya seperti di bawah ini:

Pembuatan Pendidikan sama halnya dengan Biodata.

Hasilnya akan seperti ini:

Pendidikan.swf

Organisasi.swf

IV.             Pemanggilan / Pengintegrasian masing-masing File