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