Diary of a nobody

Diary of a nobody and sketches of blank canvas.

ก็มีคนถามมา เราไม่รู้จะตอบยังไงดีเหมือนกัน
ก็ไม่ได้มีเคล็ดลับอะไรเท่าไรเลยนะ =__=
และเพราะคนถามไม่ได้มีแต่คนไทย ก็จะเขียนภาษาอังกฤษแบบงูๆ ปลาๆ
กำกับด้วยละนะจ๊ะ

Many of you guys asked me about how I colour my CG picture.
So I decided to make a tutorial on some of my laziness of a technique XD
Nothing speacial though, just how I normally coloured it out so enjoy ' u '
(My english is not that good so please excuses my mistake if I made any :( )

อุบกรณ์ที่ท่านต้องการ / You will need :

Adobe Photoshop (รุ่นไหนก็ได้/which ever version you want to use)
PaintToolSAI
Tablet Mouse - mine is Intuos3
Patience - ความอดทน

How to อันนี้จะยังไม่ลงลึกมากนะค่ะ
แค่ให้ดูว่าการระบายสีของเรานั้นทำอย่างไร

In this tutorial I will cover only on how I colour in my style.



ร่างภาพ/Sketch

ปกติจะใช้ฉ่อยร่าง แต่ใครอยากใช้ SAI ร่างก็ไม่ผิดจ๊ะ
รู้สึกภาพนี้ร่างใน SAI แหะ....

Sketch out your idea first, you can use any program or media to do this.
You can even use a pencil to sketch it out first before scanning it in for lining/inking.


ตัดเส้น/Lineart

ตรงตัดเส้นเรากำลังคิดจะทำ How-to แยกออกมาอีกอันนึง
(ต้องรอเสียงตอบรับว่ามีใครอยากให้ทำมากแค่ไหน เพราะเส้นเราใช่ว่าดี 555)

I won't be teaching much on lineart. But here are some trick for someone
who find inking in CG hard.
I am thinking of making other tutorial for inking seperatly. . .

เวลาตัดเส้น ก็ใช้มือตัดนั้นแระ =__=;; ไม่มีอะไรพิเศษนอกจากนั้นแล้ว
นอกจากใช้ความอดทน
แต่มันก็จะมีบางโค้งบางมุมที่ยากลำบากต่อการตัดเส้นอยู่เหมือนกัน
เราเลยใช้ Vector Layer แก้ขัดไปซะ

Usually when I am inking my work or create the line art, I often do it by hand.
Still there are some angles that I could not control my line, so I use the
Vector Layer instead.


ไปที่ New Vector Layer เพื่อสร้าง vector layer
Go to New Vetor Layer to create vector layer.





อาจจะเห็นเป็นเส้นธรรดาตอนแรก แต่จริงๆแล้วเราอิดิตความหนากับความโค้งขอเล้นได้เน้อ ถ้าไปกด
ตรง Edit แล้ว จะเห็นคำสั่งต่างๆขึ้นมา ให้ลองเล่นดูนะจ๊ะ พอกดแล้วจะเห็นจุดบนเส้นให้อิดิต

It may seems like an ordinally line but you can change the thickness and the curve of it.
Use Edit to, well...edit your line...



เราก็ลองเล่นให้ดูนิดๆ ในวีดีโอนี้ =w=;;
เดี๋ยวคราวหน้าตัดเส้นภาพจะอัดมาให้ดูเต็มๆละกัน

Here is me trying out the vector layer. Gonna get a full videos of inking next time
I do any CG art :) 



 เส้นที่เสร็จแล้ว

The finished lineart.




ลงสี/Colouring


เราจะแยก Layer แต่ละสีก่อน อย่างเช่น
ผมอยู่เลเยอร์นึง ผิวอยู่อีกเลเยอร์
เวลาระบายอะไรผิดจะได้แก้ง่ายๆ
ลงสีเบสแต่ละสีแยกเลเยอร์ไปเลย
สร้าง Folder ของตัวละครนั้นๆ แล้วลากสีกับเส้นของตัวละครเข้าไป
เป็นการจับระเบียบอย่างนึ่ง เวลามาแก้จะได้ไม่งง ว่าอะไรอยู่ไหน

I have gave different colour it's own layer, so that when it come to changing of fixing the picture
it would be easier. Plus I gave each character their own folder to but their line and colours in.
This way I find it easier to find the layer I want when it is organized XD


เปลี่ยนสี bg ไม่ให้เป็นสีขาวเพราะสีขาวมันแยงตา555

I change the background colour 'cause the colour white is too bright and hurt my eyes!


ลงเงา/Shading

เหมือนจะสนุก...ตอน CG ใหม่ก็สนุกตรงลงสีเนี่ยแระ แต่ก็เกิดเหตุการว่า
ทำไม...เราลงแล้ว...มัน...ไม่เนียน?
ทำไมของคนอื่นดูเนียบดีจัง....
คือ ค่อยๆ ลง ค่อยๆ ระบายก็ลงได้แระ....แต่เราขีเกียจนี้สิ...
ก็เลยหาวิธีทำให้ชีวิตมันง่ายขึ้นมาหน่อย

สร้างเลเยอร์ใหม่ขึ้นมาเหนือเลเยอร์ที่เราอยากระบายเงา
แบบจะลงผิว ก็ไปสร้างเลเยอร์ใหม่เหนือผิวขึ้นมา
และระบายแบบชิวๆไป ใช้ brush ธรรมดาที่ให้มา. . . .ตามภาพ

Due to my laziness...when I am shading, for me it takes too long to blend the colour
in to the nice soft clean look. So I make my self a short cut...Just fill in the area that you want to
make it the shade and shadow by using the brush and....





ตามต่อไปเลยด้วย Blur Tool ทำให้สีกลมกลืน.....แค่นี้ก็ลงสีผิวเสร็จแล้วจ๊ะ...
บางท่านอาจจะคิดว่ามันอ่อนไป ก็ทำแบบเดียวกันบนอีกเลเยอร์กับสีที่เข้มกว่าได้จ๊ะ


. . . use the Blur Brush Tool to blend and make the colour looks nice and smooth...thats it!
If you want to make it darker just make a new layer and do the same, only with darker colour..



ถ้าเงาของเราระบายออกนอกเส้น ให้กด Layer Clip แล้วมันจะเห็นสีอยู่บนสีเบสเท่านั้น
แค่นี้ก็ไม่ออกนอกเส้นแล้ว ' 3 '

Use Layer Clip so the your shade layer stay only on the base colour layer.




Layer Clip ใช้ยังไง?
How to use Layer Clip?





พอทำแล้ว อย่างภาพข้างบน เลเยอร์ที่ถูกเปลี่ยนมา clip ติดกับเลเยอร์เบส
ก็จะเห็นแค่ส่วนที่ติดอยู่กับเลเยอร์เบส
Photoshop ทำได้เหมือนกันนะ แต่ไปตรงหน้าต่าง Layer แล้วกด alt ก่อนคลิกเลเยอร์ที่อยากให้มา clip กัน

Just like the picture. When you use the Layer Clip, the cliped layer above will only show
itself where the colour of the base colour are.
Photoshop also have a function like this
just click the Alt button and click the layer that you want to clip.



ทั้งภาพที่เหลือก็ ใช้วิธีลงสิแบบนี้แระ...ไม่มีอะไรเท่าไรแระ = u =;;

OK the rest of the picture....yup used this technique to colour...LOL
Easy right?
















อัด VDO ไว้ด้วย อิอิ แต่อัดได้ไม่หมดเพราะวาดนานแล้วไฟล์ใหญ่มาาากกก
บางส่วนที่เราอัดไว้หายไปก็มี ; u ; เก็บมาตัดต่อได้แค่นี้ งิ

Yeah, I did record the process, however due to that the pict took long time to
finished, some of the part got erased cause the file too big. So this is what left for me to edit LOL



ผลที่ได้คือ...
And the result is...



The End XD

เรื่องมันก็มีแค่นี้แระ ฮาา

ใครรักใครชอบก็ โยนบอล มานะจ๊ะ


ขอบคุณที่อ่านค่ะ

(ภาพนี้ทำมาจาก Copic + สีไม้เน้อ)

EDIT............................................................................



/กราบงามๆแบบนางสาวไทย/
ขอบคุณที่ปาบอลใส่ค่ะ