KATA PENGANTAR

Direktorat Jenderal Guru dan Tenaga Kependidikan Kementerian

Pendidikan dan Kebudayaan menetapkan sistem pembelajaran Program
Pendidikan Profesi Guru (PPG) Dalam Jabatan dilaksanakan dengan pola
hybrid learning, yaitu memadukan model pembelajaran online atau dalam
jaringan (daring) dengan tatap muka. Pemilihan pola hybrid learning
dimaksudkan agar para guru peserta PPG Dalam Jabatan tetap dapat
mengikuti program PPG dengan tidak meninggalkan tugas mengajar terlalu
lama, guru-guru peserta PPG dapat melaksanakan pembelajaran PPG
khususnya pendalaman materi melalui daring. Untuk menjamin efektivitas
dan efisiensi pembelajaran daring dalam pendalaman materi khususnya
materi pembelajaran Multimedia, diperlukan bahan ajar berupa modul hybrid
learning yang dilengkapi dengan media pembelajaran.
Puji syukur penulis panjatkan ke hadirat Allah SWT. atas berkat dan
rahmat-Nya sehingga Modul 5 Teknik Komputer dan Informatika (TKI) ini
dapat diselesaikan tepat pada waktunya. Penyelesaian modul ini tidak terlepas
dari bantuan dari berbagai pihak. Oleh karena itu, penulis mengucapkan
terima kasih kepada:
1. Direktorat Pembinaan Guru Dikmen dan Diksus Direktorat Jenderal Guru dan
Tenaga Kependidikan Kementerian Pendidikan dan Kebudayaan yang
memberikan amanah dan tanggung-jawab untuk menulis salah satu dari
modul PPG ini.
2. Bapak Prof. Dr. H. Husain Syam, M.TP, sebagai Rektor Universitas Negeri
Makassar, yang telah memberikan kesempatan, dukungan, dan memvasilitasi
penulis dalam penulisan modul ini.
3. P3G UNM yang telah memberikan kepercayaan kepada penulis untuk
menulis salah satu modul PPG ini.
4. Bapak/Ibu Penyelia Modul Bidang Studi Teknik Komputer dan Informatika
(TKI) yang telah memberikan banyak masukan yang konstruktif selama
penulisan modul ini.

i
5. Teman-teman Penulis Modul Region Makassar, khususnya Tim Penyusun
Modul Bidang Studi TKI atas kerjasamanya sehingga modul ini dapat
diselesaikan.
6. Pihak-pihak lain yang tidak sempat penulis sebutkan satu-persatu.
Modul 5 Multimedia ini terdiri 4 Kegiatan Pembelajaran yakni: (1)
Desain Grafis Percetakan dan Fotografi; (2) Desain Multimedia Interaktif
Berbasis Web; (3) Animasi 2D dan 3D; dan (4) Videografi. Melalui Modul
ini diharapkan peserta PPG Dalam Jabatan memiliki kompetensi dalam
bidang Multimedia.
Modul ini mungkin masih belum sempurna. Oleh karena itu, penulis
sangat mengharapkan dan mengucapkan terimakasih jika ada saran, masukan,
kritikan yang konstruktif demi kesempurnaan modul.
Akhirnya, semoga segala bantuan mendapat pahala dari Allah SWT.
yang berlipat ganda. Amin.

Penulis,

Dr. Muhammad Yusuf Mappeasse, M.Pd.

NIP. 196503171993031001

ii
 DAFTAR ISI

KEGIATAN BELAJAR 1. DESAIN GRAFIS PERCETAKAN DAN

FOTOGRAFI ………………...………………………………………………….. 1
A. Pendahuluan ..................................................................................................... 1
1. Deskripsi Singkat ........................................................................................ 1
2. Relevansi ..................................................................................................... 1
3. Panduan Belajar........................................................................................... 1
4. Capaian Pembelajaran ................................................................................. 2
5. Pokok-pokok Materi .................................................................................... 2
B. Uraian Materi ................................................................................................... 3
1. Konseptual Nirmana .................................................................................... 3
2. Visual Nirmana ......................................................................................... 14
3. Prinsip Keindahan Bentuk ......................................................................... 33
4. Bitmap ....................................................................................................... 53
5. Vektor ........................................................................................................ 55
6. Produksi Media Komunikasi Grafis .......................................................... 58
7. Fotografi .................................................................................................... 83
C. Forum Diskusi .............................................................................................. 104
D. Rangkuman .................................................................................................. 104
E. Tes Formatif ................................................................................................. 109
F. Daftar Pustaka .............................................................................................. 114
KEGIATAN BELAJAR 2. DESAIN MULTIMEDIA INTERAKTIF BERBASIS
WEB …………………………………...……………………………………… 116
A. Pendahuluan ................................................................................................. 117
1. Deskripsi Singkat .................................................................................... 117
2. Relevansi ................................................................................................. 117
3. Panduan Belajar....................................................................................... 117
4. Capaian Pembelajaran ............................................................................. 118
5. Pokok-pokok Materi ................................................................................ 119
B. Uraian Materi ............................................................................................... 119

iii
 1. Konsep Multimedia Interaktif .................................................................. 119
2. Tutorial..................................................................................................... 122
3. Drill and Practice ..................................................................................... 123
4. Simulasi ................................................................................................... 124
5. Instructional Games ................................................................................. 124
6. Hybrid ...................................................................................................... 125
7. Socratic .................................................................................................... 125
8. Inquiry...................................................................................................... 126
9. Informational ........................................................................................... 126
10. Multimedia Interaktif Berbasis Web ........................................................ 128
11. Storyboard Multimedia Interaktif Berbasis Web ..................................... 129
12. Antarmuka Pemakai Multimedia Interaktif Berbasis Web ...................... 138
13. Navigasi Multimedia Interaktif ................................................................ 146
14. Produk Multimedia Interaktif .................................................................. 153
15. Pengujian Multimedia Interaktif .............................................................. 165
C. Forum Diskusi .............................................................................................. 171
D. Rangkuman ................................................................................................... 171
E. Tes Formatif ................................................................................................. 173
F. Daftar Pustaka .............................................................................................. 179
KEGIATAN BELAJAR 3. ANIMASI 2 DIMENSI DAN 3 DIMENSI .......… 179
A. Pendahuluan ................................................................................................. 181
1. Deskripsi Singkat ..................................................................................... 181
2. Relevansi.................................................................................................. 181
3. Panduan Belajar ....................................................................................... 181
4. Capaian Pembelajaran.............................................................................. 182
5. Pokok-pokok Materi ................................................................................ 182
B. Uraian Materi................................................................................................ 183
1. Pengertian Animasi .................................................................................. 183
2. Teknik Animasi........................................................................................ 183
3. Teknik Animasi Frame by Frame ........................................................... 183
4. Teknik Animasi Tweening ....................................................................... 183

iv
5. Teknik Animasi Manual .......................................................................... 184
6. Teknik Animasi 2D Komputer ................................................................ 184
7. Animasi Stop Motion .............................................................................. 184
8. Prinsip-prinsip Animasi ........................................................................... 187
9. Animasi Frame By Frame ....................................................................... 199
10. Pengertian Frame .................................................................................... 199
11. Jenis-jenis Animasi di Adobe Flash Pro ................................................. 200
12. Membuat Animasi Frame per Frame...................................................... 201
13. Membuat Animasi Teks Frame Per Frame............................................. 204
14. Pengertian Animasi Tweening ................................................................. 205
15. Cara Kerja Tweening ............................................................................... 206
16. Membuat Animasi dengan Tweening ...................................................... 206
17. Pengertian Animasi Shape Tweening ...................................................... 209
18. Teknik Masking ....................................................................................... 209
19. Animasi Motion Guide ............................................................................ 212
20. Animasi Shape Tween ............................................................................. 216
21. Langkah-Langkah Pembuatan Animasi 2 Dimensi ................................. 216
22. Merancang Animasi 2 Dimensi ............................................................... 216
23. Teknik Menggambar dalam Bentuk Bitmap ........................................... 218
24. Cara Memasukkan Suara di Flash ........................................................... 222
25. Cara Menambahkan Sound pada Tombol di Flash ................................. 225
26. Memasukkan Suara, Membuat Objek/Gambar Pause, Stop, dan Play ... 228
27. Mem-publish File Flash .......................................................................... 230
28. Fitur Dasar Aplikasi pemodelan 3 Dimensi ........................................... 231
29. Jenis-jenis Modeling ................................................................................ 242
29. Pewarnaan pada Model Objek 3 Dimensi ............................................... 246
30. Texture Mapping pada Model Objek 3 Dimensi ..................................... 252
31. Tata Cahaya dan Kamera pada Objek 3 Dimensi.................................... 257
32. Rigging .................................................................................................... 265
33. Efek Khusus pada Animasi 3 Dimensi .................................................... 270
34. Membuat Produk Animasi 3 Dimensi yang Dilengkapi Efek Audio ...... 279

v
C. Forum Diskusi .............................................................................................. 284
D. Rangkuman ................................................................................................... 284
E. Tes Formatif ................................................................................................. 288
F. Daftar Pustaka .............................................................................................. 292
KEGIATAN BELAJAR 4. VIDEOGRAFI …………………………………... 295
A. Pandahuluan ................................................................................................. 295
1. Deskripsi Singkat ..................................................................................... 295
2. Relevansi.................................................................................................. 295
3. Panduan Belajar ....................................................................................... 295
4. Capaian Pembelajaran.............................................................................. 296
5. Pokok-pokok Materi ................................................................................ 296
B. Uraian Materi................................................................................................ 296
1. Tahap Praproduksi ................................................................................... 297
2. Tahap Produksi ........................................................................................ 311
3. Tahap Post Produksi (Pasca Produksi) .................................................... 331
4. Penilaian/Evaluasi Produksi Video .......................................................... 367
C. Forum Diskusi .............................................................................................. 368
D. Rangkuman ................................................................................................... 368
E. Tes Formatif ................................................................................................. 371
F. Daftar Pustaka .............................................................................................. 379
G. Tugas Akhir .................................................................................................. 380
H. Tes Sumatif................................................................................................... 381
I. Kunci Jawaban Tes Formatif ........................................................................ 404
J. Kunci Jawaban Tes Sumatif ......................................................................... 406

vi
 DAFTAR GAMBAR

Gambar 4. 1. Stoyboard ...................................................................................... 306

Gambar 4. 2. Tata Cahaya Dalam Proses Produksi Video .................................. 309
Gambar 4. 3. Kamera Video ............................................................................... 312
Gambar 4. 4. Contoh kamera Consumer ............................................................. 313
Gambar 4. 5. Contoh Kamera Prosumer ............................................................. 313
Gambar 4. 6. Contoh kamera professional .......................................................... 314
Gambar 4. 7. Bird Eye View ................................................................................ 315
Gambar 4. 8. High Angle View............................................................................ 316
Gambar 4. 9. Low Angle View............................................................................. 316
Gambar 4. 10. Eye Level View ............................................................................ 317
GambarGambar 4. 11. Gambar 13: Frog Eye View ............................................ 317
Gambar 4. 12. Extreme Long Shot ...................................................................... 319
Gambar 4. 13. Long Shot (LS) ............................................................................. 319
Gambar 4. 14. Gambar 16: Full Shot .................................................................. 320
Gambar 4. 15. Medium Long Shot (MLS) atau Knee Shot .................................. 320
Gambar 4. 16. Medium Shot (MS) ....................................................................... 321
Gambar 4. 17. Medium Close Up (MCU) ........................................................... 321
Gambar 4. 18. Close Up (CU) ............................................................................. 322
Gambar 4. 19. Big Close Up ............................................................................... 322
Gambar 4. 20. Extreme Close Up (ECU) ............................................................ 323
Gambar 4. 21. Tampak atas gerakan Panning .................................................... 323
Gambar 4. 22. Tampak depan gerakan Tilting .................................................... 324
Gambar 4. 23. Gerakan Zooming ........................................................................ 325
Gambar 4. 24. Gerakan Dolly ............................................................................. 325
Gambar 4. 25. Tampak atas gerakan Crab.......................................................... 326
Gambar 4. 26. Backlight Shot ............................................................................. 326
Gambar 4. 27. Reflection Shot............................................................................. 327
Gambar 4. 28. Door Frame Shot ......................................................................... 327
Gambar 4. 29. Gambar 31: Artificial Framing Shot ........................................... 328

vii
Gambar 4. 30. Jaws Shot ..................................................................................... 328
Gambar 4. 31. Framing With Background .......................................................... 329
Gambar 4. 32. Penggunaan Tripod Untuk Pengambilan Gambar ....................... 329
Gambar 4. 33. Artificial Hairlight ....................................................................... 329
Gambar 4. 34. Fast Road Effect .......................................................................... 330
Gambar 4. 35. Walking Shot ............................................................................... 330
Gambar 4. 36. Over Shoulder .............................................................................. 331
Gambar 4. 37. Profile Shot .................................................................................. 331
Gambar 4. 38. Adobe Premiere Pro CS4 ............................................................. 332
Gambar 4. 39. New Project ................................................................................. 332
Gambar 4. 40. Tempat penyimpanan................................................................... 332
Gambar 4. 41. Setting sequence .......................................................................... 333
Gambar 4. 42. Area Kerja Adobe Premiere......................................................... 333
Gambar 4. 43. Mengenal Area kerja Adobe Premiere ........................................ 334
Gambar 4. 44. Project Window ........................................................................... 334
Gambar 4. 45. Effects .......................................................................................... 335
Gambar 4. 46. Monitor Window ......................................................................... 335
Gambar 4. 47. Timeline Window ......................................................................... 336
Gambar 4. 48. Tool Window ................................................................................ 336
Gambar 4. 49. Tampilan kotak dialog Import ..................................................... 337
Gambar 4. 50. Tampilan daftar file yang telah diimpor di dalam Project Window
............................................................................................................................. 337
Gambar 4. 51. Tampilan klip di dalam Source Monitor Window........................ 337
Gambar 4. 52. Tombol Set In Point ..................................................................... 338
Gambar 4. 53. Proses penentuan In Point pada Source Monitor Window .......... 338
Gambar 4. 54. Tombol Set Out Point .................................................................. 338
Gambar 4. 55. Proses penentuan Out Point dalam Source Monitor Window ...... 339
Gambar 4. 56. Toggle Take Video ....................................................................... 339
Gambar 4. 57. Toggle Take Audio ....................................................................... 339
Gambar 4. 58. Toggle Take Audio and Video...................................................... 340
Gambar 4. 59. Klip format video yang memiliki audio....................................... 340

viii
Gambar 4. 60. Klip video yang tidak memiliki audio yang disusun ................... 340
Gambar 4. 61. Klip format audio yang disusun di dalam Timeline Window ...... 341
Gambar 4. 62. Penyusunan klip di dalam Timeline Window .............................. 341
Gambar 4. 63. Tampilan Trimming dalam Source Monitor Window .................. 342
Gambar 4. 64. Penggunaan metode Insert untuk memasukkan klip ................... 342
Gambar 4. 65. Tampilan penggunaan metode Overlay....................................... 343
Gambar 4. 66. Letak tombol Collapse/Expand Track......................................... 343
Gambar 4. 67. Tampilan Track Video 1 setelah diexpand .................................. 343
Gambar 4. 68. Tampilan ketika tombol Set Display Style di klik ....................... 344
Gambar 4. 69. Tampilan berbagai display style .................................................. 344
Gambar 4. 70. Tombol Collapse/Expand Track pada Track Audio .................... 345
Gambar 4. 71. Tampilan Track Audio setelah diexpand ..................................... 345
Gambar 4. 72. Tampilan pop-up menu apabila tombol Set Display Style di klik 345
Gambar 4. 73. Tampilan pilihan Show Name Only............................................. 345
Gambar 4. 74. Tampilan pilihan Show Waveform .............................................. 346
Gambar 4. 75. Tampilan Zoom Toggle ............................................................... 346
Gambar 4. 76. Tampilan Timeline Window sebelum dilakukan Zoom-In........... 346
Gambar 4. 77. Tampilan Timeline Window setelah dilakukan Zoom-In ............. 346
Gambar 4. 78. Tombol Zoom Tool yang ada di dalam Tools Window................ 347
Gambar 4. 79. Tampilan kursor Ripple Edit ....................................................... 347
Gambar 4. 80. Tampilan klip sebelum diubah durasinya.................................... 347
Gambar 4. 81. Tampilan klip yang telah diubah durasinya ................................ 347
Gambar 4. 82. Penggeseran Current Time Marker untuk membantu ................. 348
Gambar 4. 83. Klip yang terpotong menjadi dua bagian .................................... 348
Gambar 4. 84. Tampilan klip yang telah terpilih ................................................ 349
Gambar 4. 85. Tampilan Property Motion dalam Tab Effect Controls .............. 349
Gambar 4. 86. Tampilan awal klip sebelum mengalami perubahan nilai ........... 350
Gambar 4. 87. Hasil perubahan nilai Position .................................................... 350
Gambar 4. 88. Perubahan nilai pada Scale.......................................................... 350
Gambar 4. 89. Tampilan perubahan nilai Scale .................................................. 351
Gambar 4. 90. Perubahan nilai Rotation ............................................................. 351

ix
Gambar 4. 91. Tampilan perubahan nilai Rotation ............................................. 351
Gambar 4. 92. Perubahan nilai Anchor Point ...................................................... 351
Gambar 4. 93. Tampilan perubahan nilai Anchor Point dan Rotation ................ 351
Gambar 4. 94. Sebuah klip yang disusun dalam Track Video 1 ......................... 352
Gambar 4. 95. Mengganti nama .......................................................................... 352
Gambar 4. 96. Adobe Title Designer ................................................................... 353
Gambar 4. 97. Type Tool ..................................................................................... 353
Gambar 4. 98. Penggunaan Type Tool ................................................................. 353
Gambar 4. 99. Perubahan nilai Font Sise ............................................................ 353
Gambar 4. 100. Tampilan perubahan font sise pada monitor .............................. 354
Gambar 4. 101. Title yang berada dalam project window................................... 354
Gambar 4. 102. Susunan klip dalam timeline Window ........................................ 355
Gambar 4. 103. Tampilan title di dalam sequence monitor window ................... 355
Gambar 4. 104. Tombol Vertical Type Toll......................................................... 355
Gambar 4. 105. Tampilan Vertical Type Tool ..................................................... 356
Gambar 4. 106. Area Type Tool .......................................................................... 356
Gambar 4. 107. Tampilan paragraph horizontal menggunakan Area Type Tool 356
Gambar 4. 108. Klip pertama yang disusun di dalam Timeline Window ............ 357
Gambar 4. 109. Current time marker digeser ke depan ..................................... 357
Gambar 4. 110. Penempatan klip kedua pada track video 1................................ 357
Gambar 4. 111. Tab effects di dalam project window ......................................... 358
Gambar 4. 112. Pemberian transisi spin pada track video 1................................ 358
Gambar 4. 113. Melihat transisi dalam sequence monitor window ..................... 358
Gambar 4. 114. Pemilihan transisi yang akan diatur durasinya ......................... 359
Gambar 4. 115. Tampilan tab effect controls dalam monitor window ................ 359
Gambar 4. 116. Perubahan nilai pada pilihan duration ....................................... 359
Gambar 4. 117. Tampilan Tab effect controls setelah panjang durasi transisi
dirubah ................................................................................................................. 359
Gambar 4. 118. Tampilan Pilihan Alignment di dalam Tab effect controls ........ 360
Gambar 4. 119. Tampilan pop-up menu pilihan Alignment ................................ 360
Gambar 4. 120. Tampilan Pilihan pop-up menu pilihan Alignment .................... 360

x
Gambar 4. 121. Tampilan Alignment yang menggunakan transisi Center at Cut360
Gambar 4. 122. Tampilan posisi transisi Center at Cut di dalam Timeline Window
............................................................................................................................. 361
Gambar 4. 123. Menyiapkan track untuk perekaman ......................................... 362
Gambar 4. 124. Definisi audio device................................................................. 362
Gambar 4. 125. Proses perekaman suara ............................................................ 363
Gambar 4. 126. Track rekamandan Timeline panel ............................................ 363
Gambar 4. 127. Export setting ............................................................................ 363
Gambar 4. 128. Mengubah source channel mapping ......................................... 364
Gambar 4. 129. Melihat properti File Cloud Fish .............................................. 365
Gambar 4. 130. Mencari track audio .................................................................. 365
Gambar 4. 131. Meng-import file Latar.wma ..................................................... 365
Gambar 4. 132. Audio dalam Source Panel........................................................ 366
Gambar 4. 133. Menentukan in dan out point..................................................... 366
Gambar 4. 134. Menentukan in dan out point movie .......................................... 366

xi
 DAFTAR TABEL

KEGIATAN PEMBELAJARAN 1:
Tabel 1. 1. Perbedaan antar vektor dan bitmap ..................................................... 57
Tabel 1. 2. Macam tool dan fungsinya .................................................................. 59
Tabel 1. 3. Tombol untuk seleksi .......................................................................... 66
KEGIATAN PEMBELAJARAN 2:
Tabel 2. 1Contoh Storyboard .............................................................................. 133
KEGIATAN PEMBELAJARAN 3:
Tabel 3. 1. Kejadian pada fasilitas effect ............................................................. 225
KEGIATAN PEMBELAJARAN 4:
Tabel 4. 1. Contoh Naskah .................................................................................. 302
Tabel 4. 2. Instrumen evaluasi/penilaian video .................................................. 367

xii