Tutorial Photoshop Mascot Design part II ( Pewarnaan )

Salam Narsis buat semua teman-teman yang telah mengunjungi webblog yang membahas tutorial photoshop ini..

Maap sebenarnya kemarin saya dah mau poting kelanjutan bagian ke duanya, namun ngenet lemot kemarin, jadinya dengan kecewa saya tak bisa posting tutorial photoshop 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 tutorial photoshopyang lalu yaitu, Design Mascot bag I (ink) bagi yang belum liat silahkan-silahkan di baca lagi post-post tutorial photoshop saya, atau mau cepat klik link ini aja, biar langsung..

Nah untuk lanjutan tutorial photoshop yang ini, aku juga akan beri sedetail mungkin agar kalian-kalian juga bisa ikutin tutorial photoshop kali ini,

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 photoshop pewarnaanya, gimana menurut kalian?? semoga bermanfaat ya.. jika ada yang gak ngerti dengan maksud saya pada tutorial photoshop ini, silahkan bertanya aja gak apapa kok.. insyaallah pasti di jawab. amin..

Nah segini dulu ya, ntar tunggu postingan tutorial photoshop saya lainnya..

Mau tidur nih dah ngantuk..

Bye..

Salam narsis

http://feeds.feedburner.com/TutorialPhotoshopDanIlustrator

October 23rd, 2009 in Uncategorized, design macam-macam, tutorials | tags: character, design, gambar, kartun, lucu, mascot

Comments (57)

Aneka TipsOctober 23rd, 2009 at 3:46 pm

gila gambarnya detail and rapi banget, itu kerjaan sendiri?…

AishaOctober 23rd, 2009 at 4:09 pm

yub,manarik banget bro.Thanks sharingnya.Insyallah nanti saya pelajari.

penghuni gudank suramOctober 23rd, 2009 at 5:11 pm

mantaph bg martop!!!
warnanya jreEENg..eye catching gitu..! tros maskotnya unik! mantap abis dah pokoknya!
emg bang martop seng ada lawan!!

TRIMATRAOctober 23rd, 2009 at 6:33 pm

saya coba yachhh…, Thanks tutornya

CepiOctober 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/

AminkOctober 23rd, 2009 at 10:55 pm

Blogwalking… Nice post
salam kenal…

DinoeOctober 23rd, 2009 at 11:06 pm

Wah..keren sob..salut utk sobat akan kreatifitas dalam desain gambar….

minanubeOctober 24th, 2009 at 12:03 am

Keren sob, tekniknya okeh banget boleh nih diajarin he5x….

NyubiOctober 24th, 2009 at 1:32 am

mantab sobat ditunggu part III nya

DinaOctober 24th, 2009 at 3:59 am

Mantabb !!!

Bisnis Online ala ErosOctober 24th, 2009 at 7:45 am

keren sob
kapan yaks saya bisa belajar potoshop
di warnet gada potoshop na nie hiks

reni judhantoOctober 24th, 2009 at 9:44 am

Wah mantap nih… dilengkapi dg ilustrasi yg detil..!!
Makasih dah bagi-2 ilmu ya…

heLga GagaOctober 24th, 2009 at 11:10 am

wiiii pake sotoshop ya?
kenapa ga pake ilustrator aja bang?

salam knal yak

ianOctober 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..

DinoeOctober 25th, 2009 at 1:27 am

Sangat lengkap dan detail..makasih ilmunya…

andthereeOctober 25th, 2009 at 2:51 am

Keren lah teknik pewarnaannya..
bener kata yang laen.. detail nya keren..
bisa langsung di coba lah..

salam kenal..

Desri SusilawaniOctober 25th, 2009 at 3:01 am

makasih…3x…izin sedot infonya ya…lagi belajar gambar2 niy. ceritanya pengen buat buku anak

ianOctober 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..

antokoeOctober 25th, 2009 at 7:34 am

top tenan tutorialnya dan logonya, jadi ngiler…

tarqyOctober 25th, 2009 at 7:35 am

manteb bos…, lanjutkan

storykoeOctober 25th, 2009 at 7:46 am

punya ide gak buat logo blog-ku yang culun…

afwan auliyarOctober 25th, 2009 at 8:10 am

keren2 euy ………………………………
designy bgus

belajar blogOctober 25th, 2009 at 10:48 am

wah keren mas
jadi banner mantap dah
buka order banner yak

Action Figure ToyOctober 25th, 2009 at 10:49 am

kok sekilas saya jadi inget ama kue kering yang rasa keju ntu yah

ianOctober 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.emiOctober 25th, 2009 at 3:43 pm

gue juga mau ikutan narsis disini ah

ianOctober 25th, 2009 at 4:02 pm

@ dr.emi : wadoh, sang master teryata, terima kasih mas dah mau berkunjung disini, terima kasih-terima kasih!!

ZippyOctober 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…

coretan asalOctober 26th, 2009 at 8:06 am

artikel anda sudah masuk dalam CLF kami….. terima kasih

Berita UnikOctober 26th, 2009 at 8:46 am

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

IbeOctober 26th, 2009 at 10:59 am

ayaya…
bagus ian…
mudah2an sukse sitenya!

keep creative bro!

jaloeeOctober 26th, 2009 at 11:42 am

sip.. jaga postingan-nya gan.. ane yakin bakalan heboh neh blog..

mmmm.. thank atas kunjuganya

ianOctober 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..

arkasala(dot)comOctober 26th, 2009 at 1:29 pm

wah boleh juga, kebetulan saya sedang belajar menggambar
Salam kenal juga Mas.Trims sudah berkunjung.

Blogger IngusanOctober 26th, 2009 at 1:42 pm

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…

nearieOctober 26th, 2009 at 4:55 pm

Blognya keren & unik..lam kenal sobat

phonankOctober 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

Kang Yudiono - BlogodolarOctober 27th, 2009 at 3:33 am

Mantap…Memang Bang Narsis oke neh dalam hal ini.
Lanjutkan!

Potter.Web.IDOctober 27th, 2009 at 3:41 am

wah keren euy, apalagi kalau ada efek glownya..mengkilap seperti kaca itu makin yahuuuud

destiOctober 27th, 2009 at 8:33 am

wah..bagus nih blognya..rame bgt yg komentar… hehehe…

visit me back ya…

Desri SusilawaniOctober 27th, 2009 at 10:09 am

request niy…kalaw bisa and semped…Ian bikin artikel tentang gambar macam2 ekspresi wajah dunk….!

ianOctober 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..

Financial AdviserOctober 27th, 2009 at 1:35 pm

Hmm…
alus banget…
keik keju…mirip banget

berita unikOctober 27th, 2009 at 1:36 pm

luar biasa…
jadi pengen belajar, cuman masih cari dukun yang tepat
btw kalo vektor ntu apa yah

ianOctober 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

MiyabiOctober 28th, 2009 at 3:27 am

belum selesai kan tutor nya?

Paman GoberOctober 28th, 2009 at 8:29 am

Wah tutorialnya keren dan runut, sukses mas

Desri SusilawaniOctober 28th, 2009 at 2:16 pm

mampir sambil nunggu artikel selanjutnya

ianOctober 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..

zonanarsis.com » Tutorial Mewarnai KomikOctober 30th, 2009 at 3:20 pm

[...] 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 [...]

tutehNovember 7th, 2009 at 8:06 am

yah… met wiken

tutorial photoshop Membuat Efek Mata Sharingan di Adobe Photoshop | zonanarsis.comNovember 7th, 2009 at 4:07 pm

[...] 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 [...]

hudaDecember 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….