Dokumen ini membahas langkah-langkah dalam pembuatan video pembelajaran menggunakan multimedia interaktif. Proses mencakup perencanaan atribut gambar dan video, integrasi gambar dengan rekaman audio, serta pembuatan video berbasis gambar menggunakan software Adobe After Effects. Teknik dan tahapan yang harus diikuti dijelaskan secara detail untuk menghasilkan video yang menarik dan efektif bagi siswa.

1. MEDIA PEMBELAJARAN
ICT
Dosen :
Rori Idrus, S.Kom

2. PERTEMUAN X

3. MULTIMEDIA
PEMBELAJARAN INTERAKTIF
(MPI)
LEVEL-1 (LANJUT)

4. POKOK BAHASAN
• Membuat Perencanaan Atribut
Image dan Video Pembelajaran
• Membuat Integrasi Image dan
Rekaman Audio Pembelajaran
• Membuat Video Pembelajaran
Berbasis Image

5. 1. Membuat Perencanaan
Atribut Image dan Video
Pembelajaran

6.  Persoalan (1/2)
Salah satu hal penting dalam
pembuatan video pembelajaran adalah
merencanakan image atau gambar yang
sesuai dengan skenario atau alur cerita isi
materi. Penggunaan image yang sesuai
dengan isi materi akan memperjelas
penyampaian isi materi serta memacu
imajinasi siswa dalam memahami isi
materi yang disampaikan melalui video
pembelajaran

7.  Persoalan (2/2)
Jadi persoalan yang mendasar
adalah bagaimana saudara
memilih dan menentukan image
dalam pembuatan video
pembelajaran ?

8.  Teknik (1/2)
Image atau gambar yang digunakan
dalam pembuatan video pembelajaran
terbagi menjadi 3 komponen, yaitu :
1. Image Background
2. Image Karakter
3. Image Materi

9.  Teknik (2/2)
Semua pengolahan dan pembuatan
image yang dibutuhkan
menggunakan software bantu Adobe
Photoshop dan Corel Draw

10.  Tahapan (1/2)
Tahapan perencanaan image dapat
dilakukan sebagai berikut: :
1. Lakukan analisa skenario/alur
cerita materi
2. Tentukan background yang tidak
terlalu terang warnanya, agar
tulisan dalam video pembelajaran
lebih tampak

11.  Tahapan (2/2)
3. Buat karakter yang akan
digabungkan ke dalam video
pembelajaran
4. Selanjutnya pilihlah dan
kumpulkan image yang
berhubungan dengan materi dan
alur cerita penjelasan materi

12.  Bagaimana Bekerjanya
???
Image yang telah dipilih dan
dikumpulkan siap untuk di import
ke dalam software bantu Adobe
After Effect sebagai komponen
utama dalam pembuatan video
pembelajaran.

13. Komponen image yang telah di
import akan dirangkai menjadi
sebuah video pembelajaran dan
diconvert dalam format video
yang diinginkan dalam pembuatan
video pembelajaran

14. 2. Membuat Integrasi Image
dan Rekaman Audio
Pembelajaran

15.  Persoalan
Hal utama dalam pembuatan video
pembelajaran adalah menggabungkan
image dan hasil rekaman audio
pembacaan naskah menjadi satu
kesatuan. Persoalannya sekarang adalah
bagaimana saudara menggabungkan
image dan rekaman suara menjadi satu
kesatuan?

16.  Teknik (1/2)
Adobe After Effect dapat saudara
gunakan untuk menggabungkan image
dan rekaman audio. Fitur yang
digunakan adalah fitur import. Ketika
saudara memulai sebuah project dalam
Adobe After Effect, hal yang harus
diperhatikan adalah durasi waktu dari
video pembelajaran tersebut

17.  Teknik (2/2)
Durasi waktu disesuaikan dengan
isi meteri dari video
pembelajaran. Teknik import ini
sangat mudah dilakukan sehingga
tidak membutuhkan waktu yang
lama untuk mempelajarinya

18.  Tahapan (1/7)
Untuk menggabungkan rekaman audio
dan image ikutilah tahapan sebagai
berikut :
1) Analisa durasi waktu yang diperlukan
dalam video pembelajaran
2) Memulai Project pada Adobe After
Effect sehingga dilayar tampil seperti
gambar 2.1

19. Gambar 2.1 Memulai
Project

20.  Tahapan (2/7)
3) Memulai dan mengatur composition.
Composition merupakan gabungan
komponen yang diperlukan dalam
project Adobe After Effect. Memulai
composition dapat dilakukan dengan
menekan tombol Ctrl+N

21.  Tahapan (3/7)
Dalam menu setting composition (lihat
gambar 2.2), terdapat beberapa hal yang
dapat kita tentukan, antara lain adalah :
a. Nama composition
b. Ukuran Resolusi, pada umumnya
berukuran Witdh 800 dan Height 600
c. Pixel Aspect Ratio, default D1/DV
NTSC (0.9)

22.  Tahapan (4/7)
d) Frame Rate, secara default 25
frame rate, dan
e) Durasi video, yang dapat kita
tentukan berdasarkan materi
video pembelajaran

23. Gambar 2.2 Mengatur
Composition

24.  Tahapan (5/7)
4) Import Image dan rekaman
audio. Teknik import dapat
dilakukan dengan menekan
Ctrl+I hingga muncul menu
untuk memilih file yang akan kita
import seperti terlihat pada
gambar 2.3

25. Gambar 2.3 Import Image

26.  Tahapan (6/7)
5) Hasil Import file dapat dilihat di
window project Adobe After Effect
seperti terlihat pada gambar 2.4

27. Gambar 2.4 Hasil Import File

28.  Tahapan (7/7)
6) Proses import file audio dan image
telah selesai

29.  Bagaimana Bekerjanya
???
Hasil dari penggabungan rekaman
audio dan image ini selanjutnya
digunakan sebagai bahan utama
dari pengolahan video
pembelajaran.

30. Rekaman audio menjadi backsound
video pembelajaran serta image
akan digunakan untuk menjelaskan
lebih lengkap isi materi pelajaran
melalui video pembelajaran

31. 3. Membuat Video
Pembelajaran Berbasis
Image

32.  Persoalan (1/2)
Hal utama dalam pembuatan video
pembelajaran berbasis image adalah
saudara harus berkreasi dan
berimajinasi, sehingga video
pembelajaran menjadi lebih hidup, dan
menarik untuk dilihat oleh para siswa

33.  Persoalan (2/2)
Dengan demikian persoalan yang
saudara hadapi adalah :
Bagaimana membuat video pembelajaran
yang menarik sehingga siswa tertarik
untuk mengikuti materi pelajaran yang
terkandung dalam video pembelajaran
???

34.  Teknik (1/2)
Adobe After Effect dapat saudara
gunakan untuk membuat video
pembelajaran dengan berbagai fitur dan
properties yang tersedia. Untuk
menggerakkan teks dan image
menggunakan properties position
sedangkan untuk membuat effect dissolve,
dapat menggunakan effect opacity

35.  Teknik (2/2)
Teks yang akan digunakan dapat diatur
warna serta ukuran teks sehingga lebih
menarik. Penggabungan file import
diletakkan pada window composition
view dengan metode drag and drop.
Dengan kelengkapan fitur dan properties
yang ada di adobe after effect semua
penggabungan dapat dilakukan dengan
mudah oleh para kreator

36.  Tahapan (1/12)
Pembuatan video pembelajaran
berbasis image dapat mengikuti
tahapan sebagai berikut:
1. File yang telah di import di drag and
drop menuju window composition
view (lihat gambar 3.1)

37. Gambar 3.1 Proses Drag and Drop Image background
menuju Window Composition View

38.  Tahapan (2/12)
Jika image background berhasil di
drag and drop menuju project, maka
di time line view akan tampil nama
file background yang berhasil di
pindah menuju window composition
view (lihat gambar 3.2)

39. Gambar 3.2 File background yang berhasil di pindah ke
window composition view akan tampil pada timeline view

40.  Tahapan (3/12)
2. Ikuti dengan import file yang
lain menuju window
composition view menggunakan
metode drag and drop (lihat
gambar 3.3)

41. Gambar 3.3 Semua file import yang telah di pindah window
composition view akan tampil pada timeline view

42.  Tahapan (4/12)
3. Tambahkan text pada window
composition view sebagai judul
video pembelajaran. Fitur yang
digunakan adalah Horizontal
Type Tool pada Window Tool
(lihat gambar 3.4)

43. Gambar 3.4 Horizontal Type Tool

44. Gambar 3.5 Teks Judul Video Pembelajaran
Sudah di Tambahkan

45.  Tahapan (5/12)
4. Tambahkan text yang lain pada
window composition view jika
diperlukan

46.  Tahapan (6/12)
5. Memberikan effect dissolve
pada transisi image dan text.
Untuk memberikan effect
dissolve pada transisi peralihan
antar object dapat dilakukan
dengan beberapa langkah :

47.  Tahapan (8/12)
c) Add KeyFrame dengan
memberikan jarak waktu dari
Keyframe pertama, dengan
setting value opacity 100 %
d) Ikuti langkah tersebut diakhir
properties opacity file object
value pada object yang telah
dipindah ke window composition
view

48.  Tahapan (7/12)
a) Buka properties file atau object
yang telah dipindah ke window
composition view, kemudian add
KeyFrame pada opacity
properties pada awal object
b) Setting value menjadi 0 %, lihat
gambar 3.6

49.  Tahapan (9/12)
6. Add KeyFrame pada semua
properties opacity file object yang
telah dipindah ke window composition
view, sehingga masing-masing file
object mempunyai setting opacity
diakhir dan awal file object, hal inilah
yang membuat effect transisi dissolve
pada setiap pergantian file object

50. Gambar 3.6 Setting properties opacity file object
value setelah setting KeyFrame awal

51.  Tahapan (10/12)
7. Simpan project yang telah dibuat
dengan ekstensi *.aep. Project Adobe
After Effect merupakan gabungan file
yang terkait, sehingga jika susunan
folder diubah, akan berpengaruh
terhadap dengan susunan project
Adobe After Effect

52.  Tahapan (11/12)
8. Selanjutnya melakukan penyimpanan
sekaligus melakukan konversi ke file
streaming FLV/SWF sebab ukuran
file ini sangat kecil, sehingga sangat
mudah di embed dalam website (lihat
gambar 3.7). Hasil export ini juga
bisa digabungkan dengan interface
menu. Interface menu ini berguna
untuk memanggil file video tersebut

53.  Tahapan (12/12)
9. Selesai dan video pembelajaran
siap digunakan

54. Gambar 3.7 Export project menjadi sebuah
format file FLV

55.  Bagaimana Bekerjanya
???
Video pembelajaran berformat FLV
dapat digunakan langsung sebagai
video pembelajaran atau dikembangkan
lagi sebagai vodeo pembejaran
interaktif. Selain itu juga dapat
digunakan dalam video on demand pada
video pembelajaran di website atau e-
learning

56.  Sessi Tanya Jawab

57.  Quotes of the day
Kita Diberitahu Bahwa Bakat
Menciptakan Kesempatan-
kesempatan, Tetapi Terkadang
Kelihatan Bahwa Hasrat Yang Kuat
Bukan Saja Menciptakan
Kesempatan-kesempatan, Namun
Juga Bakat-bakat

58. Sekian dan Terima Kasih
Selamat Berkarya
Semoga Bermanfaat