Download Templat Desain Floral Ornament Edisi 1

Bismillahirrahmanirrahim.

Saya kira, saya mesti berusaha membuat templat-templat desain siap pakai. Salah satu templat yang hampir pasti dibutuhkan orang adalah floral ornament. Kali ini, saya membuat ornamen flora yang biasanya diletakkan sebagai penghias garis pada kartu undangan atau sertifikat atau poster atau semacamnya. Floral ornament ini bersifat simetris. Saya membuatnya dengan mencontoh poster yang sudah ada, hanya dengan Bezier Tool di Inkscape. Ornamen ini masih sederhana dan banyak kekurangan. Semoga saya bisa membuat lanjutannya nanti. Anda bisa mengunduh dan memakainya dari pranala di bawah.

Desain

resized_inkscape-floral-ornament-semua

Warna Dasar Merah

resized_inkscape-floral-ornament-semua2

Warna Dasar Biru

Proses Pengerjaan

resized_ngite-keduapuluhsatu29

Unduh Desain

 

Desain Templat Border untuk Sertifikat Resmi

Bismillahirrahmanirrahim.

Semoga posting pertama setelah waktu yang panjang ini bermanfaat.

Templat

templat-sertifikat

Contoh Hasil

contoh-templat-sertifikat-nomor-6

 

Unduh Desain

Desain UI Mockup untuk Ubuntu Phone di Hape Samsung

Bismillahirrahmanirrahim.

Mendesain UI mockup adalah sesuatu yang sangat sulit saya lakukan semenjak dulu. Kesulitannya sama dengan poster, hanya saja saat ini mockup jadi lebih gampang karena saya berhasil membuatnya (sedangkan poster masih gagal). Sudah sejak era awal saya masuk FUI saya ingin membuatnya. Lalu setelah kenal UI mockup yang dibuat masyarakat desainer Ubuntu, saya makin ingin membuat dan senantiasa gagal berulang kali. Entah kenapa, alhamdulillah, kali ini saya berhasil membuatnya sendiri. Penataannya masih sama dengan kenampakan Unity versi destop dan saya pakai Faenza Iconset di sini. Hal baru yang saya pelajari adalah membuat shading agar elemen garis bisa tampak timbul atau tenggelam. Seluruh desain ini dibuat dengan Inkscape, GIMP belum ikut campur. Mungkin lain waktu saya akan sempurnakan posting ini. Sementara saya beri dulu gambar plus paket SVG-nya. Semoga ini bermanfaat.

resized_mockup-ponsel-render

Catatan

Background yang saya pakai adalah poster-poster kajian ahlus sunnah dari Ustadz Afiffuddin dan Ustadz Rifa’i yang diadakan beberapa waktu lalu. Ini terispirasi dari ikhwan Jojoran yang wallapaper di laptopnya sering terpasang poster kajian. Hanya saja, poster kajian Ustadz Muhammad Umar As Sewed belum saya pasang di dalam mockup.

mockup-ponsel-i mockup-ponsel-ii mockup-ponsel-iii mockup-ponsel-iv mockup-ponsel-v mockup-ponsel-vi mockup-ponsel-vii

Unduh Desain

Desain ini sudah termasuk foto hape Samsung bertransparansi berkualitas tinggi plus poster-poster kajian.

Bocoran Aplikasi Desain Grafis Baru

inkscapeTulisan ini berbicara tentang PrintDesign, aplikasi desain grafis FOSS yang dikembangkan dari aplikasi SK1. Tulisan ini juga berisi aplikasi desain grafis lain yang banyak tidak dikenal orang untuk menambah semaraknya posting.  Berhubung lama saya tidak menulis di blog DesainInkscape ini, saatnya sekarang saya menulis artikel dimulai dari yang sederhana. Karena jika mengejar artikel tutorial atau yang sepadan rumitnya, saya tidak akan menulis. Tentu tak ingin saya blog ini terbengkalai. Semoga tulisan ini tetap bermanfaat untuk Anda.

sk1

sk1 sk1-2

Unduh sk1: http://sk1project.org

Skencil

skencil-1 skencil-2

Unduh Skencil: http://sk1project.org/viewpage.php?page_id=21

Calligra Karbon

karbon-logo-500x400

Unduh Karbon: http://www.calligra.org

PrintDesign

printdesign-ii printdesign

Unduh PrintDesign: http://sk1project.org/news.php?readmore=102

Xara Xtreme

xaralx-xtreme

Unduh XaraLX XTreme: http://downloads.xara.com/opensource/RecXaraLX0.7_rev1692.package

Semog tulisan ini bermanfaat.

Membuat Desain Stiker Edisi 2

Bismillahirrahmanirrahim.

stiker-syaikh-fauzan

stiker-berbuat-a

stiker-berbuat-b

stiker-layar-kaca-c stiker-layar-kaca-d

stiker-matikan-tv-a

stiker-shalat-b

 

Cara Membuat

Daripada kosong sama sekali, mending saya isi dengan tutorial singkat tanpa gambar.

  1. Buat sebuah kotak hitam.
  2. Buat lagi dengan garis tepi putih.
  3. Ketik dengan fonta Rockwell Bold pesannya. Gunakan pesan yang bagus. Gambar pertama di atas berisi pesan mulia yang saya peroleh dari sini.
  4. Beri bulatan putih kecil dengan tanda X.

Video pembuatan untuk salah satu stiker bisa ditonton di http://youtube.com/user/inkscapeindonesia.

Unduh Desain

Ukuran: 17 KB
Alamat: http://otodidak.freeserver.me/svg/stiker-shalat.svg.zip

 

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

Membuat Desain Stiker

Bismillahirrahmanirrahim.

Ketika datang ta’lim ke masjid, saya melihat ada sepeda motor yang ada stiker bertuliskan WARNING JAGALAH AKHLAKMU. Wow, stiker yang bagus sekali. Maka ingin saya buat desainnya dengan Inkscape. Seperti biasa, silakan unduh SVG di bawah. Semoga desain ini berbarakah.

stiker-akhlak-chunkfive-blackened

stiker-akhlak-chunkfive

stiker-akhlak-doc11png

Desain pertama dan kedua saya tulis pakai fonta Rockwell Extra Bold sedangkan yang ketiga pakai DOCK11.

Cara Membuat

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

  1. Buat satu objek kotak.
  2. Bulatkan pojokannya.
  3. Beri stroke besar (punya saya 22).
  4. Beri garis lurus.
  5. Ketik pesan stiker, usahakan yang sopan.
  6. Ekspor ke PNG.
desain-inkscape-stiker

Proses pengerjaan

Unduh

Nama berkas: stiker-akhlak-svg.zip
Alamat: http://otodidak.freeserver.me/svg/stiker-akhlak-svg.zip

Junior Insane Gentoo User

junior-insane-gentoo-user-model-a-bandai-blue junior-insane-gentoo-user-model-a-bandai-green junior-insane-gentoo-user-model-a-bandai-purple junior-insane-gentoo-user-model-a-bandai-red

Desain Mockup Web #3

Bismillahirrahmanirrahim.

mockup-web-contekan-joomla-a-header

Agustus kemarin saya ada ide mencari templat-templat Joomla (yang sejak lama sudah keren) untuk dicontek. Mengapa? Karena saya merasa tutorial Photoshop untuk mendesain web dari nol terlalu sulit, walau saya punya banyak. Mending cari desain web yang sudah jadi lalu dicontek tanpa tutorial. Daripada sulit mengingat web apa yang desainnya keren, mending cari yang pasti-pasti aja. Ya, tentu Joomla Template jawabannya. Akhirnya saya mendarat di web http://youjoomla.com dan beberapa web penyedia Joomla Templates lain. Saya kumpulkan sebanyak-banyaknya lalu pada pekan ini baru saya memilih salah satu yang paling sederhana. Saya butuh sepekan untuk menyelesaikan seluruh halamannya. Alhamdulillah, mudah walau yang bikin lama adalah panjang fisik halamannya.

Karya Asli

corpvisionheader

Contekan Saya

mockup-web-contekan-joomla-a-header

Keseluruhan Halaman Web

mockup-web-contekan-joomla-a

Keterangan

  • Fonta: Ubuntu pada header/slider atas, TitilliumText untuk keseluruhan konten termasuk Read more, Bebas Neue untuk logo DESAININKSCAPE.
  • Foto slider: saya nemu di Google+ pada 9 April kemarin. Berhubung cantik dan saya ingin memanfaatkan foto-foto yang sudah ada, maka saya pakai.
  • Ikon: Oxygen (ikon asli KDE) dan Faenza. Saya nggak mau pusing cari ikon. Pakai yang sudah ada.
  • Skrinsot: Archlinux, elementaryOS, dan Libreoffice. Saya nggak mau pusing juga cari foto. Pakai yang sudah ada.
  • Yang unik: peta yang saya ambil dari Google Maps sebagaimana karya asli.
  • Yang unik lagi: ikon bundar-bundar pada Meet The Team itu aslinya foto orang yang saya gantikan dengan ikon Faenza saja lalu saya bentuk bundar sebagaimana iconset yang saya lihat di sini.
  • Yang saya peroleh: konsistensi untuk memakai biru muda bagi tombol sejak awal header sampai akhir footer; flat button color; slider; warna fonta; form layout

Saya puas sekali pada bagian slider-nya. Tampak bersih dan sudah mirip web. Padahal ini mockup. Inilah yang lama sekali saya impikan untuk membuatnya. Secara umum saya sangat puas dengan desain ini. Meski sangat lama waktu yang saya perlukan untuk membuat satu ini saja, akhirnya selesai juga. Saya tidak menampakkan keseluruhan desain yang saya contek di sini karena ada foto orangnya. Semoga bermanfaat.

Unduh

SVGhttp://otodidak.freeserver.me/svg/mockup-web-contekan-joomla-a.svg.zip
Ukuran: 3 MB

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 168 pengikut lainnya.