Laporan Tugas Akhir Mata Kuliah Teknik Multimedia CD...

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 33. Intro tulisan ....................................................................................................................... 19

v

Gambar 34. Intro tulisan 2 .................................................................................................................... 19

Gambar 35. Intro lingkaran 1 ................................................................................................................ 20






Gambar 41. Intro lingkaran 5. ............................................................................................................... 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.


8. Click kanan pada layer kotak tersebut � pilih mask, dan kita sudah

membuat hujan icok yang sederhana.


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.


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.


22

20. Kemudian lingkarang akan berhenti dan akan membesar dengan

menggunakan button free transform tool.


21. Kemudian setelah lingkarang sempuran membesar dengan ukuran yang pas

dengan lingkaran.


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.


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

Laporan Tugas Akhir Mata Kuliah Teknik Multimedia CD...

Documents

Transcript of Laporan Tugas Akhir Mata Kuliah Teknik Multimedia CD...