4.1 Data Visual

(1)

50

VISUALISASI

4.1 Data Visual

Pada perancangan video motion graphic ini penulis menggunakan data visual yang dapat mendukung perancangan ini dengan mengangkat penjelasan yang penuh dengan warna yang diharapkan dapat menarik audience. Berikut beberapa data visual yang akan ditampilkan :

4.2 Pengembangan Ide Visual

4.2.1 Karakter Tokoh Utama dan Pendukung

Gambar IV. 1 Karakter Rahmat PNS Sumber : Dokumen Pribadi

(2)

Dikarenakan aplikasi jawara egov merupkan aplikasi milik pemerintah maka penulis membuat karakter PNS sebagai karakter pembicara dalam video tutorial aplikasi jawara egov.

4.2.2 Background, Evironment dan Property

Gambar IV. 2 Icon-Icon

Sumber : Dokumen Pribadi

(3)

Gambar IV. 3 Back Ground Blue Sumber : Dokumen Pribadi

Gambar IV. 4 Back Ground Silver Sumber : Dokumen Pribadi

(4)

Gambar IV. 5 Back Ground Green Sumber : Dokumen Pribadi

Gambar IV. 6 Back Ground Drak Blue Sumber : Dokumen Pribadi

(5)

Berikut merupakan contoh tipografi yang digunakan dalam karya

Gambar IV. 7

Penggunaan Typo Grafi Pada Animasi Sumber : Dokumen Pribadi

(6)

4.3. Storyboard

Storyboard merupakan suatu gambar acuan berdasarkan naskah dalam film maupun animasi agar pergerakan dalam animasi sesuai dengan rencana. Berikut storyboardyang telah penulis buat:

Tabel IV.1 Tabel Storyboard

NO Story Board Story Line

1

^{Scene : 1}

Shoot : 1

Duration : 5 Detik Camera : medium shoot

Opening dengan

menampilkan motion logo jawara egov

2

^{Scene : 2}

Shoot : 2

Duration : 5 Detik Camera : Long Shoot

Menampilkan logo kominfo dan prov. Banten

(7)

Shoot : 3

Duration : 5 Detik Camera : long shoot

Loading dengan

menampilkan gear yang berputar

4

^{Scene : 4}

Shoot : 4

Duration : 15 Detik

Camera : zoom in pada layar

Penjelasan apa itu jawara egov didalam layar hp

5

^{Scene : 5}

Shoot : 5

Duration : 10 Detik Camera : medium shoot

Menampilkan loading jawara egov dengan tulisan disebelah hp “bagaimana menggunakan aplikasi jawara Egov””

(8)

6

^{Scene : 6}

Shoot : 6

Duration : 7 Detik

Camera : zoom in padalayar

Menampilkan sentuhan pada AppStore

7

^{Scene : 7}

Shoot : 7

Duration : 24 Detik Camera : Close Up

Menampilkan cara penginstallan aplikasi jawara egov

8

^{Scene : 8}

Shoot : 8

Menampilkan sentuhan pada icon Jawara E-GOV

(9)

Shoot : 9

Duration : 5 Detik Camera : zoom out

Tampilan Loading Jawara E-GOV pada layar hp dan tampilan beranda jawara egov

10

Scene : 10

Shoot : 10

Menampilkan icon-icon yang ditimbulkan 1/1

11

Scene : 11

Shoot : 11

Duration : 5 Detik Camera :

Menampilkan kata “ Ayo kita pahami lebih lanjut”

(10)

12

Scene : 12 Shoot : 12

Duration : 25 Detik Camera :

Menampilkan penjelasan icon-icon utama

13

Scene : 13

Shoot : 13

Duration : 12 Detik Camera : Medium Shoot

Menyentuh icon “Layanan

Pengaduan” dan

menjelaskan isi nya pada layar sebelah nya

14

Scene : 14

Shoot : 14

Duration : 38 Detik Camera : Medium Shoot

Menyentuh icon “Layanan Informasi” dan mejelaskan apasaja yang ada pada icon tersebut

(11)

Shoot : 15

Duration : 18 Detik Camera : Medium

Menyentuh icon “Layanan Perizinan” dan mejelaskan apa saja yang ada pada icon tersebut

16

Scene : 16

Shoot : 16

Menyentuh icon “Destinasi wisata” dan mejelaskan apa saja yang ada pada icon tersebut

17

Scene : 17

Shoot : 17

Menyentuh icon “Layanan Kesehatan” dan mejelaskan apa saja yang ada pada icon tersebut

(12)

18

Scene : 18 Shoot : 18

Menyentuh icon “Layanan Pendidikan” dan mejelaskan apa saja yang ada pada icon tersebut

19

Scene : 19

Shoot : 19

Menyentuh icon “Layanan Kepegawaian” dan mejelaskan apa saja yang ada pada icon tersebut

20

Scene : 20

Shoot : 20

Menyentuh icon “Video Jawara Utube” dan mejelaskan apa saja yang ada pada icon tersebut

(13)

Shoot : 21

Menyentuh icon “Jawara TV” dan mejelaskan apa saja yang ada pada icon tersebut

22

Scene : 22

Shoot : 21

Terimakasih dan sampai jumpa

Sumber: Dokumen Pribadi

4.4. Final Screenshoot

(14)

Gambar IV. 8 Adegan 1

(15)

(16)

(17)

(18)

(19)

(20)

(21)

G a

m b a r

I V .

2 4

A d

egan 17

(22)

(23)

(24)

4.5 Media Pendukung/ Promosi

(25)

Gambar IV. 29 Poster

4.5.2 Gantungan Kunci

(26)

Gambar IV. 30 Gnatungan Kunci Belakang Sumber : Dokumen Pribadi

Gambar IV. 31 Gnatungan Kunci Depan Sumber : Dokumen Pribadi

4.5.3 X-Banner

(27)

Gambar IV. 32 Xbanner

(28)

77

4.5.4 Sticker

Gambar IV. 33 Stiker

(29)

78

Gambar IV.34 CD

Gambar IV. 35 Cover CD

(30)

79

4.5.6 Desain Catalog

Gambar IV. 36 Contoh Catalog Sumber : Dokumen Pribadi

Gambar IV. 37 Contoh Catalog Sumber : Dokumen Pribadi