ต่อไปจะเริ่มวาดรูปกันแล้วนะคะ จะเน้นให้เรียนรู้เทคนิคจากการปฎิบัติด้วยตนเอง จะได้เป็นเร็วๆ ซึ่งถ้าใครมีปัญหา ติดขัดตรงไหน ก็ถามได้ตลอดเลยนะคะ จะถามที่ comment box ในแต่ละบทเรียนก็ได้ จะคอยไปตอบให้ค่ะ นักเรียนอย่าลืมหมั่นเช็ค comment box ด้วยนะคะ เพราะบางที่เราจะไปตอบปัญหาไว้ค่ะ

** สำหรับใครที่มีปัญหากับ Lesson ที่แล้ว Exercise 2 เรื่องการกด Ctrl แล้วไม่ได้ผล คุณครูผิดเองค่ะ เข้าไปแก้ให้แล้วนะคะ ลองเข้าไปอ่านใหม่ได้ค่ะ **

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



รูปข้างบน คือ การที่เราใช้ลูกศรขาวเปลี่ยนแปลงจุด Anchor ของวัตถุ เพื่อให้ได้รูปร่างตามที่เราต้องการค่ะ ไม่ต้องเกริ่นกันมากแล้ว มารู้จักวิธีใช้ Direct Selection Tool หรือ เจ้าลูกศรขาวกันเลยค่ะ




ลองดู รูปสี่เหลี่ยมสองรูปนี้สิคะ เห็นความแตกต่างไหมคะ



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

มาลองใช้ ลูกศรขาวกันเลยนะคะ
1. กด A เพื่อเลือกลูกศรขาวมาใช้ค่ะ แล้วเอา cursor ไปจิ้มที่เส้นเลยค่ะ แรกๆจะยากหน่อย จิ้มโดนแล้วมันจะขึ้นจุด anchor ให้เราสีขาวค่ะ จุดทุกจุดที่เรา สามารถปรับแต่งได้หมดเลยนะคะ ถ้าอีกหน่อยเซียนๆแล้ว ไม่ต้องจิ้มที่เส้น จิ้มลงไปตรงจุดเลยก็ได้ค่ะ



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



3. คราวนี้ลอง Drag (ลาก) เม้าส์ไปตามรูปเลยค่ะ แล้วปล่อย



4. เราก็ได้สี่เหลี่ยมรูปร่างใหม่แล้วค่ะ ง่ายใช่ไหมคะ



Tips :: เวลาที่เราต้องการเคลื่อนย้ายวัตถุหลายชิ้นทีเดียวกัน สามารถใช้ เม้าท์ Drag (ลาก) ครอบคลุมได้ในทีเดียวเลยคะ
กรณีใช้ลูกศรดำ สามารถใช้ได้กับวัตถุทั้งชิ้น หลายๆชิ้น



หรือในกรณีเราใช้ลูกศรขาว ก็สามารถใช้เม้าท์ลากครอบคลุม จุดขาวหลายๆจุดได้พร้อมกันค่ะ



แบบฝึกหัดวันนี้ มาลองวาดกล่องแบบง่ายๆ กันนะคะ




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



Step 1 :: วาดรูปสีเหลี่ยมขึ้นมาตามรูปเลยคะ ในรูปนั้นมี 2 ชิ้นนะคะ แล้วเอามาชนกัน

ส่วนแก้ไข เพิ่มเติม

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



ขั้น 1 : สร้างจุดเริ่มขึ้นมาก่อน
ขั้น 2-4 : คลิ๊กเม้าส์ต่อไปเรื่อยๆ ตามรูปทรงที่ต้องการไปเลยค่ะ ทุกครั้งที่คลิ๊กเม้าส์ cursor จะเปลี่ยนไปตามรูปที่โชว์ ไม่ต้องไปสนใจนะคะ เจ้าตัวมุมแหลม นั้นเดี๋ยวจะมาสอนทีหลังค่ะ
ขั้นที่ 5 : เราจะจบรูปแล้วใช่ไหนคะ พอเม้าส์ไปใกล้จุดเริ่มต้น ต้องให้เห็นว่า cursor จะเป็น วงกลมเล็กๆ ก่อนค่ะ เพื่อให้เส้นทั้งหมดเชื่อมต่อกัน (ในการทำงานจริง บางคนก็ไม่ค่อยต่อกันเท่าไหร่ แต่อยากให้หัดไว้เป็นนิสัย เพื่อนความเรียบร้อยในการทำงานต่อไปค่ะ ) พอเห็นเจ้าวงกลมแล้ว ก็คลิ๊กลงไปเลยค่ะ
ขั้นที่ 6 : ลงสี ตอนลงสี อย่าลืมไปเลือกที่ Fill กับ Stroke ตรงส่วน Tool Box ก่อนนะคะ (เข้าไปดูคำอธิบายได้ที่ Lesson 3 : color color)



Step 2 :: วาดส่วนด้านในกล่องอีก 2 ชิ้นค่ะ (ส่วนสีเทา) วาดทับไปเลยนะคะ ที่นี่เรามาส่งเจ้าสองชิ้นสีเทาไปอยู่ด้านหลังกันค่ะ



วิธีการจัดลำดับวัตถุ ทำได้ดังนี้ค่ะ

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

Bring to Front วางวัตถุชิ้นนั้นไว้บนสุด
Bring Forward เลื่อนวัตถุชิ้นนั้นขึ้นมา 1 ชั้น
Send Backward เลื่อนวัตถุชิ้นนั้นลงไป 1 ชั้น
Sent to back วางวัตถุชิ้นนั้นไว้ล่างสุด

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



Step 3 :: พอเราส่งด้านในของกล่องไปอยู่ด้านหลังแล้ว ก็มาทำฝากันเลยค่ะ ตามตัวอย่างเลยนะคะ



Step 4 :: ได้กล่องแล้วก็มาลงสีกัน ตามที่สอนไปแล้วใน Lesson 3 จะเลือกแล้วลงทีละชิ้น หรือ อยากรวดเร็ว ก็drag เม้าท์ครอบทุกชิ้น แล้วกดลงสีครั้งเดียวเลยก็ได้ค่ะ



Step 5 :: เพื่อให้ดูสมจริงขึ้น ก็มาปรับสีส่วนของกล่องที่ไม่โดนแสง ให้เข้มขึ้นหน่อยตามรูป วิธีปรับก็ง่ายๆค่ะ คลิ๊กวัตถุชิ้นที่ต้องการ แล้วไปปรับที่ Color Picker ( Lesson 3) หรือ จะปรับตรงหน้าต่าง Color ก็ได้ค่ะ หน้าตามันเป็นแบบนี้นะคะ



เจ้าตัวนี้ก็เหมือนจานสี ที่ใช้ผสมสีนั่นเองค่ะ เวลาเราคลิ๊กเลือกสีไหนจาก Swatches สีนั้นก็จะมาโผล่ตรงนี้ ให้เราเลือกปรับได้ (ปรับโดนเลื่อนเจ้าสามเหลี่ยมไปมา) หรือ จะจิ้มเอาเองจากแถบสีสายรุ้งก็ได้ค่ะ

ของแถม :: วิธีการปรับเส้น ( Stroke) ค่ะ
อยากได้เส้นใหญ่ หรือ เส้นหมี่ ปรับได้ตามใจชอบเลยค่ะ จะทำเส้นประก็ได้ ง่ายๆ แค่คลิ๊กวัตถุที่ต้องการปรับเส้น แล้วก็ไปเลือก ปรับที่ Weight ได้เลยค่ะ จะกรอกตัวเลขเอง หรือ จะเลือกจากที่เค้ามีให้แล้วก็ได้




วันนี้ใจดี แถมอีกอย่าง คือ วิธีการ Group วัตถุค่ะ
เจ้ากล่องที่เราวาดขึ้นมา ถ้าไม่ Group มันไว้ เวลาเคลื่อนย้าย จะวุ่นวายพอสมควร ให้ drag เม้าส์คลุมวัตถุทุกชิ้นที่รวมกันเป็นกล่องไว้นะคะ แล้วคลิ๊กขวา จะเห็นคำสั่ง Group ในเมนูลัด เลือกตัวนั้นเลยค่ะ (หรือจะกด Ctrl G) ก็ได้ค่ะ จะเป็นการรวมวัตถุหลายๆชิ้นให้เป็นชิ้นเดียวกัน ที่นี่ลองไปคลิ๊กแล้วย้ายกล่องของเราไปมา จะเห็นว่ามันจะกลายเป็นวัตถุชิ้นเดียวไปแล้วค่ะ



ถ้าอยากแตกวัตถุที่ถูก Group ออกป็นชิ้นย่อยๆ ก็แค่ไปคลิ๊กที่ตัววัตถุนั้น แล้วคลิ๊กขวา เลือก Ungroup ค่ะ

ลองหัดวาดกล่อง แล้วก็ลองวาดอย่างอื่นดูด้วยนะคะ Have a nice weekend ค่ะ นักเรียนทุกคน