M150
07-08-2013, 09:30
ขอขอบคุณบทความดีๆ เกี่ยวกับการวาดการ์ตูนแบบไม่ต้องง้อเม้าส์ปากกาทุกยี่ห้อของ น้อง Asakura Yuki ที่ลงไว้ในเว็บ Exteen นะครับ น้องเขาเขียนอธิบายเกี่ยวกับเรื่องการใช้ Pen Tool ไว้ละเอียดมากๆ จึงขอเอามาให้น้องๆ หรอยอ่านกันคร้าบ
[How to] วาดเส้นเนี้ยบไม่ง้อเม้าส์ปากกาด้วย pen tool | -:- Asakura Yuki -:- (http://crystals-yuki.exteen.com/20090927/how-to-pen-tool)
Q :"Pen tool" คืออะไร?
A : Pen tool เป็นอุปกรณ์จากโปรแกรม Photoshop ที่ใช้สร้างเส้น "Path" ขึ้นมา
โดยใช้ได้ทั้งวิธี กำหนดจุดแล้วดัดเส้นเอา หรือจะวาดเอาด้วยมือสดๆเลยก็ได้ค่ะ
Q : แล้ว "Path" คืออะไรละ?
A : ถ้าเปรียบเทียบกับการวาดรูปบนกระดาษแล้ว
Path ก็คือ "เส้นร่าง" ค่ะ
ซึ่งเส้น path ที่เราสร้างขึ้นมานี้จะแยกจาก layer ปกติค่ะ ไม่มีผลกับ layer ปกติโดยสิ้นเชิง
ใน how to อันนี้ก็จะสอนวีธีใช้เส้น path นี่แหละค่ะในการวาดเส้นเนียนๆขึ้นมา
ข้อดี - ข้อเสีย ของวิธีใช้Pen tool สร้างเส้น Path
ข้อดี
- เส้นที่วาดโดยใช้คำสั่งนี้จะตรง-โค้งได้ตามที่เราต้องการ
- เราสามารถสร้างและกำหนดความหนา-บาง ให้กับเส้นได้
- การกำหนดพื้นที่ด้วยเส้น Path ขอบเส้นจะเนียนกว่า selection (จะเห็นได้ชัดเวลาเทสีลงไป) และตรงพื้นทีแคบๆหรือปลายแหลม Path ก็จะดีกว่าค่ะ ถ้าเราเกิดอยากได้ selection แทน เราก็แปลงเส้น path ไปเป็น selection ได้อยู่ดี
- สำหรับรูปร่างบางอย่าง โปรแกรม photoshop ก็จะมีเส้น path สำเร็จรูปมาให้เราใช้เลยค่ะ
เช่นรูปดอกไม้ ดอกไพ่ วงกลม สัญลักษณ์ต่างๆ
ทีนี่ก็ไม่ต้องกลัววาดรูปพวกนี้เบี้ยวแล้วค่า = w =
ข้อเสีย
ข้อเสียที่คิดได้ข้อเดียว และเป็นข้อเสียที่หนักมาก ก็คือ ค่อนข้างกินเวลานานค่ะ = ="
การที่เราต้องมานั่งกำหนดจุด ค่อยดัดทีละเส้นๆ แล้วถึงสั่งให้มันตัดเส้นตามที่เราวาง path ไว้
มันทำให้เราเสียเวลากว่าการวาดสดเยอะเลยแหละค่ะ
โดยเฉพาะคนที่ยังไม่ชินกับเครื่องมือตัวนี้ จะเสียเวลาหนักขึ้นไปอีก
จะแก้ในส่วนนี้ก็ต้องใช้การพิจารณาเอาแล้วละค่ะ ว่าตรงไหนเราควรใช้ ตรงไหนลากมือเอาก็ได้
แล้วก็ควรจำและใช้ปุ่มลัดให้เป็นค่ะ
ตอนนี้ก็รู้จักความสามารถของ pen tool กันคร่าวๆแล้วนะค่ะ
ต่อไปก็จะเริ่มพูดถึงวิธีใช้เบื้องต้นกันละค่ะ
แนะนำว่า "ให้เปิดโปรแกรมPhotoshop แล้วทำตามค่ะ"
เพราะว่า ร้อยทั้งร้อย ของคนที่เราอธิบายเครื่องมือตัวนี้ให้ฟังด้วยปาก ไม่เข้าใจ...
ตอนแรกที่เราเคยอ่านหนังสือเกี่ยวกับเครื่องมือตัวนี้ ...เราก็ไม่เข้าใจว่ามันดัดยังไงของมัน = ="
ต้องมาลองลากๆดัดๆดูเองทีหลังค่ะ ถึงจะเข้าใจ
เพราะฉะนั้น เปิดโปรแกรมซะนะค่ะ = w =
http://i575.photobucket.com/albums/ss198/avageline/Tool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เริ่มจากหน้าตากับส่วนประกอบของเจ้าเครื่องมือตัวนี้กันก่อนเลย
http://i575.photobucket.com/albums/ss198/avageline/Tool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนที่ 1
Pen tool http://i575.photobucket.com/albums/ss198/avageline/pen.jpghttp://i575.photobucket.com/albums/ss198/avageline/pen.jpg
- เลือกที่จะวาดเส้น Path ด้วยวิธีกำหนดจุดแล้วดัดเส้นเอาค่ะ (นี่แหละสำหรับเราชาวเม้าส์หนู)
Freeform Pen Tool http://i575.photobucket.com/albums/ss198/avageline/freeformpen.jpghttp://i575.photobucket.com/albums/ss198/avageline/freeformpen.jpg
- เลือกที่จะวาดเส้น Path ด้วยการลากสดๆค่ะ (เหมาะสำหรับคนใช้เม้าส์ปากกาหรือคนมือนิ่งค่ะ)
ปุ่มลัดของทั้งสองตัวนี้คือ P นะคะ
ส่วนเวลากดแล้วจะขึ้นตัวไหนมาก็ขึ้นอยู่กับว่าเราใช้ตัวไหนเป็นตัวสุดท้ายค่ะ
Add - Delete Anchor Point http://i575.photobucket.com/albums/ss198/avageline/addanchor.jpg http://i575.photobucket.com/albums/ss198/avageline/deleteachor.jpg
- ใช้สำหรับเพิ่ม - ลบ จุดดัด (Anchor Point) นะค่ะ เดี๋ยวจะอธิบายเพิ่มข้างล่าง
Convert Point Tool http://i575.photobucket.com/albums/ss198/avageline/convert.jpg
- ใช้สำหรับปรับและดัดโค้งเส้น Path ค่ะ (มีอธิบายข้างล่างเหมือนกัน)
ซึ่งเราจะใช้การ"กดปุ่ม Ctrl ค้างไว้"ระหว่างใช้เครื่องมือ Pen tool แทน เพื่อความรวดเร็ว
ส่วนที่ 2
http://i575.photobucket.com/albums/ss198/avageline/shapepen.jpg
ตัวนี้เป็นการกำหนดใช้เส้น path ของเราวาดออกมาเป็น Shape เท่านั้นค่ะ
ซึ่งก็คือ รูปปิดนั่นเอง เพราะฉะนั้นไม่ว่าเราจะลากเส้น Path ไม่กลับมาจุดเริ่มต้น
ถ้าเราเลือกโหมดนี้ โปรแกรมจะลากเส้นจากจุดสุดท้ายไปยังจุดแรกให้กลายเป็นรูปปิดเสมอ
http://i575.photobucket.com/albums/ss198/avageline/shapepath.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เราจะไม่ใช้โหมดนี้ในการตัดเส้นตัวการ์ตูนค่ะ ยุ่งยาก บอกให้รู้ไว้เฉยๆ = w =
http://i575.photobucket.com/albums/ss198/avageline/linepen.jpghttp://i575.photobucket.com/albums/ss198/avageline/linepen.jpg
ตัวนี้เป็นการกำหนดให้เส้น path ของเรามีค่าเป็น Line ค่ะ
โหมดนี้แหละค่ะที่เราจะใช้กัน จิ้มไว้นะคะ
ส่วนที่ 3
นอกจากสองตัวแรกที่อธิบายไปแล้วในส่วนที่ 1
ทั้งหมดคือเครื่องมือสร้าง path รูปร่างพื้นฐานที่โปรแกรมมีให้ค่ะ
อย่างเวลาวาดวงกลมเราก็จิ้มรูปวงกลมแล้วก็วาดได้เลย
แล้วถ้าเลือกตัวสุดท้าย จะมีรูปพื้นฐานอื่นๆขึ้นมาให้เลือกอีกเยอะเลย
ลองดูนะคะ แล้วจะเข้าใจ
http://i575.photobucket.com/albums/ss198/avageline/shapepropath.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนที่ 4
http://i575.photobucket.com/albums/ss198/avageline/autoadd.jpg
ถ้าติ๊กเลือกตรงนี้ไว้ จะทำให้เราไม่ต้องเปลี่ยนไปใช้เครื่องมือ add - delete anchor point
โปรแกรมจะสร้างจุดดัดให้เราอัตโนมัติเมื่อเราคลิกเม้าส์ตรงเส้น path ค่ะ
และจะลบจุดดัดและจุดเชื่อมออกถ้าเราคลิกเม้าส์บนจุดนั้นๆ
ควรจะเลือกไว้นะคะ ทำงานเร็วขึ้นเยอะค่ะ
หลังจากแนะนำนู่นนี่ซะยาว เขียนละเอียดไปรึเปล่าเนี่ย = w ="
ต่อไปเราจะเริ่มวาดเส้น path กัน(ซะที) ละค่ะ
อย่าลืมเปิดโปรแกรมทำตามเลยนะคะ จะเข้าใจง่ายกว่า
มือขวาประจำเม้าส์ มือซ้ายประจำปุ่ม ctrl ได้เลยค่ะ!
เลือกโหมดไว้ที่ auto add-delete / สร้างเส้นแบบ Line
[Step 1 ]
ลองจิ้มสร้างเส้น Path ขึ้นมา ตรงไหนก็ได้ค่ะ
[สังเกต!] ก่อนอื่นเราจะเริ่มจากการจุดจุดเริ่มต้นขึ้นมาก่อน 1 จุด
แล้วพอคลิกเพิ่มจุดต่อไปก็จะมีเส้น(Segment)ลากเชื่อมจุดขึ้นมา
[Step 2]
ตอนนี้ลองกดปุ่ม Ctrl ค้างไว้แล้วลากจุดเชื่อมหรือเส้นไปมาค่ะ
[สังเกต!] เมื่อเรากด ctrl ค้างไว้ จะเป็นการขยับ ปรับ เลื่อน ส่วนต่างๆของ Path
ใช้ตลอดเวลาเลยค่ะ ถึงได้ให้มือซ้ายประจำอยู่แถวปุ่ม Ctrl
เพราะอย่างที่บอกไป ถ้ามัวแต่มาเปลี่ยนเครื่องมือ งานเสร็จช้าแน่นอนค่ะ
[Step 3]
ต่อไปให้ลองเพิ่มจุดดัด (Anchor Point) ด้วยการคลิกบนเส้น (Segment)
พอเพิ่มจุดดัดแล้ว ให้ลองกด Ctrl ค้างไว้แล้วขยับจุดดัดดูค่ะ
http://i575.photobucket.com/albums/ss198/avageline/tool3.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ!] เมื่อเรากด Ctrl ค้างไว้ และลากจุดดัดไปมา เส้นจะถูกดัดให้เป็นเส้นโค้ง
นี่แหละค่ะคือสิ่งที่จะใช้บ่อยที่สุดในการตัดเส้นตัวละคร เป็นจุดขายของ Pen Tool!!
ลองสร้างจุดดัดเยอะๆแล้วลากไปมาๆ ดูผลของมันนะคะ
ตรงที่เป็นอะไรที่ต้องพึ่งประสบการณ์นิดนึง บางทีอาจจะเจอเทคนิคที่เหมาะกับเราก็ได้ค่ะ
แค่นี้แหละค่ะ!!
เท่านี้เราก็สร้างและดัดเส้น Path ให้เข้ากับเส้นของตัวละครที่เราจะตัดเส้นแล้ว!
Q : หา? จบแล้วเหรอ? โม้ใช่ปะ?
A : ใช่ค่ะ โม้ค่ะ ยังไม่จบหรอก = w = *วิ่งหลบการโจมตีต่างๆนาๆ*
อย่างที่เคยบอกไปข้างบนค่ะ ว่าเส้น Path นั้นไม่เกี่ยวกับ Layer ธรรมดาโดยสิ้นเชิง
ต่อให้ลากเส้น Path ไว้ยุ่ง ทับงานไปหมด เวลาเซฟงานไปก็มองไม่เห็นค่ะ
ต่อไปเราจะใช้คำสั่ง Stroke Path กันค่ะ
Q : "Stroke Path" มันอะไรอีกละ?
A : คำสั่ง Stroke Path คือการสั่งให้โปรแกรมลาก.... ตามเส้น Path ค่ะที่เรากำหนดไว้
โดยถ้ามันขึ้นว่า Stroke Subpath แปลว่าเราสร้าง Path ไว้หลายเส้น
แล้วจะตัดเส้นแค่เส้นเดียวค่ะ
Q : เดี๋ยวๆ ไอ้ "..." ข้างบนนั่นมันอะไร?
A : Stroke Path นั่น ไม่จำกัดเครื่องมือค่ะ
สรุปก็คือ เครื่องมืออะไรที่เราใช้เม้าส์ลากได้
Stroke ก็สั่งให้โปรแกรมลากเจ้าเครื่องมือนั้นไปตามเส้น Path ค่ะ
ลองใช้คำสั่งนี้กันเลยดีกว่าค่ะ
[Step 4]
คลิกขวาระหว่างที่ใช้ Pen Tool
ตรงนี้ก็เป็น short cut ที่น่าจำเหมือนกันนะ
http://i575.photobucket.com/albums/ss198/avageline/stroke.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ!] คลิกขวาบนงานระหว่างใช้ Pen Tool เป็นการเรียกแถบเครื่องมือ Path ขึ้นมา
สำคัญค่ะ! มันเป็นกลยุทธ์ย่นย่อเวลาการใช้ Pen Tool อีกวิธี ไม่ต้องไปคลิกตรงไหนให้เหนื่อย
[Step 5]
เลือก Stroke Path ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/StrokeTool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
นี่แหละ เครื่องมือทั้งหมดที่ Stroke Path สั่งให้ลากตามเส้น Path ได้
ในที่นี้เราจะใช้ Brush ค่ะ
เอาติ๊กถูกตรง Simulate Pressure ออก แล้วกดตกลงนะคะ
ได้เส้นเนี้ยบๆแล้ว! ง่ายใช่มั้ยละ?
ไม่มีเบี้ยว! ไม่มียึกยือ! เย้!!!
Q : อ้าว เส้นมันเท่ากันหมดเลย ไหนว่าทำเส้นหนัก-เบาได้ไง?
A : ถ้าใครเกิดคำถามแบบนี้แปลว่าไม่ได้ติ๊กถูกไว้ตรง Simulate Pressure ค่ะ
หรือก็คือทำตามเราบอกทุกขั้นตอนเลยนั่นเอง = w =
ขอบคุณนะคะ แต่โดนหลอกซะแล้วแหละ หุหุ *โดนตบ*
เอ้า ลองสร้าง Path ใหม่ แล้ว Stroke เส้นนั้น คราวนี้ติ๊กเลือก Simulate Pressure ด้วยนะ
แล้วลองเทียบผลลัพธ์กันดูนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Simulate-Pressure.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ]
เวลาติ๊กถูกเลือก Simulate Pressure เส้นจะมีการเล่นน้ำหนักหนา-บาง
โดยไล่จากตรงกลางหนาที่สุดค่อยๆบางลงจนบางที่สุดที่ปลายเส้น
ตรงนี้เป็นสิ่งที่ควรจะใช้นะคะ
เพราะการที่เราไล่เส้นหนา-บาง จะทำให้ภาพของเราดูซอฟต์ลงเยอะเลยค่ะ
Q : อ่อ.... แล้วที่เคยบอกไว้ว่าปรับความหนา - บางได้ด้วย ทำไง?
A : ตรงนี้เราจะใช้การปรับค่าบรัชเข้าช่วยค่ะ
อย่าลืมว่า Stroke Path เป็นการสั่งให้โปรแกรมลากเครื่องมือต่างๆตามเส้น Path ที่เราลากไว้
เพราะฉะนั้น ถ้าเครื่องมือตัวนั้นเราปรับไว้ยังไง ผลเวลาสั่ง Stroke ก็จะเป็นไปตามนั้นด้วย
ไม่ว่าจะเป็นขนาด opacity flow หรือหัวบรัช
[วิธีปรับความหนา-บาง]
ก่อนอื่นให้เปลี่ยนเครื่องมือเป็นบรัชซะก่อน
แล้วมองหาปุ่มปรับค่าบรัชแถวๆมุมขวาบนของโปรแกรมนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Brush-palet.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เจอแล้วก็จิ้มซะ
เลือก Shape Dynamic
เลือก Control ให้เป็น Pen Pressure เหมือนในภาพ
แล้วปรับค่าตรง Miimum Diameter ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Brush-palet2.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เวลาปรับแล้วจะออกมาประมาณนี้ค่ะ
ลองสังเกตุดูแล้วเลือกอันที่ชอบดูนะ
ส่วนตัวเราใช้ที่ 30 % ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Level.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนสามเส้นข้างล่างคือเราเปลี่ยนขนาดของบรัชค่ะ
ซึ่งเราก็เปลี่ยนได้ตามใจเหมือนกัน
พอปรับแล้วให้กดรูปแม่กุญแจข้างหลัง Shape Dynamic นะคะ จะเป็นการล็อคค่านี้ไว้
จะทำให้เราไม่ต้องเสียเวลากลับมาปรับทุกครั้งที่เปลี่ยนเครื่องมือหรือปิดโปรแกรมค่ะ
[Last Step] ใช้งานจริง
หลังจากทนอ่านมาตั้งนานแล้ว ต่อไปก็เหลือแต่การประยุกต์เอาไปใช้แล้วละค่ะ
จริงๆถ้าเข้าใจข้างบนหมดแล้วก็น่าจะตัดเส้นด้วย Path ได้เองแล้ว
ตรงนี้แค่อ่านผ่านๆก็ได้นะ เผื่อจะมีประโยชน์บ้าง
ต่อจากนี้เราจะอธิบายวิธีเอามาประยุกต์ใช้ในแบบของเราเองค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Raw.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เอาพี่โน่รูปเก่ามาหากิน = w ="
แนะนำให้สร้างเลเยอร์ใหม่ไว้ข้างบนเลเยอร์เส้นค่ะ
แล้วก็ลดค่า Opacity ของเลเยอร์เส้นที่ร่างไว้ลง
เราจะได้เห็นเส้นที่เราตัดใหม่ได้ชัดๆ
http://i575.photobucket.com/albums/ss198/avageline/Real.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ค่อยๆตัดไปทีละเส้นเลยค่ะ
Q : ง่ะ นั่งทำทีละเส้นเลยเหรอ? แล้วเมื่อไหร่มันจะเสร็จละเนี่ย = [ ] =?
A : ค่ะ = _ =
ถึงได้บอกไงว่า มันจะช้า.......มากกกกกกก ถึงจะวางเส้น Path รวดเดียวแล้วค่อยตัดเส้นก็ได้
แต่นั่งตัดทีละเส้นเราจะกำหนดความหนา-บางของเส้นได้ดีกว่าค่ะ
อยากได้เส้นเนี้ยบๆก็ต้องอดทนค่ะ ...
บางทีเวลาดัดเส้นไปก็จะเจอปัญหาอย่างนี้ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/prob1.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
1 : เส้นมันไม่ลงตามที่เราวาดไว้!?
ส่วนมากจะเจอตอนที่ตัดเส้นส่วนผมนี่แหละค่ะ
วิธีแก้ก็คือใช้วิธีกด Ctrl ค้าง แล้วขยับเส้น Segment ค่ะ
หรือในบางกรณี จะปล่อยไว้อย่างนั้นเลยก็ได้นะ
แล้วแต่คนวาดค่ะ
http://i575.photobucket.com/albums/ss198/avageline/circle1.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
2 : วาดวงกลมแต่มันไม่เห็นกลมเลยอ้ะ มันมีเหลี่ยม (สังเกตุจากในรูป)
วิธีวาดวงกลมให้ไม่มีเหลี่ยมก็คือ
หลังจากดัดเส้นแล้ว ให้ลบจุดเชื่อมออกค่ะ (อย่างในรูปบน คือจุดล่างสุด)
แล้วมันจะกลายเป็นเส้นโค้งสวยๆแล้วละ = w =
[Fill Path]
ในบางส่วนที่เราอยากได้เส้นที่หนา - บาง แบบที่ Stroke ทำไม่ได้
เราจะใช้ Fill Path กันค่ะ
ก่อนอื่นเริ่มจากวาด Path กำหนดขอบเขตก่อน
แล้วคลิกขวา เลือกคำสั่ง Fill Path
http://i575.photobucket.com/albums/ss198/avageline/filled.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
พอคลิกแล้วมันจะขึ้นมาให้ปรับค่าอะไรนิดๆหน่อยๆ
คล้ายๆถังสีเลยค่ะ ปรับเสร็จแล้วก็กดตกลง
http://i575.photobucket.com/albums/ss198/avageline/Fill2.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนใหญ่เราจะใช้วิธีนี้กับส่วนตา แล้วก็ส่วนที่อยากให้เส้นหนาๆหน่อย เน้นเงาค่ะ
เราจะควบคุมน้ำหนักเส้นได้ตามใจเราเลยทีเดียว
แต่ก็ใช้เวลานานกว่าเดิมอีกนะ = _ =
แปะตัวอย่างผลงานของเราที่ใช้ Path ตัดเส้นให้ดูอารมณ์เส้นนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Minami_Asuka_by_CrysTals.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[How to] วาดเส้นเนี้ยบไม่ง้อเม้าส์ปากกาด้วย pen tool | -:- Asakura Yuki -:- (http://crystals-yuki.exteen.com/20090927/how-to-pen-tool)
Q :"Pen tool" คืออะไร?
A : Pen tool เป็นอุปกรณ์จากโปรแกรม Photoshop ที่ใช้สร้างเส้น "Path" ขึ้นมา
โดยใช้ได้ทั้งวิธี กำหนดจุดแล้วดัดเส้นเอา หรือจะวาดเอาด้วยมือสดๆเลยก็ได้ค่ะ
Q : แล้ว "Path" คืออะไรละ?
A : ถ้าเปรียบเทียบกับการวาดรูปบนกระดาษแล้ว
Path ก็คือ "เส้นร่าง" ค่ะ
ซึ่งเส้น path ที่เราสร้างขึ้นมานี้จะแยกจาก layer ปกติค่ะ ไม่มีผลกับ layer ปกติโดยสิ้นเชิง
ใน how to อันนี้ก็จะสอนวีธีใช้เส้น path นี่แหละค่ะในการวาดเส้นเนียนๆขึ้นมา
ข้อดี - ข้อเสีย ของวิธีใช้Pen tool สร้างเส้น Path
ข้อดี
- เส้นที่วาดโดยใช้คำสั่งนี้จะตรง-โค้งได้ตามที่เราต้องการ
- เราสามารถสร้างและกำหนดความหนา-บาง ให้กับเส้นได้
- การกำหนดพื้นที่ด้วยเส้น Path ขอบเส้นจะเนียนกว่า selection (จะเห็นได้ชัดเวลาเทสีลงไป) และตรงพื้นทีแคบๆหรือปลายแหลม Path ก็จะดีกว่าค่ะ ถ้าเราเกิดอยากได้ selection แทน เราก็แปลงเส้น path ไปเป็น selection ได้อยู่ดี
- สำหรับรูปร่างบางอย่าง โปรแกรม photoshop ก็จะมีเส้น path สำเร็จรูปมาให้เราใช้เลยค่ะ
เช่นรูปดอกไม้ ดอกไพ่ วงกลม สัญลักษณ์ต่างๆ
ทีนี่ก็ไม่ต้องกลัววาดรูปพวกนี้เบี้ยวแล้วค่า = w =
ข้อเสีย
ข้อเสียที่คิดได้ข้อเดียว และเป็นข้อเสียที่หนักมาก ก็คือ ค่อนข้างกินเวลานานค่ะ = ="
การที่เราต้องมานั่งกำหนดจุด ค่อยดัดทีละเส้นๆ แล้วถึงสั่งให้มันตัดเส้นตามที่เราวาง path ไว้
มันทำให้เราเสียเวลากว่าการวาดสดเยอะเลยแหละค่ะ
โดยเฉพาะคนที่ยังไม่ชินกับเครื่องมือตัวนี้ จะเสียเวลาหนักขึ้นไปอีก
จะแก้ในส่วนนี้ก็ต้องใช้การพิจารณาเอาแล้วละค่ะ ว่าตรงไหนเราควรใช้ ตรงไหนลากมือเอาก็ได้
แล้วก็ควรจำและใช้ปุ่มลัดให้เป็นค่ะ
ตอนนี้ก็รู้จักความสามารถของ pen tool กันคร่าวๆแล้วนะค่ะ
ต่อไปก็จะเริ่มพูดถึงวิธีใช้เบื้องต้นกันละค่ะ
แนะนำว่า "ให้เปิดโปรแกรมPhotoshop แล้วทำตามค่ะ"
เพราะว่า ร้อยทั้งร้อย ของคนที่เราอธิบายเครื่องมือตัวนี้ให้ฟังด้วยปาก ไม่เข้าใจ...
ตอนแรกที่เราเคยอ่านหนังสือเกี่ยวกับเครื่องมือตัวนี้ ...เราก็ไม่เข้าใจว่ามันดัดยังไงของมัน = ="
ต้องมาลองลากๆดัดๆดูเองทีหลังค่ะ ถึงจะเข้าใจ
เพราะฉะนั้น เปิดโปรแกรมซะนะค่ะ = w =
http://i575.photobucket.com/albums/ss198/avageline/Tool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เริ่มจากหน้าตากับส่วนประกอบของเจ้าเครื่องมือตัวนี้กันก่อนเลย
http://i575.photobucket.com/albums/ss198/avageline/Tool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนที่ 1
Pen tool http://i575.photobucket.com/albums/ss198/avageline/pen.jpghttp://i575.photobucket.com/albums/ss198/avageline/pen.jpg
- เลือกที่จะวาดเส้น Path ด้วยวิธีกำหนดจุดแล้วดัดเส้นเอาค่ะ (นี่แหละสำหรับเราชาวเม้าส์หนู)
Freeform Pen Tool http://i575.photobucket.com/albums/ss198/avageline/freeformpen.jpghttp://i575.photobucket.com/albums/ss198/avageline/freeformpen.jpg
- เลือกที่จะวาดเส้น Path ด้วยการลากสดๆค่ะ (เหมาะสำหรับคนใช้เม้าส์ปากกาหรือคนมือนิ่งค่ะ)
ปุ่มลัดของทั้งสองตัวนี้คือ P นะคะ
ส่วนเวลากดแล้วจะขึ้นตัวไหนมาก็ขึ้นอยู่กับว่าเราใช้ตัวไหนเป็นตัวสุดท้ายค่ะ
Add - Delete Anchor Point http://i575.photobucket.com/albums/ss198/avageline/addanchor.jpg http://i575.photobucket.com/albums/ss198/avageline/deleteachor.jpg
- ใช้สำหรับเพิ่ม - ลบ จุดดัด (Anchor Point) นะค่ะ เดี๋ยวจะอธิบายเพิ่มข้างล่าง
Convert Point Tool http://i575.photobucket.com/albums/ss198/avageline/convert.jpg
- ใช้สำหรับปรับและดัดโค้งเส้น Path ค่ะ (มีอธิบายข้างล่างเหมือนกัน)
ซึ่งเราจะใช้การ"กดปุ่ม Ctrl ค้างไว้"ระหว่างใช้เครื่องมือ Pen tool แทน เพื่อความรวดเร็ว
ส่วนที่ 2
http://i575.photobucket.com/albums/ss198/avageline/shapepen.jpg
ตัวนี้เป็นการกำหนดใช้เส้น path ของเราวาดออกมาเป็น Shape เท่านั้นค่ะ
ซึ่งก็คือ รูปปิดนั่นเอง เพราะฉะนั้นไม่ว่าเราจะลากเส้น Path ไม่กลับมาจุดเริ่มต้น
ถ้าเราเลือกโหมดนี้ โปรแกรมจะลากเส้นจากจุดสุดท้ายไปยังจุดแรกให้กลายเป็นรูปปิดเสมอ
http://i575.photobucket.com/albums/ss198/avageline/shapepath.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เราจะไม่ใช้โหมดนี้ในการตัดเส้นตัวการ์ตูนค่ะ ยุ่งยาก บอกให้รู้ไว้เฉยๆ = w =
http://i575.photobucket.com/albums/ss198/avageline/linepen.jpghttp://i575.photobucket.com/albums/ss198/avageline/linepen.jpg
ตัวนี้เป็นการกำหนดให้เส้น path ของเรามีค่าเป็น Line ค่ะ
โหมดนี้แหละค่ะที่เราจะใช้กัน จิ้มไว้นะคะ
ส่วนที่ 3
นอกจากสองตัวแรกที่อธิบายไปแล้วในส่วนที่ 1
ทั้งหมดคือเครื่องมือสร้าง path รูปร่างพื้นฐานที่โปรแกรมมีให้ค่ะ
อย่างเวลาวาดวงกลมเราก็จิ้มรูปวงกลมแล้วก็วาดได้เลย
แล้วถ้าเลือกตัวสุดท้าย จะมีรูปพื้นฐานอื่นๆขึ้นมาให้เลือกอีกเยอะเลย
ลองดูนะคะ แล้วจะเข้าใจ
http://i575.photobucket.com/albums/ss198/avageline/shapepropath.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนที่ 4
http://i575.photobucket.com/albums/ss198/avageline/autoadd.jpg
ถ้าติ๊กเลือกตรงนี้ไว้ จะทำให้เราไม่ต้องเปลี่ยนไปใช้เครื่องมือ add - delete anchor point
โปรแกรมจะสร้างจุดดัดให้เราอัตโนมัติเมื่อเราคลิกเม้าส์ตรงเส้น path ค่ะ
และจะลบจุดดัดและจุดเชื่อมออกถ้าเราคลิกเม้าส์บนจุดนั้นๆ
ควรจะเลือกไว้นะคะ ทำงานเร็วขึ้นเยอะค่ะ
หลังจากแนะนำนู่นนี่ซะยาว เขียนละเอียดไปรึเปล่าเนี่ย = w ="
ต่อไปเราจะเริ่มวาดเส้น path กัน(ซะที) ละค่ะ
อย่าลืมเปิดโปรแกรมทำตามเลยนะคะ จะเข้าใจง่ายกว่า
มือขวาประจำเม้าส์ มือซ้ายประจำปุ่ม ctrl ได้เลยค่ะ!
เลือกโหมดไว้ที่ auto add-delete / สร้างเส้นแบบ Line
[Step 1 ]
ลองจิ้มสร้างเส้น Path ขึ้นมา ตรงไหนก็ได้ค่ะ
[สังเกต!] ก่อนอื่นเราจะเริ่มจากการจุดจุดเริ่มต้นขึ้นมาก่อน 1 จุด
แล้วพอคลิกเพิ่มจุดต่อไปก็จะมีเส้น(Segment)ลากเชื่อมจุดขึ้นมา
[Step 2]
ตอนนี้ลองกดปุ่ม Ctrl ค้างไว้แล้วลากจุดเชื่อมหรือเส้นไปมาค่ะ
[สังเกต!] เมื่อเรากด ctrl ค้างไว้ จะเป็นการขยับ ปรับ เลื่อน ส่วนต่างๆของ Path
ใช้ตลอดเวลาเลยค่ะ ถึงได้ให้มือซ้ายประจำอยู่แถวปุ่ม Ctrl
เพราะอย่างที่บอกไป ถ้ามัวแต่มาเปลี่ยนเครื่องมือ งานเสร็จช้าแน่นอนค่ะ
[Step 3]
ต่อไปให้ลองเพิ่มจุดดัด (Anchor Point) ด้วยการคลิกบนเส้น (Segment)
พอเพิ่มจุดดัดแล้ว ให้ลองกด Ctrl ค้างไว้แล้วขยับจุดดัดดูค่ะ
http://i575.photobucket.com/albums/ss198/avageline/tool3.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ!] เมื่อเรากด Ctrl ค้างไว้ และลากจุดดัดไปมา เส้นจะถูกดัดให้เป็นเส้นโค้ง
นี่แหละค่ะคือสิ่งที่จะใช้บ่อยที่สุดในการตัดเส้นตัวละคร เป็นจุดขายของ Pen Tool!!
ลองสร้างจุดดัดเยอะๆแล้วลากไปมาๆ ดูผลของมันนะคะ
ตรงที่เป็นอะไรที่ต้องพึ่งประสบการณ์นิดนึง บางทีอาจจะเจอเทคนิคที่เหมาะกับเราก็ได้ค่ะ
แค่นี้แหละค่ะ!!
เท่านี้เราก็สร้างและดัดเส้น Path ให้เข้ากับเส้นของตัวละครที่เราจะตัดเส้นแล้ว!
Q : หา? จบแล้วเหรอ? โม้ใช่ปะ?
A : ใช่ค่ะ โม้ค่ะ ยังไม่จบหรอก = w = *วิ่งหลบการโจมตีต่างๆนาๆ*
อย่างที่เคยบอกไปข้างบนค่ะ ว่าเส้น Path นั้นไม่เกี่ยวกับ Layer ธรรมดาโดยสิ้นเชิง
ต่อให้ลากเส้น Path ไว้ยุ่ง ทับงานไปหมด เวลาเซฟงานไปก็มองไม่เห็นค่ะ
ต่อไปเราจะใช้คำสั่ง Stroke Path กันค่ะ
Q : "Stroke Path" มันอะไรอีกละ?
A : คำสั่ง Stroke Path คือการสั่งให้โปรแกรมลาก.... ตามเส้น Path ค่ะที่เรากำหนดไว้
โดยถ้ามันขึ้นว่า Stroke Subpath แปลว่าเราสร้าง Path ไว้หลายเส้น
แล้วจะตัดเส้นแค่เส้นเดียวค่ะ
Q : เดี๋ยวๆ ไอ้ "..." ข้างบนนั่นมันอะไร?
A : Stroke Path นั่น ไม่จำกัดเครื่องมือค่ะ
สรุปก็คือ เครื่องมืออะไรที่เราใช้เม้าส์ลากได้
Stroke ก็สั่งให้โปรแกรมลากเจ้าเครื่องมือนั้นไปตามเส้น Path ค่ะ
ลองใช้คำสั่งนี้กันเลยดีกว่าค่ะ
[Step 4]
คลิกขวาระหว่างที่ใช้ Pen Tool
ตรงนี้ก็เป็น short cut ที่น่าจำเหมือนกันนะ
http://i575.photobucket.com/albums/ss198/avageline/stroke.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ!] คลิกขวาบนงานระหว่างใช้ Pen Tool เป็นการเรียกแถบเครื่องมือ Path ขึ้นมา
สำคัญค่ะ! มันเป็นกลยุทธ์ย่นย่อเวลาการใช้ Pen Tool อีกวิธี ไม่ต้องไปคลิกตรงไหนให้เหนื่อย
[Step 5]
เลือก Stroke Path ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/StrokeTool.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
นี่แหละ เครื่องมือทั้งหมดที่ Stroke Path สั่งให้ลากตามเส้น Path ได้
ในที่นี้เราจะใช้ Brush ค่ะ
เอาติ๊กถูกตรง Simulate Pressure ออก แล้วกดตกลงนะคะ
ได้เส้นเนี้ยบๆแล้ว! ง่ายใช่มั้ยละ?
ไม่มีเบี้ยว! ไม่มียึกยือ! เย้!!!
Q : อ้าว เส้นมันเท่ากันหมดเลย ไหนว่าทำเส้นหนัก-เบาได้ไง?
A : ถ้าใครเกิดคำถามแบบนี้แปลว่าไม่ได้ติ๊กถูกไว้ตรง Simulate Pressure ค่ะ
หรือก็คือทำตามเราบอกทุกขั้นตอนเลยนั่นเอง = w =
ขอบคุณนะคะ แต่โดนหลอกซะแล้วแหละ หุหุ *โดนตบ*
เอ้า ลองสร้าง Path ใหม่ แล้ว Stroke เส้นนั้น คราวนี้ติ๊กเลือก Simulate Pressure ด้วยนะ
แล้วลองเทียบผลลัพธ์กันดูนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Simulate-Pressure.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
[สังเกตุ]
เวลาติ๊กถูกเลือก Simulate Pressure เส้นจะมีการเล่นน้ำหนักหนา-บาง
โดยไล่จากตรงกลางหนาที่สุดค่อยๆบางลงจนบางที่สุดที่ปลายเส้น
ตรงนี้เป็นสิ่งที่ควรจะใช้นะคะ
เพราะการที่เราไล่เส้นหนา-บาง จะทำให้ภาพของเราดูซอฟต์ลงเยอะเลยค่ะ
Q : อ่อ.... แล้วที่เคยบอกไว้ว่าปรับความหนา - บางได้ด้วย ทำไง?
A : ตรงนี้เราจะใช้การปรับค่าบรัชเข้าช่วยค่ะ
อย่าลืมว่า Stroke Path เป็นการสั่งให้โปรแกรมลากเครื่องมือต่างๆตามเส้น Path ที่เราลากไว้
เพราะฉะนั้น ถ้าเครื่องมือตัวนั้นเราปรับไว้ยังไง ผลเวลาสั่ง Stroke ก็จะเป็นไปตามนั้นด้วย
ไม่ว่าจะเป็นขนาด opacity flow หรือหัวบรัช
[วิธีปรับความหนา-บาง]
ก่อนอื่นให้เปลี่ยนเครื่องมือเป็นบรัชซะก่อน
แล้วมองหาปุ่มปรับค่าบรัชแถวๆมุมขวาบนของโปรแกรมนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Brush-palet.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เจอแล้วก็จิ้มซะ
เลือก Shape Dynamic
เลือก Control ให้เป็น Pen Pressure เหมือนในภาพ
แล้วปรับค่าตรง Miimum Diameter ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Brush-palet2.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เวลาปรับแล้วจะออกมาประมาณนี้ค่ะ
ลองสังเกตุดูแล้วเลือกอันที่ชอบดูนะ
ส่วนตัวเราใช้ที่ 30 % ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Level.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนสามเส้นข้างล่างคือเราเปลี่ยนขนาดของบรัชค่ะ
ซึ่งเราก็เปลี่ยนได้ตามใจเหมือนกัน
พอปรับแล้วให้กดรูปแม่กุญแจข้างหลัง Shape Dynamic นะคะ จะเป็นการล็อคค่านี้ไว้
จะทำให้เราไม่ต้องเสียเวลากลับมาปรับทุกครั้งที่เปลี่ยนเครื่องมือหรือปิดโปรแกรมค่ะ
[Last Step] ใช้งานจริง
หลังจากทนอ่านมาตั้งนานแล้ว ต่อไปก็เหลือแต่การประยุกต์เอาไปใช้แล้วละค่ะ
จริงๆถ้าเข้าใจข้างบนหมดแล้วก็น่าจะตัดเส้นด้วย Path ได้เองแล้ว
ตรงนี้แค่อ่านผ่านๆก็ได้นะ เผื่อจะมีประโยชน์บ้าง
ต่อจากนี้เราจะอธิบายวิธีเอามาประยุกต์ใช้ในแบบของเราเองค่ะ
http://i575.photobucket.com/albums/ss198/avageline/Raw.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
เอาพี่โน่รูปเก่ามาหากิน = w ="
แนะนำให้สร้างเลเยอร์ใหม่ไว้ข้างบนเลเยอร์เส้นค่ะ
แล้วก็ลดค่า Opacity ของเลเยอร์เส้นที่ร่างไว้ลง
เราจะได้เห็นเส้นที่เราตัดใหม่ได้ชัดๆ
http://i575.photobucket.com/albums/ss198/avageline/Real.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ค่อยๆตัดไปทีละเส้นเลยค่ะ
Q : ง่ะ นั่งทำทีละเส้นเลยเหรอ? แล้วเมื่อไหร่มันจะเสร็จละเนี่ย = [ ] =?
A : ค่ะ = _ =
ถึงได้บอกไงว่า มันจะช้า.......มากกกกกกก ถึงจะวางเส้น Path รวดเดียวแล้วค่อยตัดเส้นก็ได้
แต่นั่งตัดทีละเส้นเราจะกำหนดความหนา-บางของเส้นได้ดีกว่าค่ะ
อยากได้เส้นเนี้ยบๆก็ต้องอดทนค่ะ ...
บางทีเวลาดัดเส้นไปก็จะเจอปัญหาอย่างนี้ค่ะ
http://i575.photobucket.com/albums/ss198/avageline/prob1.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
1 : เส้นมันไม่ลงตามที่เราวาดไว้!?
ส่วนมากจะเจอตอนที่ตัดเส้นส่วนผมนี่แหละค่ะ
วิธีแก้ก็คือใช้วิธีกด Ctrl ค้าง แล้วขยับเส้น Segment ค่ะ
หรือในบางกรณี จะปล่อยไว้อย่างนั้นเลยก็ได้นะ
แล้วแต่คนวาดค่ะ
http://i575.photobucket.com/albums/ss198/avageline/circle1.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
2 : วาดวงกลมแต่มันไม่เห็นกลมเลยอ้ะ มันมีเหลี่ยม (สังเกตุจากในรูป)
วิธีวาดวงกลมให้ไม่มีเหลี่ยมก็คือ
หลังจากดัดเส้นแล้ว ให้ลบจุดเชื่อมออกค่ะ (อย่างในรูปบน คือจุดล่างสุด)
แล้วมันจะกลายเป็นเส้นโค้งสวยๆแล้วละ = w =
[Fill Path]
ในบางส่วนที่เราอยากได้เส้นที่หนา - บาง แบบที่ Stroke ทำไม่ได้
เราจะใช้ Fill Path กันค่ะ
ก่อนอื่นเริ่มจากวาด Path กำหนดขอบเขตก่อน
แล้วคลิกขวา เลือกคำสั่ง Fill Path
http://i575.photobucket.com/albums/ss198/avageline/filled.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
พอคลิกแล้วมันจะขึ้นมาให้ปรับค่าอะไรนิดๆหน่อยๆ
คล้ายๆถังสีเลยค่ะ ปรับเสร็จแล้วก็กดตกลง
http://i575.photobucket.com/albums/ss198/avageline/Fill2.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)
ส่วนใหญ่เราจะใช้วิธีนี้กับส่วนตา แล้วก็ส่วนที่อยากให้เส้นหนาๆหน่อย เน้นเงาค่ะ
เราจะควบคุมน้ำหนักเส้นได้ตามใจเราเลยทีเดียว
แต่ก็ใช้เวลานานกว่าเดิมอีกนะ = _ =
แปะตัวอย่างผลงานของเราที่ใช้ Path ตัดเส้นให้ดูอารมณ์เส้นนะคะ
http://i575.photobucket.com/albums/ss198/avageline/Minami_Asuka_by_CrysTals.jpg (http://board.roigoo.com/tags/%E0%B9%80%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%AA%E0%B9%8C%E0%B8%9B%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%B2-%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%B2.html)