Tutorial Photoshop Mascot design - Part I (ink)Tutorial Photoshop Mascot design – Part I (ink)

Salam narsis..

Seperti yang sudah pernah saya janjin yaitu tutorial photoshop, kali ini saya akan memberikan sedikit ilmu tentang menggambar, untuk kali ini aku akan membuat sebuah design maskot
sebelumnya maskot adalah sebuah icon tertentu dari sebuah perusahaan atau pun organisasi yang berbentuk macam-macam namun biasanya sebuah benda , hewan, tumbuhan yang di design seakan-akan seperti manusia.
mascot hampir sama kegunaanya dengan logo yaitu sebuah jati diri dimana jika orang lain melihat akan langsung tau kalo ini mascot si A ini mascot si B.
sebagai seorang blogger kita juga tidak mau kalah donk, oleh karena itu untuk lebih men"terkenal"kan blog kita kepada orang lain apa salahnya kita membuat maskot untuk web/blog kita sendiri. karena dengan adanya mascot orang lebih mengenal dan mengingat blog kita.
nah untuk langkah pertama tentu saja kita coret-coret dulu designnya di kertas. Gak perlu takut bagi yang gak pede dengan gambarnya, design mascot tidak ada batasnya jadi mau dibuat gimanapun juga gak masalah yang penting menarik.
di sini aku men"skets" denga bentuk yang sangat mudah yaitu gambar petak/kotak dan di tambah beberapa tambahan seperti mata, kaki, dan tangan.
gak lama kok cuma sebentar ini juga aku lakukan waktu lagi kuliah, sst.. janga bilang dosen ku ya..

nah ini dia yang aku "sketsa"...

pasti semua juga bisa gambar seperti itu..
nah tugas kita kali ini adalah men"trase" skets tersebut atau menggambar ulang gambar tersebut di komputer, untuk kali ini aku tetap menggunakan software kebanggaan kita semua yaitu photoshop..
langkah yang harus dilakukan adalah buka gambar tersebut di photoshop, setelah gambar tersebut ada di photoshop, kita harus memeriksa dulu area kerja kita , klik image>image size..
perhatikan resolusinya, ubah menjadi 300..
nah baru kita memulai langkah berikutnya..
buat layer baru, dengan cara tekan "shift+Ctrl+N"
di layer baru, pilih tools pen.. atau di key bord tekan huruf "P", masih ingat kan cara penggunaanya, jika tidak klik disini..
nah sekarang ikuti seperti di gambar ya.

ingat harus ditutup garis pen tool nya setelah itu lakukan hal yang sama seperti di atas namun sekarang di bagian dalam kotak..
perhatikan gambar lagi..

jika telah selesai, masih pada tool pen dan layer 1 , klik kanan>fill path..
akan muncul box, perhatikan "use" berisi foreground color.
sebelumnya pada foreground color di photoshop kita ubah warna hitam..

kembali pada topix muncul box tadi, setelah memperhatikan foregroundnya, klik ok dan perhatikan gambar..

klik "enter", untuk menghilangkan garis pen tool nya.
Bagaimana? setelah melihat gambar, mengertikan maksud saya?? yup betul kita membuat gambar baru di layer baru. lakukan hal yang sama sampai kita selesai menggambar ulang skets yang kita scan tadi di photoshop.
cara men"tinta" atau men "ink" ini digunakan untuk kerapian, karena kita ingin membuat design yang bagus berarti kita harus membuatnya serapi mungkin, mungkin agak susah namun tidak masalah karena hasilnya di jamin akan bagus nantinya.
sebelumnya aku juga akan memberikan sekali lagi cara yang sama seperti di atas namun ini untuk membuat garis yang melengkung.
kalo diatas tadi kan tidak melengkung..
untuk lebih jelas lagi perhatikan gambar berikut..

seperti yang kita lakukan tadi namun sekarang di lakukan di kaki si mascot, tapi jangan di isi foregroundnya dulu..
pilih tool direct selection tool atau ketik A di keyboard. setelah itu klik garis pen tool antara sudut yang ingin di lengkungkan. untuk lebih jelasnya perhatikan gambar di bawah ini.

klik kanan pilih add anchor point untuk membuat titik baru.. tarik titik itu ke bawah ikutin bentuk gambar sketsa. Nah untuk menyesuaikannya tinggal tarik garis lengkungnya seperti gambar di bawah ini.

sudah mengerti kan maksud saya?? nah lakukan hal yang sama untuk membuat garis lengkung lainnya, kira-kira seperti ini.

setelah itu baru kita isi dengan warna hitam seperti langkah yang tadi, jadinya begini..

perhatikan ada garis yang putus

nah garis yang putus ini di sambung dengan cara yang sama, jadinya seperti ini..

nah dah tau kan sekarang gimana caranya?? ya dah lanjut terus..
untuk tangan dan kaki cukup buat satu saja ntar tinggal di copy, caranya, gunakan lasso tool atau tekan huruf L, select area kaki, lihat gambar.

terus pilih move tool atau ketik (V), copy kaki tersebut dengan mengarahkan cursor kekaki dan tarik kesamping, sebelumnya tahan "alt" pada keyboard, baru di tarik..

pindahkan kekaki sebelahya, masih dalam keadaan terseleksi, klik menu edit>transform>flip horizontal. Lalu sesuaikan dengan sketsa, setelah itu tekan ctrl+D untuk menghilangkan seleksi..
kira-kira seperti ini jadinya. Lihat gambar.

lakukan hal yang sama pada tangan dan mata, dari pada buat satu-satu kan lama hehe..
ingat semuanya dikerjakan di layer 1 ya, cukup 1 layer aja, kalo mau berapa layer bisa juga tapi ntar di flatten.tapi tidak di flatten dengan backgroundnya. Hal ini dilakukan untuk memudahkan kita pada saat pewarnaan.
nah tinggal kita lanjutkan kerjaan kita , ikut petunjuk yang telah diberikan untuk menggmbar ulang gambar mascot kita tadi di photoshop.
akhirnya selesai juga , ini dia isi layer 1 setelah layer background di tutup..

gimana hasilnya lumayan rapi kan??
oh iya jangan lupa setiap langkah di save, sayangkan tiba-tiba mati lampu padahal sudah jauh.( pengalaman pribadi nih hehehe)
nah sekarang kita memiliki mascot yang telah di tinta..

tugas kita sekarang adalah mewarnainya, mau tau caranya, tunggu tutorial photoshop berikutnya ya.
akhirnya selesai juga tutorial photoshop bagian 1 ini, semoga tutorial photoshop kali ini bermanfaat, jangan lupa komentarnya ya..
salam narsis
Bila ingin mengetahui update terbaru dari zonanarsis.com ini, kalian bisa mengikutinya di RSS, atau bergabung di FB, dan follow Twitter ZonaNarsis.com!!
Jangan lupa sharing juga sama-sama teman-teman FB, dan Twitter kamu dengan mengklik icon gambar di bawah

Posted in , . Bookmark the permalink. RSS feed for this post.

Search

Swedish Greys - a WordPress theme from Nordic Themepark. Converted by LiteThemes.com.