2009/Jun/18

หลังจากที่ทำรูปมามากมาย

ได้รับทั้งคำติติง คำด่า คำสาปแช่ง คำนินทา และเออ........

ทำไมมีแต่อะไรไม่ค่อยดีเลยฟระ =3='''

จริงๆ คำแนะนำติชม ชอบรูปก็มากมายนะคะ  ชอบมากเลยคำชมของฝรั่งเนี้ย....

(อ่านไม่ค่อยเข้าใจ เลยชอบ XD)

ช่วงหลังๆ ได้รับคำแนะนำจาก nike ชายผู้ไม่รู้นู๋นึกยังไง ใส่ชื่อนำหน้าบล็อคเค้าว่า Inw ....

เพิ่งสังเกตุนะว่ามี 3 - 4 คนที่ตัวเองแปะนำหน้าเค้าว่า Inw ยังงงๆ ไปแปะไว้ตอนใหน

ซึ่ง nike ได้สอนวิชา Path ให้ แล้วนิเกะก็ทิ้งนู๋ไปลองวิชาใหม่ๆ จนนู๋ตามไม่ทัน Orz

ปล่อยให้นู๋เล่น path กับรูปภาพมาหลายสิบรูป

จนมีคนที่มาดูงานหลายคนบอกว่า "เจ๊น่าสอนการทำ path บ้างนะ 

ก็เลยได้เรื่องทำ how to นี้ขึ้นมา

----------------

ออกตัวก่อนนะคะ ว่าบางอย่างอาจจะไม่เหมือนชาวบ้าน

เพราะเทคนิคของนู๋มักเป็นแบบเป็ด

=w=' เอาแบบนั้นนิด แบบนี้หน่อย ผสมๆปนเป มั่วจนได้รูป

อนึ่ง เทคนิคนี้ใช้ได้หลายกรณี

แต่กรณีของนู๋คือพวก วาดสดในคอมไม่เป็น.....

(มีเทจัง แต่ไว้วาดเล่น ไม่เคยใช้เพื่องานทางด้านนี้เท่าไหหร่

ชีวิตการใช้เม้าหนูวาดรูปก็ห่วยแตกมากๆ เพราะมืออกจะบ่ายๆ)

มาเริ่มกันเลย

ขั้นแรกก็ไปวาดภาพมาซะ.... วาดแล้วก็สแกน  จะเอาความละเอียด

ขนาดรูปเท่าไหร่แล้วแต่อัธยาศัยของท่าน

(ส่วนตัวชอบรูปที่ความละเอียด 300 ไซส์รูปตอนทำงาน 2000+ มันใหญ่ดีน้อ)

ซึ่งเมื่อเปิดบน photoshop  ก็จะได้แบบนี้

ซึ่งรูปที่ได้ ก็จัดการปรับโหมดให้เป็น RGB ซะ

จากนั้นมายุ่งกับเลเยอร์

คือ นู๋จะสร้างเลเยอร์ขึ้นมาเพิ่มอีก 2 เลเยอร์ โดน path จะทำงานบนเลเยอร์ที่ชื่อ line

ส่วนเลเยอร์ bg นู๋จะเทสีขาวลงไปเพื่อเวลาทำ path

เราสามารถเช็คงานได้ว่าภาพมันดูโอเครึยัง

โดยที่ไม่ต้องไปงงเส้นกับภาพต้นฉบับ (พอ path เสร็จ มันจะมีประโยชน์อีกอย่างด้วย)

เมื่อเทสีขาวลงที่เลเยอร์ bg แล้ว ก็สั่งซ่อนมันซะก่อน แบบนี้


จากนั้นเรามาจัดการเจ้า tools ที่เราจะใช้ path เริ่มจาก

แปรง (Brush)

ปรับขนาดของบลัช และสีตามต้องการ  ส่วนตัวจะใช้บลัช Hard round เบอร์ 3

เหตุผลเพราะ เบอร์ 1 เส้นเล็ก และแตกเกินไป ส่วนเบอร์ 5 ก็ใหญ่เกินไป 

แต่ว่า ในการทำเส้นอื่นๆ บางครั้ง ก็ต้องใช้ขนาด และ บลัช ต่างรูปแบบกันออกไป

ตามแต่สภาพงาน

จากนั้นก็มาที่เครื่องที่จะใช้เป็นหลัก ก็คือ Pen tools ....เจ้านี่

เลือกแล้ว ให้ไปเซ็ทที่ด้านบน เป็นไอค่อน Path แบบนี้

 

คือค่าปกติมันจะเลือกแบบแรกน่ะนะคะ เราไม่ใช้นะคะ 

เมื่อตั้งค่าเรียบร้อย ก็มาเล่นกันที่รูปของเรา 

"ย้ำ"

เราทำงานบน เลเยอร์ line นะคะ

อย่าเผลอไปลากบนต้นฉบับล่ะ

ไม่งั้นทำเพลินพอถึงเวลา path

กลายเป็นว่าเส้นปนกันอีรุงตุงนังไปหมด

เริ่มจาก กำหนดจุดที่เราจะทำการ path โดยเอาเอาเจ้า pen tools เนี้ย

จิ้มไปตรงจุดที่เราจะเริ่มลากเส้น path

แบบนี้

แล้วเราก็ เลือกต่อว่า จุดสิ้นสุดของ path นี้จะอยู่ตรงใหน ก็ให้จิ้มไปตรงนั้น

จะได้เป็นดังรูปนี้

สังเกตว่าจะมีเส้นลากผ่านไป ไม่ต้องกังวลค่ะ เดี๋ยวเราดัดเส้นได้

โดยเมื่อต้องการดัด ให้เราเอาเม้าไปตรงจุดที่จะดัด

เช่น  นู๋ต้องการดัดให้มันโค้งๆ เลยเอาเม้าไปแถวๆ กลางเส้น

เคอร์เซอร์ของเราจะเป็นแบบนี้

คือมีเครื่องหมาย + ซึ่งถ้าเราจิ้มลงไป จะมีจุดสี่เหลี่ยมเกิดขึ้น ณ ตรงที่เราจิ้ม 

เราสามารถขยับเส้นได้โดยการกด ctrl ค้าง + เม้าจิ้มไว้ที่จุด

แล้วลากเม้าไปในทิศทางที่ต้องการ

แบบนี้

สังเกตุว่า เส้นมันจะเริ่มโค้งๆ แล้ว 

เส้นนี้เราสามารถจุดเพื่อให้เกิด จุดสำหรับการปรับนี้เท่าไหร่ก็ได้

หากแต่ เวลาลากมันจะลากเส้นเฉพาะใน จุดที่เราดึง กับเส้นที่ไม่มีจุดมาคั่นนะคะ

คราวนี้มาสังเกตเส้นที่เราลากไปนั้นจะมี แขนยื่นออกมา 

ตรงแขนของมันนี่ ก็กด ctrl ค้าง แล้วไปที่ปลายของแขน

ท่านสามารถเลื่อน ขยับ ลากขยายออกจากจุดศูนย์กลาง  หรือ

ลากหดเข้าหาจุดศูนย์กลางก็ได้

ซึ่งการขยับ จะทำให้เส้นมันคดเคี้ยวไปตามจำนวนจุดที่เรามี

ถ้าลากขยายออก เส้นมันจะโค้งออก(ใช้ทำวงกลม หรือเส้นให้โค้งๆมากๆ)

แต่ถ้าลากหดเข้าไป เส้นจะโค้งเข้าไปอีกด้าน(ใช้ทำเส้นเหลี่ยมก็ได้)

ซึ่งเมื่อขยายจนสาแกใจแล้ว

ให้เราเอากดคลิ้กขวาที่เม้า จะได้เมนู แบบนี้

กรณีตัดเส้นปกติ ก็จะใช้ Stroke path ซึ่งจะทำให้เกิดเส้นขึ้น

โดยเมื่อกดคำสั่งจะมีได้หน้าต่างนี้มา

โดยหน้าต่างนี้ จะให้เราเลือกว่า ไอ้เส้นที่เราลากเนี้ยจะทำอะไรกับมัน

กรณีการตัดเส้น ก็ให้เลือกบลัช

เส้นที่ได้จะเป็นไปตามที่เราตั้งค่าบลัชไว้ในช่วงแรกนะคะ

(ตรงนี้ถ้าเลืกไปแล้วครั้งหนึ่ง ระบบจะจำ tools ที่จะใช้นี้ไปตลอดค่ะ)

เลือกแล้ว กด OK เส้น path ที่เราเลือกไว้ จะเกิดเป็นเส้นสีดำ

หนาบางตามแต่ขนาดบลัชที่เราตั้ง

ถ้าพอใจ ก็กด enter เส้น path จะหายไป กลายเป็นแบบนี้

เส้นที่ได้ก็จะตรงๆ ทื่อ แข็งๆ แต่โค้ง สวย

เหมาะอย่างยิ่กับคนมือไม่เที่ยงเวลาใช้เม้าลาก หรือเทจังลาก

คราวนี้ ถ้าตอนที่เราจะทำ Stroke path หน้าต่างที่เลือกจะ stroke นั้นเราติ้กที่ช่องนี้

Simulate  เส้นที่ได้จะมีน้ำหนัก โดย เส้นจะหนาสุดในตรงกลาง

(ไม่ว่าจะบิดมันยังไงก็ตาม)

และปลายทั้ง 2  เส้นจะบางลง

แบบนี้

ลองมาเทียบกันดู

ระหว่างเส้นแบบปกติ กับ simulate  นะคะ

  กับ

ความหนาบางจะต่างกัน

ใครต้องการลากเส้นให้ดูมีน้ำหนักก็ใช้แบบนี้ค่ะ 

แต่คำนวณดีๆนะคะ เพราะเส้นหัว ปลาย จะบางมาก จนบางครั้งมองไม่เห็นเลย

แล้วจะทำยังไงให้เส้นมันดู มีน้ำหนัก แต่ก็ไม่บางจนเกินไป 

ก็ขยายขนาดบลัชไง...... = =' แต่เส้นจะโป่งกลางๆ 

หรือลองมาพลิกแพลงแบบนี้กัน

เราก็ลากเส้นแบบเดิมนั้นล่ะค่ะ

เพียงแต่พอลากแล้ว ให้เอาเคอร์เซอร์ไปที่ จุดเริ่ม

ตรงเคอร์เซอร์เราจะมีสัญลักษณ์ o เกิดขึ้น

ซึ่งเมื่อกดจะได้แบบนี้

แล้วเราก็มานั่งดัดเจ้าเส้นล้าง ด้วยวิธีการแบบเดียวกับข้างบน

อ้ะ อย่าเพิ่งค่ะ การทำเส้นต่อจนครบแบบนี้ ถ้าไปกด

จะเกิดเป็นเส้นใหม่ ไม่เกี่ยวกับเส้นเก่า

วิธีแก้เส้นเก่าคือ กด ctrlค้าง แล้วเอาเม้าส์จิ้มให้โดนเส้นเก่า เราถึงจะทำการแก้ไขได้

เราก็ดัดๆ มันจนเป็นแบบนี้

*3*

โค้งแล้ว หลังจากนั้นเราก็คลิ้กเม้าปุ่มขวาเช่นเดิม หากแต่คราวนี้ให้เราเลือกหัวข้อนี้

Fill Path ซึ่งก็จะได้หน้าต่าง แบบนี้ขึ้นมา

โดยในหน้าต่างนี้จะให้ระบุว่า สีที่ใช้จะใช้จากใหน

(Foreground Backgound หรือเลือกสีใหม่ ฯลฯ)

Blending ว่าจะเป็นแบบใด ความเข้มของสี รวมไปถึงความฟุ้ง

ถ้า 0 มันจะออกคมๆ แค่แปลกๆนะ ดูกระด้างๆ นู๋เลยเอาซัก 0.5

(ถ้า 1 หรือมากกว่านี้ส่วนตัวรู้สึกว่ามันเบลอๆพิกล)

เมื่อเลือกจนพอใจ ก็ OK ไปซะ มันก็จะได้แบบนี้

=w= ดูดีขึ้นนะ (แต่คนทำเวลาเจอเส้นแยะๆ บางคนจะขี้เกียจ....คนแบบนู๋น่ะ =3=''')

ลองทำหลายๆ เส้นดู

ล่อซะ 3 เส้น

ถ้าเส้นแยะๆ แล้วจะ Fill หรือ Stroke นะคะ

สังเกตว่่าคำว่า Path กลายเป็น Subpath คือมันจะ path

ให้เฉพาะเส้นที่เราเลือกอยู่ แต่ถ้าจะทำทั้งหมด 3 เส้น

ก็ ctrlค้าง แล้วเอาเคอร์เซอร์ไปจิ้ม ตรงที่ว่างๆที่ไม่ใช่เส้น

จุดเหลี่ยมๆจะหายไป จากนั้นค่อยคล้กขวา

แล้วการ Stroke หรือ Fill จะเป็น path ตามแบบเดิม

จะได้แบบนี้

-3- คราวนี้ลองโชว์เลเยอร์ bg ดูว่าถ้าพื้นขาวๆ เส้นจะเป็นไง

-3- ก็จะได้แบบนี้

คราวนี้ถ้าไม่ Fill แต่ทำ Stroke หลายๆเส้น

เราก็แค่ลากๆ ไปเรื่อยๆ ตรงใหนพอ หรือหยุด

ก็ ctrlค้าง จิ้มที่ว่างๆ แล้วปล่อย ctrl แล้วไปจิ้มเริ่มเส้นใหม่

ซึ่งทำหลายๆเส้น แล้ว stroke ที่เดียวก็ได้ เหมือนการ Fill

แต่อย่าลืมนะคะ Stroke ทำได้ทั้งเส้นธรรมดา และ Simulate

เทียบดูละกัน

อันนี้แบบ Simulate

 อันนี้แบบธรรมดา

ชอบแบบใหนก็ใช้แบบนั้น หรือผสมผสานกันก็ได้ตามแต่สไตล์

คราวนี้ถ้าเส้นที่ เราจะทำเป็นเส้นแบบเลขาคณิต หรือ รูปร่างเฉพาะ

ให้ใช้ path จากเครื่องมือนี้ค่ะ

มันจะสามารถสร้างรูปร่างให้เราได้เลย ใช้ดีนะคะ ถ้าต้องการความเที่ยงตรง

เช่น นู๋จะทำ เออ....ลักยิ้ม อมยิ้ม แก้มแดง = =' เอาเหอะ ไอ้กลมๆตรงแก้มน่ะ

นู๋ก็แค่กดที่ tools ตัวนี้แล้วไปลากบนภาพได้เลย

อันนี้วงกลม ก็จะได้แบบนี้ ซึ่งเมื่อคลิ้กขวา จะมีเมนูที่ไม่ต่างจาก Path ปกติ

เพียงแต่หลายท่านทำแล้วจะเจอปัญหาว่า

ลากมันแล้ว ไม่ตรงกับต้นฉบับ ทำไงดี ก็แบบนี้ค่ะ

หลังจากลากแล้ว คลิ้กขวา ใช้คำสั่ง

Free Transform Path แบบในรูป

เราก็จะสามารถปรับขนาด รูปร่าง ของ path ที่เราทำอยู่ได้

แบบนี้

หลังจากนั้น เราจะ Stroke หรือ Fill ก็ได้

ซึ่งถ้า Stroke มันจะเกิดเป็นเส้นตามรูปร่างที่เราใช้ค่ะ

กลมๆ แล้ว  (แย่ๆ แบบนี้ทุกคนก็รู้หมดสิว่า แตงโมของสาวๆที่นู๋วาดมาจากใหน XD )

ลองทำแบบนี้ไปเรื่อยๆค่ะ เพื่อทำเส้น

อันนี้ภาพ เมื่อนั่ง Path ทั้งรูป แล้วกดโชว์ bg เพื่อปิดภาพร่างต้นฉบับ

คราวนี้เจ้า Path เราไม่ได้ใช้แค่ลงเส้น 

เราสามารถมาใช้กับการลงสีก็ได้ โดยเฉพาะคนมือไม่เที่ยง เวิร์คใช้ได้เลย

เช่น นู๋จะลงสีผมของเนเน่

แต่ว่าไม่สามารถใช้ selection แบบปกติได้ นู๋ก็นั่งลากๆ มันไป

แบบนี้ (เอาแต่จุดที่ต้องการลงสี)

แล้วเราก็เลือกสีที่จะใช้แล้ว Fill Path ลงไป


ก็จะได้

=w=/ เรียบร้อย

ใช้วิธีนี้ประยุกต์ในการลงสีพื้น สีเงา ฉาก ของประกอบได้สารพัดค่ะ

ข้อเสียของมันจะมีคือ

เส้นที่ได้มักดูแข็งๆ จืดๆ แต่จริงๆมันก็มีเทคนิกต่างๆเสริมเพื่อแก้ไขได้อีกนะคะ

นู๋ก็นั่งลงเส้น stroke fill ไปเรื่อยๆ

มันจะได้ อารมณ์นี้ล่ะค่าาา

\*3*/ เนเน่จัง จาก World of Embryo จงเจริญ

ทังรูปนี้ Path เอาอย่างเดียวเลยค่ะ 

tools อื่นที่ใช้มีแค่ Blur กับ Texture แค่นั้นล่ะ

---------------------------------------------------

=w=/ งวดนี้คงเท่านี้ล่ะค่ะ ทุกท่าน หวังว่าจะมีประโยชน์บ้างนะคะ

Comment

Comment:

Tweet


ผมรู้สึกบทความนี้ต้องการการพิจารณามากขึ้น ฉันจะมีโอกาสมากขึ้นอีกครั้งเพื่อดูมากขึ้นขอบคุณมาก
#17 by friv (14.160.27.141|14.160.27.141) At 2014-05-14 16:21,
ยอดเลยครับ วาดการ์ตูนได้สวยมาก
http://dashmakemoney.blogspot.com
#16 by money (223.207.6.34) At 2011-12-18 16:21,
xoSWHa <a href="http://ksgljxtogvtk.com/">ksgljxtogvtk</a>, [url=http://ibtuujvzlkuf.com/]ibtuujvzlkuf[/url], [link=http://amxurapngowo.com/]amxurapngowo[/link], http://etbsehjasdtr.com/
#15 by KTeUqCHhy (111.160.68.14) At 2010-11-23 08:43,
โฮกกกก !!!
ขอบคุณมากค่ะ
กำลังหาฮาวทูสอนใช้ path พอดี
#14 by • f O X 0 0 9 • At 2010-10-23 17:44,
big smile big smile
#13 by moxumbic At 2010-08-06 01:26,
ลองทำดูแล้วคร้าบ... มันง่ายจริงๆด้วยนะ!double wink
#12 by Satanic Ryo At 2009-10-05 02:22,
โอ ไม่น่าเชื่อ จอยเก่งขึ้น เด๋วชวนมาวาดรูปเกมส์เลย อิอิ

ปล ผมจะแอดบล็อคจอยยังไงอ่ะ
#11 by Tummeng At 2009-06-26 12:21,
ทำไมภาพตอนร่าง มันสวยกว่าตอนตัดเส้นแล้วนะ!!!!



/me วิ่งตุเลงๆ หนีไป sad smile
#10 by นายอ้วนพี At 2009-06-23 21:46,
นี่มัน!!!

มัน.. เป็นสิ่งเดียวที่หนูทำไม่เป็นค่ะ อ.จอย!!!

ขอบคุณฮาวทูค่ะ ฉลาดขึ้นนิดนึงแล้ว TT wTT
#9 by *ゆきめ* At 2009-06-19 01:27,
Hot! เข้ามาให้ดาว.. *3*

ตอนนี้ ชักไม่แน่ใจละ ว่าตัดเส้นด้วยพิกม่าเหมือนเดิม กับทำ path อย่างไหนจะง่ายกว่ากัน? (ลองแล้ว สงสัยคงยังไม่ชิน)
#8 by Pop L'Arc At 2009-06-18 22:09,
= =" เมพขิง ตรงที่นั่งลากมันทั้งรูปนี่แหละ

วันหลังลองใช้อิลลัสดูสิงิ เผื่อจะเล่นเส้นได้ง่ายขึ้น
#7 by Tongy At 2009-06-18 20:56,
โอ้โห

ทำเองคงงมโข่งนานกว่าจะได้ sad smile
#6 by เม็ดบ๊วย At 2009-06-18 16:50,
เมพขิง สาระๆ
#5 by Ratcicle At 2009-06-18 16:14,
*3*... อี๊ ติตกะการตัตเส้นเองโดยใช้เทจัง + SAI ต่อไป...
#4 by Unknown Lifeform At 2009-06-18 15:23,
แล้วเมื่อไหร่อาจารย์จอยจะเป็นเป็น Inwจอย บ้างครับ question
#3 by SRP At 2009-06-18 15:13,
แย่เทพจอยเมพขิงๆ
#2 by Firstchildren At 2009-06-18 15:01,
Inw จริงๆ