VIDEOSCRIBE SEBAGAI MEDIA PENGAJARAN DIGITAL

VIDEOSCRIBE SEBAGAI MEDIA
PENGAJARAN DIGITAL
disampaikan oleh :
KUNCORO TW, S.Sn
BPPK - PUSDIKLAT KEUANGAN UMUM
Departemen Keuangan Republik Indonesia
LATAR BELAKANG
Seiring perkembangan zaman di era informasi memaksa setiap orang mengubah pola
hidup dan kebiasaannya. Kesadaran akan pentingnya peran Teknologi Informasi dan
Komunikasi seolah-olah membuat ketergantungan kita pada alat komunikasi dalam
segala aktivitas.
Salah satu dampak dari era informasi ini terjadi pada dunia pendidikan, dimana
metode tradisional yang mengandalkan papan tulis kapur, board marker, maupun
media kertas dirasa kurang memberikan inpirasi terhadap siswa, dibandingkan
dengan media-media digital yang terasa lebih dinamis dan menarik. Selain itu
bahan ajar cetak juga dinilai tidak praktis untuk dibawa jika jumlahnya banyak serta
diperlukan beragam referensi baru dan cepat diakses untuk mempelajari suatu ilmu
yang terkini.
Bahan ajar digital merupakan salah satu solusi saat ini yang mampu memberikan
kemudahan bagi Pengajar untuk membuat, menyampaikan, dan mendistribusikan
pengetahuan kepada siswa atau peserta didik lainnya,
VIDEOSCRIBE
Kebanyakan orang masih beranggapan membuat bahan ajar digital yang dinamis
tidaklah mudah. Sebetulnya kemajuan perkembangan tehnologi memungkinkan kita
saat ini membuat bahan ajar digital dengan cukup mudah dan cepat.
Biasanya dalam sebuah bahan ajar digital ditampilan materi-materi data dalam
bentuk tulisan dan grafik atau chart. Sebagian lainnya akan menambahkan gambargambar pendukung sementara sebagian kecil lainnya akan menambahkan animasi
atau data interaktif kedalamnya.
Salah satu program software pendukung yang mampu membantu menyajikan bahan
ajar digital dengan unik adalah VIDEO SCRIBE. Video scribing adalah penyajian
presentasi video dengan konsep papan tulis ( whiteboard presentation ) yang secara
visual tampak sebuah tangan yang seolah-olah sedang menggambar / menulis.
Konsep video scribing / gambaran tangan tersebut biasa digunakan sebagai video
materi kuliah online, video promosi, CV, presentasi, dan semacamnya.
Software ini yang akan kita pelajari adalah, Sparkol VideoScribe, dikembangkan
untuk membantu menyajikan presentasi dalam bentuk animasi whiteboard
presentation, yang dapat dibuat oleh orang awam sekalipun. Mari kita mulai
mengenal produk ini.
MEMULAI PROGRAM VIDEOSCRIBE
Saat kita akan memulai program ini. pertama kali kita akan menemui window
seperti ini:
memulaib presentasi/file
baru
File scribe yang sudah kita
buat ( bisa di tempatkan
dalam folder2 lainnya )
contoh file scribe yang ada
di program videoscribe
about videoscribe dan online links
import file scribe dari komputer
Pengaturan DEFAULT animasi
MENGENAL MENU-MENU
DALAM PROGRAM VIDEOSCRIBE
Apabila kita memilih kanvas kosong pada menu awal VideoSribe ( dengan menekan
tombol + ), maka akan keluar tampilan seperti gambar berikut ini.
1
4
2
3
5
Keterangan :
1. Menu Bar
2. Komposisi/ Stage/ Canvas
3. Timeline
4. Render output
5. Element controller
(1) Menu Bar
yang berisi icon < yang berarti kembali keperintah awal/ back.
SAVE/EXPORT project
Menambah gambar ( gambar bisa di dapat dari library online
maupun gambar yang kita buat sendiri )
Menambahkan Teks (huruf bisa diambil dari library font kita maupun
default)
Menambahkan Musik latar
Menambahkan Voice Over
Merubah background kanvas dengan warna/ tekstur berbeda
merubah tipe tangan/ atau pensil/ pen yang akan digunakan
(2) CANVAS/ STAGE
Canvas/ stage adalah bidang dimana kita bisa membuat suatu komposisi. Bidang ini
cukup besar dengan range zoom 1 % s/d 2500 %. Defautl bidang kancas adalah Putih,
tapi bisa kita ubah dengan menekan tombol/ icon Paper
Maka akan muncul window dengan pilihan-pilihan tekstur kertas. Tampilan tekstur
dapat disesuaikan gelap terangnya dengan menambahkan atau mengurangi intensitasnya
( no vignette, soft vignette, dan hard vignette )
Icon Paper
posisi aktor didalam
komposisi
setiap aktor akan muncul didalam timeline,
dan dapat diatur/ di edit.
Pilihan tekstur
kanvas
Pengaturan pencahayaan pada
bidang kanvas
(3) TIME LINE
Timeline akan muncul apabila sebuah Canvas kosong sudah di isi dengan obyek baik itu
Tulisan/ Teks maupun gambar.
Tulisan maupun gambar akan terlihat tampil di Timeline sesuai urutan tampilnya obyek
tersebut seperti yang kita inginkan. Urutan bisa di ubah/diedit posisi dan durasinya.
Timeline juga berfungsi untuk melihat seberapa lama/ panjang durasi baik itu masingmasing obyek maupun keseluruhan video yang kita buat.
posisi aktor didalam
komposisi
Aktor yang sedang aktif
Tombol
pengaturan efek
dan durasi
durasi tampilan
dalam satu aktor
keseluruhan durasi
sampai dengan aktor ini
setiap aktor akan muncul
didalam timeline, dan dapat
diatur/ di edit.
posisi TIMMING aktor bisa
dirubah dengan memindahkan
kedudukan didalam timeline
aktor : aktor bisa berupa teks , gambar (
jpg, svg/vector )
(4) RENDER OUTPUT
Terdapat 2 ( dua ) tombol,
pertama berfungsi sebagai tombol PLAY ( PREVIEW )yaitu menampilkan hasil
video yang kita edit.
kedua adalah Tombol yang akan memerintahkan FINAL VIDEO yang akan kita
edit bisa di render baik sebagai file komputer, maupun di sharing ke media-media
lainnya ( Youtube, FB ).
Delete
Setting
camera
Copy
Paste
(5 ) ELEMENT CONTROLLER
Meliputi fungsi-fungsi CUT ( delete ) obyek, Copy, Paste , Setting Camera, Delete
Setting Camera.
Setting Camera bisa kita lakukan untuk untuk menampilkan seberapa luas bidang
yang ingin kita tampilkan pada saat sebuah obyek ditampilkan ( default video scribe
saat obyek di tampilkan adalah seukuran besar obyek tersebut ).
MENAMBAH GAMBAR
library image yang ada
di software videoscribe
Untuk menambahkan gambar, baik
gambar yang berasal dari library
software VideoScrine, menggambar
sendiri maupun dari online library.
Jenis type file gambar yang di
tampilkan bermacam-macam:
- SVG ( gambar ditampilkan dengan
drawing outline )
- jpg, jpg ( gambar di tampilkan
dengan atau tanpa efek )
photographic
menambahkan image dari
library kita ( costumized )
menambahkan image dari
library online/ web
- png
file PNG adalah file terkompress
dan memiliki alpha channel
sehingga bisa terlihat transparan
Draw
Move In
IMAGE PROPERTIES
Image Properties adalah menu
yang mengatur obyek baik berupa :
- animasinya ( durasi, pause dan
transisinya ).
- Filter : Blur, Saturation,Glow,
Contrast, Brightness dll
- Draw adalah pengaturan
bagaimana sebuah obyek/ teks di
gambar
- Move In , selain dengan cara
di gambar, sebuah obyek bisa
di tampilkan dengan cara di
tempelkan ke dalam canvas
Mengganti obyek
gambar
Filter / Shadow
Remove/change
hand
Morph
( perubahan
2 gambar }
MENAMBAH TEKS
Kita bisa memulai dengan
menambahkan Teks, dengan menklik tombol ini.
Pop Up menu akan menampilkan
ruang untuk menuliskan teks.
Sebaiknya Teks merupakan kalimat
yang tidak terlalu panjang, mudah
di mengerti dan efektif.
Jenis huruf bisa si pilih, demikian
juga dengan warna huruf yang
dikehendaki.
Pengaturan teks hampir sama
seperti pengaturan gambar.
beberapa hal termasuk
alignment, gap dll.
animate /pause dan transition
adalah pengaturan yang
penting karena menyangkut
durasi.
animate mengatur seberapa
lama huruf di gambarkan.
pause adalah durasi teks akan
diam/ berhenti
transition adalah waktu antar ke
animasi obyek berikutnya.
MENAMBAH
MUSIK
Kita dapat menambahkan musik
sepanjang bahan ajar/ presentasi kita.
Klik tombol bergambar not balok
kemudian kita dapat memilih musik/
lagu sebagai latar belakang video
yang akan kita buat.
Lagu bisa kita pilih dari library
ataupun kita ambil dari koleksi kita.
File lagu dalam bentuk file MP3.
Dalam pemutarannya lagu bisa di
putar berulang atau loop.
MENAMBAH
VOICE OVER
Untuk menambahkan Voice over,
klik icon bergambar microphone.
Klik Record untuk merekam .
berbicaralah sesuai topik yang sesuai
dengan sekuen presentasi yang
tayang,
Apabila anda memakai mic built
in, maka hasil rekaman voice over
tersebut akan langsung terrekam
sesuai dengan alur presentasi/
bahan ajar anda dengan memilih
show scribe on record.
FUNGSI TOMBOL DALAM
TIMELINE CONTROLLER
tombol image property
tombol play preview
pengaturan durasi
Kita dapat mengatur durasi objek/ aktor dengan menekan tanda + - yang ada di Timeline ,
atau dengan menekan tombol IMAGE PROPERTI dan mengatur objek dengan lebih detail lagi
dari pops up window yang muncul seperti berikut ini.
tombol play preview untuk
melihat hasil edit yang
kita lakukan pada objek/
elemen / aktor
Pilihan efek :
Draw : digambar
Move in : objek di “digeser “
Morph : perubahan wujud
objek menjadi objek lain
tombol-tombol pengaturan
gambar
Mengganti aktor/ elemen
dari library
merubah/ menambah filter
seperti drop shadow dll
mengganti “tangan” dari
library
FUNGSI TOMBOL DALAM
ELEMENT CONTROLLER
Elemen Controller
Elemen controller merupakan fungsi pengaturan objek/ elemen/ aktor
meliputi cut ( gambar gunting ) , copy ( gambar 2 buah berkas ), paste ( gambar
board ), position camera ( gambar kamera ) , menghapus kamera ( gambar
kamera disilang )
CAMERA SETTING
PERLU DI PERHATIKAN :
Position camera sangat di perlukan untuk mengatur seberapa besar tampilan ingin kita lihat di
dalam sebuah komposisi, karena default tampilan yang disediakan
CONTOH :
TAMPILAN DEFAULT CAMERA
CONTOH :
TAMPILAN SETTING CAMERA
Apabila kita menginginkan suatu objek tampil dengan posisi/ komposisi tertentu, maka kita
harus mengatur camera dengan menge- klik gambar kamera yang ada di kanan atas area
elemen controller.
Apabila posisi kamera yang telah ada ingin kita rubah, maka kita hapus terlebih dahulu
dengan menekan gambar kamera yang disilang kemudian menentukan posisi dan
mengaktifkan kembali posisi kamera
objek aktif di
komposisikan pada posisi
tertentu
kamera harus di aktifkan
agar objek terlihat pada
posisi tertentu
Render/ OUTPUT
Setelah presentasi/ project yang kita buat komposisinya selesai dibuat ,
jangan lupa untuk selalu di SAVE. Hasil yang kita buat ini bisa kita lihat
dengan memutar ( play ) dengan menekan tombol play, sehingga maka
semua komposisi gambar-teks, musik dan voice over akan diputar.
Disamping itu kita bisa meng eksport komposisi menjadi berbentuk file
video dan disimpan dalam folder/ computer kita, ata langsung di unggah ke
sosial media ( youtube dan facebook )dalam bentuk video
tombol pemutar/ play
tombol publish/
render
untuk merubah
komposisi
menjadi file
video
Publish/ render :
ada 4 pilihan publish/ render yang di tawarkan yaitu :
1. save sebagai file mov, AVI, sequence ( jpg dan png)
serta file wmv
2. publish file ke youtube channel
3. publish ke Facebook wall
4. Render sebagai file untuk format presentasi Powerpoint
HASIL MAKSIMAL
DENGAN MEMBUAT
GAMBAR/OBJEK SENDIRI
Walaupun cukup banyak tersedia gambar-gambar, logo, icon maupun sign yang
telah disiapkan dalam program/ software Video scribe ini, seringkali kebutuhan
presentasi kita membutuhkan gambar khusus yang unik atau khas.
VideoScribe memberikan fasititas untuk menambah gambar. Direkomendasikan
gambar yang kita buat adalah gambar dengan format file SVG ( Scalable Vector
Graphic ). Format lain yang dapat di terima adalah gambar dalam bentuk file JPG/
JPEG, PNG
sebagai contoh,
( 1 ) Kita akan mencoba menambahkan gambar foto dalam format JPG kedalam
komposisi
Apabila kita mengupload gambar dalam bentuk JPG atau PNG maka akan muncul
window - convert to drawing. Ada 6 style convert to drawing. silahkan di coba satu
persatu untuk mengetahui efek apa yang akan muncul.
Jenis Tipe File gambar yang biasa di pakai adalah :
JPG,JPEG ( gambar solid seperti foto, ilustrasi
dimana antara gambar dan background gambar
ada bidang solid )
PNG ( yaitu file compress dengan background
transparan )
MEMBUAT GAMBAR
FORMAT SVG DENGAN ILLUSTRATOR
Seperti disampaikan di atas, format SVG ( Scalable Vector Graphic ) adalah jenis
file yang di rekomendasikan untuk di pakai dalam program ini. Bagaimana kita bisa
membuat file dengan ekstension SVG ?
Kita bisa membuatnya dengan bantuan program/ software Adobie Illustrator,
InkSCAPE, maupun secara online dengan SVG-EDIT di
https://www.catscarlet.com/site/svg-edit-2.8.1/svg-editor.html#dupe
Walaupun semua yang berbasis vector bisa di save sebagai SVG file, tetapi ada
beberapa syarat yang perlu di penuhi agar gambar terlihat seperti “ line drawing “
yang digambar nyata ( digambar outlinenya , kemudian difill dengan warna ).
SOFTWARE ILLUSTRATOR
Salah satu software yang biasa digunakan untuk membuat gambar vector adalah
Adobe Illustrator ( beberapa software sejenis adalah CorelDraw, InkSCAPE dll }
Jenis Tools yang bisa dipakai untuk membuat objek/ gambar adalah pen, pencil,
brush, line dan shape tool.
Adapun efek/ appearing effect yang di timbulkan berbeda-beda.
berikut penjelasannya.
pen tool
shape tool
brush tool
line tool
pencil tool
MEMBUAT GAMBAR DENGAN
SVG EDITOR
Salah satu program SVG -EDITOR yang cukup mudah di pakai adalah program online yang
terdapat pada situs www.catscarlet.com
https://www.catscarlet.com/site/svg-edit-2.8.1/svg-editor.html#dupe
Cara pemakaiannya cukup simple,
1. Kita import gambar yang akan kita buat ( png file lebih baik )
kemudian kita jadikan gambar tersebut di layer 1.
2. Setelah itu kita tambahkan layer2 : --- disinilah kita akan menggambar outline
3. Tambahkan lagi layer 3 : dimana kita akan memberikan efek Fill dengan menutup gambar
dengan menggunakan stroke yang di sapukan keseluruh permukaan gambar.
4. Setelah proses ini gambar akan kita save dengan save-as :
5. maka akan muncul tab berikutnya yang berisi gambar yang sudah di edit.
6. dengan klik kanan, kita akan save gambar tersebut ( save page as ) --- maka gambar sudah
tersave sebagai file SVG
7. import ke dalam videoscribe
Layer :properties
Layer 1 :
berisi gambar asli dalam
bentuk PNG
Layer 2 :
Gambar berupa outline dengan pen tools
Layer 3
Gambar stroke yang disapu menutupi semua bidang
SAVE GAMBAR
Gambar sudah di unggah ke
videoscribe
CONVERT GAMBAR
MENJADI VECTOR
Kita juga bisa membuat gambar-gambar yang sesuai dengan kebutuhan kita, kemudian menconvert nya kedalam bentuk vector dan di save sebagai file SVG.
Untuk itu langkah-langkah yang perlu dilakukan adalah:
1. membuat gambar secara manual
2. scan atau foto gambat kemudian di share ke komputer
3. buka program illustrator, paste gambar yang akan
kita ubah menjadi vector
4. klik gambar dan kemudian klik tombol “ image
tracing “
5. atur sampai gambar yang di tracing menjadi clear
dan bersih
6. kemudian tekan tombol ‘Expand “ ... maka gambar
kita sudah berubah menjadi VECTOR OBJECT.
7. bila di butuhkan bisa di tambahkan warna
kemudian save sebagai file SVG
Gambar sudah siap untuk digunakan sebagai element
pada VideoScribe.
Gambar manual yang
sudah di scan/ photo
Gambar di import ke program
Illustrator
dengan
mode “image
tracing “ kita
ubah gambar
menjadi
vector
aturlah dengan mode
pengatur, sampai outline
gambar terlihat bersih
kemudian klik ‘EXPAND “ ...
maka gambar sudah menjadi
VECTOR
setelah menjadi vector, kita
pisahkan bidang gambar
yang tidak kita gunakan
dengan klik kanan >>> ...
UNGROUP
kita bisa memilih bidang
gambar yang tidak perlu dan
kita buang.
Gambar akan menjadi vector
yang siap di gunakan sebagai
objek/ elemen pada program
VideoScribe.
Demikianlah perkenalan kita dengan software
VIDEOSCRIBE
Tentu saja hal ini masih sangat dasar sehingga perlu melatih
dan membiasakan menggunakan program ini. Eksplorasi
setiap menu yang ada akan menambah kemampuan dan
tentu saja tampilan video/ gambar yang kita buat akan
menjadi makin menarik
Terimakasih, salam kreatif
Kuncoro T.W