Arsip Blog

Desain Brosur Contekan – Gaya Perusahaan Modern (PSD, EPS, SVG, XCF)

Bismillahirrahmanirrahim.

Setelah lama, akhirnya saya menemukan desain brosur yang baru. Ini cukup menyegarkan setelah lama saya tercekat dengan desain-desain brosur lama yang susah dicontek. Yang ini keren walau mudah dicontek. Saya dapat desain ini dari mencari kembali bersama Google Images. Sama, dari Envato juga asalnya tetapi saya unduh gambar dari http://freebiesdesign.com/wp-content/uploads/2013/04/modern-brochure-template-a4.jpg. Silakan unduh dan semoga ini bermanfaat.

Karya Asli

modern-brochure-template-a4

Contekan Saya

brosur-contekan-modern-render

  • Fonta: Rockwell, Comfortaa, dan Bebas Nueue. Rockwell untuk seisi brosur, Comfortaa (fonta yang dipakai di logo Fedora) untuk keterangan, dan bebas Neue untuk logo DESAININKSCAPE.
  • Efek dan tools: gradasi radial untuk pencahayaan background, rotate, perspective, gradasi linear untuk cahaya brosur paling atas, dan drop shadow supaya tampak 3D. Semua dilakukan di GIMP.
  • Keterangan: sampai hari ini, inilah desain brosur saya yang paling berhasil. Mudah dibuat dan hasilnya cukup wah. Meskipun perlu pembenahan sana-sini, setidaknya saya puas. Saya pakai fonta Rockwell di dalam brosur untuk memudahkan desain saja biar tidak pusing milih fonta. Untuk Comfortaa, memang sejak lama saya ingin bikin artwork untuk Fedora tetapi cukup susah. Ini mumpung ada kesempatan maka saya pakai. Foto di brosur adalah foto Mykonos di Yunani yang saya kebetulan dapat dari Google+ semalam. Berhubung cantik, saya ingin pakai pada desain brosur. Eh, sore ini berhasil didesain. Sebenarnya saya ingin bikin desain ini dengan macam-macam foto pemandangan yang sudah (kebetulan) saya peroleh. Namun sementara saya posting yang ini saja dulu. Jika Anda ingin membuat ini, persiapkan waktu sebentar untuk mencoba-coba perspective tool di GIMP. Mudah sebetulnya akan tetapi harus beberapa kali coba biar pas.
  • Belum sanggup: membuat lubang tipis horizontal di atas pita biru COVER pada karya asli. Mungkin dengan belajar lagi saya bisa.

Unduh

Iklan

[SVG] Desain Skema Infografik Sederhana

Bismillahirrahmanirrahim.

Saya punya banyak ide untuk masa depan Linux. Kendalanya, setiap orang yang saya ajak bicara kurang paham apa yang saya utarakan. Nah, untuk memperjelas itu, saya buat sebuah skema. Ini adalah skemainfografik  rancangan sistem instalasi model baru untuk Linux. Dibuat dengan Inkscape. Aslinya gambar-gambar skema ini saya buat untuk posting Dreambox ini http://linuxdreambox.wordpress.com/2013/08/27/new-package-management-system-for-you-appcenter-developers/. Ini infografik pertama saya.

Skema I

Skema II

Skema III

Unduh

SVG: http://www.mediafire.com/download/g1q0dt96rr35q55/mockup-design-scheme-appcenter.svg.zip

Desain Kartu Nama #7 (SVG)

Bismillahirrahmanirrahim.

Sudah lama saya naksir desain warna cokelat ini. Simpel, keren, manis. Memang warna yang paling jarang saya pakai adalah cokelat, karena saya memang kurang suka. Eh, nyatanya desain satu ini cakep sekali dengan warna cokelat. Contek saja.

Karya Asli

freebusinesscard

Poin ketertarikan desain ini adalah gelembung-gelembung airnya. Ternyata mudah sekali dibuat di Inkscape. Hanya butuh elipse tool. Saya cukup buat satu lalu saya gandakan berulang kali.

Contekan Saya

resized_kartu-nama-contekan-g-render

Saya kerjakan satu per satu desain dengan Inkscape lantas saya bikin presentasi akhir ini di GIMP.

Depan

kartu-nama-contekan-g-depan

Belakang

kartu-nama-contekan-g-belakang



Unduh

SVG dan XCFhttp://www.mediafire.com/download/uhre9fnmf7arzys/kartu-nama-contekan-g.xcf-svg.zip
Ukuran: 1 MB

Desain Kartu Nama #6 (SVG)

Bismillahirrahmanirrahim.

Seperti kemarin, saya ambil lagi satu contoh desain yang gampang ditiru. Saya pakai fonta Rockwell dan Rockwell-Bold di sini. Background kayu meja saya peroleh dari http://www.designbash.com/wp-content/uploads/2010/01/wood-table-texture-1.jpg.

Karya Asli

business-card-mock-up-2

Contekan Saya

resized_kartu-nama-contekan-f-render

Kesulitan desain ini untuk ditiru adalah dari segi presentasi akhirnya. Ada dua kemungkinan, desain di atas memang diletakkan pada foto meja kayu yang diambil dari sudut kemiringan tertentu atau diedit dengan perspektif yang saya belum mampu melakukannya. Saya sudah berusaha menirunya akan tetapi akhirnya tidak bisa. Cukup begini saja dulu.

Depan

kartu-nama-contekan-f-depan

Belakang

kartu-nama-contekan-f-belakang

Unduh

SVG dan XCF: http://www.mediafire.com/download/7dwd364ap55ywab/kartu-nama-contekan-f-render.xcf-svg.zip
Ukuran: 5 MB

Desain Kartu Nama #5 (SVG)

Bismillahirahmanirrahim.

Seperti kemarin, saya masih berkutat dengan kartu nama. Karena ini lebih mudah dikerjakan tetapi hasilnya menarik. Kali ini saya mencontek salah satu karya yang dimuat di http://www.noupe.com/design/50-free-photoshop-business-card-templates.html. Bedanya dengan yang kemarin, saya campur desain dasarnya dengan ikon-ikon open source semacam WordPress, Ubuntu, Fedora, dan Archlinux. Ikonnya sendiri saya sudah punya dari paket ikon Faenza CMYK yang saya unduh tahun lalu. Akhirnya berguna itu iconset.

Karya Asli

5businesscardtemplates

Contekan Saya

kartu-nama-contekan-e-render

Latar belakang kayunya saya peroleh dari http://www.designbash.com/wp-content/uploads/2010/01/wood-table-texture-1.jpg dan saya sunting semua presentasi akhir ini dengan GIMP, seperti semua kartu nama kemarin. Fonta yang saya pakai untuk keterangan di bagian bawah adalah Bebas Neue. Gara-gara desain kemarin, saya jadi suka memberikan background kayu untuk presentasi desain saya.

Archlinux

kartu-nama-contekan-e-arch-belakang kartu-nama-contekan-e-arch-depan

Fedora

kartu-nama-contekan-e-fedora-belakang

kartu-nama-contekan-e-fedora-depan

Sejujurnya yang saya ingin buat adalah karya seni khusus mengenai Fedora ini, bukan OS lainnya. Namun akhirnya saya rasa ahsan kalau OS lain juga dicomot.

Ubuntu


kartu-nama-contekan-e-ubuntu-belakang

kartu-nama-contekan-e-ubuntu-depan

WordPress

kartu-nama-contekan-e-wordpress-belakang

kartu-nama-contekan-e-wordpress-depan

Unduh

SVG dan XCFhttp://www.mediafire.com/download/rlv7cfdo27sp737/kartu-nama-contekan-e-render.xcf-svg.zip
Ukuran: 2 MB

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 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