{"id":1355,"date":"2020-02-17T21:49:09","date_gmt":"2020-02-17T14:49:09","guid":{"rendered":"http:\/\/student-activity.binus.ac.id\/bgdc\/?p=1355"},"modified":"2021-07-11T17:55:21","modified_gmt":"2021-07-11T10:55:21","slug":"tutorial-assets-pengertian-dasar-art-program","status":"publish","type":"post","link":"https:\/\/student-activity.binus.ac.id\/bgdc\/2020\/02\/17\/tutorial-assets-pengertian-dasar-art-program\/","title":{"rendered":"Tutorial Assets: Pengertian Dasar Art Program"},"content":{"rendered":"\r\n

Dalam artikel ini saya akan menjelaskan hal yang paling utama dalam pembuatan asset <\/em>yaitu pengertian program yang akan digunakan.<\/p>\r\n

Untuk memudahkan tutorial ini, kita akan membuat assets <\/em>untuk game 2D maka dari itu program yang digunakan merupakan art program seperti Photoshop, Paint Tool Sai, Gimp, Clip Studio Paint<\/em>, dll.<\/p>\r\n\r\n\r\n\r\n\r\n\r\n

Karena program Photoshop <\/em>paling umum digunakan, maka tutorial ini akan menjelaskan basic dari penggunaan Adobe Photoshop<\/em>. Pertama \u2013 tama, Adobe Photoshop <\/em>hadir dalam berbagai versi seperti CC <\/em>atau CS5 <\/em>dsb. Dalam tutorial ini saya akan menggunakan versi CS6 <\/em>tp tetap bisa diterapkan disetiap versi Photoshop<\/em>.<\/p>\r\n\r\n\r\n\r\n

<\/p>\r\n\r\n\r\n\r\n

User Interface<\/strong><\/p>\r\n\r\n\r\n\r\n

Ada banyak button saat anda buka Photoshop tetapi, hanya beberapa yang akan kita fokuskan.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
    \r\n
  1. Toolbar<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    Move tool<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Shortcut <\/em>= V | Untuk memindahkan objek<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Tools untuk seleksi objek<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Marquee tool <\/em>(M), Lasso tool <\/em>(L), dan Magic Wand Tool <\/em>(W)<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    perbedaan selection <\/em>berdasarkan tool.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Main Tools<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Brush tool (B), Eraser tool (E), Bucket tool (G)<\/em> (Jika di klik kanan akan muncul Gradient tool)<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    Brush tool<\/em> untuk menggambar<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    Eraser tool<\/em> untuk menghapus<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    Bucket fill tool <\/em>dan gradient tool<\/em>, untuk mengisi warna pada suatu objek atau seleksi<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Pen Tool<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Pen tool (P)<\/em> dapat digunakan untuk membuat garis, seleksi, mengisi warna ,dan membuat bentuk<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    2. History panel<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    Photoshop hanya bisa undo<\/em> sekali melalu ctrl + z, tetapi melalui panel\/window history <\/em>ini, kalian dapat meng-undo<\/em> berulang kali dengan cara klik salah satu lalu klik button sampah yang terdapat di bawah panel\/window<\/em> atau ctrl + alt + z.<\/p>\r\n\r\n\r\n\r\n

    3. Layers<\/strong><\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Saat membuat file baru, panel Layer akan otomatis membuat layer backgroud<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Layers pada dasarnya adalah lapisan.<\/p>\r\n\r\n\r\n\r\n

    \r\n
    \"\"<\/a>Lapisan dalam arti menggambar di beberapa area yang berbeda contoh seperti di atas dimana layer gambar pohon diatas layer gambar rubah yang diatas layer background<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    Dan jika diperhatikan, layer-layer tersebut membentuk sebuah gambar<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Untuk membuat suatu layer sangatlah mudah. Ada 2 cara yaitu melalui shortcut ctrl+shift+N yang akan memunculkan window berikut lalu klik “OK”<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    Atau dengan mengklik button berikut yang ada di bagian bawah panel layer.<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    Diperhatikan lagi saat memulai gambar, jangan menggambar di layer Background sebab hal berikut dapat terjadi.<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a>\r\n
    Ketika suatu bagian di background layer di select lalu click and drag untuk di cut, maka layer background akan menggantikan daerah seleksi sebelumnya menjadi warna background colour (contohnya background color yang saya pilih warna hitam)<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n
    \"\"<\/a>\r\n
    Hal sama juga terjadi apabila menggunakan eraser tool<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n

    Pada dasarnya Background layer merupakan sebuah bidang, anggap saja sebuah kertas, ketika anda ingin memindahkan gambar dari kertas tersebut, anda harus memotong kertas tersebut, meninggal sebuah space<\/em> yang kosong.<\/p>\r\n\r\n\r\n\r\n

    Demikian dari artikel tutorial ini, semoga membantu kalian yang ingin belajar membuat game assets <\/em>2D!<\/p>\r\n","protected":false},"excerpt":{"rendered":"

    Dalam artikel ini saya akan menjelaskan hal yang paling utama dalam pembuatan asset yaitu pengertian program yang akan digunakan. Untuk memudahkan tutorial ini, kita akan membuat assets untuk game 2D maka dari itu program yang digunakan merupakan art program seperti Photoshop, Paint Tool Sai, Gimp, Clip Studio Paint, dll. Karena program Photoshop paling umum digunakan, […]<\/p>\n","protected":false},"author":73,"featured_media":1326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[218],"class_list":["post-1355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-binusgdc"],"_links":{"self":[{"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/posts\/1355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/comments?post=1355"}],"version-history":[{"count":5,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/posts\/1355\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/posts\/1355\/revisions\/1360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/media\/1326"}],"wp:attachment":[{"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/media?parent=1355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/categories?post=1355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bgdc\/wp-json\/wp\/v2\/tags?post=1355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}