Uploaded by User54504

tutorial company profile 1

advertisement
1|
Macromedia Flash 8.0 Untuk Membuat
Company Profile
Dalam membuat Company Profile setidaknya ada beberapa kemampuan dalam
menggunakan aplikasi Flash yang harus dikuasai, yaitu ;
1. Mampu memahami Timeline dan Frame
2. Mampu membedakan Frame biasa dengan Keyframe serta Blank Keyframe
3. Membuat Layout dan Link dengan tombol.
4. Membuat Isi (konten) (Gambar, Tulisan, Video, Suara, dll)
|
HEADER
KONTEN GAMBAR
TOMBOL
KONTEN/ISI
FOOTER
|
Kita akan mencoba membuat Company Profile untuk POliteknik Negeri Banjarmasin….. yang
tidak berbeda jauh seperti contoh di atas…
|
Langkah Pembuatan Layoutnya adalah sebagai berikut ;
1. Buatlah 3 Layer Background sebagai berikut (Framenya dibuat sampai 60):
Framenya dibuat dengan cara  klik kanan pada frame
60 lalu  Insert Frame. Atau dengan shortcut keyboard F5. Objek dibuat pada Frame
paling awal (pada Frame 1). Setelah selesai, kuncilah Frame-nya (agar obyek
tidak berubah, atau bergeser)
Isi layer tersebut adalah :
Isi Layer Background3
Isi Layer
Background2
Isi Layer Background1
|
2. Oke, Kita sudah punya layout berupa background. Langkah selanjutnya buatlah layer
baru dengan nama header footer, yaitu layer dengan isi berupa Teks, sebagai berikut :
HEADER & FOOTER
Dalam 1 layer
|
3. lalu kita buat layer lagi, yaitu layer tombol :
Cara buat tombol :
caranya digambar dulu bentuk shape, lalu  klik kanan shape
 convert to Symbol  pilih Button  diberi nama. Selesai.
|
Cara menganimasikan tombol bisa juga kan? Caranya adalah, pilih tombol yang akan
dianimasikan, lalu klik kanan  Edit in Place. Atau tombol itu diklik 2x.
Maka masuk ke timeline yang punya Frame : Up, Over, Down , Hit.
Up : kondisi netral/tombol berada diatas ; Over : saat mouse diatasnya ; Down : Saat di klik ;
Hit : area tombol
Setelah selesai mengedit tombol, maka keluarlah dari Edit in Place, dengan cara klik
2x diluar area tombol.
|
Setelah selesai dalam membuat 1 tombol, maka tinggal diduplikat aja dalam satu
layer. Caranya adalah dengan di Copy lalu di Paste hingga jumlahnya sesuai
keinginan, lalu ditata hingga rapi dengan menu Align and Transform.
Tombol di Copy dalam satu layer
|
4. Kalau tombolnya sudah jadi, terus langkah selanjutnya adalah membuat layer baru
dengan nama Label Tombol. Nah, layer ini berisi tulisan yang diletakkan diatas
tombol. Gambarnya:
Ini label tombolnya,
Berada pada layer
diatas layer tombol
Buatlah tulisan Home, Profil , Jurusan, Gallery dan Kontak sebagai label
tombolnya.
|
5. Langkah selanjutnya adalah membuat layer baru dengan nama Konten Gambar, yang
akan kita isi dengan konten berupa gambar. Nah, disini perlu paham konsep
Keyframe. Yaitu, frame yang berisi Objek Kunci (yang bisa diedit/dianimasikan).
Kita akan buat Keyframe pada Frame 1, 11, 21, 31, dan 41. Masing-masing keyframe
berisi gambar yang berbeda.
Ini gambar pada Keyframe 1
Keyframe pada layer
“Konten Gambar” yang
berisi gambar. Pada tiap
keyrame berbeda-beda
gambarnya.
|
Ini gambar pada Keyframe 11
(perhatikan Playhead)
Ini gambar pada Keyframe 21
(perhatikan Playhead)
Tujuannya, nanti gambar ini akan menjadi halaman-halaman company profile.
Misalnya, pada saat tombol kontak ditekan, maka animasi akan menuju ke frame 41.
|
6. Langkah selanjutnya adalah membuat layer baru dengan nama ”Konten/Isi”, yang
akan kita isi dengan konten berupa tulisan. Buatlah Keyframe pada frame 11, 21, 31,
dan 41 yang isinya tulisan. Pada keyframe 1 isilah dengan tulisan selamat datang
terserah sesuai keinginanmu.
Keyframe pada layer
“Konten/Isi” berisi tulisan
ini..
6.1. pada keyframe 11 tulis kalimat dibawah ini , menggunakan scroll teks (cara ada di hal.25) :
PROFIL
Pembangunan di Indonesia utamanya di wilayah timur sangat memerlukan tenaga-tenaga
yang trampil dan ahli guna memenuhi kebutuhan tenaga kerja golongan menengah bagi
pembangunan industri dan pendukungnya. Antara lain dibidang elektronika, telekomunikasi,
informatika, sipil, bangunan gedung, transportasi, mesin, otomotif, administrasi bisnis,
akuntansi, syari'ah serta lainnya.
Dengan luas areal kampus sebesar ...hektare dengan luas bagunan ...m2, Politeknik Negeri
Banjarmasin yang berada di area Kampus Universitas Lambung Mangkurat (UNLAM)
Banjarmasin berusaha untuk menghasilkan tenaga-tenaga yang dibutuhkan untuk
pembangunan Indonesia saat ini.
Sebagai salah satu perguruan tinggi di Banjarmasin-Kalimantan Selatan, Poliban
menyelenggarakan pendidikan terapan dalam sejumlah bidang pengetahuan khusus dengan
jenjang Diploma III dan Diploma IV dengan lama studi adalah 6 (enam) semester yang
dapat ditempuh selama 3-5 tahun.
|
Ini teks pada Keyframe 11
(perhatikan Playhead)
6.2. Isilah keyframe 21, dengan tulisan :
JURUSAN
Bidang Rekayasa
---------------------- Program Studi Teknik Sipil
- Program Studi Teknik Mesin
- Program Studi Teknik Elektro
Bidang Tata Niaga
----------------------- Program Studi Akuntansi
- Program Studi Administrasi Bisnis
6.3. Keyframe 31 berisi Gallery (bisa dimuatkan gambar,dll). Contoh galeri dapat dilihat pada Hal. 20
6.4. Keyframe 41 diisi dengan Kontak, yaitu alamat dan no.telpon.
|
7. Langkah selanjutnya adalah membuat layer baru dengan nama ”Actions”, yang akan
kita isi dengan Actionscript. Buatlah Blank Keyframe pada frame 1, 11, 21, 31, dan
41. Lalu berilah action ” stop(); ” pada frame 1 sebagai berikut :
Lakukan langkah yang sama (memberikan Action ” Stop(); ”) pada frame 1, 11, 21,
31, dan 41.
8. Nah, langkah yang terakhir adalah memberikan Action script pada tombol.
Pada tombol Home berilah Action jika ditekan menuju frame 1;
on (release) {
gotoAndStop(1);
}
Pada tombol Profile Sekolah berilah Action jika ditekan menuju frame 11;
on (release) {
gotoAndStop(11);
}
|
Pada tombol Jurusan berilah Action jika ditekan menuju frame 21;
on (release) {
gotoAndStop(21);
}
Pada tombol Gallery berilah Action jika ditekan menuju frame 31;
on (release) {
gotoAndStop(31);
}
Pada tombol Kontak berilah Action jika ditekan menuju frame 41;
on (release) {
gotoAndStop(41);
}
Sekarang.... coba anda jalankan menggunakan Ctrl + Enter
Download