Arsip Blog

Poster Kolaborasi Antara Aplikasi Free Software untuk Desain Grafis

Bismillahirrahmanirrahim.

Berikut ini sebuah poster penjelasan kegunaan setiap aplikasi Free Software yang digunakan dalam pembuatan majalah komputer Rootmagz. Poster ini dibuat dengan Inkscape. Semoga ini bermanfaat.

poster-kolaborasi-free-software2

Unduh

Presentasi Desain Grafis di Linux dengan Open Source Software

Bismillahirrahmanirrahim.

Presentasi Desain FOSS

Saya menulis sebuah presentasi sepanjang 32 halaman mengenai desain grafis dengan GIMP, Inkscape, dan Scribus. Saya hendak mengajari adik saya secara singkat bagaimana desain grafis itu. Saya telah mengajarkan presentasi ini kepadanya sebelum saya menerbitkannya pagi ini. Saya mengumpulkan dalam satu tempat semua karya saya yang saya nilai paling bagus untuk tiap-tiap bidang. Presentasi ini intinya menampakkan hasil desain. Hasil yang saya letakkan di dalamnya adalah

  • desain brosur,
  • kover,
  • kartu nama,
  • banner,
  • ilustrasi,
  • wallpaper,
  • mockup,
  • desain produk,
  • logo, dan
  • presentasi.

Brosur

Semua karya yang diletakkan di sini adalah hasil kerja saya. Dan saya ingin presentasi ini dipakai rekan-rekan di Indonesia untuk disampaikan kepada masyarakat baik saat seminar atau yang lain. Saya ingin sekali presentasi ini sampai kepada desainer-desainer yang sadar legalitas tetapi masih bingung bagaimana solusinya. Presentasi ini akan menjawabnya. Saya menyediakan presentasi versi ODP saja. Semoga presentasi ini bermanfaat.

Unduh Desain


[Tutorial Inkscape] Membuat Desain Stiker

Bismillahirrahmanirrahim.

Setelah perjalanan, saya akhirnya berhenti menulis tutorial Inkscape di sini. Sebagai gantinya, saya memilih jalan yang sama dengan Irfan Prastyanto yakni membuat tutorial video. Saya tidak lagi menulis, tetapi langsung menjelaskan dengan video. Keuntungannya, saya tetap menyediakan tutorial walau saya tidak bisa lagi menulis. Menulis tutorial desain grafis sangat makan waktu. Membuat video jauh lebih mudah. Berikut ini video pertama saya di kanal Youtube saya sendiri. Isinya tutorial mendesain stiker dengan Inkscape. Semoga bermanfaat.

[Tutorial Scribus] Membuat Table of Contents Otomatis

Bismillahirrahmanirrahim.

Berikut ini tutorial video membuat table of contents (daftar isi) di Scribus. Ini video pertama dari Inkscape Indonesia di Youtube yang saya publikasikan di sini. Sebenarnya sudah beberapa kali saya membuat tutorial video tetapi saya belum satu kali pun menampilkannya di sini. Apa boleh buat, yang pertama saya publikasikan di sini malah tutorial Scribus bukan Inkscape. Semoga bermanfaat.

Mencari Inspirasi Desain Grafis

Bismillahirrahmanirrahim. Bukan berarti jika Anda menggunakan free software, Anda menjadi bebas melupakan inspirasi dari para desainer Photoshop. Bukan berarti pula menghilangkan secara total kehalusan desain desainer CorelDRAW. Dan sama sekali tidak berarti meninggalkan InDesign. Justru perhatikanlah karya pendahulumu yang sudah mendahului kamu dengan kesuksesannya walau kamu tidak menggunakan software-nya. Itulah inti yang ingin saya sampaikan dalam esai ini. Saya ingin berbagi bagaimana saya memperoleh inspirasi desain selama ini yang dengannya saya hasilnya hampir semua isi blog ini.

Batasan Desain

Tidak boleh berisi gambar makluk bernyawa (hewan, manusia, chimera, kalau tanaman boleh). http://al-atsariyyah.com/hukum-menggambar-dalam-islam.html

Peralatan Mencari Inspirasi

  • Google. Saya mendapatkan sekian banyak desain inspiratif kemarin dengan menyengaja mencarinya di Google. Baik web ataupun images. Kalau Anda belum lancar googling, baca ini.
  • Link di web lain. Saya sering membuka web nondesain, yang ternyata berisi desain yang bagus. Dan terdapat petunjuk untuk menemukan desainernya. Setidaknya, saya bisa menyalin desainnya ke mesin saya. Ini yang paling sering saya lakukan. Biasanya saya dapat dari G+, blog salafiyyin, dan lain-lain.
  • Chromium. Ini browser pilihan saya. Lebih cepat dari Firefox dan Google Chrome di Ubuntu saya. Fleksibel dengan extension dan mampu sekali klik memblok gambar di suatu web secara otomatis (tak perlu Preferences). Fitur yang sangat penting untuk menghindari gambar jelek.

Jenis-Jenis Desain

Asal Anda tahu saja, sumber inspirasi itu bisa datang dari mana saja. Namun saya membatasi pada beberapa jenis karya saja yakni

  1. poster,
  2. brosur,
  3. pamflet,
  4. flyer,
  5. kartu nama,
  6. UI mockup,
  7. kover buku,
  8. majalah,
  9. logo.

Saya di sini mendesain dengan Inkscape. Tentunya hanya dibatasi pada desain yang juga dibuat dengan Photoshop/Indesign/CorelDRAW dan yang mudah-mudah saja. Saya termasuk tidak suka melirik desain 3D karena banyak di antara desainernya yang mushawwir. Kalau desain 2D begini masih banyak sekali yang bukan mushawwir.

Sumber Desain

Saya akan bagikan sumber-sumber inspirasi saya.

Poster

Bisa dibuat dengan CorelDRAW karena resizable. Namun Photoshop juga bagus hasilnya. Salah satu sumber CorelDRAW yang bagus untuk saya adalah Entheos. Contoh posternya ini:


Poster-Design-in-CorelDraw

Saya yang benci warna pink jadi tidak peduli saking bagusnya desain. Sejak tahun kemarin saya ingin sekali mencontek poster ini. Dan jangan salah, poster inilah awal inspirasi saya untuk mencontek desain CorelDRAW. Lalu berkembang mencontek desain Photoshop dan yang lain. Mengapa? Sekadar POC bahwa tutorial untuk CorelDRAW itu bisa diterapkan di Inkscape. Dan ternyata ada benarnya. Apakah hanya Entheos? Tidak. Sumber inspirasi desain ada di mana-mana. Setelah Entheos, saya menemukan banyak sekali desain poster yang bagus (dan sungguh di luar imajinasi saya) dari salafiyyin Indonesia. Entah siapakah yang membuatkan poster-poster itu. Poster apa, sih? Ya poster kajian/daurah. Ketika seorang ustadz akan mengadakan suatu kajian besar di suatu masjid/pondok, maka sebagian ikhwan membuat poster untuk mengajak orang banyak ke sana. Apa saja posternya?

Poster kajian Membela Kebenaran Walau Banyak Rintangan yang dibawakan oleh Ustadz Afifuddin.

Poster-Dauroh-Surabaya1

Kajian Keluar dari Kerugian dan Perjanjian Allah dengan Anak Cucu Adam oleh Ustadz Sarbini. Alhamdulillah saya pernah ikut kajian pertamanya.

Poster-Dauroh-ix

Kajian Potret Salafush Sholih dalam Bermasyarakat oleh Ustadz Afifuddin.   Poster-Dauroh-Jombang

Kajian Indahnya Islam oleh Ustadz Abdurrahman Mubarok, Ustadz Abdulmalik, Ustadz Abu Hamzah Yusuf, dan Ustadz Umar Palu. Bagus sekali poster ini memuat langsung qaul seorang imam besar kita yakni Imam Barbahari: al islam huwas sunnah was sunnah huwal islam.

dauroh-tahunan-medium

Kajian Kitabut Tauhid oleh Ustadz Dzulqarnain.

Kajian Tauhid oleh Ustadz Dzulqarnain. Ini poster dipasang di Jepang sana ketika ustadz berkunjung ke kaum muslimin yang ada di sana. Baca ini apa saja yang dikaji. Allahu akbar, berharga sekali.

Kajian Berhias dengan Akhlaq yang Mulia oleh Ustadz Abul Hasan Ali.

20121230-gunung-londo

Daurah Benang Merah antara Syi’ah, Yahudi, Nasrani oleh Ustadz Muhammad Rijal.

poster-20121125-daurah-it

Pengajian Akbar Membentengi Umat dari Faham Terorisme oleh Ustadz Abu Hamzah Yusuf. Kajian yang sangat penting zaman ini untuk menghindarkan umat satu negara dari terorisme baik dari segi pemahamannya maupun dampak fisiknya. Bom bunuh diri adalah haram. Alhamdulillah pemerintah kita mendukung kajian ini melalui hadirnya Bapak Kapolres Adji.

poster-20130324-karanganyar

Kajian Kehidupan Setelah Kematian oleh Ustadz Qomar Su’aidi. Ustadz Qomar adalah pimpinan redaksi Majalah asy-Syari’ah.

poster-20130331-cilacap

Dauroh Mengupas Tuntas Fitnah Sururiyyah Hajuriyyah oleh Ustadz Luqman Ba’abduh. Sebuah daurah yang sangat berharga karena telah menyadarkan saya dan membukakan pintu menuju hidayah untuk saya. Sejarah sururiyyah, baik di luar maupun di Indonesia, apa itu al-Muntada’, siapa da’ida’i yang sudah di-tahdzir oleh masyayikh, apa itu Ihya’ at-Turats, dan lain-lain sangat gamblang. Sungguh jelas daurah ini bagi saya. Akhirnya saya menerimanya. Walhamdulillah.

poster-20130413-madiun-ust-luqman

Kajian Agar Tidak Tersesat, Timbalah Ilmu dari Ahlinya oleh Ustadz Muhammad Umar as-Sewed. Kajian ini diadakan sebagai upaya taat kepada pemerintah muslim dalam perkara ma’ruf dan upaya membentengi umat dari aksi dan paham terorisme. Alhamdulillah semua ustadz kita ini selalu memperingatkan umat dan melaang keras umat dari terorisme.

poster-20130420-wedi1

Muhadhoroh Keutamaan Ilmu dan Ahlinya oleh Syaikh Abdullah Mar’i dan Syaikh Utsman.

poster-20130601-syaikh-di-grenjeng

Tabligh Akbar Meraih Kecintaan Allah Ta’ala oleh Syaikh Utsman as-Salimi dan Taqlid dan Pengaruh Buruknya Bagi Umat Syaikh Abdullah Mar’i.

poster-20130601-syaikh-di-karanganyar-fix

Kajian Kaidah-Kaidah Ahlus Sunnah dalam Dakwah dan Amar Ma’ruf Nahi Munkar oleh Ustadz Muhammad Umar as-Sewed.

poster-daurah-kaidah-ahlus-sunnah-amar-maruf-nahi-munkar

Kajian Keindahan dan Kemudahan Islam oleh Syaikh Utsman dan Syaikh Abdullah Mar’i.

poster-daurah-syaikh-utsman-syaikh-abdullah-mari

Bagaimana? Bagus-bagus bukan, poster kajiannya? Semoga makin banyak yang hadir di majelis dan mendengar kajiannya.

Brosur

Ya, Entheos lagi. Memang demikian kalau bisa membuat desain yang bagus, maka web Anda akan jadi rujukan orang. Lihat, desain brosurnya memang bagus. Inspiratif sekali. Coba tiru dengan Inkscape lalu sediakan di web Anda. Kalau Anda belum mampu membuat yang sebagus ini ya, jangan sombong mengejek-ejek desainer CorelDRAW.

tutorial brochure tutorial brochure2

Kalau yang di bawah ini, saya dapat setelah Images Googling dan sepertinya berasal dari Shutterstock. Saya simpan yang benar-benar menarik mata saya saja. Ini sebagian koleksi terbagus yang saya punya.

stock-vector-tri-fold-business-brochure-template-87303151

stock-vector-solid-swirl-shape-green-eco-concept-vector-brochure-template-80306155

Yang ketiga ini bagus sekali, bukan? Lihat pola lingkaran abstrak warna-warninya. Bisa bikin gini dengan Inkscape?

stock-vector-tri-fold-brochure-design-elemenr-vector-illustartion-92786113

Pamflet

pamflet_7_juni_keutamaan ulama

Sebenarnya koleksi pamflet saya sangat sedikit. Bisa Anda tebak, saya tidak bisa bedakan antara pamflet dengan poster. Yah, anggap saja pamflet itu bentuk mini dari poster.

Flyer

Dari seluruh koleksi desain saya, yang paling bagus desainnnya (ingat, segi desain) adalah jenis flyer. Apa itu flyer? Gampangnya, lihat dari namanya. Dia adalah semacam pamflet yang disebar dengan cara diterbangkan (fly) dari pesawat terbang. Ciri khasnya minim tulisan. Di sini, saya tampilkan satu flyer terbaik saya, yang saya nilai desainnya paling keren dari semua flyer bahkan semua jenis desain. Sebenarnya ini adalah poster untuk musik tetapi karena tidak ada tulisan musik di sini saya tampilkan sebagai contoh saja dalam desain. Ingat, desain.

massive_attack_flyer_front_by_demen1

Kartu Nama

graphic-designer-business-card-template

Saya dapat juga dari G+ karena saya gabung grup desainer. Sebenarnya, sungguh kartu nama itu termasuk baru bagi saya karena baru kemarin saya mencari desain. Beda dengan poster, flyer, pamflet, lain-lain yang beberapa tahun lalu. Jujur saya ingin meniru desain ini sebentar lagi. Mudah, enak dilihat, keren, dan fits dengan ukuran kertasnya.

UI Mockup

5ubuntuconceptdesignful 6ubuntuconceptdesignful 1ubuntuconceptdesignful 4ubuntuconceptdesignful 5ubuntuconceptdesignful (1)

User Interface Mockup atau yang biasa saya sebut mockup begitu saja. Kalau yang satu ini, istimewa dan lain dari yang lain. Ini justru sangat dibutuhkan oleh Linux karena ia dipasarkan kepada pengguna Windows. Mutlak dibutuhkan untuk memperbaharui tampilan Linux yang sekarang. Dan UI mockup yang ini, yang saya dapatkan dari http://ubuntu-indonesia.com/forums/ubbthreads.php/topics/46146/Design_Dekstop_Ubuntu#Post46146, adalah mockup pertama yang saya lihat dalam hidup saya. Mockup, kalau diartikan bebas adalah rancangan dari produk yang belum jadi. Saya sangat-sangat tertarik dengan UI mockup semenjak tahu adanya posting ini di FUI. Sungguh, sejak itu saya mencari mockup-mockup yang lain. Saya menemukan banyak sekali dan semua saya simpan. Sampai saya juga memperoleh mockup untuk mobile phone baik Android maupun iOS. Yang sering sekali saya dapatkan adalah mockup milik elementaryOS. Entah kenapa, desainer elementaryOS sangat sering membuat mockup baru. Saya dapat dari laman deviantart mereka. Ya, jujur saja saya sangat ingin membuat desain mockup sendiri seperti gambar-gambar di atas tetapi sampai sekarang saya senantiasa gagal. Mungkin belum dapat sense-nya.

Hanya OS? Tentu tidak. Ada banyak sekali mockup yang menarik dari ranah aplikasi. Contohnya mockup untuk Libreoffice. Tahu kan, tampilan Libreoffice yang sekarang? Mereka yang senang dengan keindahan Mac OS dan kerennya Microsoft Office sekarang pasti bosan dengan tampilan Libreoffice. Ini mockup yang tampak lebih keren dari Libreoffice sekarang. Kalau Anda melihat ini, pasti ada keinginan suatu saat LibreOffice memiliki tampilan seperti ini. Ini mockup dinamakan Citrus UI.

citrus-ui-libreoffice-mockup

citrus-fizz1-mockup-ui-libreoffice

citrus-home-themes-ui-mockup-libreoffice

Masih ada satu mockup LIbreoffice yang saya ingin Anda melihatnya. Ini mockup yang keren sekali andai jadi tampilan resmi Libreoffice.

libreoffice_ui_mock_up_dark_1_by_pauloup-d37dx4a libreoffice_ui_mock_up_light_1_by_pauloup-d37dxdr

Serius, saya sangat terkesima dengan mockup. Saya senang melihat mockup apa saja baik sistem operasi Linux, iOS, Android, maupun Ubuntu Phone. Saya menyimpan banyak sekali mockup dari internet dan saya masih mimpi untuk bisa membuat mockup sendiri kelak. Mockup yang pernah berhasil saya buat hanya Otodidak. Nanti saya harap bisa menyajikan kategori khusus Mockup di blog ini.

Tambahan, dalam pembuatan mockup, sudah tersedia mockup kit. Apa itu? Itu adalah suatu kumpulan elemen GUI yang bisa kita pakai bebas sebagai bahan membuat mockup kita sendiri. Saya kasih contoh mockup kit yang disediakan oleh elementaryOS.

egtk_mockup_kit_by_danrabbit-d3k2k0q

Apakah hanya OS dan aplikasi desktop? Tidak. Ada mockup untuk Ubuntu Phone yang dibuat oleh pengguna Ubuntu. Coba lihat ini. Bikin pengen mbikin juga!

ubuntu_mobile_unity-mockup-ui ubuntu_with_mobile_unity-mockup-ui

Apa hanya aplikasi desktop dan mobile phone? Tidak, tentu saja. Ada mockup kit khusus untuk web. Ini luar biasa juga. Saya dapat ini dari posting http://www.noupe.com/design/40-fresh-and-free-web-ui-design-kits-and-mobile-kits-73255.html barusan.

webuikits18-ui-mockup-web webuikits22-ui-mockup-web webuikits23-ui-mockup-web webuikits50-ui-mockup-web

Ayo, saya tanya. Kita dengan Inkscape/GIMP, sudah membuat UI mockup berapa? Sudah berapa yang mengunduh? Ingat kalau saya ambil 4 gambar ini dari posting berisi 40 karya UI mockup siap unduh. Bayangkan, 40 desain sangat cantik dengan software berbayar. Lihat juga laman berikut agar luas wawasan Anda.

  1. http://favbulous.com/post/752/63-free-psd-ui-kits-for-quick-mockup (ada enam puluh tiga desain)
  2. http://spyrestudios.com/32-pixel-perfect-ui-elements-psds/ (ada tiga puluh dua)
  3. http://www.designsmix.com/resources/70-free-gui-ui-ux-psd-kits-and-web-elements-for-download/ (ada tujuh puluh)

Tambah dengan kata kunci saya ini: web ui mockup kit psd di Google. Ayo, berapa banyak desain Photoshop/CorelDRAW yang disediakan gratis? Cantik-cantik, nggak? Berapa Inkscape? Sudah mulai terbakar? Buat desain (mencontek dululah kalau belum mampu). Proof it.

BONUS: ini saya tambah satu sumber lagi biar Anda makin terbakar. Bukalah http://ui-cloud.com dan lihat bahwa ini mesin pencari khusus untuk karya desain user interface mockup kit siap pakai baik dalam format PSD atau yang lain. Bisa langsung dipakai di web Anda atau aplikasi destop atau mobile phone. Lihat dan perhatikan kebebasan yang lebih bebas dari FOSS.

Kover Buku

cover-director-rev-full

Di atas ini adalah kover buku terbaik yang saya punya, dari Penerbit Informatika (Indonesia). Lihat desainnya. Anda yang masih juga fanaik dengan GIMP dan Inkscape, buktikan dulu karya Anda bisa lebih bagus dari ini. Originalitas ide, penataan, sediaan empty space (penting, lho), pewarnaan, gradasi, efek, ah.

cover-basis-data-full

Kalau yang ini, font untuk BASIS DATA yang ditata sedemikian rupa, tampak keren kalau dilihat dari jauh. Fits dengan ruangan yang tersedia.

cover-autocad-fitur-full

cover-open-office-full

Kalau yang di atas ini, bagusnya bagus kasual. Cartoonish.

Majalah

Inilah yang ingin sekali saya sampaikan pada semua desainer FOSS kalau saya bisa. Lihatlah desainer proprietari. Mereka lepas total dari memikirkan OS dan tetek bengek. Mereka memiliki seseuatu yang kita katakan kebebasan. Buktinya, lihat betapa banyak majalah desain grafis yang dibentuk oleh pengguna proprietari. Anda kalau masih juga fanatik dengan FOSS, kalau melihat majalah ini:

  1. CGChosen (luar)
  2. DigitalArts (luar)
  3. WOWMagz (Indonesia)
  4. Otodidak.info (Indonesia)

maka Anda akan berpikir ulang. Berapa banyak majalah desain FOSS yang dibuat oleh komunitas atau perusahaan secara mandiri dan konsisten? Bandingkanlah dengan jumlah dan kualitas majalah desain proprietari. Anda kalah dari segala segi. Sudah keren, majalahnya pun ada yang dirilis dalam format EXE. Bisa dibuka dan beranimasi layaknya buku betulan. Kualitas desain tidak meragukan sama sekali dan konsisten merilis edisi baru. Lihat, kebebasan. Kita?

chchosen

CGChosen_No2_Fantasy_May2007

chchosen1

cgchosen_scifi

Maka jangan buru-buru mengejek desainer Photoshop/CorelDRAW.

Logo

Colorful-Floral-Logo-Design-In-Corel-Draw

Sama, dari Entheos juga. Ini desain dengan CorelDRAW yang akhirnya saya tiru kemarin. Saya mendapatkan logo ini pada hari yang sama dengan posternya. Jadi mulai hari itu juga, saya memutuskan Entheos sebagai sumber tutorial CorelDRAW saya.

logo-rccehud-sribu.com

Kalau logo yang ini, saya dapat dari Sribu.com. Web Sribu ini adalah potal besar yang mempertemukan desainer dan perusahaan yang butuh desain. Setiap desain yang diterima di sana dihargai minimal 1 juta rupiah. Lepaskan pikiran FOSS Anda, maka akan terbukti kalau memang yang berbayar itu kualitasnya lebih bagus. Baik dari segi jumlah desain yang tersedia maupun dari segi kerennya desain. Lihat saja webnya. Nanti Anda akan mengerti betapa banyak logo-logo bagus dan desain produk yang keren. Ambil inspirasi dari sana lalu terapkan di FOSS. Berhentilah bingung.

Think Beyond!

Ya, Anda benar. Dalam dunia desain grafis, ada sesuatu yang dikasih nama think beyond. Mulai dari ide desain yang think beyond, sampai jenis desain yang saking think beyond-nya, sampai tidak bisa diklasifikasikan. Di sinilah subbab ini berguna. Ada beberapa desain yang saya tidak masukkan klasifikasi di atas. Apa saja? Ini silakan dinikmati.

Desain Produk

Think beyond that designing is not always related with software!

1-brilliant-packaging-design

Ukiran

Kalau Anda masih bisa mengukir, coba alihkan untuk mengukir selain bentuk makhluk bernyawa. Ini karya membuat saya berpikir dan menyadari bahwa selama ini saya jauh dari sabar.

thumb-pencilscul

Infographic

Gara-gara web http://visual.ly, saya jadi sangat suka dengan infographic. Gambarnya besar, sederhana, mengena, cantik.

a4f02dd3c03feb7fd9177b2fdf639f1a

User Interface

Ini tidak termasuk mockup karena memang sudah jadi bahkan termasuk dalam OS bernama Linux Deepin.

linux-deepin12.12

Presentasi User Interface

Seumur hidup saya baru tahu ada karya beginian, gara-gara FOSS. Luar biasa cantik dan beyond imagination.

gnome_shell___elementary_luna_mod_by_half_left-d4zyedu(2)

Theme-Gnome-Shell-and-Unity-Boomerang-by-ghogaru

Unclassified

Gara-gara karya ini saya jadi suka sekali dengan tipografi.

review_of_typeface_anatomy_by_zephyris-d3fzeln (1)



Kesimpulan

  1. Seorang desainer tidak boleh sombong dengan kemampuan yang dimilikinya karena masih ada langit di atas langit.
  2. Seorang desainer FOSS perlu belajar kepada desainer Photoshop/CorelDRAW soal desain karena mereka lebih ahli dan lebih banyak pengalaman.
  3. Seorang desainer FOSS harus banyak diam tetapi melakukan proof of concept dengan peralatan yang dimilikinya lalu menghasilkan desain yang bermanfaat.
  4. Seorang desainer FOSS harus banyak menghasilkan desain (minimal posting inspirasi) yang bermanfaat.
  5. Sumber daya desain yang bisa dikunjungi adalah http://ui-cloud.com, http://visual.ly, sribu.com, favbulous.com, spyrestudios.com, dan designsmix.com.