bab v visualisasi karya · 89. 2) bagian interaktif 1 alur pilihan cerita 1 halaman 16 – 20 ....

17
86 BAB V VISUALISASI KARYA A. MEDIA UTAMA 1. Desain Halaman Sampul Komik “Medsosmu Harimaumu” Gambar 12 : Desain sampul 2. Desain User Interface Halaman Komik a. Desain halaman biasa Gambar 13 : Desain User Interface Halaman biasa

Upload: others

Post on 13-May-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

86

BAB V VISUALISASI KARYA

A. MEDIA UTAMA

1. Desain Halaman Sampul Komik “Medsosmu Harimaumu”

Gambar 12 : Desain sampul

2. Desain User Interface Halaman Komik

a. Desain halaman biasa

Gambar 13 : Desain User Interface Halaman biasa

Page 2: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

87

b. Desain halaman pemilihan alur cerita

Gambar 14 : Desain User Interface Halaman pemilihan alur cerita

3. Halaman Komik Digital

a. Bagian Pertama : Cerita Pengantar

Halaman 1 – 10

Gambar 15 : Halaman 1 Gambar 16 : Halaman 2

Gambar 17 : Halaman 3 Gambar 18 : Halaman 4

Gambar 19 : Halaman 5 Gambar 20 : Halaman 6

Page 3: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

88

Gambar 21 : Halaman 7 Gambar 22 : Halaman 8

Gambar 23 : Halaman 9 Gambar 24 : Halaman 10

b. Bagian Kedua : Cerita Interaktif

1) Pendahuluan bagian interaktif 1

Halaman 11 – 15

Gambar 25 : Halaman 11 Gambar 26 : Halaman 12

Gambar 27 : Halaman 13 Gambar 28 : Halaman 14

Gambar 29 : Halaman 15

Page 4: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

89

2) Bagian interaktif 1 alur pilihan cerita 1

Halaman 16 – 20

Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a

Gambar 32 : Halaman 18 a Gambar 33 : Halaman 19 a

Gambar 34 : Halaman 20 a

3) Bagian interaktif 1 alur pilihan cerita 2

Halaman 16 – 20

Gambar 35 : Halaman 16 b Gambar 36 : Halaman 17 b

Gambar 37 : Halaman 18 b Gambar 38 : Halaman 19 b

Page 5: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

90

Gambar 39 : Halaman 20 b

4) Pendahuluan bagian interaktif 2

Halaman 21 – 25

Gambar 40 : Halaman 21 Gambar 41 : Halaman 22

Gambar 42 : Halaman 23 Gambar 43 : Halaman 24

Gambar 44 : Halaman 25

Page 6: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

91

5) Bagian interaktif 2 alur pilihan cerita 1

Halaman 26 – 30

Gambar 45 : Halaman 26 a Gambar 46 : Halaman 27 a

Gambar 47 : Halaman 28 a Gambar 48 : Halaman 29 a

Gambar 49 : Halaman 30 a

6) Bagian interaktif 2 alur pilihan cerita 2

Halaman 26 – 30

Gambar 50 : Halaman 26 b Gambar 51 : Halaman 27 b

Page 7: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

92

Gambar 52 : Halaman 28 b Gambar 53 : Halaman 29 b

Gambar 54 : Halaman 30 b

c. Bagian Ketiga : Cerita Penutup

Halaman 31 – 35

Gambar 55 : Halaman 31 Gambar 56 : Halaman 32

Gambar 57 : Halaman 33 Gambar 58 : Halaman 34

Gambar 59 : Halaman 35

Page 8: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

93

Ukuran : 1280 x 720 pixel

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; Digitalstrip BB; Tw Cent

MT; Action Man

Media Placement : Diunggah di Google drive dan bisa diunduh secara

gratis melalui tautan yang ada di Fanpage

Facebook.

Page 9: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

94

B. MEDIA PENDUKUNG

1. Facebook Ads Banner / Web Banner

Gambar 60 : Desain Facebook Ads Banner / Web Banner

Ukuran : 1200 x 900 pixel

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; Digitalstrip BB; SF

Cartoonist Hand Regular

Media Placement : Dipasang di situs Kominfo dan pada layanan

Facebook Ads selama 1 bulan

Page 10: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

95

2. Facebook Fanpage

Gambar 61 : Tampilan Facebook Fanpage

Ukuran : Menyesuaikan platform yang mengakses

Media/bahan : Digital

Mode : Full Colour

Penjelasan : Facebook fanpage ini akan berisi berbagai macam

informasi seputar media sosial dan komik

“Medsosmu Harimaumu”.

Page 11: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

96

3. Online Poster

Gambar 62 : Desain Online Poster

Ukuran : 1240 x 877 pixel

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; Digitalstrip BB

Media Placement : Dibagikan di Facebook fanpage timeline saat

kontes akan dilangsungkan.

Page 12: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

97

4. Merchandise

a. CD Cover & label

Gambar 63 : Desain CD Coveer

Ukuran : 29 x 12 cm

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; Tw Cent MT

Media Placement : Diunggah di Facebook fanpage untuk dapat

diunduh secara gratis bagi yang menginginkan

untuk menyimpan kopian komik kedalam CD.

Page 13: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

98

Gambar 64 : Desain CD Label

Ukuran : 12 x 12 cm

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; Tw Cent MT

Media Placement : Diunggah di Facebook fanpage untuk dapat

diunduh secara gratis bagi yang menginginkan

untuk menyimpan kopian komik kedalam CD.

Page 14: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

99

b. Desktop Wallpaper

Gambar 65 : Desain desktop wallpaper

Ukuran : 1600 x 900 pixel

Media/bahan : Digital

Mode : Full Colour

Tipografi : Riffic Free Medium; SF Cartoonist Hand Regular

Media Placement : Diunggah di Facebook fanpage untuk dapat

diunduh secara gratis untuk dapat dimanfaatkan

sebagai wallpaper laptop atau desktop PC.

Page 15: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

100

c. T-Shirt

Gambar 66 : Desain T-Shirt Ukuran : All Size

Media/bahan : T-Shirt katun

Mode : Sablon 1 warna

Tipografi : Riffic Free Medium; SF Cartoonist Hand Regular

Media Placement : Dibagikan sebagai merchandise hadiah pemenang

kontes.

Page 16: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

101

d. Stiker

Gambar 67 : Desain stiker 1

Gambar 68 : Desain stiker 2

Gambar 69 : Desain stiker 3

Ukuran : 7 x 15 cm

Media/bahan : Sticker Doff laminated

Mode : Print On Sticker

Tipografi : Riffic Free Medium; SF Cartoonist Hand Regular

Media Placement : Dibagikan sebagai merchandise hadiah pemenang

kontes.

Page 17: BAB V VISUALISASI KARYA · 89. 2) Bagian interaktif 1 alur pilihan cerita 1 Halaman 16 – 20 . Gambar 30 : Halaman 16 a Gambar 31 : Halaman 17 a . Gambar 32 : Halaman 18 a Gambar

102

e. Totebag

Gambar 70 : Desain totebag

Ukuran : 35 x 40 cm

Media/bahan : Canvas

Mode : Sablon 1 warna

Tipografi : Riffic Free Medium; SF Cartoonist Hand Regular

Visualisasi Karya : Paint Tool SAI; Adobe Photoshop CC 2015

Media Placement : Dibagikan sebagai merchandise hadiah pemenang

kontes.