Rabu, 29 Agustus 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Membuat Custom Lettering di Illustrator

Posted: 28 Aug 2012 09:50 AM PDT

Di tutorial kali ini, saya akan coba berbagi proses pembuatan custom lettering di Adobe Illustrator. Custom lettering/hand lettering adalah pembuatan karya tipografi dengan menggunakan sketsa atau hand drawing. Custom lettering dapat digunakan dalam banyak hal, baik itu logo, t-shirt design, poster, dan karya-karya lainnya. Sekarang langsung saja kita masuk kedalam tutorialnya.





Step 1
Proses dimulai dengan sketsa. Saya terbiasa membuat sketsa kasar untuk membentuk anatomi huruf yang saya inginkan. Proses sketsa tiap-tiap orang bisa berbeda, tergantung kepada kenyamanan dan kebiasaan masing-masing.



Step 2
Selanjutnya, saya mulai memberi outline hasil sketsa pensil tadi seperti gambar dibawah.



Step 3
Scan atau foto hasil sketsa, masukkan kedalam Adobe Illustrator.



Step 4
Selanjutnya saya buka layer palette di Illustrator. Double click pada Layer 1 maka akan muncul layer options. Conteng pada bagian template, kemudian isi kolom dim image to menjadi 30 %, jika sudah klik Ok.



Step 5
Layer tadi sudah kita fungsikan sebagai template. Selanjutnya, kita akan membuat layer baru dimana proses tracing hasil sketsa akan kita lakukan disana.



Step 6
Saya mulai melakukan tracing menggunakan Pen tool (p). Jika kamu belum terbiasa dengan Pen tool, kamu bisa membaca panduan lengkap menggunakan Pen tool disini.





Step 7
Setelah melakukan tracing, saya mulai memperbaiki huruf satu persatu. Perbaikan saya lakukan seperti pada ketebalan, kerning, tinggi huruf, dll. Disini prosesnya lebih kepada memperbaiki bentuk dan bagaimana membuat semua huruf menjadi satu kesatuan.





Step 8
Jika sudah, seleksi semua huruf lalu klik Unite di pathfinder palette (lihat gambar dibawah).



Step 9
Sekarang ubah warna huruf menjadi abu-abu. Kemudian buka Appearance palette lalu klik pada list icon dibagian sudut kanan atas dan pilih Add New Fill.



Step 10
Tarik fill (warna hitam) yang baru saja ditambahkan tepat dibawah content.



Step 11
Pastikan fill hitam dalam keadaan terseleksi, kemudian pilih Effect > Path > Offset Path. Isi kolom-kolom pada offset path seperti gambar dibawah dan klik ok jika sudah selesai.



Step 12
Klik kanan pada objek lettering lalu pilih ungroup. Kemudian seleksi bagian berwarna hitam lalu klik Unite pada pathfinder palette.



Step 13
Klik kanan pada background lettering berwarna hitam lalu klik Release Compound Path. Kemudian Klik Unite sekali lagi pada pathfinder palette.



Step 14
Hasil pembuatan offset path tadi masih belum sempurna, saya memperbaiki beberapa bagian yang kurang menarik seperti terlihat pada gambar dibawah.




Step 15
Saya membuat kopian background berwarna hitam tadi dengan menariknya sedikit kebawah sambil menahan tombol Alt. Dan untuk memberi kesan dimensional pada artwork ini, saya memperbaiki beberapa bagian dan menambahkan beberapa shape baru. Jika sudah, seleksi semua objek berwarna hitam lalu klik Unite pada pathfinder palette.





Hasil Akhir

Berikut adalah hasil akhir dari tutorial Illustrator kali ini, mudah-mudahan ada manfaatnya. Buat yang jago gambar pasti bisa membuat custom lettering yang lebih menarik dari ini. Buat yang belum jago (seperti saya), semakin sering berlatih semakin baik. Semoga bermanfaat! :)








Tentang Penulis
Ajir — Desainer grafis, blogger, juga pecandu kopi. Terobsesi dengan segala sesuatu terkait komunikasi visual. Bercita-cita ingin menjadi guru SD sebuah sekolah di pelosok desa yang jauh dari keramaian.
email : ajir86[at]gmail.com | twitter : @desain_studio | all post by Ajir

Selasa, 28 Agustus 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 14 Agustus 2012

Posted: 27 Aug 2012 10:53 PM PDT

Ini merupakan artikel mingguan di Desain Studio, berisi kompilasi link menarik di jagat internet setiap harinya. Dimaksudkan sebagai wadah untuk mengikuti perkembangan yang terjadi di dunia desain grafis dan seni visual, Mulai dari tutorial, inspirasi, tips, informasi, serta artikel sebagai sarana pembelajaran dan pengembangan diri agar menjadi lebih baik. Selamat membaca, semoga bermanfaat!





1) 30 Very Useful Illustrator CS6 Tutorials


Sudah ada yang pakai Adobe Illustrator CS6? Beberapa fitur terbaru di CS6 merupakan terobosan yang menarik dari Adobe untuk memberi kemudahan bagi para pengguna Illustrator. Berikut adalah beberapa tutorial Illustrator CS6 yang bisa kamu pelajari.


2) How to Create a Rainy Window Vector Background


Di tutorial Illustrator ini, kamu akan mempelajari banyak tehnik. Diantaranya adalah gradient mesh, blend mode, gradient tool, bahkan sampai warp effect. Tehnik-tehnik tersebut akan sangat bermanfaat bagi kamu dalam berkarya.


3) Top 15 Phrases Graphic Designers Hate to Hear


Bagi (kebanyakan) masyarakat awam, desain grafis masih dipandang sebagai hobi yang jasanya bisa dibayar kecil atau bahkan gratis. Cara pandang seperti ini tidak sepenuhnya salah, butuh edukasi dan sosialisasi terus menerus agar profesi desainer grafis diakui dan dipandang "layak". Sebagai hiburan, berikut adalah beberapa "omong kosong" yang sering kita dengar dari klien kepada desainer grafis.


4) Stunning Cosplay Photography Collection


Cosplay atau costume play adalah salah satu genre fotografi yang menggabungkan karakter-karakter fiksi dalam film, cerita atau komik kedalam sebuah karya fotografi yang menarik. Cosplay saat ini berkembang di Jepang oleh para penggemar Manga. Berikut adalah beberapa karya Cosplay Photography yang sangat menakjubkan dan inspiratif untuk dinikmati.


5) Inspirasi Desain Logo Bergaya Retro


Ada banyak sekali tren yang berkembang dalam desain logo, salah satunya adalah tren retro. Logo bergaya retro memberi kesan klasik dan unik, seperti mengajak audiens untuk bernostalgia kepada kenangan lama. Berikut adalah beberapa karya logo bergaya retro yang sangat inspiratif.






Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Rabu, 15 Agustus 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Case Study : Logo Sabang

Posted: 14 Aug 2012 02:39 PM PDT

Sabang merupakan kota kepulauan (Pulau Weh) yang terletak diwilayah paling utara Indonesia. Pulau Weh, Sabang menawarkan panorama alam yang eksotif nan indah. Pulau ini menjadi daya tarik tersendiri sebagai tujuan wisata bagi turis mancanegara selama beberapa tahun terakhir. Saya kemudian tertarik untuk merancang logo Sabang dan mempresentasikan case studynya diartikel ini. Rancangan ini merupakan personal project, tidak ada kaitannya dengan lembaga manapun, termasuk pemerintah kota Sabang. Kamu juga bisa mendownload logo sabang ini dalam format AI (Illustrator) dan Vector (EPS), semoga bermanfaat!



Sketsa dan Konsep

Saya memulai proses perancangan logo dengan membuat beberapa alternatif sketsa pada kertas. Kemudian saya memilih salah satu untuk didigitalisasi menggunakan Adobe Illustrator. Konsep yang saya angkat sederhana, yaitu menggabungkan dua simbol ikan lumba-lumba membentuk huruf "S" yang merupakan inisial dari nama 'Sabang'.

Lumba-lumba merupakan binatang laut yang merepresentasikan sifat ramah dan bersahabat, ikon ini saya pikir bisa diangkat untuk mewakili masyarakat sabang yang sangat ramah, seperti masyarakat Indonesia pada umumnya. Lumba-lumba saya visualisasikan dalam bentuk negative space, di mana pada positive spacenya saya buat bentuk objek abstrak dari genangan air yang mewakili laut dan panorama alam. Bentuk penggabungan keduanya menjadi huruf "S" sebagai inisial dari nama Sabang.





Konversi

Selanjutnya saya mentransfer hasil sketsa kedalam format vector melalui proses konversi. Disini saya juga mencari beberapa gambar lumba-lumba sebagai referensi agar logo nantinya dapat dipersepsikan sesuai harapan. Saya juga memilih typeface yang dirasa sesuai dan mewakili eksotisme Sabang sebagai kota tujuan pariwisata.







Aplikasi

Berikut adalah beberapa contoh aplikasi logo Sabang kedalam beberapa media seperti t-shirt, dsb.






Download Logo Sabang
format AI dan EPS


Silahkan share pendapat kamu melalui logo sabang ini dikolom komentar. Kritik dan saran dari teman-teman sangat diharapkan agar saya terus berproses mengembangkan diri menjadi lebih baik. :)




Tentang Penulis
Ajir — Desainer grafis, blogger, juga pecandu kopi. Terobsesi dengan segala sesuatu terkait komunikasi visual. Bercita-cita ingin menjadi guru SD sebuah sekolah di pelosok desa yang jauh dari keramaian.
email : ajir86[at]gmail.com | twitter : @desain_studio | all post by Ajir

This posting includes an audio/video/photo media file: Download Now