Arsip Blog

Desain Mockup Kaos Realistis

Bismillahirrahmanirrahim.

Melihat desain-desain mockup Photoshop, jelas saya suka karena realistisnya. Pertanyaan saya adalah: bagaimana menerapkannya di GIMP? Ternyata hampir sama caranya. Adapun desain kaos berikut hanyalah usaha untuk meniru seniman Photoshop. Saya ingin membuat yang seperti ini sejak lama. Saya membuat ini di GIMP, bukan Inkscape.

mockup-kaos-realistis

Cara Membuat

Daripada tidak ada tutorial sama sekali, mending ditulis saja tanpa gambar.

  1. Siapkan mockup kaos. Anda bisa memotret sendiri atau mengambil karya orang. Cari saja dengan kata kunci t-shirt mockup white.
  2. Siapkan gambar yang ingin ditempelkan di atasnya. Saya pakai gambar saung hasil pencarian Google.
  3. Taruh dua gambar ini pada dua layer berbeda.
  4. Saya memainkan levels (Menu Color > Levels) pada layer saung sehingga jadi hitam putih (nuansa batu karang).
  5. Saya memainkan opasitas layer saung sehingga terkesan gambar saung menempel di kaos, walau kaos ini berombak kainnya.
  6. Selesai.

resized_desain-gimp-kaos

Unduh Desain

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

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

Desain Wallpaper Otodidak Noise (XCF dan JPEG)

Bismillahirrahmanirrahim.

Sebenarnya saya ini sedang mencontek desain salah satu kartu nama yang kemarin. Ternyata desainnya pantas sekali dijadikan wallpaper. Akhirnya bukan kartu nama tetapi wallpaper yang dihasilkan.

Karya Asli

businesscard

Contekan Saya

1200x900_wallpaper-otodidak-noise

Logo Otodidak yang aslinya memang berwarna abu-abu. Berhubung desain yang saya contek diberi gradasi sehingga berkilau metal, saya tiru saja. Pakai Select by Color Tool saja untuk memilih layer logo. Kalau sudah, baru diberi gradasi radial. Yang saya peroleh dari latihan desain kali ini adalah noise background yang gampang dibuat dengan RGB Noise lalu diubah jadi hitam putih, lalu di atasnya diberi gradasi radial warna putih dengan opacity dikecilkan.  Oh iya, pembuatan wallpaper ini saya lakukan dengan GIMP. Logo Otodidaknya saja yang dibuat dengan Inkscape beberapa bulan lalu. Sisi kurang sempurnanya wallpaper ini adalah partikel noise-nya masih besar-besar. Sedangkan karya asli memiliki partikel noise yang kecil-kecil, bahkan jauh lebih kecil. Mungkin kelak akan bisa saya sempurnakan. Fonta yang saya pakai masih sama dengan fonta asli splash screen Otodidak, yakni Ethnocentric.

Unduh

XCF: http://www.mediafire.com/download/1an9tj3wjtib1e9/wallpaper-otodidak-noise.xcf.zip

Wallpaper 1600 x 1200https://desaininkscape.files.wordpress.com/2013/08/1600x1200_wallpaper-otodidak-noise.jpg

Wallpaper 1200 x 900https://desaininkscape.files.wordpress.com/2013/08/1200x900_wallpaper-otodidak-noise.jpg

Wallpaper 1024 x 768https://desaininkscape.files.wordpress.com/2013/08/1024x768_wallpaper-otodidak-noise.jpg

Wallpaper 800 x 600https://desaininkscape.files.wordpress.com/2013/08/800x600_wallpaper-otodidak-noise.jpg

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 #4 (SVG)

Bismillahirrahmanirrahim.

Saya dapat desain kartu nama ini dari http://www.noupe.com/design/50-free-photoshop-business-card-templates.html. Saya pilih ini karena sangat sederhana dan tampak mudah ditiru. Tekstur kayu latar belakang saya ambilkan dari  http://labs.impulsestudios.ca. Fonta yang saya pakai adalah Harabara. Silakan diunduh.

Karya Asli

greenbusinesscard

Contekan Saya

resized_kartu-nama-contekan-d-render

Unduh

SVG dan XCFhttp://www.mediafire.com/download/e77m7qc3qv7vuxj/kartu-nama-contekan-d-xcf-svg.zip
Ukuran: 5 MB

Desain Kartu Nama #3 (SVG)

Bismillahirrahmanirrahim.

Kartu nama yang saya contek kali ini adalah salah satu karya yang dimuat di http://www.1stwebdesigner.com/tutorials/55-business-cards-tutorials-free-psd juga. Saya pilih ini karena tampak mudah ditiru.

Karya Asli

businesscardstuts55

Desain Saya

resized_kartu-nama-contekan-c-render

Saya tidak bisa meniru persis presentasinya apalagi tekstur latar belakangnya. Usaha saya hanya mencari tekstur kayu ini dari http://freestocktextures.com/download/jpg/587. Demikianlah apa adanya.

Depan:

kartu-nama-contekan-c-depan

Belakang:

kartu-nama-contekan-c-belakang

Modifikasi dengan cahaya:

resized_kartu-nama-contekan-c-render-bercahaya

Saya bereksperimen memberikan pinggiran garis putih 1 piksel di kedua lembar kartu, supaya terkesan sedikit timbul. Garis-garis itu saya blur kemudian. Tak lupa saya beri refleksi cahaya halus di bagian atasnya tiap kartu. Refleksi cahaya begini cukup dibuat dengan brush tool, dengan opacity dikecilkan.

Unduh

SVG dan XCF: http://www.mediafire.com/download/s68j63yu67g00s5/kartu-nama-contekan-c-render.xcf-svg.zip
Ukuran: 7 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

Bismillah. Sebenarnya saya sangat kebingungan dengan kalimat ini “bagaimana mendesain brosur dengan Scribus?”. Saya bukan hanya bingung tetapi benar-benar bingung. Tidak ada satu pun tutorial yang memadai yang memberikan contoh bagus untuk awam seperti saya. Usaha saya adalah mencari contoh-contoh desain yang dibuat dengan Scribus, lalu esoknya mencari desain-desain CorelDRAW, lalu hari ini mencari dengan kata kunci “brosur” begitu saja di Google Image Search. Subhanallah, bagus-bagus desainnya dan yang menakjubkan saya adalah kata kunci tambahan “corel draw” atau “photoshop” justru menyembunyikan brosur-brosur keren itu dari pencarian. Akhirnya saya dapatkan beberapa brosur baik dari dalam negeri maupun luar negeri. Bahkan salah satu blog terbaik yang saya peroleh hari ini adalah blog salafi yang sangat bagus hasil desainnya yakni http://desaingrafisjogja.wordpress.com. Bagus sekali dan semuanya di luar perkiraan saya. Sungguh! Nah, namun desain yang saya contek adalah desain karya jpdguzman di dalam laman http://jpdguzman.deviantart.com/art/Tri-fold-Brochure-Cover-92678573. Pak jpdguzman membuatnya dengan “Everything is done in Illustrator and Photoshop.” tetapi saya contek dengan aplikasi gratisan Inkscape. Hasilnya tidak seberapa rapi dan berbeda banyak dengan karya Pak jpdguzman. Saya cuma butuh penempatan objek-objeknya karena itu yang membingungkan saya. Akhirnya saya menyelesaikannya. Anda bisa mengambil gambar desain saya berikut SVG (format Inkscape) dan XCF-nya (format GIMP). Iya, saya kerjakan semuanya dengan Inskcape lalu saya tata dengan GIMP. Gimp-nya cuma kebagian kerja sekitar 2%.

Inilah desain Pak jpdguzman:

Inilah desain saya:

Versi pertama pakai bunga untuk menggantikan cop-copan yang disketsa pakai tangan.

Versi kedua pakai garis-garis lengkung untuk menggantikan garis-garis lengkung yang bercahaya.

Desain saya per lembar brosur:
Versi pertama:

Versi kedua:

Bagian dalam:

Versi 3D dengan GIMP

Unduh

Anda bisa mengunduh SVG maupun XCF-nya. Silakan digunakan untuk kebaikan bahkan dikomersialkan.

SVG versi pertama: di sini
SVG versi kedua: di sini
XCF versi pertama: di sini
XCF versi kedua: di sini

Saya tidak jadi menggunakan Scribus. Saya sudah berusaha tadi dan saya gagal. Pola pikir ketika memakai Scribus berbeda amat sangat dengan pola pikir ketika memakai Inkscape. Inkscape punya kelebihan WSIWYG untuk teksnya dan itu sangat saya butuhkan. Scribus belum punya itu. Makanya saya beralih ke Inkscape karena jauh lebih banyak berhasilnya. Dengan Scribus, saya tidak memulai apa-apa. Jelasnya ya karena saya belum paham. Namun saya tidak mau ada aplikasi mubadzir. Suatu hari saya yakin akan menggunakan Scribus dengan nyaman.

Bagian yang menarik dari membuat brosur hari ini adalah ini brosur pertama dalam hidup saya, yang pertama menggunakan Inkscape, dan yang pertama mencontek. Saya benar-benar sudah tidak ada pikiran lain karena beberapa bulan ini (mungkin tahun) saya tidak pernah menghasilkan satu brosur pun. Saya ingin membuat brosur yang indah dan sedap dipandang. Nah menurut saya yang saya tak bisa adalah bagaimana meletakkan elemen-elemennya. Itu yang membuat saya bingung. Alhamdulillah kini sudah enakan. Iya, mungkin sebaiknya memang untuk awal ini saya mencontek desain-desain orang dulu. Kelak mungkin saya akan bisa berjalan sendiri. Oya, itu pada bagian brosur dalam, saya mengarang kata-katanya. Tolong jangan diasosiasikan dengan perusahaan Azlan. Termasuk pula tulisan RoHS dan seterusnya. Saya hanya mengarangnya.

Saya senang dengan kenyataan ini: Inkscape bisa digunakan membuat desain brosur juga. Alhamdulillah. Saya ucapkan “thank you for Mr jpdguzman for your inspiring brochure“.