Laporan Tugas Akhir Mata Kuliah Teknik Multimedia CD Interaktif Budaya Jambi
IFAN APRIANA J3C109156 MANAJEMEN INFORMATIKA 2A PRAKTIKUM 1
PROGRAM KEAHLIAN MANAJEMEN INFORMATIKA DIREKTORAT PROGRAM DIPLOMA INSTITUT PERTANIAN BOGOR BOGOR 2011
i
Kata Pengantar
Segala puji kepada Allah SWT yang telah melimpahkan Rahmat dan Hidayah kepada semua hamba-nya. Salawat serta salam selalu tercurah kepada junjungan kita Nabi Muhammad saw beserta keluarga, sahabat dan kerabat beliau sampai akhir zaman. Alhamdulillah berkat rahmat Allah-lah saya dapat menyelesaikan tugas Tekhnik Multimedia ini yang berjudul “Pembuatan CD Interaktif Budaya Jambi” dalam melengkapi tugas yang diberikan dosen. Selama penyusunan laporan ini saya selaku penulis telah banyak mendapat bantuan dari berbagai pihak, terutama dari Bapak Guruh Ramdani selaku koordinator mata kuliah Tekhnik Multimedia. Ucapan terima kasih kepada semua pihak yang telah ikut adil dan terlibat baik secara langsung maupun tidak langsung dalam membantu penulisan laporan ini.Semoga berguna sebagai pembelajaran lebih lanjut tentang multimedia ini. Mungkin masih banyak kekurangan terhadap laporan ini, untuk itu saran dan kritik pembaca sangat membantu untuk meningkatkan kreativitas dalam project ini.Terima kasih.
ii
Daftar Isi
Kata Pengantar......................................................................................................................................... i Daftar Isi ................................................................................................................................................. iii Daftar Gambar ....................................................................................................................................... iv Bab I ........................................................................................................................................................ 1 Pendahuluan ........................................................................................................................................... 1 1.1 Latar Belakang............................................................................................................................... 1 1.2 Rumusan Masalah ......................................................................................................................... 1 1.3 Tujuan ........................................................................................................................................... 1 Bab II ....................................................................................................................................................... 2 Hasil dan Pembahasan ............................................................................................................................ 2 2.1 Definisi Multimedia ....................................................................................................................... 2 2.2 Jenis Navigasi yang dipergunakan................................................................................................. 3 2.3 Langkah-langkah Pembuatan ........................................................................................................ 4 2.3.2 Icon......................................................................................................................................... 6 2.3.3 Layout................................................................................................................................... 11 2.3.4 Navigasi ............................................................................................................................... 12 2.3.5 Sound ................................................................................................................................... 14 2.3.6 Animasi................................................................................................................................. 15 BAB III .................................................................................................................................................... 35 PENUTUP ............................................................................................................................................... 35 3.1 Kesimpulan.................................................................................................................................. 35 3.2 Saran ........................................................................................................................................... 35 Daftar Pustaka....................................................................................................................................... 36
iii
Daftar Gambar Gambar 1. Flow Chart – Budaya Jambi .................................................................................................. 5 Gambar 2. Icon Permainan ..................................................................................................................... 7 Gambar 3. Icon Upacara ritual ................................................................................................................ 7 Gambar 4. Icon kebiasaan ....................................................................................................................... 7 Gambar 5. Icon Ladang-ladangan ........................................................................................................... 7 Gambar 6. Icon Gasing ........................................................................................................................... 8 Gambar 7. Icon Bedil-bedilan ................................................................................................................. 8 Gambar 8. Icon Cara bermain ................................................................................................................. 8 Gambar 9. Icon peraturan ....................................................................................................................... 8 Gambar 10. Icon kenduri Sko ................................................................................................................. 9 Gambar 11. Icon pernikahan ................................................................................................................... 9 Gambar 12. Icon Keunikan ..................................................................................................................... 9 Gambar 13. Icon Tujuan ......................................................................................................................... 9 Gambar 14. Icon Adat Istiadat .............................................................................................................. 10 Gambar 15. Icon Tahap pelaksanaan .................................................................................................... 10 Gambar 16. Icon Bahasa ....................................................................................................................... 10 Gambar 17. Icon Piamo ........................................................................................................................ 10 Gambar 18. Umo bekandang siang, kerbo bekandang malam .............................................................. 11 Gambar 19. Icon Asal Usul ................................................................................................................... 11 Gambar 20. Icon Kontroversi................................................................................................................ 11 Gambar 21. Icon Persamaan dengan bahasa lain .................................................................................. 11 Gambar 22. Layout ............................................................................................................................... 12 Gambar 23. Navigasi ............................................................................................................................ 13 Gambar 24. Sound 1 ............................................................................................................................. 14 Gambar 25. Sound 2 ............................................................................................................................. 14 Gambar 26. Intro background ............................................................................................................... 15 Gambar 27. Intro garis .......................................................................................................................... 16 Gambar 28. Intro kotak ......................................................................................................................... 16 Gambar 29. Intro masking .................................................................................................................... 17 Gambar 30. Hujan icon 1 ...................................................................................................................... 17 Gambar 31. Hujan icon 2 ...................................................................................................................... 18 Gambar 32. Hujan icon 3 ...................................................................................................................... 18 Gambar 33. Intro tulisan ....................................................................................................................... 19
iv
Gambar 34. Intro tulisan 2 .................................................................................................................... 19 Gambar 35. Intro lingkaran 1 ................................................................................................................ 20 Gambar 36. Intro lingkaran 2 ................................................................................................................ 20 Gambar 37. Intro lingkaran 3 ................................................................................................................ 21 Gambar 38. Intro lingkaran 4 ................................................................................................................ 21 Gambar 39. Intro lingkaran 4 ................................................................................................................ 22 Gambar 40. Intro lingkaran 5 ................................................................................................................ 22 Gambar 41. Intro lingkaran 5. ............................................................................................................... 23 Gambar 42. Intro lingkaran 6 ................................................................................................................ 23 Gambar 43. Button 1 ............................................................................................................................. 24 Gambar 44. Button 2 ............................................................................................................................. 24 Gambar 45. Action ................................................................................................................................ 25 Gambar 46. Script link .......................................................................................................................... 25 Gambar 47. Layout utama..................................................................................................................... 26 Gambar 48. Movie clip ......................................................................................................................... 26 Gambar 49. Efek jari 1 .......................................................................................................................... 27 Gambar 50. Efek teks ............................................................................................................................ 27 Gambar 51. Efek bintang ...................................................................................................................... 28 Gambar 52. Efek sentuhan .................................................................................................................... 28 Gambar 53. Efek geradasi ..................................................................................................................... 29 Gambar 54. Efek color mixer................................................................................................................ 29 Gambar 55. Tampilan utama 1.............................................................................................................. 30 Gambar 56. Tampilan utama 2.............................................................................................................. 30 Gambar 57. Button jenis 1 tahap pertama ............................................................................................. 31 Gambar 58. Button jenis 1 movie clip .................................................................................................. 31 Gambar 59. Button jenis 1 teks ............................................................................................................. 32 Gambar 60. Button jenis 1 bola merah merkedip ................................................................................. 32 Gambar 61. Button 1 selesai. ................................................................................................................ 33 Gambar 62. Button jenis 2 .................................................................................................................... 33 Gambar 63. Button jenis 2 up ............................................................................................................... 34 Gambar 64. Button jenis 2 selesai......................................................................................................... 34
v
Bab I Pendahuluan 1.1 Latar Belakang Didalam laporan ini akan dibahas tentang salah satu Budaya indonesia khususnya Budaya Daerah Jambi. Tema ini dapat sebagai pembelajaran tentang budaya-budaya yang ada di Indonesia. Perkembangan jaman kadang membuat budaya-budaya tersebut terlupakan di kalangan masyarakat yang seharusnya tetap di lestarikan agar generasi kita tetap dapat melihat dan merasakan akan budaya tempat mereka lahir ini. Oleh karena itu dalam laporan ini dibahas mengenai pembuatan CD interaktif Budaya Jambi mengunakan Flash, dan mengenai Budaya-budaya jambi lebih mendalam. Dengan penyajian yang lebih modern dan mengunakan gambar-gambar yang bergerak semoga bisa menjadi lebih menarik untuk dilihat oleh siapapun. 1.2 Rumusan Masalah Berdasarkan cerita rakyat setempat, nama jambi berasal dari perkataan “jambe” yang berarti “pinang”. Nama ini ada hubungannya dengan legenda yang hidup dalam masyarakat, yaitu legenda mengenai Raja Putri Selaras Pinang Masak. Lalu tentang semua istiadat cara hidup, upacara ritual sudah diterapkan sejak dahulu dan hingga sekarang masih digunakan dengan baik oleh masyarakatnya seperti upacara pernikahan yang khas dan memiliki perbedaan dengan pernikahan di daerah lain, ini memungkinkan berasal dari perilaku yang diturunkan oleh orang terdahulu di daerah mereka masingmasing. 1.3 Tujuan Tujuan dibuatnya CD interaktif ini adalah untuk memperkenalkan Budaya Indonesia ke masyarakat luas khususnya Budaya Jambi, mengenai adat istiadat, bahasa, dan perilaku budaya tersebut. Tujuan umum yang diutaman dalam pembuatan CD interaktif ini adalah : Memberi informasi mengenai budaya jambi yang lebih dalam Memberi informasi stuktur perilaku budaya jambi Memberi informasi tentang adat istiadat budaya jambi Memberi informasi tentang permainan-permainan yang berada di dalam budaya jambi
1
Bab II Hasil dan Pembahasan 2.1 Definisi Multimedia Multimedia berasal dari kata Multi (latin nouns) yang berarti banyak, atau bermacam-macam, dan Medium (latin) yang berarti sesuatu yang dipakai untuk menyampaikan atau membawa sesuatu, atau alat untuk mendistribusikan dan mempresentasikan informasi (American Heritage Electronic Dictionary, 1991). Multimedia dapat diartikan sebagai penggunaan beberapa media yang berbeda untuk menggabungkan dan menyampaikan informasi dalam bentuk text, audio, grafik, animasi dan video. Beberapa definisi menurut beberapa ahli : Kombinasi dari komputer dan cideo (Rosch, 1996) Kombinasi dari tiga elemen suara, gambar dan teks (McComick,1996) Kombinasi dari paling disedikit dua media input atau output. Media ini dapat berupa audio (suara, musik), animasi, video, teks, grafik dan gambar (Turban kawan-kawan, 2002) Alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan video (Robin dan Linda, 2001) Multimedia dalam konteks komputer menurut Hofstetter 2001 adalah : pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, video, dengan menggunakan tool yang memugkinkan pemakai berinteraksi, berkreasi dan berkomunikasi. Sedangkan menurut wikipedia.com : “Multimedia adalah penggunaan beberapa media yang berbeda untuk menyampaikan informasi berupa text, suara, gambar, animasi, video dan interaksi. Multimedia juga berhubungan dengan perlengkapan komputer penyimpanan data, terutama data penyimpanan multimedia”.
2
2.2 Jenis Navigasi yang dipergunakan Navigasi adalah bagian dari CD interaktif atau situs Web yang berguna untuk memandu pengunjung menjelajahi muatan CD atau situs dan menghantarkan pengguna atau pengunjung pada isi yang mereka cari. Dalam media cetak, pembuatan navigasi ini dilakukan ketika membuat pertimbangan layout. Contoh nyata navigasi dalam media cetak, yaitu daftar pustaka, atau indeks yang menuntun pembaca menuju ke sebuah kalimat, topik atau bab tertentu. Posisi sebuah navigasi ternyata turut menentukan seksus atau tidaknya sebuah navigasi. Dengan pengaturan posisi yang mempertimbangkan berbagai aspek, sebuah navigasi dapat membuat pengguna atau pengunjung lebih mudah menelusuri CD interaktif. Pada CD interaktif Budaya Jambi ini saya memilih navigasi bebas. Letak navigasi itu sendiri berada dibawah pada bagian layout. Navigasi dapat ditampilakan dalam berbagai media yaitu teks, images atau animasi. Jenis navigasi yang dipergunakan pada CD interaktif Budaya Jambi ini yaitu : image. Menampilkan menu dalam image menawarkan banyak sekali variasi, misalnya dengan icon dan penggunaan huruf dan bentuk yang lebih bebas. Navigasi menggunakan images ini menggunakan warna yang tidak kompleks, makin sedikit warna ukuran file akan semakin sedikit. Pada sistim navigasi yang dipilih untuk CD interaktif ini yaitu Navigasi Composite. Navigasi Composite adalah Navigasi yang mirip dengan Navigasi Non linear Navigasi ini menggabungkan antara navigasi linear dan non linear. Dalam kegunaanya yaitu menambahkan sebuat struktur kemudahan mengakses antara judul yang satu ke judul yang lainnya, hanya saja tidak sebebas struktur non linear yand dapat langsung menakses dari subjudul ke subjudul yang lain secara langsung. Pengguna dapat menavigasikan dengan bebas(non linear). Tetapi kesempatan dalam mempresentasikan video atau informasi dalam bentuk linear secara logis terorganisasi dalam sebuah herarki.(Vaughan 2001).
3
Gambaran Navigasi Composite :
2.3 Langkah-langkah Pembuatan Berikut adalah inti dari pembuatan laporan dan flash ini yaitu akan dibahas tahapan pembuatan CD Interaktif ini. Software yang di butuh kan CD interaktif ini di buat dengan menggunakan beberapa software multimedia seperti Adobe Photosop CS, CorelDRAW 12, dan Macromedia Flash MX. 2.3.1 FlowChart Didalam Konsep tampilan visual yang berbeda antara media cetak (berlembarlembar, mempunyai ketebalan, ada konsep depan dan belakang) dengan monitor atau televisi (berupa lapisan yang diproyeksikan dalam layar/ruang yang sama) membuat kita harus mempertimbangkan alur logika tampilan flow chart yang berbeda pula, supaya muatan pesan yang ditampilkan mampu mencapai sasaran secara efektif dan menarik. Pada dasarnya, pembuatan flow chart digunakan untuk mengidentifikasikan kebutuhan data yang akan ditampilkan, juga untuk mengefisienkan waktu pembuatan proyek CD interktif yang akan dibuat, karena flow chart merupakan rencana kerja yang akan dilaksanakan. Menarik atau tidaknya hasil yang akan dibuat, juga bisa dilihat dari tampilan flow chart ini. Berikut adalah skema flow chart untuk CD interaktif Budaya Jambi.
4
Cara bermain
BUDAYA Permainan
LadangLadangan peraturan
Gasing
Cara bermain
peraturan
Cara bermain
Bedil-bedilan
peraturan
Upacara Ritual
Upacara Adat Kenduri sko
Tujuan
Keunikan
Tata cara pernikahan
Pernikahan
kebiasaan
Asal Usul
kontrovers i
Ciri Khas
Persamaan Dengan bahasa lain
Bahasa
piamo
umo bekandang siang, kerbo bekandang malam
Gambar 1. Flow Chart – Budaya Jambi 5
Cara pelaksanaan
Cara pelaksanaan
Adat istiadat
Tahap Pelaksanaan
2.3.2 Icon Menurut Scott McCloud, ikon adalah setiap gambar yang mewakili seseorang, tempat, barang ataupun gagasan (2001), atau dengan kata lain merupakan sesuatu yang mewakilkan. Ikon sebagai sebuah perwakilan. Menjangkau pengertian yang lebi luas lagi : “Sebagai sebuah indentifikasi”. Ikon merupakan gambar atau pencitraan yang dirancang menyerupai subyeknya atau mendekati bentuk dasar subyeknya, di mana ciri utama atau ciri khas dari subyek tersebut mudah dikenali dengan bentuk yang paling sederhana. Kelebihan lain dari ikon adalah menghemat kata, karena kekuatan ikon lainnya adalah mampu mewakili fenomena yang luas dengan hanya satu gambar saja. Berikut beberapa petunjuk penggunaan ikon dalam multimedia : Buat ikon dengan bentuk yang paling sedehana, karena semakin sederhana bentuk, semakin unversal gagasannya, semakin mudah untuk ditangkap orang. Jika menggunakan background berwarna gelap, atau agak gelap, pergunakan warna ikon yang terang, supaya ada nilai kontras, demikian juga sebaliknya. Hindari penggunaan ikon dengan banyak warna, karena akan menimbulkan kekacauan pandangan karena bercampur baur dengan latar belakang atau obyek foto yang berwarna-warni. Letakkan ikon pada area kosong dari background kita, supaya ikon dan foto atau ilustrasi tidak saling berebut perhatian. Ikon hendaknya menyesuiakan dengan tema yang diangkat, hal ini selain menyangkut orisinalitas karya, akan menjadi daya tarik tersendiri dan membangun suasana. Perhatikan luas ruangan dari ikon yang kita buat (panjang dan lebarnya), usahakan jangan memakan terlalu banyak ruangan, melalui pengaturan komposisi yang berbeda dengan tidak merubah esensinya.
Berikut adalah icon yang terdapat di CD interaktif Budaya Jambi: 6
1. Icon Permainan
Gambar 2. Icon Permainan
2. Icon Upacara Ritual
Gambar 3. Icon Upacara ritual
3. Icon kebiasaan
Gambar 4. Icon kebiasaan
4. Icon Ladang-ladangan
Gambar 5. Icon Ladang-ladangan
5. Icon Gasing 7
Gambar 6. Icon Gasing
6. Icon Bedil-bedilan
Gambar 7. Icon Bedil-bedilan
7. Icon Cara bermain
Gambar 8. Icon Cara bermain
8. Icon peraturan
Gambar 9. Icon peraturan
8
9. Icon Kenduri Sko
Gambar 10. Icon kenduri Sko
10. Icon Pernikahan
Gambar 11. Icon pernikahan
11. Icon Keunikan
Gambar 12. Icon Keunikan
12. Icon Tujuan
Gambar 13. Icon Tujuan
9
13. Icon Adat Istiadat
Gambar 14. Icon Adat Istiadat
14. Icon Tahap Pelaksanaan
Gambar 15. Icon Tahap pelaksanaan
15. Icon Bahasa
Gambar 16. Icon Bahasa
16. Icon Piamo
Gambar 17. Icon Piamo
10
17. Icon Umo bekandang siang, kerbo bekandang malam
Gambar 18. Umo bekandang siang, kerbo bekandang malam
18. Icon Asal Usul
Gambar 19. Icon Asal Usul
19. Icon Kontroversi
Gambar 20. Icon Kontroversi
20. Icon persamaan dengan bahasa lain
Gambar 21. Icon Persamaan dengan bahasa lain
2.3.3 Layout Layout adalah ilmu tentang tata letak. Menurut Graphic Art Encylopedia (1992:296) Layout adalah merupakan pengaturan yang dilakukan pada buku, majalah, atau bentuk publikasi lainnya, sehingga teks dan ilustrasi sesuai dengan bentuk yang diharapkan. 11
Dampak strategis yang dihasilkan dari pembuatan layout yang efektif dan maksimal, adalah Memudahkan dan menarik pembaca atau pengguna untuk mencerna isi media. Konsep tata letak dalam multimedia menyangkut dua hal, yang pertama adalah berhubungan dengan tampilan visual, dan yang kedua adalah berhubungan dengan alur (logika) navigasi yang runtut dan mudah dicerna oleh pengguna. Layout lebih menekankan pada aspek “fungsi” atau kegunaan dari sebuah tampilan. Layout lebih menekankan sebuah tampilan mudah dipahami atau tidak. Berikut ini adalah tampilan Layout CD interaktif Budaya Jambi:
Gambar 22. Layout 2.3.4 Navigasi Navigasi yang digunakan pada CD interaktif Budaya Jambi ini adalah Navigasi Composite adalah Navigasi yang mirip dengan Navigasi Non linear Navigasi ini menggabungkan antara navigasi linear dan non linear. Dalam kegunaanya yaitu menambahkan sebuat struktur kemudahan mengakses antara judul yang satu ke judul yang lainnya, hanya saja tidak sebebas struktur non linear yand dapat langsung menakses dari subjudul ke subjudul yang lain secara langsung. Pengguna dapat menavigasikan dengan bebas(non linear). Tetapi kesempatan dalam mempresentasikan video atau informasi dalam bentuk linear secara logis terorganisasi dalam sebuah herarki.(Vaughan 2001).
12
BUDAYA
Gambar 23. Navigasi 13
2.3.5 Sound Memasukan sound dalam sebuah flash dapat menggunakan layer khusus untuk mengeload sebuah musik yang sudah sesuai dengan flash kita. 1. buatlah layer baru khusu untuk sound. 2. masukan sound kedalam flash dengan cara file
import to library.
Gambar 24. Sound 1 3.pilih properties pada bagian bawah
lalu sound di pilih sesuai lagu yang
ada masukan pada flash. 4. untuk sound button, kita pilih button yang akan di beri efek sound, lalu click bottonnya dan kita masukan pada bagian over dengan cara yang sama file import to library.
Gambar 25. Sound 2 14
2.3.6 Animasi Animasi berasal dari kata Anima. Anima itu berarti manusia, dengan demikian animasi mengandung pengertian “memanusiakan”. Maksudnya disini adalah kita memberi sebuah “kehidupan” pada suatu yang tidak hidup, entah digerakkan dengan program atau dengan tangan sendiri, atau dengan teknik stop motion, yang penting apabila pada hasilnya tampak sesuatu yang “hidup”, maka berarti kita sudah berhasil membuat sebuah animasi. Animasi merupakan suatu teknik menampilkan gambar berurutan sedemikian rupa sehingga penonton merasakan adanya ilusi gerakan (motion) pada gambar yang ditampilkan. Atau dengan kata lain, animasi adalah menghidupkam benda diam dengan cara diproyeksikan sehingga menjadi bergerak. Pada CD interaktif yang saya buat pertama kali yang akan muncul adalah sebuah intro, dengan cara sebagai berikut: 1. Buatlah gambar .jpg dengan warna hitam polos berukuran 800x600, dan size background di ubah menjadi 800x600. 2. Masukan kedalam flash dengan cara menu posisi di atas background.
Gambar 26. Intro background
15
import, simpan gambar pada
3. Buatlah garis putih memanjang dari kanan kekiri.
Gambar 27. Intro garis
4. Buatlah kotak persegi panjang yang akan menutupi garis tersebut.
Gambar 28. Intro kotak
16
5. Click pada keyframe dilayer kotak tersebut lalu pilih create motion click pada frame 25
click kanan pilih insert keyframe
click kanan
pada layer kotak pilih mask. Karena kita akan membuat masking agar garis tersebut bergerak melakukan sebuah animasi.
Gambar 29. Intro masking 6. Ketika selesai, sekarang kita memasukan sebuah gambar icon untuk membuat hujan icon yang di letakan diatas garis putih, memasukan gambar tersebut file
import.
Gambar 30. Hujan icon 1 17
7. Lalu kita membuat teknik masking seperti yang kita lakukan pada garis putih tersebut, buatlah kotak dibawah garis putih.
Gambar 31. Hujan icon 2 8. Click kanan pada layer kotak tersebut membuat hujan icok yang sederhana.
Gambar 32. Hujan icon 3
18
pilih mask, dan kita sudah
9. Kemudian kita akan membuat kata sambutan setelah hujan icon 10. Pilih button text tool
lalu buat sebuah text di background.
11. Kemudian buatlah sebuah garis di bawah text, sebanyak 2 garis yang berlawanan.
Gambar 33. Intro tulisan 12. Lalu setiap garis di beri efek masking agar ketika bergerak ke ujung tulisan akan menghilang dengan sendirinya, dan tulisan kita beri efek alfa 0% agar tulisan menghilang pada saat garis mencapai ujung tulisan.
Gambar 34. Intro tulisan 2
19
13. Lalu ketika tulisan sambutan menghilang kita akan membuat sebuah efek lampu sorot dengan lingkaran putih saja pada bagian tengah. 14. Pertama kita akan membuat lingkaran tersebut jatuh dari atas seperti icon hujan tadi dengan teknik masking.
Gambar 35. Intro lingkaran 1 15. Lingkaran tersebut juga sudah dimasking dengan memberi tokak yang menimpannya.
Gambar 36. Intro lingkaran
20
16. Sehingga akan terlihat seperti ini.
Gambar 37. Intro lingkaran 3 17. Kita akan membuat teks pada lingkaran tersebut dengan sama mengunakan teknik masking. 18. Kita bikin teks dengan mengunakan button text tool pada posisi tengah background. 19. Karena teksnya berwarna hitam jadi orang tidak tahu ada sebuah teks di atas background yang berwarna hitam itu, dan ketika bola putihnya yang diibaratkan seperti senter, maka warna teks yang hitam akan terlihat oleh warna bola senter yang putih.
Gambar 38. Intro lingkaran 4 21
20. Kemudian lingkarang akan berhenti dan akan membesar dengan menggunakan button free transform tool.
Gambar 39. Intro lingkaran 4 21. Kemudian setelah lingkarang sempuran membesar dengan ukuran yang pas dengan lingkaran.
Gambar 40. Intro lingkaran 5
22
22. Kemudia teks akan berpindah ke kiri meninggalkan lingkaran putih tersebut dengan mengunakan create motion. 23. Kemudian kita import sebuah gambar logo Jambi diluar lingkaran putih tersebut dan buat lingkaran putih baru untuk membuat teknik masking sehingga ketika logonya bergeser ke arah lingkarang tersebut maka gambar logo tersebut akan terlihat hanya di dalam gambar lingkaran putih saja.
Gambar 41. Intro lingkaran 5. 24. Setelah logo sudah masuk kedalam dan di atas pojok atas kanan diberi teks kota jambi.
Gambar 42. Intro lingkaran 6 23
25. Bertikutnya logo tersebut diubah menjadi sebuah button dengan mengclick pada gambar logo tersebut lalu pilih convert to symbol.
Gambar 43. Button 1 26. Kemudian pilih button.
Gambar 44. Button 2
24
27. Kemudian beri action dengan click kanan pada gambar yang sudah diubah menjadi button.
Gambar 45. Action 28. Kemudian akan mucul kotak action button, dan beri script seperti pada kotak gambar yang di beri tanda merah.
Gambar 46. Script link
25
Berikutnya akan masuk dan meng-link ke frame utama bila logo button itu di click. Dalam frame utama ini berisi layout dan button yang akan tersambung ke dalam pokok-pokok bahasan tentang Budaya Jambi. Ini adalah langkah-langkah pemburan frame utama atau layout utama. 1. Langkah pertama, import gambar layout mengunakan file
import.
Gambar 47. Layout utama 2. Kemudian click kanan pada gambar layout, pilih convert to symbol pilih movie clip.
Gambar 48. Movie clip 26
3. Kemudian setelah selesai di ubah menjadi movie clip, lalu click 2 kali pada gambar layout dan akan masuk kedalam movie clip layout utama. 4. Kemudian import sebuah gambar .jpg berbentuk jadi kedalam flash dengan cara file
import.
Gambar 49. Efek jari 1 5. Gunakan create motion untuk mengerakan gambar pada layer jari sehingga bergerak ke arah atas. 6. Buat teks pada bagian atas layout di layer teks, dan import gambar bintangbintang menggunakan file
import sebanyak 4 buah dan 1 gambar
bintang ditempatkan pada layout yang berbeda sehingga 1 layer hanya memilik 1 bintang. Pada CD interaktif Budaya Jambi mengunakan 4 bintang sehingga memilik 4 layer bintang. 7. Pada teks akan di beri efek alpha 0% dan akan berubah menjadi alpha 100% dengan mengunakan create motion.
Gambar 50. Efek teks
27
8. Kemudian bintang-bintang yang import, beri efek yang sama dengan mengunakan alpha. Yang hanya membedakan adalah bintang-bintang mengunakan alpha mulai dari 100% menuju alpha 0%. Yang di tempatkan disekitar teks yang dibikin sebelumnya.
Gambar 51. Efek bintang 9. Kemudian setelah selesai memberi efek, posisikan gambar jari tersebut pada frame yang pas dengan teks dan bintang, dan akan memberikan efek ketika jari sampai kebagian atas layout akan muncul tulisan dan bintang seperti ini.
Gambar 52. Efek sentuhan 28
10. Setelah muncul teks Kebudayaan Jambi, lalu akan mucul animasi di bagian samping layout. 11. Import gambar yang akan disimpan pada layer geradasi. Disini akan mengimport gambar sebagai geradasi 2 buah gamabar .jpg. dalam layer yang saling terpisah. Dimaksudkan dengan geradasi ini bisa menaruh tombol button pada samping layout.
Gambar 53. Efek geradasi 12. Efek geradasi pada gambar dapat di lakukan pada bagian color mixer yang di lingkari merah pada gambar dibawah ini.
Gambar 54. Efek color mixer 29
13. Kemudian pada layer geradasi 1 diberi create motion dan diberi efek alpha. Begitu juga sama dengan yang dilakukan pada layer geradasi 2 diberi efek alpha sehingga akan menjadi seperti ini.
Gambar 55. Tampilan utama 1 14. Kemudian masukan gambar-gambar yang akan di jadikan button pada geradasi tersebut, tentunya memisahkan diri dari layer geradasi sehingga memiliki layer sendiri untuk gambar-gambar tersebut dan jadilah tampilan utama.
Gambar 56. Tampilan utama 2 30
Kemudian setelah tampilan utama selesai, sekarang animasi untuk tombol button. Dalam tombol button dalam CD ineteraktif Budaya Jambi ini memiliki 2 jenis animasi button. Langsung saja melihat rincian pembuatan animasi button jenis pertama. 1. Pada button jenis pertama memberi efek pada posisi over atas mouse sedang menyentuh tombol tersebut.
Gambar 57. Button jenis 1 tahap pertama 2. Button jenis pertama diletakan pada bagian over dan memilik efek bola berwarna merah yang selalu berkedip-kedip pada saat mouse menyentuk buttonnya. Dan pada saat di posisi over button kita convert to symbol lalu pilih movie clip.
Gambar 58. Button jenis 1 movie clip 31
3. Buatlah teks untuk buttonnya dan beri kotak untuk melakukan teknik masking yang nanti teksnya akan muncul dari bawah button.
Gambar 59. Button jenis 1 teks 4. Kemudian buatlah lingkaran mereh kecil pada ujung button tersebut. Dan beri efek alpha 0% sampai 100% berulang-ulang.
Gambar 60. Button jenis 1 bola merah merkedip
32
5. Kemudian jadilah button jenis pertama.
Gambar 61. Button 1 selesai.
Kemudian setelah pembuatan button jenis 1 telah selesai makan selanjutknya button jenis 2 dalam langkah pembuatannya. sebenarnya tidak jauh berbedan antra jenis button 1 dan 2, hanya saja penempatannya yang berbeda. Kalau button jenis 1 diposisikan pada over dengangkan button jenis 2 diposisikan pada up yaitu selalu berfungsi animasinya dengan kondisi mouse yang berada dimana saja. 1. Button jenis 2 memiliki teks yang sudah aktif dan tanpa animasi yang ditempatkan pada posisi up.
Gambar 62. Button jenis 2
33
2. Diposisikan up karena menandakan bahwa penguna sedang berada di area button yang sedang berkedap-kedip lingkaran merahnya.
Gambar 63. Button jenis 2 up 3. Karena diposisikan up tidak perlu banyak animasi cukup bola lingkaran merah saja yang melakukan animasi yang menandakan sedang berada di area mana. Disini membuat bulatan kecil sama seperti button jenis 1.
Gambar 64. Button jenis 2 selesai 34
BAB III PENUTUP
3.1 Kesimpulan Kesimpulan yang dapat diambil adalah, dalam pembuatan CD interaktif ini harus lah banyak-banyak kreatif dalam milih desain dan komposisi warna, karena bila hanya asal mencampurkan warna hasilnya akan menjadi kurang enak di lihat, oleh karena itu semua konsep haruslah dipikir maratan-matang sehingga menghasilkan karya yang memuaskan dari jerih payah kita sendiri.
3.2 Saran Dalam pembuatan CD interaktif ini tentunya masih banyak kekuarangan maupun dalam segi laporannya. Masukan dan kritik sangat lah diharapkan untuk memperbaikin semua yang masih kurang. Demikian laporan ini disusun untuk memenuhi tugas mata kuliah teknik multimedia. Terimakasih juga terhadap teman-teman yang selalu memberi masukan yang sangat bermanfaat untuk saya
35
Daftar Pustaka
Ramdhani, Guruh, dkk., 2009. Modul Kuliah Teknik Multimedia. Bogor. Direktorat Program Diploma Institut Pertanian Bogor 2011. www. Google.com www.wikipedia.com
36
