VIDEOSCRIBE SEBAGAI MEDIA
PENGAJARAN DIGITAL
BPPK - PUSDIKLAT KEUANGAN UMUM
Departemen Keuangan Republik Indonesia
disampaikan oleh :
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,
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 gambar-gambar 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
import file scribe dari komputer 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
Pengaturan DEFAULT animasi
Saat kita akan memulai program ini. pertama kali kita akan menemui window seperti ini:
MENGENAL MENU-MENU
DALAM PROGRAM VIDEOSCRIBE
(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
1
4
2
3
5
Apabila kita memilih kanvas kosong pada menu awal VideoSribe ( dengan menekan tombol + ), maka akan keluar tampilan seperti gambar berikut ini.
Keterangan :
1. Menu Bar
2. Komposisi/ Stage/ Canvas
3. Timeline 4. Render output 5. Element controller
(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 )
posisi aktor didalam komposisi
Icon Paper
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 masing-masing obyek maupun keseluruhan video yang kita buat.
Aktor yang sedang aktif posisi aktor didalam
komposisi
setiap aktor akan muncul didalam timeline, dan dapat diatur/ di edit.
posisi TIMMING aktor bisa dirubah dengan memindahkan kedudukan didalam timeline
durasi tampilan dalam satu aktor
Tombol
pengaturan efek dan durasi
keseluruhan durasi sampai dengan aktor ini
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 ).
(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 ).
Delete
Paste Copy
Setting camera
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
- png
file PNG adalah file terkompress dan memiliki alpha channel sehingga bisa terlihat transparan
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
menambahkan image dari library kita ( costumized )
menambahkan image dari library online/ web
library image yang ada di software videoscribe
MENAMBAH GAMBAR
Mengganti obyek gambar
Draw Move In Morph ( perubahan 2 gambar }
Filter / Shadow Remove/change hand
MENAMBAH TEKS
Kita bisa memulai dengan
menambahkan Teks, dengan men-klik 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
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 image property tombol play preview
pengaturan durasi
Pilihan efek :
Draw : digambar
Move in : objek di “digeser “ Morph : perubahan wujud
objek menjadi objek lain
Mengganti aktor/ elemen dari library
tombol play preview untuk melihat hasil edit yang kita lakukan pada objek/ elemen / aktor
merubah/ menambah filter seperti drop shadow dll
mengganti “tangan” dari library
tombol-tombol pengaturan gambar
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 )
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
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 brush tool line tool shape 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 1 :
berisi gambar asli dalam bentuk PNG
Layer :properties
Layer 2 :
Gambar berupa outline dengan pen tools
Layer 3
CONVERT GAMBAR
MENJADI VECTOR
Kita juga bisa membuat gambar-gambar yang sesuai dengan kebutuhan kita, kemudian men- convert 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 SAVE GAMBAR Gambar sudah di unggah ke
Gambar di import ke program Illustrator dengan mode “image tracing “ kita ubah gambar 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.
aturlah dengan mode pengatur, sampai outline gambar terlihat bersih kemudian klik ‘EXPAND “ ... maka gambar sudah menjadi VECTOR
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
