ฝึก Path จากพื้นฐาน

posted on 08 May 2006 03:18 by sheep  in IllustratorToday

สวัสดีกันอีกครั้งสำหรับการสอนอิลลัสวันนี้

เริ่มจากอารายดีหว่า.. อ่อ วันนี้เราจะมาสอนพื้นฐาน

เบสิคสุดๆ ของ Illustrator เลยทีเดียว

นั่นก็คือการ Path น่ะเอง..

อ๊ะ!.. อย่าเพิ่งคิดว่าแค่ Path เองใครๆก็ทำได้

จริงๆแล้วมันก็เหมือนการทำข้าวผัดน่ะแหละ ใครๆก็ทำได้

แต่ที่อร่อยจริงๆมีแต่ยอดกุ๊กกะทะเหล็กเท่านั้นที่ทำเป็น หุ หุ (เกี่ยวมะนั่น!!)

..นอกเรื่องไปมากมาย.. เรามาเริ่มกันดีก่า

INTRO

การ Path มีเครื่องมือหลักๆที่ใช้ก็คือ Pen Tool ใช้ชอตคัทโดยพิมพ์ P

แต่ในส่วนของ Pen Tool นั้นหากกดค้างไว้ก็จะแยกเครื่องมือเพิ่มออกมาอีก

ได้แก่ปากกาเพิ่มจุด, ลบจุด, และตัวแก้ไขขาเว็คเตอร์

การ Path นั้นเป็นการสร้างเส้นเวคเตอร์ให้เป็นลายเส้นและรูปร่างดังใจเรา

ดังนั้นจึงควรรู้ธรรมชาติของเว็คเตอร์ก่อนนะครับว่ามันเป็นยังไง

โดยธรรมชาติของเว็คเตอร์ที่มีนั้นคือ จุด, ทิศทาง , แรง

ในโปรแกรม Illustrator ได้จำลองรูปแบบเว็คเตอร์ออกมาดังรูป

โดยที่จุดนั้นจะเป็นตัวส่งแรงและทิศทางของเวคเตอร์นั้นๆออกไป

ขาของเวคเตอร์จะเป็นตัวกำหนดแรงส่งยิ่งยาวก็คือแรงส่งยิ่งมาก

ทิศทางก็คือมุมที่เวคเตอร์ทำกับจุดนั้นๆเป็นตัวกำหนดทางไปของ Path

..เข้าใจกันมะหว่า..

ธรรมชาติของเวคเตอร์ในโปรแกรม Illustrator นั้น

การสร้างเส้น Path จะเกิดได้โดยส้รางเส้นต่อระหว่าง 2 จุด

โดยมีขาเวคเตอร์เป็นตัวกำหนดความโค้งงอของเส้นนั้นๆ

ซึ่งสามารถสร้างสรรค์รูปแบบเส้น Path ได้มากมายโดยการดัดขาเวคเตอร์

การสร้าง Path แบบไม่มีเวคเตอร์

ก็คือการสร้างเส้นจากจุดธรรมดานั่นเอง

ให้ใช้เม้าส์คลิ๊กจุดที่ต้องการสร้างแล้วไปคลิ๊กอีกจุดก็จะได้เส้น Path

วิธีนี้จะไม่เกิดขาเวคเตอร์ แต่ไม่สามารถสร้างเส้นโค้งได้

การสร้าง Path แบบไหลตามแรงเวคเตอร์

ให้ใช้ปากกาสร้างจุดแล้วลากเม้าส์ค้างไปในทิศทางที่เว็คเตอร์จะไป

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

แล้วลากเม้าส์ค้างเพิ่มเวคเตอร์ ทำอย่างนี้ไปเรื่อยๆ

ให้สังเกตุที่ขาเวคเตอร์ว่าทั้ง 2 ข้างจะเท่ากันและส่งทิศทางไปด้านตรงข้ามเสมอ

การสร้าง Path แบบหักขาเวคเตอร์

การ Path แบบนี้เป็นการ Path ที่ใช้บ่อยที่สุดครับ

เพราะสามารถสร้างเส้น Path ที่หลากหลายและสมจริง

การที่เราจะดัดขาเวคเตอร์นั้นหลังจากสร้างจุดแล้วลากเม้าจนเกิดขาเวคเตอร์แล้ว

ให้กดปุ่ม Alt หัวเม้าส์จะกลายเป็น ^ หัวแหลมแบบนี้

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

ส่วนการจะทำให้จุดนั้นๆมีขาเวคเตอร์เดียว

ก็ให้เอาเม้าส์ไปกดที่จุดนั้นหัวเม้าส์จะเป็นแบบนี้

เมื่อคลิ๊กไปที่จุดนั้นๆก็จะเป็นการตัดขาเวคเตอร์อีกข้างทิ้งทันที

ส่วนการแก้ไข Path นั้นเราสามารถกลับไปแก้ไขจุดและขาเวคเตอร์ทั้งหมดได้

โดยใช้เครื่องมือ Direct Selection Tool เป็นลูกศรสีขาวใช้ชอตคัทพิมพ์ A

ด้วยเครื่องมือนี้ก็สามารถกลับไปแก้ไขเวคเตอร์และจุดต่างๆได้ตามสะดวกครับ

อ่อ ส่วนจุดไหนที่ไม่มีเวคเตอร์แล้วอยากจะเพิ่มขาเวคเตอร์ก็ให้กด Alt

แล้วไปคลิ๊กที่จุดนั้นๆแล้วลากทิศทางเพื่อสร้างขาเวคเตอร์ได้ครับ

จริงๆแล้วการสร้าง Path ให้สวยเนี่ยต้องเกิดจากการฝึกและสังเกตุครับ

ถ้าเราสามารถควบคุมระยะห่างของจุดกับทิศทางและแรงเวคเตอร์ได้ดี

ก็สามารถสร้าง Path สวยๆได้อย่างง่ายดายเลยล่ะ

แถมงานดราฟ Toom Rider ให้ดูสักอัน หุ หุ

จบไปอีกบทสำหรับของวันนี้นี่ใครที่รู้เรื่องแล้วก็ต้องขอโทษด้วยครับ

จริงๆแล้วบทนี้ควรจะเป็นบทแรกในการสอน Illustrstor ด้วยซ้ำไป

เพิ่งมานึกได้ว่าไม่เคยสอนพื้นฐานการ Path เลยนิหว่า

หวังว่าคงยังไม่ช้าเกินไปนะครับ แหะๆ

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

ดีเลยคับ กำลังเริ่มฝึกโปรแกรมนี้คับ จะเข้ามาเรียนบ่อยๆ ขอบคุณมากคับ

#1 By คุณโม on 2006-05-09 04:26

โชว์จิงวุ้ย พวกระบบป้องกันนิรภัยไรนั่น -*- วาดเก่งงงงง
เองเก่ง ทำต่อไป

#2 By * Jetkaro ShowtimE * on 2006-05-09 06:30

โอ้...ไม่ได้มาเยี่ยมนาน เดี๋ยวนี้เป็น blog สอน Illustrator แล้วเหรอคะ ดีจัง ไว้จะเข้ามาบ่อยๆ

ขอสมัครเป็นลูกศิษย์ด้วยคนนะ คิคิ


#3 By ©>KoNPiSeD™® on 2006-05-09 07:07

อยากใช้อิลลัสเตรเตอร์เป็นเหมือนกัน โฮ่ ๆ เห็นดราฟแล้วเหนื่อยแทน
แต่ของแบบนี้ไม่ฝึกทำเองก็คงไม่เป็นหรอกเนอะ

#4 By nighty on 2006-05-09 09:00

สุดยอดดดดดดดดดดดดด
ยากจัง
ทุกวันนี้ยังทำ illus ไม่ได้เบย ใช้ได้แต่ photoshop เล็กๆ น้อยๆ

#6 By ::NamWarn:: on 2006-05-09 09:14

โอ้ ว้าววว
สุดยอดเลยฮะ แล้วจะเข้ามาดูบ่อยๆนะฮะ

#7 By :: แมวดาว :: on 2006-05-09 10:19

บทนี้ พอรู้อ่ะจ้า
แต่ไหงทำได้ไม่สวยเท่าคุณแกะ
อันนี้สอนกันได้ไหมเนี่ย

ปล. งานไม่ยุ่งแล้วเหรอ หนีไปเที่ยวได้แล้วจ้า

#8 By ++ HoORaY ++ on 2006-05-09 10:46

โอ้วววว ภาพข้างบนสวยมากเลยคร่า
เจ๋งมากกกกกกกกกกก ชอบๆๆงานดร๊าฟแบบนี้จังเลยค่ะ

#10 By ■ TamaRPG ■ on 2006-05-09 12:19

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

ปล.เรามีปัญหาอ่ะพี่แกะ คือว่าดราฟปากไม่สวยสักที
คราวหน้าพี่แกะสอนดราฟปากหน่อยดิคะ

#11 By @ I'm a Box @ on 2006-05-09 13:51

แว๊ก... แตก Group ที มีหวังปวดหัวตายแน่ผม
โห... งานเทพ...
เมื่อคืนลองนั่งหัดตามตำราดูแล้วครับ
ยัง งงๆ อยู่มาก แต่จะพยายามให้มากขึ้นครับ
ขอบคุณBlogของพี่นะครับ Blogดีมีประโยชน์แบบนี้ ควรเป็นBlog โอท็อป... ซะงั้น...55555+

#13 By ...hode18sky... on 2006-05-09 14:51

ฝีมือสุดยอดจริงๆ สวยครับ

ว่างๆ แวะดูรูปที่ไปเที่ยวได้นะ ลงไปหลายตอนแล้ว
http://www.vacationzone.co.th/webboard/Question.asp?GID=17916

#14 By จั่นเจา (203.154.154.162) on 2006-05-09 17:44

ขอบคุณค่า ได้ความรู้
รูปงามมากๆ ดราฟละเอียดจริงๆ

#15 By MEISAN MUI on 2006-05-09 22:21

ดีจังเลยค่ะ มีสอนด้วย
แต่เอ๋อ่อนหัดมากๆ คงต้องลองพยายามฝึกฝนค่ะ
เก่งจังเลยค่ะ

#16 By Boonnada on 2006-05-10 01:24

เป็นอะไรที่ปราบเซียนมากๆ ครับ
มันต้องฝึกบ่อยๆ สินะฮะ แล้วก็จะคล่องปรื๊ด

#17 By Bickboon on 2006-05-10 05:22

มาสอนบ่ิอยๆคร้าบ

#18 By dreamscape on 2006-05-10 09:01

ถ้าหัดทำบ่อยๆแล้วฝีมือคงดีขึ้นสามารถทำภาพอย่าง เจ๊ลาล่าได้แหง๋ๆ!!
โอว มันเท่ห์มากๆเลยค่ะ แต่ว่าจนถึงตอนนี้ก็ยังไม่ได้ซื้อแผ่นโปรแกรมเลย

#19 By หนูพุก on 2006-05-10 12:11

งานดราฟดูน่ากัวดีแท้ *-*

อิอิ ยังไม่เคยเห็นแบบนี้เรยงับ

ขอบคุนนะค้า ยังไงก้อเปงกำลังใจให้ หุหุ

สร้างสรรค์งานเยอะๆ งามตา

#20 By ♪~❤~Minmin~❤~♪ on 2006-05-10 14:42



ผมเองความสามารถด้านศิลปะอ่อนด้อย
ทำอะไรได้แต่แบบที่เป็นเรขาคณิต
อย่างตอนนี้ก็ใช้ Photoshop กับการแต่งรูป แต่ง Blog
ความรู้เรื่อง path ก็อ่อนด้อย
เดี๋ยวจะกลับเอาไปลองดูครับ

#21 By AkE on 2006-05-10 16:23

เป็นโรคกลัว Path ค่ะ
แบบว่าขี้เกียจ...แต่ก็ต้องหัด..ใช่ไหมคะ

#22 By ยายแม่บ้าน on 2006-05-10 21:31

โหพี่ ละเอียดยิบ ยอมแพ้เลย ทำแล้วปวดตาจริงๆ

#23 By น้าม on 2006-05-11 01:01

อยากทำเป็นบ้างจังงงงง

#24 By 4135's blog : film2u@hotmail.com on 2006-05-11 02:27

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

#28 By จั่นเจา on 2006-05-15 22:59

ทำหนังสืออะไรอ่ะคร๊าบบบ
จะได้ไปซื้อมาดูคร๊าบบบ
สวยจัง

#30 By mymaya on 2006-05-16 11:25

อยากทำงี้มั่งอ้ะ

#31 By metropoly on 2006-05-18 00:56

ดีค่ะ คุณแกะ เก่งจริง ๆค่ะ

#32 By ~ * ~ Sun Sun ~ * ~ on 2006-05-19 17:13

ใช้ pen tool ไม่เป็นค่ะ เพิ่งจะได้ข้อมูลก็วันนี้ล่ะ ทุกทีที่คิดจะใช้ก็ได้โชคช่วย ได้เส้นตามต้องการ ต่อไปนี้ก็จะมีฝีมือมาเกี่ยวข้องแล้วล่ะ เย่ๆ

ยากเหมือนกันนะนี่

#33 By Bumbim on 2006-05-19 21:40

ขอบคุณค๊าบ ........
ที่สอนให้
เพิ่งมาหัดเหมือนกัน

#34 By kindergarten's come back (124.121.163.98) on 2006-08-11 20:37

เว็ปดีๆ

#35 By Action on 2007-04-17 23:44

เว็ปดีๆ

#36 By Action on 2007-04-17 23:45

โอ้วนายแน่มาก

#37 By yamayung on 2007-10-26 14:08