วันนี้มาต่อที่การใช้ Pen Tool วาดเส้นให้ได้รูปร่างตามที่เราต้องการกันนะคะ การใช้งานไม่ยาก แต่ต้องอาศัยความชำนาญค่ะ กว่าเราเองจะวาดจนคล่องก็ใช้เวลานานเหมือนกันค่ะ ต้องใจเย็น และหมั่นฝึกวาดบ่อยๆจะช่วยให้เก่งเร็วขึ้นค่ะ

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




รูปที่ 1 จุด anchor จะเป็นมีแค่จุดธรรมดา ส่วนรูปที่ 2 จุด anchor จะมีแขน 2 ข้างยื่นออกมา เจ้าแขนสองข้างนี่แหล่ะค่ะ ที่เป็นตัวทำควบคุมเส้น ให้พริ้วไหว ไปตามที่เราบังคับ




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

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



Step 1
สร้างจุดเริ่มต้นก่อนเลยค่ะ
Step 2
แล้วมาคลิ๊กเม้าส์อีกที ที่จุด 2 ตามรูป คลิ๊กเม้าส์ค้างเอาไว้นะคะ ห้ามปล่อย ไม่งั้นเราก็จะได้แค่จุด anchor ธรรมดาที่ไม่มีแขน
Step 3
ลองลากเม้าส์ดูสิคะ จะเห็นว่าจะมีแขนยื่นออกมาจากจุด เจ้าเส้นสีแดงในรูป นั่นแหล่ะค่ะ แขนของจุด
คลิ๊กเม้าส์ค้างไว้ก่อนนะคะ



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




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



Step 1
ลองวาดตัว S ขึ้นมาก่อนเลยค่ะ ไม่สวยไม่เป็นไร แค่ให้มันออกมาเป็น S ก็พอ
Step 2
ก่อนปรับแขน เรามาปรับจุดก่อนค่ะ ปรับให้ตำแหน่งจุดด้วยลูกศรขาว ให้ตำแหน่งเส้นออกมาดูสวยงามก่อน (เส้นส้ม คือ เส้นที่โดนปรับจุดใหม่ค่ะ)
Step 3
คราวนี้ลองเอาลูกศรขาวไปจิ้มที่จุดค่ะ จะเห็นแขนยื่นออกมา
Step 4
ปรับแขนได้เลยค่ะ เอาลูกศรขาวไปคลิ๊กตรงจุดปลายแขนนะคะ จะยืด จะหด ยังไงก็ได้แล้วแต่เราต้องการเลยค่ะ

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




Step 1
ลองสร้างเส้นตามรูป 1 ค่ะ เพื่อสร้างส่วนโค้งด้านบนของเลข 2
Step 2
ลองลากต่อดูสิคะ จะเห็นว่าเราจะทำฐานของเลข 2 ไม่ได้เลย เพราะเจ้าแขนมันจะบังคับให้เส้นมันออกมาเป็นแบบ เส้นสีน้ำเงิน ดังนั้นเราต้องหักมุมมันก่อนค่ะ (ถ้าใครคลิ๊กเส้นไปแล้ว กด Ctrl Z เพื่อ undo นะคะ จะได้กลับมาเหมือนรูปที่ 1 เหมือนเดิมค่ะ)
Step 3
ทีนี่ลองเอาเม้าส์ไปจ่อที่จุด จะเห็นว่าcursor จะเปลี่ยนเป็นรูปปากกา มีรูปตัว V กลับหัว ตัวนี้แหล่ะค่ะ คือตัวที่ไว้ใช้หักแขนค่ะ กดคลิ๊กลงไปเลย จะเหลือแขนอยู่ข้างเดียวแล้วค่ะ
Step 4
แล้วก็วาดฐานเลข 2 ต่อไปเลย

พอจะเข้าใจขึ้นมาบ้างหรือยังคะ มีข้อแนะนำอีกอย่างสำหรับการใช้บางกาวาดรูปค่ะ เวลาเราสร้างจุดไปเรื่อยๆ มันค่อนข้างยากที่จะได้ตำแหน่งออกมาตรงที่ต้องการ หมั่นใช้ Ctrl Z (undo) นะคะ อย่างสมมุติว่าเราลากไปได้ละ 5 จุด พอถึงจุดที่ 6 เกิดไปถูกใจ ก็ Ctrl Z ไป มันก็จะแก้ใขจุด 6 ให้ค่ะ หรือ อยากย้อนไปแก้ไขจุด 4 ก็ Ctrl Z ไปเรื่อยๆ จนถึงจุดที่เราพอใจค่ะ Ctrl Zนี่จะเป็นประโยชน์มากในการวาดรูปค่ะ

แต่ถ้าย้อนกลับไป แล้วเกิดถูกใจอันเก่ามากกว่า อยากได้แบบเดิมคืนมา ก็ Redo มันกลับคืนมาได้ค่ะ โดยการกด Ctrl+Shift+Z ค่ะ ( หรือจะไปเลือกที่ Edit ตรง menu bar ด้านบนก็ได้ค่ะ)

ต้องการ Undo กด Ctrl Z
ต้องการ Redo กด Ctrl+Shift+Z

ในชุดเครื่องมือของ Pen Tool จะเห็นมีเครื่องมือตังนึงที่มีรูปร่างเหมือนตัง V คว่ำใช่ไหมคะ ตัวนี้เรียกว่า Convert Anchor Point Tool ค่ะ ประโยชน์ของมันมีอยู่ 3 ประการดังนี้ค่ะ

1. ใช้เปลี่ยนเส้นโค้งให้เป็นเส้นตรง
ลองสร้างรูปอะไรก็ได้ที่มีส่วนโค้งขึ้นมาดูค่ะ แล้วเอาเจ้าตัว Vคว่ำ ไปจิ้มที่จุดanchor ดู จะเป็นว่าแขนจะหายไป กลายเป็นจุดมุมเหลี่ยมขึ้นมาแทนค่ะ




2. ใช้เปลี่ยนเส้นตรง ให้เป็นเส้นโค้ง
ลองเอาเจ้า Vคว่ำ ไปจิ้มที่จุดanchor ของมุมเหลี่ยมดูค่ะ คลิ๊กเม้าส์ค้างเอาไว้ แล้วลองลากดู จะเห็นว่าจะมีแขนยื่นออกมาค่ะ เท่านี้ก็เปลี่ยนเส้นตรงให้เป็นเส้นโค้งได้อย่างง่ายๆ




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




มาลองทำแบบฝึกหัดกันดีกว่าค่ะ



Step 1
สร้างวงกลมขึ้นมาเลยค่ะ 1 รูป
Step 2
หักแขนที่มุมด้านล่างซะ เพื่อให้กลายเป็นมุมแหลม
Step 3
ใช้ลูกศรขาวไปจิ้มที่จุดบนสุด ลากลงมาค่ะ เวลาลากกด Shift ค้างไว้ด้วย จะทำให้ลากลงมาได้เป็นเส้นตรง ไม่เบี้ยว
Step 4
จากนั้นก็ใช้ตัว Vคว่ำจัดการปรับแขนขวาให้นูนขึ้นมา
Step 5
จัดการแขนซ้ายต่อ เท่านี้ก็ได้รูปหัวใจแล้วค่ะ
Step 6
ใส่สีให้สวยงามตามชอบ
Step 7
ทีนี้สร้างวงรีออกมาอีก 1 อันค่ะ
Step 8
จิ้มหัว จิ้มท้าย ทำเป็นมุมแหลมซะ
Step 9
แล้วก็จัดการใส่สี
แค่นี้ก็เรียบร้อยแล้วค่ะ มาดูซิว่าเราจะเอาเจ้าสองตัวนี้ไปทำอะไรได้บ้าง



:: ของแถม ::
วิธีการปรับแต่งเส้น Stroke ค่ะ



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



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

Create Date : 01 สิงหาคม 2550
Last Update : 17 พฤศจิกายน 2552 15:38:54 น.		69 comments
Counter : 21956 Pageviews.
Share Tweet