laporan tugas akhir mata kuliah teknik multimedia cd...
TRANSCRIPT
i
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
ii
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.
iii
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
iv
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
v
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
1
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 masing-
masing.
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
2
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”.
3
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).
4
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 (berlembar-
lembar, 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.
5
Gambar 1. Flow Chart – Budaya Jambi
BUDAYA Permainan
Upacara
Ritual
Ladang-
Ladangan
kebiasaan
Cara bermain
peraturan
Upacara Adat
Kenduri sko
Tujuan
Keunikan Tahap
Pelaksanaan
Adat istiadat
Bahasa
Asal Usul kontrovers
i
Ciri Khas Persamaan
Dengan
bahasa lain
piamo
umo bekandang
siang, kerbo
bekandang malam
Cara
pelaksanaan
Gasing Cara bermain
peraturan
Cara
pelaksanaan
Bedil-bedilan Cara bermain
peraturan
Pernikahan Tata cara
pernikahan
6
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:
7
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
8
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
9
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
10
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
11
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.
12
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).
13
Gambar 23. Navigasi
BUDAYA
14
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
15
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 � import, simpan gambar pada
posisi di atas background.
Gambar 26. Intro background
16
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
17
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
18
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 � pilih mask, dan kita sudah
membuat hujan icok yang sederhana.
Gambar 32. Hujan icon 3
19
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
20
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
21
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
22
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
23
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
24
25. Bertikutnya logo tersebut diubah menjadi sebuah button dengan meng-
click pada gambar logo tersebut lalu pilih convert to symbol.
Gambar 43. Button 1
26. Kemudian pilih button.
Gambar 44. Button 2
25
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
26
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
27
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 bintang-
bintang 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
28
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
29
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
30
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
31
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
32
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
33
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
34
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
35
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
36
Daftar Pustaka
Ramdhani, Guruh, dkk., 2009. Modul Kuliah Teknik Multimedia. Bogor. Direktorat Program
Diploma Institut Pertanian Bogor 2011.
www. Google.com
www.wikipedia.com