Arsip Blog

Desain Brosur untuk Sosialisasi Linux Edisi 3

Bismillahirrahmanirrahim.

Kali ini brosur yang dibikin pakai Inkscape lalu dirender 3D pakai Blender. Akhirnya saya bisa juga menggunakan Blender. Saya mengikuti tutorial lama Kang Irfan Prasetyanto http://www.desainew.com/2013/09/tutorial-mockup-web-3d-di-blender.html. Tutorial yang lama sekali ingin saya praktikkan. Hasil render saya masih buruk, ini bukan karya final. Masalah SVG dll. menyusul saja.

brosur-ubuntu-3d

Desain Kartu Nama #9 (SVG)

Bismillahirrahmanirrahim.

Kali ini saya hanya memodifikasi karya sebelumnya menjadi sedikit berbeda. Tema kali ini bukan lagi makanan tetapi fotografi benda mati. Saya ada foto lama yang saya simpan dari G+ dan itu bagus. Saya merasa suatu saat harus saya pakai dalam desain. Akhirnya jadilah.

Karya Asli

businesscardstuts45

 

Contekan saya masih sama dengan desain kemarin.

Desain Saya

kartu-nama-contekan-i-render

Saya belum bisa memberi background selain putih karena belum bisa membuat transparan bayangan di bawahnya. Kalau dibuat putih, maka seakan-akan bayangannya transparan. Yah, padahal saya hanya tindih dengan brush warna putih.

Depan

kartu-nama-contekan-i-depan

Belakang
kartu-nama-contekan-i

 

Sampai hari ini saya masih ragu bisa melihat bulan sebesar ini dari bumi. Saya rasa mustahil sekali. Tapi foto ini kok bisa, ya? Ah biarlah.

Unduh

SVG dan XCFhttp://www.mediafire.com/download/8u0d5xyl1ls5rsy/kartu-nama-contekan-i-render.xcf.zip
Ukuran: 700 KB

[TUTORIAL INKSCAPE] Desain Buku Kubuntu 3D

Bismillahirrahmanirrahim.

Saya telah menulis artikel yang isinya tautan unduh ke desain buku 3D Kubuntu. Kini giliran tutorialnya. Yang diperlukan adalah SVG gambar monitor dan CD. Anda bisa mengambil dari /usr/share/icons. Insya Allah semua ada di Ubuntu, kita cukupkan yang ada di situ.

Langkah Pertama

Buka Inkscape. Bikin dua persegi panjang, satu untuk bagian punggung buku dan satu untuk depan. Ukurannya terserah Anda, tetapi harus sama panjangnya, ya? Kalau milik saya:

Punggung: W:62 px; H: 770 px

Depan: W: 549 px; H: 770 px

Kasih keduanya warna biru (00b4f4ff).

Langkah Kedua

Garap punggungnya. Duplikasikan (Ctrl+D) punggung lalu pendekkan dengan menarik panah bawah ke atas. Duplikasikan lagi lalu pendekkan dengan menarik panah atas ke bawah. Persiskan dengan desain saya. Beri kedua kotak baru ini warna hitam.

Berilah teks untuk punggung ini. Saya gunakan fonta FreeSans.

Langkah Ketiga

Garap depannya. Lakukan seperti di langkah kedua. Pokoknya kotak hitamnya berukuran dan sejajar persis dengan di punggung. Kalau susah, pindahkan punggung ke dekat depan, sejajarkan saja pakai penggaris. Cara pakai penggarisnya ya drag saja penggaris horizontal atas ke bawah.

Beri teks untuk bagian depan ini. Saya gunakan FreeSans. Pokoknya desain ini semuanya pakai FreeSans.

Buatkanlah 4 lingkaran biru untuk bagian atas kover depan. Ini saya buat untuk meniru loading screen Kubuntu. Caranya bikin dulu satu persegi sama sisi lalu jadikan bulat dengan menyeret bundaran putih kecilnya ke bawah. Duplikasikan dan tatalah di kover.

Langkah Keempat

Garap gambar kover. Ambillah satu gambar monitor yang berwarna biru dari /usr/share/icons. Kalau tidak ada biru, ambil saja terus edit di Inkscape warna gradasinya. Letakkan di tengah kover.

Ambil logo Ubuntu juga yang SVG. Lakukan ungroup (Ctrl+U) dan buang semuanya sisakan logonya saja. Warnai biru lalu gradasikan dengan gradasi radial. Letakkan ini di depan monitor. Lakukan ungroup gambar monitor, pilih logo Ubuntu, tekan PgDn sampai terlihat ada di belakang kacanya.

Lho, kan? Kita mendesain secara santai dengan memanfaatkan yang ada di dalam Ubuntu.

Dekatkan lagi antara kover depan dengan punggung, sejajarkan. Ambil gambar CD, letakkan di pojok kiri bawah kover dan pojok kanan punggung. Satu CD untuk dua objek. Karena nanti kita ekspor dua objek ini sendiri-sendiri.

Sampai sini mestinya bentuk garapan kita seperti ini:

Langkah Kelima

Garap pernak-pernik kover yakni bentuk panah dan logo penerbit. Bentuk panah di bawah kover dibikin dengan mengubah persegi panjang hitam menjadi Path (Ctrl+Alt+C) lalu pilih 2 node sisi kanan, klik pada Insert new node. Node di tengah itu, sambil tahan Ctrl, tarik ke kanan. Jadi deh, panah. Duplikasikan persegi panjang hitam ini lalu pendekkan, jadikan panah juga. Persiskan seperti gambar. Duplikasikan beberapa kali dan rapikan.

Logo penerbit, bikin kotak dulu. Jadikan Path (Ctrl+Alt+C) lalu potong pucuk-pucuknya. Miripkan desain. Tapi kalau mau kotak begitu saja, boleh. Warnai biru, lalu duplikat. Pada duplikatnya, kasih gradasi biru-putih persis gambar.

Duplikasikan logo Ubuntu yang tadi, hitamkan. Taruh di depan kotak ini. Lalu dengan teks, beri nama penerbit. Terserah mau kasih nama Gondret atau apa. Duplikasikan logo penerbit ini dan taruh di punggung bagian atas.

Sampai sini garapan kita sudah hampir selesai:

Langkah Keenam

Ekspor. Pilih bagian paling belakang dari punggung yakni persegi panjang biru. Perhatikan: kalau terpilih, ada garis putus-putus di sekeliling objek. Kita akan mengekspor apa pun yang kelihatan di layar dalam batasangaris putus-putus ini. Buka dialog ekspor (Ctrl+Shift+E) dan tentukan tempat simpan. Saya beri ukuran resolusinya 120 dpi. Ini selera, Anda akan temukan ukuran Anda sendiri.

Lakukan hal yang sama untuk kover depan. Ekspor dengan nama lain. Misalnya untuk punggung punggung.png dan kover depan depan.png. Dengan ini, tugas Inkscape usai. Anda sudah punya dua buah gambar.

Langkah Ketujuh

Buka GIMP. Seret kedua gambar ke dalamnya. Pasti jadi 2 layer tambahan. Berikutnya:

  1. Kecilkan dengan Resize gambar punggung. Mungkin perlu coba-coba untuk berhasil. Tanpa resize ini pasti tidak bisa.
  2. Gunakan Perspective, lakukan perubahan perspektif terhadap depan dulu. Gunakan niat dan naluri Anda. Mungkin harus coba-coba beberapa kali. 
  3. Lakukan Perspective juga untuk punggung. Usahakan ia benar-benar serasi dan perspektifnya pas (tidak bengkok garisnya). Coba-coba saja.
  4. Kalau sudah pas betul perspektif Anda, beri Drop Shadow untuk setiap gambar. Cocokkan dengan gambar.
  5. Dengan Brush Tool (opacity 5, size 180), gelapkan bagian punggung supaya menguatkan kesan 3D-nya. Hati-hati agar tidak mengotori lainnya.
  6. Seleksi persegi panjang di kanan bawah, Ctrl+B warna biru, tumpahkan di seleksi itu.
  7. Dengan teks, tuliskan harga buku Anda ini.
  8. Simpan dulu sebagai XCF (berkas asli GIMP, seperti PSD-nya Photoshop).
  9. Simpan sebagai bitmap (JPG atau PNG).

Hasil Akhir

Desain Kover Buku Kubuntu Sederhana + 3D

Bismillah. Saya sebetulnya ingin coba-coba dengan SVG yang sudah tersedia di dalam Ubuntu saya sendiri. Letaknya di /usr/share/icons. Saya berharap bisa membuat poster tetapi akhir coba-coba ini malah kover buku. Saya sebetulnya terinspirasi buk-buku Pact Publishing yang sangat sederhana desainnya tetapi bagus menurut saya. Ya namun saya tidak mengerjakan ini sambil melihat gambarnya seperti biasa, saya hanya mengarangnya. Demikian desain saya apa adanya dikerjakan dengan Inkscape dan bentuk 3D-nya saya selesaikan dengan GIMP. Untuk yang 3D, saya terinspirasi boks Windows/Microsoft Office dan iklan buku-buku yang berbentuk 3D di toko-toko. Silakan diambil.

Desain Kover Depan

Buku dalam 3D

Punggung Buku

Unduh Desain

SVG: di sini

XCF: di sini (1,6 MB)

Baik berkas SVG maupun XCF sudah termasuk punggung bukunya. Lama pengerjaan maksimal 2 jam. Untuk menyelesaikan bentuk 3D buku ini, saya memakai Perspective tool bagi punggung maupun kover depan, sedangkan punggung buku harus dikecilkan (Resize) dahulu sebelum diubah perspektifnya lalu disatukan dengan kover. Semoga ini bermanfaat.