S E L A M A T D A T A N G

S E L A M A T          D A T A N G

Super Human

Friday, April 8, 2011

Basic manga colouring using Photoshop CS3

Simple tutorial on how to colour ur artwork using Photoshop CS 3 (ni yang ada dalam laptop aku). Just nak ingatkan yang I'm not a pro so I'll just share what I know and manipulate based on my own style, with a little help from youtube's tutorial and a lot of experiencing the apps myself.

Okeyh, meh kite tengok apela benda alah photoshop ni or psd file. I'll go as detail as possible (sorry kalau detail terlampau). ^^

Basically, nila psd yang kosong..

Okeyh, open file yang korang nak kaler tuh dengan psd. X kesahla it's digitally or traditionally made and scan, as long as compatible nak buka ngan psd.


So, pfffftt! da buka da satu file. Lukisan atas ni aku wat guna paint biasa tuh, bukan SAI. So, saper yang xder SAI pun still leh lukis gune paint yang ada kat dalam laptop sumer orang tu. Make the best from the least u have. ^^

Okeyh, ape2 pun kena taw konsep layer dulu. Hmmm, camner nak terangkan in simple words eh.. okeyh, layer ni cam kertas A4. Kertas lukisan pertama kiter lukis mata, 2nd paper kite lukis idung, 3rd paper kite lukis mulut, 4th paper kite lukis rambut and 5th paper kite lukis muke. Bile kesemua 5 paper ni digabungkan, kite akan nampak satu muke lengkap. So, bile kite x suker mata, kite bleh adjust mata jek tanpa usik langsung lukisan2 yang len. Okey? Tula konsep layer lebih kurang. Dalam psd, paper2 tadi akan jadi layer2 kite and kite akan work on the layers one by one untuk creat satu artwork lengkap.





Nampak x tanda merah tu (gambar atas)? Okeyh, tula lukisan kite, layer 0, x pun psd akan set as locked background. Kalau korang nak alter lukisan tuh korang leh tukar set dia jadi layer biasa tapi kalau tanak or takut lukisan tuh rosak just lock jek lukisan tuh. Kite xkan usik lukisan asal ni pun, kite just nak amek outline dia jek untuk jadi reference for colouring. Tapi aku slalu alter lukisan asal tuh so aku set as layer juga.

2 ikon yang penting untuk korang organize layers korang nanti adalah ikon new layer (label 2) and group layer (label 1 dalam gambar atas). New layer just simply for adding new layer and group layer just nak group layer2 yang melambak2 tuh nantu jadi satu group. It's quite convy if we play arounds with many layers (I mean many..many..many). Kalau just sket2 jek xder hal sangat. Ni nak elak pening kepala and fade-up jek. Macam lukisan atas ni just sket jek layer dia since x rumit sngt.

Okeyh, faham konsep layer, meh browse tools yang penting pada aku untuk kaler lukisan. Untuk orang len, mungkin len and even for pros pun mungkin len. Aku amatur jek but happy to share something I know ngan korang. ^^



Once again, tutorial ni based on my steps so it may varies among others.

First, kaler sumer bahagian2 lukisan tuh dengan kaler base, kaler asal sebelum kiter letak shadow ker corak ke ape ke la. Camner nak kaler sengan kemas? Kite gune Lasso Tool.



Lasso Tool ada 3. Fave aku is Polygonal Lasso Tool since aku just pakai mouse jek, xder tablet. Kalau Magnetic Lasso Tool dia akan follow distinct edge yang dia boleh detect dari imej. Kalau Lasso Tool biasa, sama macam korang gune pensil, freehand shape akan terhasil. Polygonal akan follow kat mane korang klik. Okeyh2, aku tunjuk contoh. Dun worry2.

Contoh, aku bese kaler skin dulu. So aku akan start select skin area yang nak dikaler dengan Polygonal Lasso Tool.



Atas ni tunjuk camner Lasso Tool wat keje dia. 1st click, 2nd click, 3rd click and seterusnya...sampaila last click, korang kena double click so that Lasso akan stop and select area yang korang dah cover dengan klik banyak2 tadi. Once da double click, garisan putus2 akan muncul cam kat bawah ni.




Nampak kan garisan putus2 tuh? Okeh, then ikut je dulu step ni..
                 ~insert new layer and namakan dia
                 ~click Paint (or Brush Tool pn bleh)
                 ~double click Colour Box and pilih kaler yang kite nak untuk skin
                 ~click kat area yang kite nak kaler tuh. klik sampai kaler tuh cover sumer area
Kalau lukisan korang complete close line, korang xyah gune Lasso pun. Just click colour kat dalam close area tuh. Kalau bukan close area, kaler tuh akan bersepah merata2 and x kemas.


Maaakkk!!! Terkejut x? Terkejut kan. Sbb line lukisan asal tuh hilang. Xper2, relax. Pi minum air ke basuh muker dulu ker..hehe. Okeyh, tarik nafas. Sbb tu kite insert new layer tadi. Dun worry, kite x usik pun lukisan asal tuh. Ni cuma kaler kat new layer yang kite da insert tadi. So skang, gi kat layer box tuh (dalam kotak merah) and set layer korang as MULTIPLY (anak panah).


So, dia jadi camni.  Mode MULTIPLY akan wat layer2 lain pun leh nampak atas layer yang kite da set as multiply. X cantik? Terkeluar2? Hehehe, relax2, ni cuma contoh jek nak tunjuk camner Lasso Tool and konsep Layer spy beginner2 faham. Aku pun terpinga2 gak dl sbb tutorial kadang2 xleh follow. So, nak kemas n cantik, korang kena klik Lasso Tool betul2 atas line lukisan tuh and ikut cantik2. Then, hit colour. Pfffttt! Dia akan jadi cantik and refine cam bawah ni.


Abehkan kaler base untuk bahagian2 yang len. Ingat, tiap2 kali nak kaler base baru, insert new layer sbb kalau nak edit nanti xkan usik kaler2 lain. Namakan layer tuh elok2 and kalau perlu group, groupkan. Xderla korang pening kalau layer banyak sangat nanti. Huuu..

Cara aku, aku suker asingkan layer ikut bahagian2 lukisan. Tp yang aku blajar kat tutorial, dia soh asingkan tiap2 layer melalui warna base. Maksudnyer, sumer benda kaler biru dalam satu layer, sumer yang ijau satu layer and bla bla bla. Ikutla mane korang selesa eh.

So, da selesai kaler sumer part..this is what u're line artwork (lukisan kosong korang td) will looks like..



Sumer kaler tuh kaler base jek. Lepas da kaler sumer, kite tambahla ape yg ptt, bayang2 ker, corak baju ker ape ke..ikut kreativiti masing2. Konsep same jg macam masa muler2 nak kaler. Select area and tambah.

Nampak x lively kalau biar plain camtu jek so editla and play around with the tools. Untuk touch ni aku bese tambah layer baru, specific for shadow untuk sumer benda. Kalau korang nak jimat masa, setiap kali kaler base baru tambah terus shadow dia ke aper ker..senang. X pyh klik2 Lasso banyak2 kali. Cam aku, aku suker kaler secara overall and stage by stage. Oh ye, kalau nak klik banyak area berasingan gune Lasso, just hold shift and start ur first Lasso click on the new area.

For the final touch, aku suker gune Brush Tool and set mode ke Colour Dodge (explore mode2 Brush Tool sendiri, u'll find somethin u like later). Mode ni akan jadikan kaler base kite tadi blink2 and shining2 gitu.. XP

This is the final prod!!!



Aku harap2 tutorial ni membantula ek untuk starting korang. Kalau ade pape x faham or nak taw lebih lanjut, silerla tanyer ek. Tutorial ni simple jek, amek basic things dia dl. Then, explorela banyak2 and progress to advance stage ek..  pahtu leh share tips masing2! Aku pun baru jek blajar tutorial camne nak tukar scanned lukisan jadi nice line artwork guna psd. Kalau da master nanti aku share.

Tips for today....

For a free hand cam aku, aku akan flip lukisan (on paper), tengok bawah lampu and cek kalau2 ada bahagian2 pelik yang x kena pada tempatnya. Cam dagu senget ker, kepala panjang ker..huuu. Kalau digital drawing lagi senang. Kompem ade jek tool yang korang leh gune untuk easily flips ur drawing camner2 pun yang korang nak.

HAPPY SHARING AND TRYING then! ^^

11 comments:

  1. waa..thanx a lot kak...hmpir 90% sbjik same cre sy gne dgn akk, yg beze juz, lkisan akk cntik, n sy x tau pe gne color dodge, new knowledge for me, yeah tq2^^
    agk trpgun tgk btpe smooth nye tgn akk grakkn mouse dlm paint tu..gudjob2..^^

    ReplyDelete
  2. welcome2..ape yg akak taw akak share..kalu ade yg afiq taw n akak tataw pun afiq leh share..^^

    hehe, thankyu2.. ada trick tuh gune paint tuh.. kalau just bergantung pada mouse and tgn semata2 memg xkan dapat smooth camtu..huuu..

    ReplyDelete
  3. mak ai auntie..tak terikot aku cane nak mewarna nye nih..nnt ko tolong ajar f2f lah..malas nak baca panjang lebau..ngeh3.

    ReplyDelete
  4. aku terang satu2 kot..boleyh2..
    tp purpose ko nak edit gambarla kan..hehe..
    boleh jek..just set d date..^^b

    ReplyDelete
  5. aaahhh,, kakkoi ne .. sugoi .. like3,,
    nk lukis tu pun susoh,,but lee-kun,, sy still xphm la kgunaan Lasso yg lee-kun ajar,, blurr .. hehe

    ReplyDelete
  6. hmmm. Hadi taw gune photoshop kan? taw gune magic wand x? kalau taw guna magic wand, Lasso tool pun lebih kurangla cuma kite boleh click area yg kite nak.. ^^

    ReplyDelete
  7. oohh,,, ok~~ thanks .. nk try la,, xdang la skang .. =[

    ReplyDelete
  8. okeyh..ada pape lg tnyer jela ye..kalau lee-kun leh bantu lee-kun bantu..^^

    ReplyDelete
  9. i want to ask again,, lepas kita wat multiply mode then guna plak lasso tool,, camne nk ilangkan warna yang lebih,, sbb time kita guna polygnal lasso dia kan xikut artline .. maaf kalau soalan terbelit .. hehe

    n one more, camne nk buat shadow?guna brush jgak?

    ReplyDelete
  10. okeyh, klu hadi gune lasso tool, specifically polygonal lasso tool, masa klik tuh, hadi kena klik betul2 kat atas line tuh dan kalau bleyh line yg terhasil lepas klik tuh pun nak betul2 berada atas lineart kite, kalau dia x berada betul2 atas lineart, hadi klik jek delete dan try klik kt point yg br smpaila line yg terhasil betul2 berada atas lineart kite..

    errr, agak2 jelas x penerangan? huuuu..klu x tnyer jek lg yg mane x jelas..

    kalau shadow plak depends..ada yg gune smudge tp lee-kun x pernah guna smudge..lee-kun gune brush jek, kalau nak jelas, amek yg hard end, kalau nak ala2 efek fade tuh, amek yg smooth end..and kendian cantikkan dengan padam balik bahagian yg kite tanak or terlebih..okeyh?

    waaa..pnjgnyer..huuu..harap2 jelasla..

    ReplyDelete
  11. owh,, sore ja .. arigatou .. hontou ni kansha shite .. wah3,, sonok nyaaa

    ReplyDelete