Monthly Archives: Juni 2013

Desain Brosur Contekan #2C (Colorful Template)

Bismillahirrahmanirrahim.

Ini adalah desain dari sisi depan dari brosur contekan kemarin satu dan dua. Dan saya sudah membuat versi 3D display-nya. Pengerjaan 3D display saya lakukan dengan GIMP. Kesulitan pengerjaan 3D display ini ada pada pembentukan perspektif dengan Perspective Tool. Tidak bisa pas seperti yang saya bayangkan sehingga harus ada berulang kali coba-coba lalu sedikit editing dengan Eraser. Tidak bisa main bersih memang dalam pembuatan perspektif tetapi saya cukup puas. Setidaknya Anda bisa manfaatkan ini untuk mempromosikan produk Anda. Saya minta maaf hanya bisa menyertakan format CorelDRAW (insya Allah Photoshop masih bisa mengedit EPS ini)  dan Inkscape saja. Soal membuat 3D display, Anda bisa lakukan sendiri dengan Photoshop atau GIMP. Silakan diunduh dan semoga bermanfaat.

resized_contekan-brosur-colorful-c-render

resized_contekan-brosur-colorful-c-render-3ddisplay

 

Unduh

EPS (CorelDRAW): http://otodidak.freeserver.me/svg/contekan-brosur-colorful-c.eps.zip (8 MB)
SVG (Inkscape): http://otodidak.freeserver.me/svg/contekan-brosur-colorful-c.svg.zip (3 MB)

Iklan

Desain Kartu Nama Contekan (EPS dan SVG)

Bismillahirrahmanirrahim.

Ini saya mencontek lagi satu desain baru yakni kartu nama. Produk kartu nama penting untuk branding kemudian untuk relasi bisnis. Membangun persepsi di kalangan pelanggan kita yang bagus tentang brand kita. Semoga bermanfaat.

Karya Asli

graphic-designer-business-card-template

Contekan Saya

kartu-nama-contekan

kartu-nama-contekan-gradasi

kartu-nama-contekan-ds

Unduh

EPS: http://otodidak.freeserver.me/svg/kartu-nama-contekan.eps
SVG: http://otodidak.freeserver.me/svg/kartu-nama-contekan.svg

Templat Presentasi Libreoffice Impress 1

Bismillahirrahmanirrahim.

Kemarin saya terus meniru karya presentasi orang lain. Kali ini saya membuat sendiri presentasi betulan dengan Impress. Tidak ada hubungan langsung dengan Inkscape tetapi ini saya buat setelah belajar mencontek dengan Inkscape. Silakan Anda edit sendiri sesuai kebutuhan. Semoga bermanfaat.

templatpresentasiimpress

templatpresentasiimpress1

Unduh Desain

Nama berkas: Programming.odp
Tautan: http://www.facebook.com/download/1396165067262556/Programming.odp.zip

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.

Desain Brosur Contekan #2B (Colorful Template)

resized_contekan-brosur-colorful-b-render

Desain ini lanjutan dari yang kemarin. Ini skema warna kedua yakni magenta, biru, dan hijau. Tinggal satu desain yakni membuat sisi depannya dalam 3D. Semua fonta dan tata letak sama dengan kemarin. Hanya warna yang saya ubah sedikit.

Faedah yang Saya Dapat

Ternyata komposisi warna (sesuatu yang saya paling lemah di dalamnya) yang harmonis itu bisa dicapai dengan:

  • Oranye – cokelat – kuning
  • Magenta – biru muda – hijau

Kesimpulan ini saya peroleh dengan mengerjakan dua desain contekan ini dan yang kemarin. Masih terlalu banyak komposisi lain yang saya belum tahu. Maka banyaklah contekan-contekan yang menanti untuk saya kerjakan.

 

Yang Baru

Saya menyertakan berkas TXT berisi keterangan lisensi pada setiap ZIP pendukung desain sejak desain kemarin. Cara ini mengikuti desainer-desainer pada umumnya baik fonta, poster, UI mockup, dan lain-lain. Saya memodifikasinya sedikit dan ada perubahan hari ini yakni penambahan terjemahan Bahasa Inggris untuk lisensi. Ini dilakukan atas permintaan seorang pengunjung. Saya pun menambahkan layer-layer fold yang kemarin tidak saya tambahkan karena tidak terpikirkan. Sekarang ada dan sudah masuk ke dalam format PSD dan XCF.

 

Unduh

Desain Brosur Contekan #2 (Colorful Template)

Bismillahirrahmanirrahim.

Alhamdulillah saya akhirnya berhasil meniru sampai puas satu stok brosur profesional yang selama ini ingin saya garap. Saya dapat brosur ini dari pencarian Google Images dari Envato. Brosur ini memang tampak profesional (entah dibuat pakai produk Adobe atau Corel) sekali dan itu memang wajar. Saya suka desain brosur ini karena kesederhanaannya dan warna-warninya. Ternyata cukup mudah ditiru. Namun tentu contekan saya ini masih perlu banyak penyempurnaan. Desain brosurnya per fold saya kerjakan dengan Inkscape lalu saya satukan dengan GIMP. Alhamdulillah ternyata dengan FOSS yang saya miliki, mulai sekarang saya bisa sediakan juga format PSD untuk Photoshop dan EPS untuk CorelDRAW sehingga semua orang sekarang bisa mengambil desain saya. Saya minta maaf kalau ada kesalahan. Semoga bermanfaat.

 

Karya Asli

preview_trifold_brochure_template (1)

 

Contekan Saya

resized_contekan-brosur-colorful-render-a

Meski sudah puas dengan ini, sebenarnya saya baru mencontek bagian dalam brosurnya pada skema pertama. Masih sisa 3 desain lagi untuk desain brosur ini sebenarnya. Namun tak mengapa. Saya informasikan bahwa fonta yang saya gunakan dalam desain ini antara lain:

  1. Harabara: kalimat Vector Tri-Fold Brochure dan semua yang di sampingnya.
  2. Motion Picture: judul tiap fold (Greatness dst.)
  3. Liberation Serif: subjudul di bawah Greatness dst.
  4. Ubuntu: untuk kepala paragraf dan paragraf tepat di bawah lingkaran.
  5. Ubuntu: untuk keterangan telepon di bawah.

Yang saya dapatkan dari pengerjaan ini adalah teknik-teknik baru yaitu:

  1. Crop kepada bitmap di Inkscape dengan Clip > Set Clip. Ini saya lakukan untuk membuat gambar pemandangan yang di tengah itu supaya bisa berbentuk lingkaran. Saya kira sebelumnya Inkscape tidak mampu melakukan ini.
  2. Layer satu warna yang dikurangi opasitasnya yang ditaruh di atas gambar pemandangan, bisa tampak indah juga dan sesuai dipakai di brosur. Ini tampak pada bagian atas tiap fold.
  3. Fonta Motion Picture cocok untuk judul brosur traveling/tourism.
  4. Pewarnaan bar pada bagian bawah setiap fold yang disamakan warnanya dengan bagian atasnya adalah penting untuk harmoni tiap fold. Ini membuang rasa bosan kala mata sampai pada bagian bawah fold.
  5. Emphasizing dengan memakai bentuk lingkaran di tengah objek yang berbentuk bar posisi portrait bisa tampak menarik dan enak dilihat. Tentu harus diakali dengan menduplikasinya dan menjadikannya memusat dan dibumbui gradasi.
  6. GIMP: shadow agar setiap fold terlihat menggelembung/3D dicapai dengan gradasi dengan opasitas yang dikurangi pada setiap tepi fold. Tentu layering harus diperhatikan karena urutannya fold 1 -> layer untuk shadow -> fold 2.

Saya masih ada tanggungan tidak resmi untuk membuat versi 3D fold-nya yang seperti Anda lihat di karya asli pada baris pertama. Sangat menarik, bukan? Bagaimana kalau itu bisa diterapkan dengan GIMP/Inkscape? Pasti lebih menarik. Namun belum tentu saya bisa melakukannya. Barangkali Anda yang lebih dulu melakukannya. Sampai sini, makin jelas besarnya manfaat mencontek desain orang. Sudah dapat feel, dapat teknik, hemat waktu, hemat daya otak, hasilnya memuaskan pula. Saya harap desainer-desainer pemula lain bisa menerapkan cara saya ini. Kalau tidak mau ya tidak apa-apa 😉

 

Proses Pengerjaan

Meski bukan tutorial, ini ada sedikit skrinsot untuk menunjukkan bagaimana saya mengerjakan ini. Skrinsot ini ketika mengerjakannya di Inkscape. tentu butuh banyak bantuan penggaris biar rapi. Dan saya baru hari ini menggunakan filter EPS milik Inkscape. Hasilnya format desain EPS (Encapsulated PostScript) yang insya Allah kompatibel dengan CorelDRAW sebagai ganti format CDR karena Inkscape tidak memiliki filter ekspornya. Ya alhamdulillah saya sudah punya EPS dan saya sediakan di bawah. Tak saya sangka, EPS ini besar juga ukuran berkasnya.

resized_mencontek-brosur-pengerjaan1

Skrinsot ini adalah bukti pengerjaan di GIMP. Tiga fold saya drag ke dalam kanvas berukuran 3 ribu piksel lebih menjadi 3 layer terpisah. Lalu saya merge 3 layer itu jadi satu dan saya kasih drop shadow. Oke, drop shadow inilah rahasia mengapa tampilan Mac OS X sangat indah terlihat. Saya kaget ternyata GIMP bisa mengekspor kerjaan saya ke format PSD miliknya Photoshop. Ini keuntungan besar untuk saya. Maka saya juga sediakan karya ini dalam format PSD di bagian unduh di bawah.

resized_mencontek-brosur-pengerjaan2

Ini bukti ekspor ke bermacam format sesuai yang saya tulis dalam desain. Dan alhamdulillah Dolphin sanggup melakukan preview untuk gambar-gambar yang berformat PSD.

 

 

resized_mencontek-brosur-pengerjaan

 

Untuk Siapa Desain Brosur Ini?

Tentu untuk setiap orang yang butuh template desain brosur. Bahkan teman saya Chochocips (@gustafdwi) bisa mengambil desain ini sebagai template untuk buletin. Saya minta maaf karena belum bisa membuatkan desain buletin. Saya juga minta maaf kalau ukuran berkasnya terlalu besar. Karena ini memang blog desain, saya tidak akan tanggung-tanggung untuk memberikan resolusi besar untuk tiap desain. Jadi semoga Anda bisa mengambil sisi positifnya yakni kualitas tinggi untuk setiap desain.

 

Unduh

Desain Food Photography dan Eksplorasi Tipografi #2


Bismillahirrahim.

Tadi saya membuat kover sederhana model Ubuntu FCM atau .BlendMagz yang formatnya landscape. Sekarang saya buat dari kue cream pie cokelat yang lain (stok foto kue lain masih sisa banyak) sebuah kover majalah yang saya impikan sejak lama untuk membuatnya. Tentulah saya tidak mengimajinasikannya sendirian. Layout saya contek dari majalah Photoshop User yang saya temukan dari Google Plus juga. Kalau saya disuruh mengimajinasikan sendiri, tentu saya belum mampu. Inilah keuntungannya mencontek desain (baca: shortcut). Desain ini sudah meninggalkan model presentasi karena layout-nya portrait bukan lagi landscape.

 

Inspirasi Desain

Saya langsung menangkap teks Photoshop putih besarnya yang sederhana tapi keren banget, lalu langsung saya unduh. Kebetulan tidak ada gambar makhluk bernyawanya. Cantik sekali kover ini. Teks Photoshop yang bertipografi demikian yang saya suka. Pas mengunduh, saya ada cita-cita untuk menconteknya. Ternyata baru sekarang keturutan. Sumber gambar majalah ini adalah https://plus.google.com/+JayPatel/posts/gF3vvmxTLhf.

Photoshop User

 

Desain Kover Majalah Chocolateberry Sweet

Terima kasih untuk para desainer Photoshop. Saya jadi tidak susah-susah belajar desain kover majalah. Ini semua dihasilkan dengan Inkscape kecuali gambar strawberry chocolate cream pie-nya. Sumber gambarnya http://www.foodlve.com/pictures/strawberry-and-chocolate-cream-pie-14331433.jpg. Tentu sajalah majalah ini tidak ada, ini hanya imajinasi saya.

resized_resized_kover-majalah-coba-chocolateberry 

Di luar perkiraan saya, ternyata fonta League Gothic adalah jawaban untuk teks judul Photoshop yang selama ini saya ingin tiru. Ah, mudahnya. Mirip sekali fonta ini. Walau tidak sama dan saya tidak tahu fonta apa yang dipakai pada judul majalah Photoshop User, tetapi setidaknya fonta ini saya sudah memangkas waktu untuk gugling. Akhirnya saya tidak perlu susah membuat judul Chocolateberry dan menyesuaikan ukurannya. Berikut ini saya cantumkan spesifikasi desain ini:

  • Judul Chocolateberry: League Gothic
  • Judul SWEET: Riesling
  • Subjudul di bawah judul Chocolateberry: League Gothic
  • Rubrik CREATIVE ORNAMENTING: Coolvetica
  • Penjelasan rubrik: District Pro
  • Header: Mukti Narrow (bawaan Ubuntu)
  • Judul STRAWBERRY: REVOLUTION
  • Keterangan barkode: Sawasdee (bawaan Ubuntu)

Terlihat memang ada beberapa fonta baru yang belum saya ulas di posting sebelumnya. Tak mengapa, namanya juga mencoba. Mengenai nama majalah ini, awalnya saya beri nama Chocoberry tetapi kurang menutup secara horizontal. Akhirnya saya tambah jadi Chocolateberry walau sebenarnya kepanjangan tetapi demi menghemat waktu, apa boleh buat. Hasilnya jelaslah masih lebih bagus dan rapi milik majalah Photoshop User. Efek drop shadow juga masih lebih intens milik Photoshop User. Yup, ini proses dan ada waktunya sendiri untuk menyentuh ranah profesional. Nanti.

 

Unduh Desain

Ukuran: 400 KB
Tautan: http://www.mediafire.com/download/q6gh7nv1zc6vay1/kover-majalah-coba-04.svg

Desain Food Photography dan Eksplorasi Tipografi

Bismillahirrahmanirrahim.

Ternyata banyak sekali objek bagus dari ranah benda mati. Akhir-akhir ini saya jadi sering mencari gambar kue cream pie cokelat di Google Images. Cantik sekali, pokoknya “mmm…”, deh. Fotografi kue-kue itu saking menariknya, saya angkat ke sini bersama Inkscape. Padahal aslinya saya ogah sama yang namanya makanan. Namun kalau cokelat, wah, lain persoalan. Eh, ternyata asyik juga. Saya jadikan foto cream pie cokelat sebagai background dan di atasnya saya desain semacam kover majalah (seperti kemarin, terinspirasi dari CGChosen, Ubuntu FCM, dan lain-lain). Ah, ternyata hasilnya cukup memuaskan. Dasar kue pie cokelatnya yang memang manis banget 🙂 Desain berikut ini adalah praktik langsung dari latihan mencontek sebelumnya dan masih melanjutkan kegemaran baru saya memilih tipografi yang cantik. Oke, desain kali ini saya bagi jadi dua besar tema yakni warna dasar cokelat dan warna dasar putih. Saya tidak perlu susah-susah mikir lagi untuk latihan desain. Sumber fotografi chocolate cream piehttp://www.dairygoodness.ca/var/ezflow_site/storage/images/dairy-goodness/home/recipes/rocky-road-ice-cream-pie/8154923-20-eng-CA/rocky-road-ice-cream-pie.jpg.

 

Fonta Riesling

Yang saya maksud fonta di sini adalah judul I Love Chocolate. Untuk judul majalah Chocomagz saya pakai League Gothic lagi, dan untuk keterangan Chocolate Cream Pie With Ice Cream saya pakai REVOLUTION. Riesling ini termasuk fonta terbaru saya (padahal aslinya saya ingin daya gunakan yang lawas dulu) yang apa boleh buat saya pakai soalnya saya kira pas banget dengan tema Food Photography kali ini. Tipis, ramping, modern. Crunchy! Perbedaan desain cokelat dengan desain putih hanya pada drop shadow-nya. Yang putih tidak saya beri drop shadow karena warna putihnya terdistorsi kalau dipaksa. Secara umum saya cukup puas dengan desainnya tetapi Riesling belum pas di sini.

kover-majalah-coba-fp-a

kover-majalah-coba-fp-b

Fonta REVOLUTION

Saya memilih REVOLUTION (walau termasuk baru diunduh kemarin) karena rapat dan tegasnya. Pas dibikin poster/banner. Kebetulan tema saya adalah kover majalah jadi termasuk pas fonta ini dipakai di sini. Lebih cocok dibanding Riesling. Untuk soal warna, saya tidak pernah memakai warna cokelat sejak pertama kenal Inkscape kecuali saat ini. Ternyata warna cokelat bisa enak dilihat juga 😉

kover-majalah-coba-fp-c

kover-majalah-coba-fp-d

Fonta Motion Picture Personal Use

Ini juga fonta baru saya (wah, yang lawas saya tinggal). Saya pakai ini karena melihat kemarin ada desain di mana entah saya lupa, dengan fonta mirip ini. Pas pilih fonta di Inkscape, kebetulan ada ini. Pakai saja. Fonta ini estetis, tetapi kurang pas kalau dipakai di majalah/presentasi sebagai judul. Karena dari jauh sulit dibaca.

kover-majalah-coba-fp-e

kover-majalah-coba-fp-f

Fonta ChunkFive

Fonta ChunkFive ini juga baru, sehari bersama Riesling. Inilah fonta paling pas untuk desain kover/presentasi kali ini. Tebal, kekar, rapat, dan lumayan tegas. Pas banget dipakai! Rasa cokelatnya sampai ke mata 😀 Fonta ini saya temukan dari presentasi-presentasi yang saya unduh kemarin dari Noteandpoint. Semoga ini semua bermanfaat.

kover-majalah-coba-fp-g

kover-majalah-coba-fp-h

Unduh Desain

Ukuran: 400 KB
Tautan: http://www.mediafire.com/download/t3seg3yy73wc553/kover-majalah-coba-03.svg

Desain Sederhana Menggunakan Fotografi dan Eksplorasi Tipografi #2

Bismillahirrahmanirrahim.

Berhubung stok foto lama masih ada banyak, saya ingin mengeksploitasinya dulu. Kemarin kota besar sekarang laut. Saya sendiri lupa ini laut mana di Indonesia. Pola desain masih sama dengan yang kemarin. Mungkin yang model begini cocok untuk presentasi soal keindahan alam Indonesia atau majalah dalam satu tema.

kover-majalah-coba-02-laut-a

Desain Sederhana Menggunakan Fotografi dan Eksplorasi Tipografi

Bismillahirrahmanirrahim,

Dalam rangka mendesain tanpa gambar makluk bernyawa, saya mengambil beberapa bahan desain benda mati yang estetis. Salah satunya kemarin foto kota dari atas. Saya dapat foto itu dari Google Plus. Di sini, saya timpa foto itu dengan desain sederhana. Dan di sini saya mau eksplorasi fonta-fonta keren yang saya dapatkan dari Dafont atau web unduh fonta gratis lainnya. Idenya dari majalah yang di-layout secara freestyle semacam .BlendMagz, atau majalah yang memang profesional seperti CGChosen dan Digital Arts. Posting kali ini adalah hasil sementara dari beberapa latihan mencontek yang saya lakukan kemarin. Cara mendesain seperti ini lebih mudah bagi saya untuk mempelajarinya daripada harus membuat sendiri segalanya dari awal. Yang penting dapat feel-nya.

Kaidah Dasar

Saya anggap posting kali ini masuk ke kategori Kover Buku walau sesuai juga untuk presentasi. Kover buku sama dengan presentasi bagi saya. Harus:

  1. Maksimal 3 warna
  2. Fonta maksimal 3
  3. Less distraction

1

kover-majalah-coba-linuxfuture-a

2

Dari hasil pertama, saya ubah sedikit desain (ah, bagaimana menyebutnya, ya?) panel utama yang mengangkut judul majalah. Saya pendekkan sedikit. Kesannya sudah lain.

kover-majalah-coba-linuxfuture-b

3

Dari hasil kedua, saya menambahkan (ah, apa pula namanya?) ikon kecil di pojok kiri atas. Ini terinspirasi dari salah satu presentasi Noteandpoint.com yang belum sempat saya posting di sini. Saya sangat suka emphasizing dan branding macam ini, yang diletakkan di pojok, round corner, lalu diberi drop shadow. Tidak perlu susah, cukup beri logo Otodidak. Sayang, sampai desain ketiga ini branding logo pojok kiri atas masih terlampau besar. Tidak pas untuk kover maupun presentasi.

kover-majalah-coba-linuxfuture-c

4

Dari hasil ketiga, saya sadar logonya terlalu besar. Ketika dikecilkan, mulai tampaklah gambaran desain yang lebih baik di benak saya. Ini adalah start point dari posting ini. Mulai dari sini desain akan dioprek.

kover-majalah-coba-linuxfuture-d

5

Oprekan pertama dari segi warna untuk foreground. Saya beri panel foreground semuanya warna putih dengan opasitas seenaknya. Teks saya beri warna hitam. Emphasizing yang terasa kuat karena warna yang bermusuhan. Dari sini terasa kombinasi oranye dan biru cyan sebelumnya kurang pas.

kover-majalah-coba-linuxfuture-e

6

Personally, I love this the most. Oprekan paling berhasil menurut saya. Panel foreground semuanya saya hitamkan lalu teks yang saya putihkan. Emphasizing yang paling terlihat, yang paling kuat. Yah, walau aslinya saya latihan ini dengan tujuan memilih warna-warna yang bagus. Eh, akhirnya berhenti di hitam dan putih. Tak apalah, yang penting dapat feel-nya. Emphasizing dengan background hitam begini sudah didahului pemerintah kita pada seluruh plat nomor pribadi di Indonesia.

kover-majalah-coba-linuxfuture-f

Eksplorasi Tipografi 1: Fonta DOCK11 Read the rest of this entry