{"id":851,"date":"2023-05-14T02:58:23","date_gmt":"2023-05-14T02:58:23","guid":{"rendered":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/"},"modified":"2023-06-04T22:54:57","modified_gmt":"2023-06-04T15:54:57","slug":"membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat","status":"publish","type":"post","link":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/","title":{"rendered":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat"},"content":{"rendered":"<p>Kalian pasti pernah melihat icon keren yang digunakan pada website atau aplikasi, bukan? Nah, pada kesempatan kali ini, kami akan memberikan tutorial singkat tentang cara membuat desain icon yang keren menggunakan Adobe Illustrator. Simak tutorialnya di bawah ini!<\/p>\n<h2 id=\"1-persiapan-awal\">1. Persiapan Awal<\/h2>\n<h3 id=\"membuka-adobe-illustrator\">Membuka Adobe Illustrator<\/h3>\n<p>Langkah pertama yang harus kalian lakukan adalah membuka aplikasi Adobe Illustrator. Kalian bisa membuka aplikasi ini melalui desktop atau laptop kalian.<\/p>\n<h3 id=\"melakukan-setting-dokumen\">Melakukan Setting Dokumen<\/h3>\n<p>Setelah membuka aplikasi Adobe Illustrator, kalian harus mengatur dokumen terlebih dahulu. Kalian bisa mengatur ukuran, resolusi, dan orientasi dokumen sesuai dengan kebutuhan kalian.<\/p>\n<h2 id=\"2-menggunakan-tool-dan-panel\">2. Menggunakan Tool dan Panel<\/h2>\n<h3 id=\"memahami-tool-dan-panel-di-adobe-illustrator\">Memahami Tool dan Panel di Adobe Illustrator<\/h3>\n<p>Tool dan panel di Adobe Illustrator sangat membantu dalam proses pembuatan icon. Kalian harus memahami fungsi dari setiap tool dan panel tersebut agar proses pembuatan icon menjadi lebih mudah.<\/p>\n<h3 id=\"menggunakan-tool-dan-panel-untuk-membuat-icon\">Menggunakan Tool dan Panel untuk Membuat Icon<\/h3>\n<p>Setelah memahami fungsi dari setiap tool dan panel, kalian bisa mulai menggunakan tool dan panel tersebut untuk membuat icon. Kalian bisa menggunakan tool seperti rectangle tool, ellipse tool, dan pen tool untuk membuat bentuk-bentuk pada icon.<\/p>\n<h2 id=\"3-mengatur-warna-dan-efek\">3. Mengatur Warna dan Efek<\/h2>\n<h3 id=\"mengatur-warna-pada-icon\">Mengatur Warna pada Icon<\/h3>\n<p>Warna pada icon sangat penting untuk menambahkan kesan visual yang menarik. Kalian bisa menggunakan warna-warna cerah atau warna-warna netral sesuai dengan tema yang kalian inginkan.<\/p>\n<h3 id=\"mengatur-efek-pada-icon\">Mengatur Efek pada Icon<\/h3>\n<p>Kalian juga bisa menambahkan efek pada icon untuk menambahkan kesan visual yang lebih menarik. Beberapa efek yang bisa kalian gunakan adalah shadow, gradient, dan 3D effect.<\/p>\n<h2 id=\"4-menyimpan-dan-mengekspor-icon\">4. Menyimpan dan Mengekspor Icon<\/h2>\n<h3 id=\"menyimpan-icon-dalam-format-adobe-illustrator\">Menyimpan Icon dalam Format Adobe Illustrator<\/h3>\n<p>Setelah selesai membuat icon, kalian harus menyimpannya terlebih dahulu dalam format Adobe Illustrator agar bisa diedit kembali di kemudian hari.<\/p>\n<h3 id=\"mengekspor-icon-dalam-format-yang-dibutuhkan\">Mengekspor Icon dalam Format yang Dibutuhkan<\/h3>\n<p>Setelah menyimpan icon dalam format Adobe Illustrator, kalian bisa mengexport icon tersebut dalam format yang dibutuhkan seperti PNG atau SVG.<\/p>\n<h2 id=\"5-tips-dan-trik-membuat-icon-yang-keren\">5. Tips dan Trik Membuat Icon yang Keren<\/h2>\n<h3 id=\"memilih-tema-yang-sesuai\">Memilih Tema yang Sesuai<\/h3>\n<p>Kalian harus memilih tema yang sesuai agar icon yang kalian buat bisa terlihat lebih keren.<\/p>\n<h3 id=\"memperhatikan-proporsi-dan-simetri\">Memperhatikan Proporsi dan Simetri<\/h3>\n<p>Proporsi dan simetri pada icon sangat penting untuk membuat icon terlihat estetik dan keren.<\/p>\n<h2 id=\"6-kesimpulan\">6. Kesimpulan<\/h2>\n<p>Dengan mengikuti tutorial singkat di atas, kalian bisa membuat desain icon yang keren menggunakan Adobe Illustrator. Jangan lupa untuk bergabung dengan kelas online <a href=\"https:\/\/gitkreatif.com\/kelas-desain\">Git Kreatif<\/a> untuk belajar lebih banyak tentang desain grafis.<\/p>\n<h2 id=\"7-bonus-inspirasi-desain-icon-yang-keren\">7. Bonus: Inspirasi Desain Icon yang Keren<\/h2>\n<ul>\n<li>Icon untuk aplikasi mobile<\/li>\n<li>Icon untuk website restoran<\/li>\n<li>Icon untuk website travel<\/li>\n<li>Icon untuk website e-commerce<\/li>\n<li>Icon untuk game<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Tutorial singkat membuat desain icon dengan Adobe Illustrator dalam bahasa Indonesia yang santai. Pelajari teknik dasar membuat ikon dengan mudah.\n","protected":false},"author":4,"featured_media":850,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[21,285,286],"class_list":{"0":"post-851","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorial-desain","8":"tag-adobe-illustrator","9":"tag-desain-icon","10":"tag-tutorial-singkat"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog<\/title>\n<meta name=\"description\" content=\"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog\" \/>\n<meta property=\"og:description\" content=\"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\" \/>\n<meta property=\"og:site_name\" content=\"Git Kreatif Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-14T02:58:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-04T15:54:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2023\/05\/graphic-designer-software-modern-design-web-page-commercial-ads-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Git Kreatif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Git Kreatif\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\"},\"author\":{\"name\":\"Git Kreatif\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/43f209409affd21b695a3bee70a92d11\"},\"headline\":\"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat\",\"datePublished\":\"2023-05-14T02:58:23+00:00\",\"dateModified\":\"2023-06-04T15:54:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\"},\"wordCount\":402,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/#organization\"},\"keywords\":[\"adobe illustrator\",\"Desain Icon\",\"Tutorial Singkat\"],\"articleSection\":[\"Tutorial Desain\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\",\"url\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\",\"name\":\"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog\",\"isPartOf\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/#website\"},\"datePublished\":\"2023-05-14T02:58:23+00:00\",\"dateModified\":\"2023-06-04T15:54:57+00:00\",\"description\":\"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!\",\"breadcrumb\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/gitkreatif.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#website\",\"url\":\"https:\/\/gitkreatif.com\/blog\/\",\"name\":\"Git Kreatif Blog\",\"description\":\"Tutorial Desain, Freelancer, dan Blog\",\"publisher\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/gitkreatif.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#organization\",\"name\":\"Git Kreatif Blog\",\"url\":\"https:\/\/gitkreatif.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2022\/03\/Git-Kreatif-Blog-3.png\",\"contentUrl\":\"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2022\/03\/Git-Kreatif-Blog-3.png\",\"width\":500,\"height\":104,\"caption\":\"Git Kreatif Blog\"},\"image\":{\"@id\":\"https:\/\/gitkreatif.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/43f209409affd21b695a3bee70a92d11\",\"name\":\"Git Kreatif\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15fd81a4addb672e48540e08e606b8ade25fb671fbed5ceb88f3f6cf43531b72?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15fd81a4addb672e48540e08e606b8ade25fb671fbed5ceb88f3f6cf43531b72?s=96&d=mm&r=g\",\"caption\":\"Git Kreatif\"},\"url\":\"https:\/\/gitkreatif.com\/blog\/author\/gitkreatif\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog","description":"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog","og_description":"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!","og_url":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/","og_site_name":"Git Kreatif Blog","article_published_time":"2023-05-14T02:58:23+00:00","article_modified_time":"2023-06-04T15:54:57+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2023\/05\/graphic-designer-software-modern-design-web-page-commercial-ads-2.jpg","type":"image\/jpeg"}],"author":"Git Kreatif","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Git Kreatif","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#article","isPartOf":{"@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/"},"author":{"name":"Git Kreatif","@id":"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/43f209409affd21b695a3bee70a92d11"},"headline":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat","datePublished":"2023-05-14T02:58:23+00:00","dateModified":"2023-06-04T15:54:57+00:00","mainEntityOfPage":{"@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/"},"wordCount":402,"commentCount":0,"publisher":{"@id":"https:\/\/gitkreatif.com\/blog\/#organization"},"keywords":["adobe illustrator","Desain Icon","Tutorial Singkat"],"articleSection":["Tutorial Desain"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/","url":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/","name":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat - Git Kreatif Blog","isPartOf":{"@id":"https:\/\/gitkreatif.com\/blog\/#website"},"datePublished":"2023-05-14T02:58:23+00:00","dateModified":"2023-06-04T15:54:57+00:00","description":"Pelajari cara membuat desain icon yang menakjubkan dengan Adobe Illustrator dalam tutorial singkat ini. Buat karya Anda sendiri sekarang!","breadcrumb":{"@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gitkreatif.com\/blog\/membuat-desain-icon-dengan-adobe-illustrator-tutorial-singkat\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gitkreatif.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Desain Icon dengan Adobe Illustrator, Tutorial Singkat"}]},{"@type":"WebSite","@id":"https:\/\/gitkreatif.com\/blog\/#website","url":"https:\/\/gitkreatif.com\/blog\/","name":"Git Kreatif Blog","description":"Tutorial Desain, Freelancer, dan Blog","publisher":{"@id":"https:\/\/gitkreatif.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gitkreatif.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/gitkreatif.com\/blog\/#organization","name":"Git Kreatif Blog","url":"https:\/\/gitkreatif.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gitkreatif.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2022\/03\/Git-Kreatif-Blog-3.png","contentUrl":"https:\/\/gitkreatif.com\/blog\/wp-content\/uploads\/2022\/03\/Git-Kreatif-Blog-3.png","width":500,"height":104,"caption":"Git Kreatif Blog"},"image":{"@id":"https:\/\/gitkreatif.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/43f209409affd21b695a3bee70a92d11","name":"Git Kreatif","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gitkreatif.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15fd81a4addb672e48540e08e606b8ade25fb671fbed5ceb88f3f6cf43531b72?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15fd81a4addb672e48540e08e606b8ade25fb671fbed5ceb88f3f6cf43531b72?s=96&d=mm&r=g","caption":"Git Kreatif"},"url":"https:\/\/gitkreatif.com\/blog\/author\/gitkreatif\/"}]}},"_links":{"self":[{"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/posts\/851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":1,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/posts\/851\/revisions"}],"predecessor-version":[{"id":852,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/posts\/851\/revisions\/852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/media\/850"}],"wp:attachment":[{"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/media?parent=851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/categories?post=851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gitkreatif.com\/blog\/wp-json\/wp\/v2\/tags?post=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}