2008/Aug/19

.:: How to CG ::.

เป็นฮาวทูที่คนรู้จัก ห่างๆ ห๊าาาาางมากๆขอมา จิงๆไม่อยากทำเท่าไหร่ wii ก็ไม่เคยแบ่งให้เล่น

ใช่ไช่ละ ปรกติสอนไม่เป็นแล้วก็ไม่คิดว่าจะเทพมาสอนชาวบ้านเค้ายังไงก็อ่านเอาสนุกๆครับ ^ ^

โปรโมตให้หน่อย http://www.paeman.com/ เอาwii มาแบ่งเล่นบ้างแสรดดช่วยขนาดนี้

+++++++++++++++++++++++++++++++++++++

lesson1 : องค์ประกอบศิลป์และการเตรียมพร้อม digital painting

สิ่งแรกที่ผมอยากจะบอกแก่คนที่อ่านฮาวทูนี้ก่อนคือ ฮาวทูนี้จะไม่ใช่เป็นฮาวทูที่จะทำให้คุณสามารถวาดรูปเก่ง

ได้ในทันที แต่จะช่วยให้คุณมีลำดับและจัดการ กับงานของคุณได้ง่ายขึ้น

โอเค เริ่มแรกเรามารู้องค์ประกอบศิลป์กันแบบรวบรัดซึ่งขออ้างอิงจากหนังสือบ้าง
องค์ประกอบศิลป์มีอยู่ด้วยกัน 7อย่างคือ

1. จุด หมายถึง การทำให้พื้นที่ว่างเกิดการกระทำขึ้น ซึ่งจุดนับว่าเป็นต้นกำเนิดของรูปก็ว่าได้ครับ
2. เส้น หมายถึงจุดเล็กๆหลายๆจุดที่เรียงเป็นแนวเดียวกัน มีหลายลักษณะ แนวตั้ง นอน ทะแยง โค้ง ประ ซิกแซก ฯลฯ
3. สี มีหลายสีเรารู้จักกันดี มีอิทธิพลต่อจิตใจ แบ่งออกเป็นสองแบบ
สีวรรณะร้อนสีที่อยู่ในกลุ่ม สีแดง ส้ม และสีใกล้เคียง ซึ่งสีในกลุ่มนี้จะแสดงถึงความรู้สึก ร้อนแรง แห้งแล้ง ดุเดือดอันตราย
วรรณะเย็น เป็นสีที่อยู่ในกลุ่มสีเขียว ฟ้า แสดงถึงความรู้สึก เย็นสบาย สดชื่น มีชีวิตชีวา
4. รูปร่าง หมายถึง ลักษณะของเส้นรอบนอกของวัตถุนั้นๆ มีลักษณะเป็น 2 มิติ คือ มีความกว้าง ความยาว
5. รูปทรง มีลักษณะเป็น ๓ มิติคือมีความกว้าง ยาว ลึก
6. แสงเงา เมื่อวัตถุใดๆโดนแสงจุดที่กระทบจะสว่างและจุดที่ไม่สัมผัสแสงจะเกิดสิ่งที่เรียกว่าเงาขึ้น ในงานศิลป์การเขียนรูปที่มีแสงและเงาที่ดี ต้องแสดงน้ำหนักของแสงและเงาให้เหมาะสมได้สัดส่วนน้ำหนักของแสงเงา
7. พื้นผิว เป็นลักษณะภายนอกของวัตถุ เป็นรายละเอียดปลีกย่อยสุดท้ายของงานศิลป์

นี่คือองค์ประกอบศิลป์ที่เราควรจะจดจำไว้ให้ได้เสมอ เพราะมันเป็นหลักในการวาดซึ่งจะช่วยงานที่ยุ่งยากให้มีหลักการและ
ง่ายขึ้นในขั้นต้นคุณคงลำบากในการจดจำและเข้าใจ ให้หลังจากนี้คุณลองมองงานคุณเอง หรืองานท่านอื่นให้มีลำดับขั้น
ตอนข้างต้น จะช่วยให้เรียนรู้และเข้าใจได้ไวขึ้น


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

เอาล่ะ ในเมื่อคุณเข้าใจหลักองค์ประกอบศิลป์แล้ว(เหรอ?)
เริ่มแรกผมก็มีเส้นที่ผมวาดไว้เรียบร้อยแล้ว จะวาดแล้วแสกนหรือวาดในคอมก็แล้วแต่ แต่ผมจะลงสีงานชิ้นนี้ต่อในคอม ต่อมาเราจะจัดระเบียบกับมันนิดหน่อยก่อนจะลงสีเราต้องดูงานออกเป็นส่วนๆก่อนเราต้องคิดไว้ยิ่งแบ่งมากอาจยิ่งลำบากถ้ามีรายละเอียดมากเพราะต้องเสียเวลาในการทำ seletionมาก แต่ก็จะช่วยในขั้นตอนการลงสีซึ่งจะอธิบายต่อจากนี้ไป
ขั้นแรกวิเคราะห์งานคุณก่อนว่าลายเส้นแบบไหนถ้าเส้นหยาบไม่คมชัดหรือต่อไม่สนิทเป็นการ์ตูนซะทีเดียวคุณคงต้องทำการเลือกพื้นที่เฉพาะส่วนมาก่อน

เปิดโปรแกรม photoshop เปิดรูปที่คุณทำไว้เรียบร้อยเป็นที่พอใจแล้ว
1 new layer มาจะได้ไม่ทับกับเลเยอร์เส้น(ขอผ่านการอธิบายเรื่องเลเยอร์นะครับ)

เอาเลเยอร์เส้นไว้บนสุดแล้วปรับโหมดเป็น multiply เพื่อจะได้มองใสทะลุเลเยอร์ล่างในกรณีที่วาดบนพื้นขาว

คลิ๊กกลับมาทำงานที่เลเยอร์ว่างที่สร้างมาใหม่ แล้วทำการทาสีส่วนของตัวละครกัน ซึ่งผมจะทารวมๆคร่าวๆก่อนซึ่งคุณอาจจะเพิ่มเติมในส่วนรายละเอียดของชุดตัวละครคุณเองได้ตามแต่สถานการณ์

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

หลังจากนั้นก็ตัดส่วนที่ซ้อนกันกับตัวคนได้แค่คลิ๊กขวาที่รูปเลเยอร์ของตัวละครแล้วเลือก select layer tranparency จะเห็นว่าจะมีเส้นประวิ่งรอบๆนั่นคือพื้นที่ๆเราเลือกไว้แล้ว หลังจากนั้นก็ลบโดยใช้ยางลบส่วนเกินที่ไม่ต้องการออก(ถ้าเลเยอร์คนอยู่บนเลเยอร์แบ๊คกรานด์ซึ่งมองไม่เห็นอยู่แล้วก็ไม่จำเป็นต้องลบก็ได้)



ทริค: add selection, subtract selection, intersect selection คือหลัการเดียวกับคณิต ม.ปลายถ้าเข้าใจตรงนี้จะช่วยได้มาก
add = รวมพื้นที่สองพื้นที่เข้าด้วยกัน subtract = ลบพื้นที่ๆซ้ำB ของ A intersect = คือพื้นที่ซ้ำกันระหว่าง A กับ B
selection a

subtrac สีน้ำตาลเป็น b
intersect b กับ น้ำเงินเป้น C
ลอง add c กับสีน้ำตาลเป็น d
ทำแบบข้างต้นไปเรื่อยๆจนได้หมดทั้งภาพแล้วก็เลือกสีที่ถูกใจพยายามเลือกน้ำหนักให้เหมาะสมทั้งภาพแนะนำให้ดูและฝึกฝนไปเรื่อยๆและบางจุดอย่างท้องฟ้าก็ใช้ gradient tool ช่วยไล่โทนได้พอได้เป็นที่ถูกใจ ก็เป็นอันเสร็จเรียบร้อยในขั้นตอนเตรียมการ(สีอาจจะไม่ตรงเท่าไหร่เพราะแคปภาพใหม่บ้างเก่าบ้างครับ)
ทริค: จิงๆมีวิธีในการเลือกพื้นที่เยอะแยะมากมาย แต่ถ้าในกรณีที่คุณมีลายเส้นแบบปิด สามารถเลือกพื้นที่ง่ายๆด้วยการใช้ magic wand คลิ๊กพื้นที่ทีละส่วนๆแล้วไปที่เมนูด้านบน select > modify > expand แล้วใส่ตัวเลข 2-3 เพื่อขยายพื้นที่ไปสักเล็กน้อยให้กินเส้นไปหน่อยไม่งั้นอาจจะเห็นขอบขาวๆได้
พื้นที่ๆสีใกล้เคียงกันจะถูกเลือกให้อัตโนมัติดังภาพสีแดงบนขาวส่วนสีแดงจะถูกเลือกให้ทันที ถ้าเรามีเส้นวาดไว้อยู่แล้วเราก็สามารถเลือกพื้นที่ในขอบเขตของเส้นเราได้ง่ายๆครับ
ต่อไปก็เซฟ selection โดยการเลือกเมนู select > save selection ตั้งชื่อ แล้วเซฟ
พอจะใช้ ก็ไปที่ select > load selection เลือกชื่อที่ตั้ง ข้อระวังชื่อตั้งซ้ำได้ อย่าให้ซ้ำกันจะทำให้สับสน
สังเกตุว่าด้านล่างก็สามารถใช้การ add subtract intersect ได้เช่นกัน


ทิ้งท้าย ถ้าใช้การป้ายสีบนเลเยอร์เดียวแบบลงสีด้วยมือก็ไม่ต้องทำ selection ก็ได้ครับ จะได้อารมณ์การลงสีเป็นอีกแบบนึงเช่นกัน
ในคราวต่อไปจะต่อด้วยการลงสีน้ำหนักแสงเงาครับ >>>> to be continue (ถ้าไม่โดนด่าว่าอ่านไม่รู้เรื่อง)

edit @ 22 Aug 2008 12:19:23 by Firstchildren

edit @ 28 Aug 2008 14:15:39 by Firstchildren

ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
เป็นประโยชน์มาก ขอบคุณครับHot! Hot! big smile
#1  by  คาโตเน่ At 2008-08-20 02:20, 
Hot! อ่านรู้เรื่องค่า อ่านรู้เรื่อง ดังนั้นจะรอตอนต่อไปนะคะ อ่านแล้วมีประโยชน์ดีมาก ๆ เลย กำลังหาวิธีลงสีแบบใหม่ ๆ อยู่เชียว
#2  by  Nathael At 2008-08-20 04:01, 
โอ้วมึน...T - T"
ลงสีคนล่ะวิธีกัน...เพราะวิธีข้าพเจ้ามันลงแบบคนลงไม่เป็น = _ ="

รอติดตามตอนต่อไป *ศึกษาๆ
#3  by  Blood Lust Vampyre (::[o]::) At 2008-08-20 04:21, 
*3* แอชชี่อัพบล็อคหวังเล่นหวี!!!
#4  by  joyka At 2008-08-20 07:40, 
Hot! confused smile
#5  by  nonworld At 2008-08-20 11:16, 
มึนกับ selection มากมายเลยเฮีย sad smile มันคืออะไร พวกเปิดโปรแกรมแล้วก็จับบรัชลุยแหลกอย่างข้อยไม่รู้จัก

เรื่องของเรื่องที่จะหนุนให้มึนหนักกว่าเดิม คือตอนนี้เค้าหนีไปใช้ oC เต็มตัวแล้ว เนื่องจากแรมไม่อำนวย (ยกเว้นงานที่อยากได้สีเนียนแบบแอร์บรัช ต้องกลับมาตายรังที่ช็อป)sad smile

รอดูตอนต่อไปอย่างใจจดจ่อนะเฮีย double wink

Hot!

ขอให้ได้ขึ้นหน้าหนึ่งด้วยเต๊อะ สาธุ~
#6  by  Karintra / El Yeye At 2008-08-20 12:00, 
ได้หวีเมื่อไหร่ นัดดวลกันเลย..open-mounthed smile
#7  by  Pop L'Arc At 2008-08-20 12:25, 
โหลดแอบโหด เดี๋ยวกลับบ้านแล้วจะมาดูใหม่ เน็ทโรงเรียนไม่สามารถ sad smile
Hot! Hot! สุดยอดได้ประโยชน์ครับ cry
#9  by  desktop bomb At 2008-08-20 16:22, 
ดีเทลเพียบเลย
รอตอนต่อไปเน่อ
ขอบคุณหลายๆbig smile
#10  by  ป้าแดง underground At 2008-08-20 18:22, 
รอดูตอนต่อไปคับ แปะๆHot! Hot!
#11  by  R!PPER At 2008-08-20 18:35, 
แย่ๆๆๆ ลายเส้นละเอียดยิบเชียว
รอชมขั้นตอนลงสีจ้ะ Hot!
#12  by  = a n n = At 2008-08-20 23:17, 
ขอชื่นชมความพยายามในการทำ How to

นะคับ ทำยากมากเลยคับ ผมเข้าใจ

แต่เอ๊ะ Wii เนี่ย ต้องไปบังคับเพื่อนแล้วหล่ะ

ขอบคุณนะคับ สำหรับบทความเจ๋ง ๆ ๆ confused smile
#13  by  UltraMix (202.142.204.1) At 2008-08-20 23:47, 
ลงชื่อมาอ่านแล้วรอดูตอนต่อไปค่า confused smile Hot!
#14  by  alpha At 2008-08-21 00:08, 
ละเอียดมาครับ นับถือในแบบ step by step จรีิงๆ confused smile Hot!
#15  by  กรรมกรไซเบอร์ At 2008-08-21 00:27, 
มีประโยชน์มาก ขออนุญาต add fav นะคะHot!
#16  by  hornsama At 2008-08-21 01:41, 
ขอบคุณมากค่า ได้รู้วิธีที่สงสัยพอดีเลย
#17  by  NoRWAN At 2008-08-21 08:22, 
โอ้ เข้าใจง่ายดีค่ะconfused smile
#18  by  (^_^)/nana At 2008-08-21 09:41, 
มีประโยชน์มากเลยค่ะ กำลังพยายามจะหัดทำอยู่ (ยังไม่เริ่มต้นเลย 555)

ขอบคุณค่ะ
#19  by  ~WhiteChoc!~ At 2008-08-21 11:09, 
Hot! Hot!
ให้ดาวก่อนค่ะ แล้วจะกลับมาอ่าน ได้ความรู้มากมาย big smile
#20  by  glinda a.k.a. ~pride~ At 2008-08-21 12:08, 
โห..ฮาวทูเทพมากกกก
คุณยายอยากได้รูปตัวอย่างที่มันออกโลลิโมเอะหน่อยsad smile
แบบข้างบนนี่ดูแล้ววอกแวก..เรียนมะค่อยรู้เรื่อง...55+
ออกหนังสือขายได้เลย
#21  by  ยายแม่บ้าน At 2008-08-21 12:31, 
มีประโยชน์มากมายนะงิ

ขอแอดนะคร๊าบบ Hot!
#22  by  shotacon At 2008-08-21 12:32, 
โฮกกก ขอบพระคุณมากนะคะ
#23  by  Zheng Yu [A]ming Kung © 郑玉明 At 2008-08-21 13:41, 
อ่านไม่รู้เรื่องฟ่ะ....
#24  by  hikaru At 2008-08-21 13:45, 
โห อยากทำได้มั่งจัง
แต่เป็นคนวาดรูปไม่เก่งอ่ะค่ะ
จะพอทำได้ไหมคะเนี่ย

อย่าลืมเข้าไปทักกันบ้างนะคะconfused smile
เข้ามาจดconfused smile Hot!
#26  by  raysama At 2008-08-21 21:48, 
เจ๋งครับ อยากลองแต่วาดไม่ค่อยเก่ง ถ้ามีโอกาสจะลองดูซักที มีรูปประกอบหายไปบางรูปอ่ะคับ วานช่วยกู้กลับมาที Hot!
#27  by  zarawut At 2008-08-22 00:51, 
ชอบ ๆ เอาอีก Hot!
#28  by  ไอ้แป้น : i-phan At 2008-08-22 08:44, 
ขั้นตอน เทคนิครู้คลาวนี้ก็เหลือแต่ฝีมือกับเวลาที่ต้องพํฒนา หุหุ question
#29  by  Paa orKant At 2008-08-22 09:57, 
สุดยอดคับ อยากทำเป็นบ้างจัง
#30  by  การ์ตูน (124.121.164.171) At 2008-08-22 11:59, 
เอาอีกๆ
#31  by  ilumin At 2008-08-22 12:37, 
อธิบายดีมากๆเลยนะเนี่ยsad smile
#32  by  Shoda At 2008-08-22 14:42, 
ขอบคุณมากค่ะ มีความรู้มากมายจริงๆ :)

แม้ยังงงๆ แต่จะพยายามเข้าใจ ขอบคุณเจ้าของบล็อกมากๆจ้า ดร๊วฟๆ~ <3 Hot!
#33  by  สวนส้ม At 2009-09-06 14:21, 

<< Home