Mulai hari ini DesainQu akan rutin memberikan inspirasi desain karakter, diambil dari gambar-gambar karakter terbaik tersebar di berbagai situs. Inspirasi desain karakter kali ini diambil dari Behance Network.

oleh Niark1

oleh Robert Hellmundt

oleh Dylan Van Loggerenberg

oleh Alfin Debrata

oleh Andreas Krapf

oleh Loulou &Tummie

oleh Andreas Krapf

oleh Nicolas Lesaffre

oleh Dylan Van Loggerenberg

oleh Gabriel Mourelle

oleh Thodoris Tibilis

oleh Rubens Cantuni

oleh Agung Syaifudin

oleh Jared Nickerson

oleh Mr Nasty Moorai

oleh Maroto

oleh Giorgio Dovas

oleh Mark Gmehling

oleh Jared Nickerson

oleh Jared Nickerson dan Camilla d’Errico

Artukel Terkait

Ingin belajar Photoshop? Sekarang sudah banyak situs ( blog ) yang berisi tentang tutorial-tutorial Photoshop. Dari sekian banyak situs yang ada, DesainQu mengumpulkan beberapa situs terbaik untuk belajar Photoshop. Bahkan situs-situs ini juga menjadi acuan bagi para desainer grafis pro.

1. PSDTuts+

Saya yakin banyak pengguna Photoshop yang mengenal web ( log ) ini. PSDTuts+ adalah bagian dari Tuts+ Network yang khusus membahas tentang tutorial-tutorial Photoshop. PSDTuts+ adalah favorit DesainQu karena materinya cukup lengkap.

2. Tutorial9

Cukup populer di kalangan pengguna Photoshop. Selain tutorial Photoshop itu sendiri, ada juga tutorial fotografi dan tutorial web.

3. Abduzeedo

Blog ini sejatinya adalah sebuah blog desain, kontennya pun tidak hanya mengenai Photoshop. Blog ini dibangun oleh seorang desainer asal Brasil, Fabio Sasso. Khusus untuk tutorial Photshop, Abduzeedo bisa jadi hal wajib bagi para pengguna Photoshop.

4. Photosop Essentials

Bagi para pengguna Photoshop pemula, Photoshop Essential bisa jadi situs yang wajib dikunjungi. Dasar-dasar Photoshop juga dibahas di sini, selain tehnik-tehnik Photoshop bagi yang pro tentunya.

5. Photoshop Tutorials

Photoshop Tutorial termasuk yang materi Photoshop-nya cukup lengkap. Mulai dari pengetahuan dasar sampai tehnik pro bisa ditemui di sini.

6. PS Hero

Dibangun oleh seorang desainer asal California, Hero. PS Hero berisi tutorial-tutorial Photoshop yang cukup menarik. Blog ini bisa jadi favorit bagi para pengguna Photshop.

7. Desain Digital

Dibangun oleh Mohammad Jeprie, seorang desainer grafis. Blog yang tersedia dalam 2 bahasa ini ( bahasa Indonesia dan Inggris ), cukup banyak membahas tentang teknik Photoshop. Salah satu blog Photoshop terbaik yang  menggunakan bahasa Indonesia.

8. Jurus Grafis

Blog yang banyak membahas hal-hal seputar desain, didirikan oleh Richard Fang. Konten tutorial Photoshop-nya layak diacungi jempol. Blog ini berbahasa Indonesia.

9. Photoshop User TV

Blog ini di bawah naungan Kelby Media Group, sebuah perusahaan yang banyak membuat tutorial-tutorial bermutu. Konsepnya adalah screencast/video tutorial, sehingga sangat nyaman untuk diikuti.

10. Layers Magazine

Didirikan oleh Scott Kelby dan timnya, blog ini tidak hanya berisi tutorial Photoshop, tetapi juga tutorial produk-produk Adobe lainnya, seperti Illustrator, Dreamweaver dan lain-lain. Tampaknya nama Scott Kelby yang merupakan seorang tutor terkenal menjadikan blog ini menjadi bookmark wajib bagi para pengguna produk-produk Adobe.

Situs/blog diatas bisa jadi bookmark wajib bagi para pengguna Photoshop. Selain selalu menghadirkan tehnik-tehnik yang inovatif, situs/blog tersebut juga rutin ter-update.

Punya rekomendasi situs-situs terbaik untuk belajar Photoshop lainnya? Silahkan berbagi di sini

Artukel Terkait

Dalam kegiatan surat-menyurat, desain bisa menjadi elemen pendukung yang efektif. Coba lihat email-email yang berisi promo, pasti lebih menarik melihat email yang disisipi gambar dibanding email yang polos tanpa gambar. Begitu pula dengan email dari suatu badan usah, tentu lebih bagus yang menggunakan gambar pada kop ( kepala ) emailnya.

Contoh email yang menggunakan kop bergambar

Bagaimana Caranya?

Caranya cukup mudah, pertama siapkan dulu kop emailnya. Sebagai perbandingan, lebar kop email di atas adalah 800px. Kamu bisa mencoba dengan ukuran lain yang tepat untuk kop emailmu.

Lalu upload gambar tersebut di situs-situs yang menyediakan database untuk gambar-gambarmu, saya menggunakan photobucket.com.

Tips DesainQu: Prinsipnya sama jika kamu mengupload gambar-gambarmu di situs selain photobucket.com, seperti imagehack.us atau flickr.

Copy Direct Link ( CTRL + C )

Buka browser kesayanganmu, lalu paste link tersebut ( CTRL + V ) ke dalam browser, lalu tekan ENTER. Gambar kop tersebut akan mucul.

Lalu pilih semua bidang gambar ( CTRL + A ), kemudian copy ( CTRL + C )

Buka email yang akan kamu kirim, lalu paste-kan gambar tersebut ke dalam badan email ( CTRL + V ). Selesai!

Selamat Mencoba

_______________________________________________________________________________

Mulai hari ini, DesainQu menampilkan satu kategori baru Tips n’ Trik. Kategori ini berisi artikel-artikel tips dan trik desain ringan. Bedanya dengan kategori Tutorial, Tips n’ Trik konten-nya lebih ringan dan tidak memerlukan pemahaman yang lebih mendalam.

_______________________________________________________________________________

Artukel Terkait

Di dalam dunia web, kita menggunakan avatar sebagai identitas visual diri kita. Bagi para blogger, avatar bisa muncul pada kolom biografi penulis maupun pada kolom komentar. Sebagian menggunakan foto pribadi, sebagian lagi memilih untuk tidak menampilkan foto pribadinya. Tentu setiap pribadi mempunyai kebijakannya masing-masing bukan?

Bagi kamu yang menggunakan foto pribadi, kali ini kita belajar membuat sebuat avatar cantik yang bisa merepresentasikan dirimu pada web yang kamu miliki.

Sebagai langkah awal, siapkan sebuah foto. Di sini saya menggunakan foto yang diambil dari sxc.hu.

Menghilangkan Background

Sebelumnya, pastikan layer gambar kamu tidak terkunci. Jika terkunci, klik 2 kali pada layer, lalu akan muncul kotak dialog untuk membuat layer baru, klik OK. Buat layer baru, dan letakkan layer tersebut di bawah layer gambar. Beri nama “Background” pada layer baru tersebut.

Gunakan Pen Tool ( P ) dan mulai menggambar area yang akan kita ekstrak

Tips DesainQu: Mengenai tehnik menghilangkan background, saya pernah membahas beberapa tehnik cepat di artikel Cepat Menghilangkan Background Dengan Magic Eraser Tool dan Topaz ReMask – Menghilangkan Background Dengan Mudah Dan Cepat.

Setelah itu, dengan Pen Tool yang masih terpilih, klik kanan dan pilih Make Selection.

Area yang terseleksi tersebut adalah gambar si wanita. Untuk menghilangkan background-nya, klik ( Select > Inverse ) lalu tekan Delete pada keyboard kamu, dan background taman pun menghilang. Klik ( Select > Deselect ) untuk menghilangkan seleksi. Saya menyempurnakan hasil dengan menghilangkan area kecil background yang tertinggal di daerah antara rambut dan dagu dengan menggunakan cara yang sama seperti di atas.

Karena avatar biasanya berbentuk segiempat sama sisi, kita crop gambar tersebut sehingga menjadi segi empat sama sisi.  Klik Crop Tool ( C ) lalu tekan shift + drag sampai menemukan hasil yang cocok. Hasilnya bisa kamu lihat di bawah.

Menghias Avatar

Kini saatnya untuk menghias avatar tersebut. Saya ingin menambahkan stroke di sekeliling gambar wanita dan menambah sedikit efek bayang sehingga si wanita seolah-olah keluar dari bidang gambar. Untuk melakukan itu, pertama, klik kanan pada layer gambar wanita kemudia pilih Blending Mode. Pada Blending Mode, ubah setting Stroke dan Drop Shadow seperti gambar di bawah. Warna pada stroke # 5f5e5e.

Hasilnya akan seperti ini…

Memasukkan Background

Sekarang saatnya untuk memasukkan background. Saya akan mengambil sebagian tampilan blog DesainQu sebagi beckgroundnya. Saya menuju artikel HostingTangguh yang Memang Tangguh untuk mengambil screenshot. Caranya, tekan tombol Print Screen pada keyboardmu, lalu pilih layer “Background” dan paste ( CTRL + V ) hasil print screen tersebut. Geser atau lakukan transform ( Edit > Transform ) sampai mendapatkan hasil yang sesuai. Supaya lebih tidak kaku, miringkan sedikit.

Saya masih kurang  puas dengan hasil background-nya karena masih tertinggal tulisan yang berwarna biru, akan lebih baik jika warnanya hitam semua. Buat layer baru di atas layer “Background”, lalu isi dengan warna hitam. Set layer menjadi Color. Kamu bisa berkeksperimen dengan menggunakan warna-warna lain.

Buat layer baru, dan letakkan di bawah layer background, isi dengan warna putih. Klik layer “Background” dan set Opacity menjadi 30%. Ini akan membuat background menjadi lebih halus sehingga gambar wanita mempunyai kesan yang lebih kuat.

Finishing Touch

Sebagai finishing touch, tambahkan efek bayangan di tepian gambar sehingga background akan terlihat menjorok ke dalam, sedangkan gambar wanita tetap terlihat mengambang di atas background.

Buat layer baru di bawah gambar wanita, beri nama “Bayangan”. Pada layer ini Klik Brush Tool ( B ) kemudian set Master Diameter menjadi 121px ( cukup besar ) dan Hardness menjadi 0%. Lalu sapukan brush ke tepian bidang background. Selesai! Untuk kebutuhan web, klik ( File > Save for Web & Devices… ) lalu pilih format yang kamu inginkan.

Hasil Akhir

Hasilnya akan terlihat baik jika kamu menggunakan web dengan latar yang terang seperti blog ini. Kamu bisa mendownload file PSD-nya di bawah untuk dipelajari. Selamat mencoba!

Ukuran Avatar 100 x 100 px

Artukel Terkait

DesainQu menggunakan HostingTangguh.com

Tidak terasa sudah sekitar 6 bulan lamanya DesainQu menggunakan jasa HostingTangguh.com. Dan sampai sekarang, Desainqu masih puas dengan layanan yang diberikan host ini. Tidak hanya host bagi website-nya, domain DesainQu.com pun kami miliki dengan menggunakan jasa HostingTangguh.

Postingan pertama blog, DesainQu: Rebuild, memang dibuat pada tanggal 26 April 2010. Tapi blog yang kamu lihat ini sebenarnya sudah berumur kira-kira 6 bulan. DesainQu sempat kehilangan semua database-nya sehingga harus dibangun ulang.

Harga yang terjangkau

Ketika masih mengkonsep blog DesainQu, saya berpikir tentang memulai blog ini mulai dari sebuah blog kecil, oleh karena itu, kebutuhannya adalah blog dengan space yang kecil, yang akan berkembang mengkuti perkembangan blog DesainQu itu sendiri. Saya pun memilih service ID-Mini dengan fee sebesar Rp.10.000,- per bulan, ditambah dengan domain seharga Rp.89.000,-. Jadi, hanya dengan harga Rp.99.000,- saya membangun DesainQu.com. Bulan depan dan seterusnya, saya hanya perlu membayar Rp.10.000,-. Itu untuk layanan server dalam negeri IIX, karena target pasar DesainQu adalah mereka yang berdomisili di Indonesia. Terjangkau bukan?

Di bawah ID Mini, ada ID-Micro ( server IIX ) yang perbulannya hanya perlu membayar fee sebesar Rp.1.625,- Daripada menggunakan host gratisan yang tidak memiliki cpanel, atau koneksi server byar pet ( server sering bermasalah ), lebih baik menggunakan jasa HostingTangguh tentunya. Server US sudah pasti lebih murah. Buat kamu yang mempunya target pasar netter luar negeri, tentu akan menggunakan layanan ini.

DesainQu berencana upgrade

Dengan tuntutan kapasitas yang lebih besar, DesainQu mempunyai rencana untuk melakukan upgrade. Loyalitas DesainQu terhadap jasa HostingTangguh dikarenakan minimnya trouble pada server, sehingga kamu tidak mengalami masalah ketika mengakses DesainQu.com. Hal ini penting untuk menjaga loyalitas pengunjung DesainQu.

Apakah anda menggunakan jasa HostingTangguh juga? Atau mungkin ingin menggunakan jasa HostingTangguh untuk website anda? Punya pengalaman menarik dengan layanan host? Silahkan di-share di sini

Artukel Terkait

Kali ini DesainQu akan memberikan sebuah template/mockup T-Shirt yang bisa digunakan sebagai bahan presentasi hasil desainmu. Kamu bebas menggunakan mockup ini asal jangan dijual yaa .
Basic gambar T-shirt pada mockup ini diambil dari Blank T-Shirt – White 001 by ~djsoundwav di situs deviantart, yang diedit oleh DesainQu supaya lebih mudah menggunakannya.

Ada 3 file: Depan.psd; Belakang.psd; Doraemon pic.png ( 3.02 Mb )

Cara Menggunakannya

Buka file PSD-nya menggunakan Photoshop. Sebagai peraga, saya membuka file Depan.psd. Pada panel Layer, kamu akan menemukan layer-layer sebagai berikut:

• Background: Kamu bisa merubah background di sini. Untuk menghilangkan background klik “mata” di sebelah kiri layer.
• T-Shirt Dasar: Gambar basic T-shirt.
• Warna: Kamu bisa merubah warna T-shirt pada layer ini.
• Karya Kamu Di Sini: Letakkan karyamu pada layer ini.
• Mask: Mencegah gambar karyamu keluar dari bidang T-shirt.

Pasang Karyamu

Klik layer Karya Kamu Di Sini kemudian masukkan karyamu ( File > Place ). Sebagai peraga, saya menggunakan gambar Doraemon ( disertakan di dalam file yang kamu download ). Letakkan gambar pada posisi yang kamu inginkan, kemudian ubah opacity menjadi 65%.
Tips: Gunakan gambar yang beresolusi tinggi atau vektor.

Ubah Warna T-Shirt

Klik layer Warna, kemudian menuju panel Paths ( Window > Path ). Pada panel tersebut kamu akan menemukan layer work path. Klik kanan pada layer kemudian klik Fill Path. Ubah opsi pada ( content > use ) menjadi color. Kemudian akan terbuka dialog box untuk memilih warna. Di sini saya memilih warna biru #123dca kemudian klik OK dan T-Shirt akan berubah menajd warna biru tua. Bukan warna ini yang saya inginkan, oleh karena itu, ubah opacity menjadi 36% dan muncullah warna biru muda.
Tips: Ubah opacity untuk bermain-main dengan warna

Masking

Untuk membatasi bidang gambar agar tidak keluar dari bidang T-shirtnya kita lakukan masking. Klik kotak hitam mask ( bukan layer Mask, perhatikan lingkaran pada gambar di bawah ), lalu drag ke layer karyamu. Voila! Karyamu sudah masuk ke dalam bidang T-shirt.
Tips: Jika kurang puas dengan penempatan gambar; pastikan tanda rantai pada layer dihilangkan, caranya dengan mengklik rantai tersebut. Lalu klik kotak gambar karyamu pada layer ( bukan layer atau kotak mask-nya ), geser gambar sampai kamu merasa cocok.

Artukel Terkait

Ketika Starbucks mulai membuka gerainya di Indonesia, saya melihat munculnya gairah untuk membuka gerai-gerai kopi dengan konsep seperti Starbucks. Lebih lanjut, diteruskan dengan munculnya blogger-blogger yang membuat blog tentang kopi. Apakah kamu termasuk di dalamnya?

DesainQu memberikan inspirasi berupa 20 logo yang cocok untuk sebuah gerai kopi. Untuk logo blog-tentang kopi-mu pun bisa ( urutan tidak berdasarkan apapun ).

Pleasures

Coffee Cup

Kawa4ay

Cafe-Cafe

El Coche Caffe

Cafe Selecto

Get Wired

Just Coffee

Cafe Loco

Java Kiss

Cocos Cafe

CoffeePod

Atlantis Cafe

Cafe Royale

Caffe Cottage

Cup from Above

River City Gift Co.

Coffeescape

Java Jungle

Pick a Cup

Semoga menginspirasi

Artukel Terkait

Mordy Golding adalah product manager pada Adobe Illustrator. Selain itu ia juga seorang penulis dan instruktur. Tulisan-tulisannya lebih banyak tentang hal-hal yang berkaitan dengan Adobe Illustrator. Salah satu bukunya yang terkenal adalah Real World Illustrator, isinya tentang tehnik dan trik menggunakan Adobe Illustrator.

Selain itu, ia juga bisa dijumpai pada tutorial-tutorial yang berkaitan dengan Adobe Illustrator di Lynda.com, seperti: Illustrator Essential, Illustrator Beyond the Basics, dan Illustrator for the Web. Di dunia web, Mordy dapat dijumpai di Mordy.com dan aktif menulis blognya, Real World Illustrator.

Mordy mengadakan suatu sesi rutin mingguan ( setiap Jumat ) yang diberi nama “Friday with Mordy”. Biasanya sih hari Sabtu jam 1 dini hari waktu Indonesia ( Jumat 02.00 PM waktu Eastern US ).

Apa yang menarik dari Friday with Mordy?

Belajar langsung dari sang guru, live dan gratis pula! Dalam sesi selama kurang lebih 1,5 jam tersebut, Mordy akan memberikan tutorial-tutorial Adobe Illustrator yang dikemas dalam bentuk diskusi. Jadi, setiap minggu ia akan memberikan satu topik, dan audiens berhak bertanya dan berdiskusi tentang segala hal yang berkaitan dengan topik tersebut. Mordy akan memberikan penjelasan secara lisan dan melalui alat peraga ( Adobe Illustrator ), serasa ada di ruang kuliah dengan Mordy sebagai dosennya.

pic: preview Friday with Mordy

Jika kamu tidak ingin ketinggalan, kamu bisa follow Mordy Golding di twitter. Biasanya Mordy akan memberikan announcement tentang sesi ini melalui akun twitternya.

Terlalu malam, recorded ngga?

Ya, Mordy merekam semua sesi tersebut. Jadi, kalau kamu tidak bisa mengikuti sesinya, kamu bisa melihat versi rekamannya di rwillustrator.com – Friday with Mordy. Tapi yang pasti kamu akan ketinggalan momen berdiskusi langsung dengan sang guru .

Sampai ketemu di sana yah!

Artukel Terkait

Pada tutorial kali ini, kita akan menghilangkan background dengan menggunakan Magic Eraser Tool. Syaratnya, selain backgroundnya rata, warna obyek yang akan diekstrak juga harus kontras dengan warna backgroundnya. Contohnya seperti gambar di bawah ini.

Caranya gampang kok. Pertama buka gambar tersebut di Photoshop ( saya menggunakan Photoshop CS4 sebagai peraga ) lalu gunakan Magic Eraser Tool ( klik tahan Eraser Tool sampai muncul drop down menu, lihat gambar di bawah ).

Dengan menggunakan Magic Eraser Tool, klik background yang berwarna abu-abu. Dan backgroundnya pun hilang.

Mudah bukan? Jika kamu ingin menyimpannya, simpan dalam format yang mendukung transparansi seperti .png atau .gif.
Tunggu bagian-bagian selanjutnya ya

Artukel Terkait

Di dalam panel Pathfinder ( Window > Pathfinder ) ada beberapa tool yang amat membantu kita dalam membuat suatu obyek. Tool-tool ini membantu kita mengerjakan pekerjaan-pekerjaan yang sulit dilakukan dengan pen tool atau memakan waktu yang lama. Kali ini DesainQu akan menjelaskan beberapa tool yang terdapat di dalam panel Pathfinder, di bagian Shape Mode. Tool-tool itu adalah Add, Minus Front, Intersect dan Exclude.

Add

Minus Front

Intersect

Exclude

Selamat mencoba

Artukel Terkait