5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal...

26
44 Universitas Kristen Petra 5. PROSES PERANCANGAN 5.1. Penjaringan Ide Proses perancangan ide dilakukan dengan riset mengenai informasi seputar peristiwa perang, mulai dari kronologi kejadian, tokoh- tokoh yang terlibat dalam kejadian ini, latar tempat dan waktu, hingga karakteristik dari budaya yang ada pada jaman tersebut. seluruh kronologi dari peristiwa kemudian diangkat kedalam permainan dalam bentuk motion graphic. Motion graphic ini akan disesuaikan dengan waktu permainan sehingga tidak memakan banyak waktu dari pemain. Tokoh- tokoh yang ada serta latar tempat divisualkan sesuai dengan karakteristik yang bisa diketahui yang kemudian dijadikan gambar pada papan serta kartu dan koin yang dibuat. 5.1.1. Pengembangan Desain 5.1.1. Desain Logo a. Thumbnail Gambar 5.1 Thumbnail logo b. Final Logo Gambar 5.2 Final logo

Transcript of 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal...

Page 1: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

44 Universitas Kristen Petra

5. PROSES PERANCANGAN

5.1. Penjaringan Ide

Proses perancangan ide dilakukan dengan riset mengenai informasi seputar

peristiwa perang, mulai dari kronologi kejadian, tokoh- tokoh yang terlibat dalam

kejadian ini, latar tempat dan waktu, hingga karakteristik dari budaya yang ada pada

jaman tersebut. seluruh kronologi dari peristiwa kemudian diangkat kedalam

permainan dalam bentuk motion graphic. Motion graphic ini akan disesuaikan

dengan waktu permainan sehingga tidak memakan banyak waktu dari pemain.

Tokoh- tokoh yang ada serta latar tempat divisualkan sesuai dengan karakteristik

yang bisa diketahui yang kemudian dijadikan gambar pada papan serta kartu dan

koin yang dibuat.

5.1.1. Pengembangan Desain

5.1.1. Desain Logo

a. Thumbnail

Gambar 5.1 Thumbnail logo

b. Final Logo

Gambar 5.2 Final logo

Page 2: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

45 Universitas Kristen Petra

5.1.2. Desain Board / Papan Permainan

a. Thumbnail

Papan permainan yang dibuat diambil dari peta yang berlokasi di Jawa

Timur.

Gambar 5.3 Sebagian peta lokasi Jawa Timur.

Gambar 5.4 Sketsa awal papan permainan

Page 3: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

46 Universitas Kristen Petra

b. Tighttissue

Gambar 5.5 Tighttissue papan permainan

c. Final

Gambar 5.6 Desain akhir papan permainan

Page 4: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

47 Universitas Kristen Petra

5.1.2. Desain Karakter

a. Raden Wijaya

Raden Wijaya adalah menantu dari Kertanegara raja dari kerajaan Singasari

yang nantinya setelah mengalahkan kerajaan Kediri dan mengusir tentara Mongolia

akan menjadi raja pertama Kerajaan Majapahit. Meskipun Raden Wijaya terkesan

baik di hadapan rakyat, namun Ia memiliki watak yang licik dan pandai

memanfaatkan situasi.

Thumbnail:

Gambar 5.7 Thumbnail Raden Wijaya

Desain Digital 2D:

Gambar 5.8 Desain 2D Raden Wijaya

Page 5: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

48 Universitas Kristen Petra

Desain Digital 3D:

Gambar 5.9 Desain 3D Raden Wijaya

b. Arya wiraraja

Arya wiraraja adalah seorang adipati yang bekerja dibawah Prabu

Jayakatwang. Aryawiraraja sempat membantu Jayakatwang untuk menyusun

strategi dan menjatuhkan Kertanegara. Namun Arya berpaling membantu Raden

Wijaya setelah dijanjikan sebagian dari wilayah jika Raden Wijaya berhasil

menang.

Thumbnail:

Gambar 5.10 Thumbnail Arya

Page 6: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

49 Universitas Kristen Petra

Desain Digital 2D:

Gambar 5.11 Desain 2D Arya

Desain Digital 3D:

Gambar 5.12 Desain 3D Arya

Page 7: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

50 Universitas Kristen Petra

c. Prabu Jayakatwang

Prabu Jayakatwang adalah seorang Raja yang memerintah di kerajaan

Kediri. Di masa pemerintahannya, kerajaan Kediri berhasil diruntuhkan Raden

Wijaya yang dibantu oleh tentara Mongolia.

Thumbnail:

Gambar 5.13 Thumbnail Jayakatwang

Desain Digital 2D:

Gambar 5.14 Desain 2D Jayakatwang

Page 8: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

51 Universitas Kristen Petra

Desain Digital 3D:

Gambar 5.15 Desain 3D Jayakatwang

d. Pangeran, Ardharaja

Ardharaja merupakan anak laki- laki dari Jayakatwang. Ardharaja

sempat membantu ayahnya untuk memenangkan perang melawan

Singasari. Ardharaja juga merupakan menantu dari Kertanegara.

Thumbnail:

Gambar 5.16 Thumbnail Ardharaja

Page 9: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

52 Universitas Kristen Petra

Desain Digital 2D:

Gambar 5.17 Desain 2D Ardharaja

Desain Digital 3D:

Gambar 5.18 Desain 3D Ardharaja

e. Ike Mese

Ike Mese merupakan salah satu dari tiga pasukan yang dikirim oleh Kaisar Khubilai

Khan untuk menyerang pulau jawa dan Kertanegara. Ike Mese merupakan panglima

perang yang membentuk strategi untuk mengalahkan Kerajaan Kediri.

Page 10: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

53 Universitas Kristen Petra

Thumbnail :

Gambar 5.19 Thumbnail Ike Mese

Desain Digital 2D:

Gambar 5.20 Desain 2D Ike Mese

Page 11: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

54 Universitas Kristen Petra

Desain Digital 3D:

Gambar 5.21 Desain 3D Ike Mese

f. Gaoxing

Gaoxing adalah salah satu dari tiga panglima perang yang dikirim oleh

Kaisar Khubilai Khan untuk menyerang pulau Jawa dan Kertanegara. Setelah gagal,

Gaoxing merupakan satu- satunya panglima yang bebas dari hukuman.

Thumbnail:

Gambar 5.22 Thumbnail Gaoxing

Page 12: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

55 Universitas Kristen Petra

Desain Digital 2D:

Gambar 5.23 Desain 2D Gaoxing

Desain Digital 3D:

Gambar 5.24 Desain 3D Gaoxing

Page 13: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

56 Universitas Kristen Petra

5.1.3. Desain Atribut / Media Permainan

a. Desain Kartu Permainan – Resource/ sumber daya

Gambar 5.25 Thumbnail kartu sumber daya

Gambar 5.26 Desain final kartu sumber daya

Page 14: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

57 Universitas Kristen Petra

b. Desain Kartu Permainan – Aksi

Gambar 5.27 Desain final kartu aksi

c. Desain kartu karakter

Gambar 5.28 Desain final kartu karakter

Page 15: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

58 Universitas Kristen Petra

d. Desain bidak

Gambar 5.29 Bidak Arya

e. Desain Kepingan perangkap

Gambar 5.30 Desain kepingan perangkap

Page 16: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

59 Universitas Kristen Petra

f. Desain Kepingan Majapahit

Gambar 5.31 Desain kepingan Majapahit

Page 17: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

60 Universitas Kristen Petra

5.1.3. Desain UI

a. Desain User Interface / UI –Halaman Utama

Gambar 5.27 Desain main menu awal

Gambar 5.28 Desain main menu awal

Page 18: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

61 Universitas Kristen Petra

Gambar 5.29 Desain main menu awal

b. Desain User Interface In-Game

Gambar 5.30 Desain UI dalam permainan

Page 19: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

62 Universitas Kristen Petra

Gambar 5.31 Desain UI dalam permainan

5.1.4. Desain Motion Graphic

a. Storyboard

Gambar 5.32 Storyboard Raden Wijaya

Page 20: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

63 Universitas Kristen Petra

Gambar 5.33 Storyboard Raden Wijaya

Gambar 5.32 Storyboard Jayakatwang

Page 21: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

64 Universitas Kristen Petra

Gambar 5.33 Footage motion graphic

Page 22: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

65 Universitas Kristen Petra

5.1.5. Desain Packaging

a. Desain Cover Packaging

Gambar 5.34 Desain cover

b. Desain User Manual / Peraturan Permainan

Gambar 5.35 User guide

Page 23: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

66 Universitas Kristen Petra

5.2. Aplikasi Pada Media Interaktif

a. Final product

Gambar 5.36 Produk boardgame

b. X-banner

Gambar 5.37 X-banner

Page 24: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

67 Universitas Kristen Petra

c. Katalog

Gambar 5.38 Katalog

d. Poster diri

Gambar 5.39 Poster diri

Page 25: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

68 Universitas Kristen Petra

e. Poster konsep

Gambar 5.40 Poster konsep

f. Poster karya

Gambar 5.41 Poster karya

Page 26: 5. PROSES PERANCANGAN 5.1. · Gambar 5.3 Sebagian peta lokasi Jawa Timur. Gambar 5.4 Sketsa awal papan permainan . 46 Universitas Kristen Petra b. Tighttissue Gambar 5.5 Tighttissue

69 Universitas Kristen Petra

g. Gantungan kunci

Gambar 5.42 Gantungan kunci