Pixel Art and Flat Desaign [PDF]

Citation preview

LAPORAN PRAKTIKUM DESAIN ELEMENTER



Ananda Dwi Rahmawati 19/441217/SV/16569



Program Studi Teknologi Rekayasa Perangkat Lunak Departemen Teknik Elektro dan Informatika Sekolah Vokasi Universitas Gadjah Mada 2019



A. Pixel Art 1. Apa itu pixel art dan bagaimana asal-usul singkatnya? Pixel art adalah seni digital yang digunakan ketika game komputer berbasis 2d pertama kali muncul. Pixel art semakin jarang digunakan ketika teknologi visualisasi 3d muncul. Istilah pixel art pertama kali diterbitkan oleh Adele Goldberg dan Robert Flegal dari Xerox Palo Alto Research Center pada tahun 1982. Konsepnya, bagaimanapun, kembali sekitar 11 tahun sebelum itu, misalnya dalam sistem SuperPaint Richard Shoup pada tahun 1972, juga di Xerox PARC. 2. Sebutkan dan jelaskan teknik-teknik pixel art! a. Garis Lurus Dalam pixel art, kita tidak bisa menggambar sembarang garis, karena akan terlihat 'jaggy' atau tidak halus. b. Garis Melengkung Untuk pelengkungan, pixel yang digambar pada setiap lengkungan harus konsisten dan berurutan, agar hasilnya terlihat smooth. c. Dithering Dalam pixel art, proses membuat sebuah gradiasi, yaitu dengan menggunakan teknik dithering. d. Anti-aliasing Seandainya kita ingin membuat garis melengkung dan ingin agar garis ini terlihat sangat mulus, maka teknik anti-aliasing lah yang digunakan dalam seni pixel. Seperti sebelumnya, kegunaan anti-aliasing yaitu untuk membuat garis menjadi mulus. 3. Bagaimana penerapan pixel art di kehidupan nyata? Dimana anda menjumpai pixel art dalam kehidupan sehari-hari anda? Pixel art dapat ditemukan pada komputer atau game-game yang relatif tua, dan juga dapat ditemukan pada telepon genggam. 4. Game apa saja yang anda ketahui menggunakan pixel art dalam grafisnya? a. Stardew Valley b. Terraria c. Hyper Light Drifter d. Shovel Knight e. Undertale 5. Buatlah minimal 2 pixel art karakter sederhana (dengan pemilihan warna sesuai kaidah teori warna yang telah dipelajari) !



B. Flat Design 1. Apa itu flat design dan bagaimana asal-usulnya? Flat desain ini adalah desain yang menggunakan teknik dasar menghilangkan karakter gaya seakan-akan mengambang di tampilan gambar, yaitu menghilangkan teknik gambar seperti gradasi, tekstur dan karakter desain 3 dimensi lain. Walaupun menghilangkan beberapa karakter 3 dimensi, flat design tidak kalah menariknya dengan teknik desain yang lain, kelebihannya terdapat pada pemilihan warna yang simple namun menarik, bentuk yang sederhana, tata letak dan pemilihan font yang khusus sehingga tidak terkesan tua atau retro. Sehingga di era sekarang ini banyak digunaka untuk pembuatan tampilan aplikasi, mobile interface, logo, serta icon. Awalnya flat design merupakan seni terapan yang berasal dari Swiss atau Swiss Design yang diperkenalkan dan terkenal sekitar tahun 1940-1950an. Seni Desain Swiss ini memfokuskan diri dari beberapa aspek desain yaitu Grid, Typography sans-serif, dan juga Hirarki konten tata letak yang bersih. Desain ini bercirikan penggunaan worksheet yang besar namun konten dan fontnya di tampilkan secara minim, sederhana dan tertata. Seiring perkembangan zaman pada tahun 1980 desain ini mengalami perubahan dan perkembangan sehingga pada tahun ini mulailah muncul Flat Desain. Flat desain mulai tampil pertama kali pada tahun 1980 ini. Sampai pada tahun 2014 mulai berkembang lebih pesat dan lebih terkenal serta banyak digunakan dalam desain desain website, poster, karakter, UI mobile, aplikasi, dan lainnya. Penggunaan flat desain pun seringkali dipakai dalam mendesain animasi-animasi zaman sekarang, seperti penggunaan dalam motiongraph. 2. Sebutkan & jelaskan jenis-jenis flat design! a. Brosur Flat Design Brosur yang menggunakan flat design biasanya berupa brosur yang memiliki tujuan untuk mempromosi barang, ada juga yang yang mempromosikan jasa, dikarenakan sekarang ini penggunaan flat desing sangat banyak di brosur-brosur. Flat desing yang dibuat dalam brosur juga tampak simple dan membantu pembaca untuk lebih mudah dimengerti



b.



c.



d.



e.



tentang apa yang dijelaskan dalam brosur yang diterima tersebut. Biasanya kalian akan menemukan brosur yag menggunakan flat design ini menggunakan kertas ink jet yang agak tebal, permukaan yang licin hampir sama seperti kertas photo. Icon Flat Design Kalau tentang jenis flat design yang satu ini kalian dapat melihatnya dimana pun di internet saat ini, dapat kalian lihat di aplikasi, web, video, dll. Kegunaan icon flat design pada aplikasi adalah supaya terlihat lebih simple dengan menggunakan ciri khas icon yang berbeda-beda yang sering digunakan pada objek icon tersebut. Desain icon yang menggunakan teknik flat design juga bertujuan untuk membantu para pembaca ataupun para pengguna dan juga agar mereka tidak mengalami sakit mata ketika mereka melihat icon pada aplikasi ataupun yang berada di web. Bahlan sekarang ini, hampir semua tema yang biasa digunakan dalam handphone ternyata juga ada banyak yang memakai gambaran dengan teknik flat design. Karakter Flat Design Karakter flat design merupakan salah satu jenis flat design lainnya yang juga sering muncul dalam video animasi dan sudah banyak dikembangkan oleh para animator-animator professional maupun animator pemula. Karakter flat design dalam animasi data kalian lihat dengan mudah saat ada video yang menjelaskan tentang sebuah aktivitas ataupun yang tentang mempuromosikan barang dan jasa. Kalian juga bukan hanya dapat menyaksikan animasi ini hanya dari internet, kalian juga dapat melihat animasi ini dari iklan yang muncul di TV. Infographic Flat Design Untuk flat design jenis infographic flat design ini munkin akan agak sulit untuk kita jumpai dan biasanya sering dapat kita lihat dalam berita-berita yang sengaja digunakan untuk memberikan informasi-informasi dengan menggunakan infographic. Kalian dapat melihat contoh flat design ini dari channel berita seperti pada channel TV CNN Indonesia. Biasanya kebanyakan orang-orang menggunakan flat design jenis ini di masukkan ke dalan design CV untuk menarik perhatian para pembaca/ penonton yang melihat berita ini dan juga menjadi salah satu factor yang akan menerima pekerjaan atas CV yang sudah kita buat. Objek Flat Design Menurut orang-orang, objek flat design adalah salah satu jenis flat design yang bersifat sangat mendasar, yaitu hanya berisi dengan objek yang kita buat tampak lebih simple dari yang aslinya dan lebih menarik untuk dilihat. Objek flat design ini sendiri dapat dikembangkan lagi menjadi



infographic flat design, icon flat design, dan bahkan menjadi CV flat design. f. CV Flat Design Untuk CV flat design adalah jenis flat design yang biasanya sangat digemari oleh para designer-designer yang dikarenakan flat design satu ini sangat mudah untuk dikombinasikan dan divariasikan ke dalam tampilan yang lebih banyak dengan variasi yang berbeda-beda design CV. 3. Apa saja software yang dapat digunakan dan efisien untuk membuat flat design? a. Adobe Photoshop b. Adobe Illustrator c. CorelDraw 4. Mengapa anda menyebutkan software tersebut? Sebutkan alasan, kelebihan, dan kekurangannya! a. Adobe Illustrator 1. Alasan Warna pallete lengkap dan resolusi gambar bisa dibuat tinggi. 2. Kelebihan Fitur gabungan dari coreldraw maupun photoshop hanya saja dibuat lebih simple, resolusi hasih akhir tinggi, sangat cocok untuk illustrasi, logo, dan vector image lainnya, garis terlihat jelas dan di bantu dengan guide rules, mampu untuk load file besar, diatas 50mb, hasil cetakan dengan resolusi tinggi, warna lengkap dan lebih halus, ukuran file setelas di save lebih kecil, terintegrasi dengan software adobe yang lain, seperti adobe photoshop, dll. 3. Kekurangan Berbayar, jadi ketika ingin menggunakan harus membeli lisensinya., meskipun fitur lengkap tapi untyuk pekerjaan me layout memnjadi sangat ribet, hasil akan terlihat datar jika tidak di otak atik lagi gambar tidak terlihat realistis, tidak terlalu baik penggunaan fitur power clip-nya. b. Inkscape 1. Alasan Gratis alias tinggal mendownload dan menggunakan. Fiturnya banyak terutama pallete warna lengkap untuk flat desain. 2. Kelebihan Gratis, low size, File yang Dihasilkan Berkualitas, Tools yang Lumayan Lengkap, Pallete Warna yang Lengkap, Tersedia Dalam Versi Portable. 3. Kekurangan



Belum Bisa Mengedit File dari Software Berbeda, Belum Bisa Edit Bitmap, Export File Terbatas, Tidak Bisa Multipage, Interface yang Kurang Friendly. c. CorelDraw 1. Alasan Karena tampilan gambar bisa lebih responsif saat menekankan elemen sederhana. Fiturnya banyak dan mudah digunakan dan hasil berbasis vektor baik. 2. Kelebihan Hasil gambar berbasis vektor lebih baik, Dukungan format Import / Export yang banyak, Kemudahan dalam penggunaan, Tersedianya banyak tool, baik selection, editing, dan pemberian efek, Menjadi standar industri dan perusahaan. 3. Kekurangan Berbayar, jadi ketika ingin menggunakan harus membeli lisensinya, resource dan ukuran file yang besar, saat penggabungan dua objek vektor dan Photo / bitmap kualitas cetakanya kurang memuaskan, pembuatan tabel agak sulit di Coreldraw, tidak cocok untuk pengeditan foto, su kompatibiltas Untuk File tertentu. 5. Bagaimana penerapan flat design dalam kehidupan nyata? Dimana anda menjumpai flat design dalam kehidupan sehari-hari anda? Gambar antar muka pada Microsoft, Apple IOS, dan antar muka website-website seperti panduan dari cloud computing dari layanan akutansi online Xero. Selain itu ada desain aplikasi perencanaan perjalanan oleh Indonesian user interface designer Bady, LayerVault adalah sebuah situs yang didedikasikan untuk menyediakan alat yang user-friendly untuk merancang dan menyimpan file. 6. Buatlah flat design icon dan flat design background (masing-masing minimal 1) dengan masing-masing minimal 4 kombinasi warna!