October 23, 2009 at 3:16 pm
· Filed under Uncategorized, design macam-macam, tutorials
Salam Narsis buat semua teman-teman yang telah mengunjungi webblog ini..

Maap sebenarnya kemarin saya dah mau poting kelanjutan bagian ke duanya, namun ngenet lemot kemarin, jadinya dengan kecewa saya tak bisa posting kemarin. ( sungguh saya gak bohong emang beneran lemot kok..)
Nah sekarang ngenet nya lagi gak lemot (moga-moga aja ya). Aku mau posting lanjutan dari postingan yang lalu yaitu, Design Mascot bag I (ink) bagi yang belum liat silahkan-silahkan di baca lagi post-post saya, atau mau cepat klik link ini aja, biar langsung..
Nah untuk lanjutan yang ini, aku juga akan beri sedetail mungkin agar kalian-kalian juga bisa ikutin,
Buka gambar yang lalu kedalam photoshop..
tarra..

Di sini layer cuma ada dua yaitu layer satu dan background, buang layer background caranya buang ke tong sampah dengan mendrag layer tersebut ke tong sampah
caranya pernah aku jelasin di tutorial ini atau dengan cara pada layer background klik 2 kali atau doble klik terus akan keluar box, nah klik ok untuk menjadikan layernya jadi layer 0, baru ke menu layer di bar menu pilih delete>layer untuk menghilangkan layernya.
Nah sekarang buat layer baru, seperti cara kemarin masih ingat kan?? jika nggak silahkan di baca lagi tutorial yang lalu, hehehe..
Layer ini kita jadikan layer background kita, yaitu jadikan warna putih. caranya, pilih tools paint bucket tools atau ketik G pada keyboard, nah foregroundnya seting dulu jadiin warna putih, baru tuang di layer 2, ingat di layer 2 jangan di layer 1, untuk layer 1 sekarang pilih gambar gembok
gunanya untuk mengunci layer tersebut agar tidak terjadi hal-hal yang merugikan kita hehe..
Oh iya sebelumnya posisi layer 2 di bawah layer 1, layer 1 paling atas..
Sekarang buat layer baru, yaitu layer 3, posisikan layer 3 ini diantara layer 1 dan layer 2, alias di tengah-tengah antara kedua layer.
Sekarang baru kita mewarnai, ingat area kerja kita sekarang ada di layer 3.. oke seperti biasa pilih tools kesukaan kita semua yaitu pen tools.. tau kan yang mana??
Sebelumnya ubah dulu warna foregroundnya untuk tubuh si mascot sesuai keingingan caranya ada di tutorial yang lalu, di sini aku menggunakan warna orange , biar cerah. nah sekarang baru mulai, pada pen tools, ikuti garis kotak, liat gambar..

Seperti posting kemarin juga klik kanan pilih fill path > ok.

Untuk tangan dan kaki biar maching aku pilih warna orange tua, dan untuk lengan aku isi dengan orange yang lebih muda dari badan si mascot dan jangan lupa lidahnya di isi warna merah. lakukan seperti langkah warnain badan, hasilnya akan seperti ini..

Ingat setiap warna di buat berbeda layer jadi tinggal buat layer untuk tiap warna, jangan di gabung layernya ini untuk membuat kerjaan lebih teratur dan lebih mudah bagi kita nantinya.
Nah mudah kan mewarnainya?? gak lama kan?? sungguh cepat, karena apa??? karena dah tau caranya hehehe,
Tapi kerjaan belum selesai sampai di sini, kita masih melanjutkan melakukan pewarnaannya. Kita akan membuat lebih keren lagi , caranya kita tambahkan bayangan pada mascot, dengan adanya bayangan, mascot lebih terlihat real.
Namun sebelumnya tentukan dahulu arah cahaya datang, bukan kah bayangan timbul karena ada cahaya?? jadi di tentukan dahulu ya, di sini aku mengambil arah cahaya datang dari sudut kanan gambar.. berarti sebelah kiri kita buat bayangannya..
Sampai di sini, ada pertanyaan? ( halah seperti dosen aja hehehe)
Setelah di lihat-lihat ternyata di menu layer banyak sekali layernya? Biar gak pusing nih, sebelumnya tiap layer di kasih nama aja , jangan layer 1,2,3 dst.., bisa ribet ntar ( yang jelasin juga bingung nih hehehe).
Ganti semua nama layer jadi seperti ini, jadiin badan, tangan, kaki, lidah, lengan atau bisa juga dengan nama warna sesuai warna yang kita buat tadi untuk masing-masing bagian tubuh, cara mengubah namanya adalah dengan cara double klik tulisan layernya pada menu layer, misalnya layer 3, double klik baru ubah namanya, double kliknya di tulisan layer 3 ya.
Aku di sini mengubah memakai yang pertama yaitu sesuai nama bukan warna, maksudnya pada layer yang ada badannya aku buat badan, dst.
Langkah selanjutnya adalah memberi bayangan pada badan caranay dengan membuat layer baru, posisikan layer tersebut di atas layer badan..beri nama layer ini bayangan badan
Pada layer ini gunakan lagi pen tool kita untuk membentuk bayangan liat gambar..

setelah itu seting foregroundnya. foregroundnya di isi dengan warna agak gelap dari warna badan.. liat gambar lagi..

Nah dah ngerti kan?? tinggal buat seperti badan tadi di tangan lengan dan kaki, di mana setiap layer bayangan yang baru diletakkan posisinya di atas layer yang sesuai misal mau buat bayangan kaki dan tangan, buat layer baru bayangan kaki & tangan, letakkan di atas layer kaki dan tangan, gitu maksudnya.. ngerti kan?? ya harus donk..
nah kira-kira ntar jadinya seperti ini kalo udah di kasih bayangan tiap anggota tubuh..

Gimana keren kan?? hehe.. nah sekarang baru buat bayangan si mascot..
Buat layer baru beri nama bayangan si mascot, letakkan layer baru ini di atas layer putih yang paling bawah tadi, buat bayangan sesuai imajinasi kita, yang tentu aja sesuai dengan arah cahaya datang.

nah hasil akhirnya kira-kira seperti ini..

Gimana menurut kalian?? cukup menarik kan?? iya kan?? hehe ( gak maksa kok)
Pewarnaan kali ini pewarnaan yang cukup sederhana , pemula pasti bisa, ntar kalo dah sering latihan, akan makin cepat dan pemilihan warna juga pemilihan bentuk bayangan akan lebih bagus lagi.
InsyAllah di lain kali aku akan memberikan tutorial teknik pewarnaan lainnya yang tentu saja lebih menarik lagi.
Nah jika dah selesai langsung di save ya, jangan di kagumi dulu di save dulu baru di kagumi gambarnya hehehe, layer yang di kunci tadi sudah bisa dibuka.
Jika sudah selesai tinggal kita gunakan semau kita untuk macam-macam salah satunya di masukkan ke banner kita.. seperti ini :

atau seperti ini :

Pasti banner kita lebih menarik lagi untuk orang klik, iya kan??
Nah akhirnya selesai juga nih tutorial pewarnaanya, gimana menurut kalian?? semoga bermanfaat ya.. jika ada yang gak ngerti dengan maksud saya pada tutorial ini, silahkan bertanya aja gak apapa kok.. insyaallah pasti di jawab. amin..
Nah segini dulu ya, ntar tunggu postingan saya lainnya..
Mau tidur nih dah ngantuk..
Bye..
Salam narsis
Permalink
gila gambarnya detail and rapi banget, itu kerjaan sendiri?…
Aisha wrote @ October 23rd, 2009 at 4:09 pm
yub,manarik banget bro.Thanks sharingnya.Insyallah nanti saya pelajari.
mantaph bg martop!!!
warnanya jreEENg..eye catching gitu..! tros maskotnya unik! mantap abis dah pokoknya!
emg bang martop seng ada lawan!!
TRIMATRA wrote @ October 23rd, 2009 at 6:33 pm
saya coba yachhh…, Thanks tutornya
Cepi wrote @ October 23rd, 2009 at 6:46 pm
Aku sekarang2 ini juga lagi belajar photoshop gan!! mampir2 ke blogku dan komen yah… ditunggu kritik dan sarannya http://kacamatacepi.blogspot.com/
Amink wrote @ October 23rd, 2009 at 10:55 pm
Blogwalking… Nice post
salam kenal…
Dinoe wrote @ October 23rd, 2009 at 11:06 pm
Wah..keren sob..salut utk sobat akan kreatifitas dalam desain gambar….
minanube wrote @ October 24th, 2009 at 12:03 am
Keren sob, tekniknya okeh banget boleh nih diajarin he5x….
Nyubi wrote @ October 24th, 2009 at 1:32 am
mantab sobat
ditunggu part III nya
Dina wrote @ October 24th, 2009 at 3:59 am
Mantabb !!!
keren sob
kapan yaks saya bisa belajar potoshop
di warnet gada potoshop na nie hiks
Wah mantap nih… dilengkapi dg ilustrasi yg detil..!!
Makasih dah bagi-2 ilmu ya…
wiiii pake sotoshop ya?
kenapa ga pake ilustrator aja bang?
salam knal yak
ian wrote @ October 24th, 2009 at 2:08 pm
salam narsis semuanya..
@aneka tips : ya iya lah mas saya sendiri buat ( narsis ).. yang seperti ini cukup sendiri kok..
@aisha : ya sama-sama mbak, maksh juga dah berkunjung di tempat saya..
@marco : ya ya ya y marco luar biasa hehhe..
@trimatra: ya sama2 , silahkan di coba, jika bingung silahkan tanya aja InsyAllah saya jelasin..
@cepi : yup selamat belajar photoshop, kartunis ya?? keren gambarnya..
@amink: yup salam kenal juga ( wow ada artis koment tempat aku.. eh ini amink yang itu bukan ya??)
@dinoe: duh makasih2, sama-sama mas..
@minanube : lah ini kan di ajarin, tinggal di ikuti aja, salam kenal ya..
@nyubi : untuk tutorial ini ampe part II aja, ntar lain lagi tutornya.. maksih ya dah coment..
@dina : pake “p” mbak bukan “b” hehehe, maksih ya..
@ eros : asal ada kemauan pasti bisa, saya juga gak ahli-ahli x kok, masih perlu belajar banyak.
@reni judhanto : ya sama-sama terima kasih dah berkunjung..
@helga gaga: yup pake photoshop, ilustrasi saya juga pake, ntar ke depan mungkin ada tutorial ilustrator juga, pada dasarnya ilustrator ama photoshop kan berbeda.. ya saya cuma membuktikan memakia photoshop juga bisa membuat mascot, kan biasanya gambar seperti ini di buat di format vektor, seperti ilustrator dan corel.. maksh ya dah berkunjung..
Dinoe wrote @ October 25th, 2009 at 1:27 am
Sangat lengkap dan detail..makasih ilmunya…
andtheree wrote @ October 25th, 2009 at 2:51 am
Keren lah teknik pewarnaannya..
bener kata yang laen.. detail nya keren..
bisa langsung di coba lah..
salam kenal..
makasih…3x…izin sedot infonya ya…lagi belajar gambar2 niy. ceritanya pengen buat buku anak
ian wrote @ October 25th, 2009 at 5:23 am
@Dinoe : yup sama-sama, semoga bermanfaat.
@and three : terima kasih, teknik pewarnaan ini cukup sederhana jadi bisa di coba siapa aja.. salam kenal juga..
@ mbak desri : yup silahkan mbak, wah seru tuh ntar bukunya..semoga sukses mbak, artikel2 tempat mbak bagus2..
antokoe wrote @ October 25th, 2009 at 7:34 am
top tenan tutorialnya dan logonya, jadi ngiler…
tarqy wrote @ October 25th, 2009 at 7:35 am
manteb bos…, lanjutkan
storykoe wrote @ October 25th, 2009 at 7:46 am
punya ide gak buat logo blog-ku yang culun…
keren2 euy ………………………………
designy bgus
wah keren mas
jadi banner mantap dah
buka order banner yak
kok sekilas saya jadi inget ama kue kering yang rasa keju ntu yah
ian wrote @ October 25th, 2009 at 3:28 pm
@ waduh mas itu bukan makanan kok bisa ngiler hehehe..
@Tarqi : thanks u..
@storyqoe : wah mas blognya mantep. logonya logo web saya aja.. (hehehe maunya..”)
@afwan : terima kasih..
@belajar blog : wah mas hehe makasih, soal order lagi dipikirin nih hehehe.
@toy: walah kok malah ingat makanan lagi nih, hehe
dr.emi wrote @ October 25th, 2009 at 3:43 pm
gue juga mau ikutan narsis disini ah
ian wrote @ October 25th, 2009 at 4:02 pm
@ dr.emi : wadoh, sang master teryata, terima kasih mas dah mau berkunjung disini, terima kasih-terima kasih!!
Zippy wrote @ October 25th, 2009 at 4:21 pm
Hikz..kalo gue mah lom bisa buat gambar sebagus dan sedetail punya lo itu bro…
Hmmm, keren banget jadinya…
Ane juga mw tuh kalo ada yang mw buatin mascot blog ane, wkwkwkwkw…
artikel anda sudah masuk dalam CLF kami….. terima kasih
keren banget neh, pengen juga bisa kaya kamu bro, and salam kenal aja dari saya ya, kalo ada waktu mampir dong ke berita unik terimakasih
Ibe wrote @ October 26th, 2009 at 10:59 am
ayaya…
bagus ian…
mudah2an sukse sitenya!
keep creative bro!
jaloee wrote @ October 26th, 2009 at 11:42 am
sip.. jaga postingan-nya gan.. ane yakin bakalan heboh neh blog..
mmmm.. thank atas kunjuganya
ian wrote @ October 26th, 2009 at 12:43 pm
@ zippy: bukannya dah ada tuh mascotnya tempat lo!! burung ntu..
@ coretan asal : yup sama-sama, terima kasih..
@ Berita unik : ya salam kenal juga buat berita unik, yup pasti dikunjungi kok..
@ ibe : iya terima kasih be dah mengunjungi blog ini..
@ jaloe : terima kasih dukunganya, sama-sama terima kasih juga dah mau berkunjung..
wah boleh juga, kebetulan saya sedang belajar menggambar 
Salam kenal juga Mas.Trims sudah berkunjung.
Well, cuma satu kata buat blog ini… “Muantap..”
Ternyata bener2 pakar nih untuk olah foto dan grafis, jadi tambah lagi sumber untuk saya belajar. Salam…
nearie wrote @ October 26th, 2009 at 4:55 pm
Blognya keren & unik..lam kenal sobat
phonank wrote @ October 26th, 2009 at 7:13 pm
wadooh…
sudah lama tak memainkan photoshop niy..
jadi rada kaku2 gtu,,
gak kayaki anda,, pasti hobi sangat yah..
buktinya hasilnya bagus2..
saya sih klo lagi bete bnykpikiran dan lagi iseng,, baru deh tuh menuju singgasana photoshop,hehhehe
Mantap…Memang Bang Narsis oke neh dalam hal ini.
Lanjutkan!
wah keren euy, apalagi kalau ada efek glownya..mengkilap seperti kaca itu makin yahuuuud
desti wrote @ October 27th, 2009 at 8:33 am
wah..bagus nih blognya..rame bgt yg komentar… hehehe…
visit me back ya…
request niy…kalaw bisa and semped…Ian bikin artikel tentang gambar macam2 ekspresi wajah dunk….!
ian wrote @ October 27th, 2009 at 11:35 am
@arkasala : sama-sama mas terima kasih juga dah mau berkunjung ke zonanarsis
@bloger ingusan : terima kasih uuntuk mas, semoga bermanfaat.
@neari : lam kenal juga sobat!!
@phonank : ya lumayan hobi lah hehehe, saya juga kerja di design grafis jadi mau gak mau ya selalu terupdate, padahal saya kuliah di T.Sipil. ya tak apa lah dari hoby jadi kerjaan..
@kang yudiono : terima kasih mas. yup lanjutkan hehe.
@potter.web.ID : untuk pewarnaan kali ini di buat sederhana aja , ntar kedepan pelan-pelan agk di tambah efek-efek yang keren.. hehe.. terima kasih dah berkunjung..
@Desti: ya terima kasih semua yang sudah berkomentar, terima kasih juga buat desti yang dah mau berkomentar..
@ Desri susilawani : akan di pertimbangkan mbak, dan pati akan di bikin artikelnya tunggu aja ya..
Hmm…
alus banget…
keik keju…mirip banget
luar biasa…
jadi pengen belajar, cuman masih cari dukun yang tepat
btw kalo vektor ntu apa yah
ian wrote @ October 27th, 2009 at 2:20 pm
@ financial adviser : pasti mas liatnya waktu laparkan?? jadinya ingat makanan terus hehe..
@ berita unik : hehe.. banyak kok dukun yang tepat, pintar-pintar aja carinya..
vektor tu apa ya?? hehe.. dalam design biasanya di bilang gambar vektor dan pixel..
klo bahasa ilmiahnya panjang banget yang jelas nya aja ya.. biasanya orang membuat gambar vektor di corel atau Ai atau banyak lagi software yang berbasis vektor dimana gambar ini di perbesar atu di perkcil tidak akan pecah kualitas gambar sama aja.. sedangkan pixel biasanya di photoshop, dimana bila di perbesar akan pecah, kualitas gambar juga berkurang, oleh karena itu jika menggambar di photoshop, lebih dahulu area kerja di perhatikan..
mungkin lebih jelasnya tanyak aja am om google.. hehe
Miyabi wrote @ October 28th, 2009 at 3:27 am
belum selesai kan tutor nya?
Wah tutorialnya keren dan runut, sukses mas
mampir sambil nunggu artikel selanjutnya
ian wrote @ October 28th, 2009 at 3:00 pm
@ Miyabi : untuk yang mascot ini udah selsai, cuma 2 pada sata inking dan coloring.. tutorial ini cukup sederhana, ntar ke depan pelan di aikan levelnya..
@ Paman Gober : terima kasih paman gober.. hehe
@ desri : yup sabar menanti ya mbak lagi di siapkan kok, pesanan mbak..
[...] posting kali ini aku akan memberikan tutorial mengenai mewarnai, bisa di bilang ini lanjutan dari mewarnai mascot bag II , namun dengan gambar lain tentunya.. oke langsung [...]
tuteh wrote @ November 7th, 2009 at 8:06 am
yah… met wiken
[...] gimana memakai direct selection tools? silahkan melihat tutorial saya mendesign mascot bag I dan mendesign mascot bag II atau memakai pen tool di photoshop disana saya sudah menjelaskan dengan [...]
huda wrote @ December 5th, 2009 at 11:14 am
salam narsis kak….
ga’ usah basa basi, begitu lihat tutor phothoshop, langsung tertarik bgt…
Tukeran link yuk kak…
Q pSti taruh link kakak di blogku….
makasi sharingnya yg bermanfaat.
online wrote @ January 5th, 2010 at 9:18 pm
awal yang baik