:: บทเรียนบนเครือข่ายอินเทอร์เน็ต เรื่องการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Adobe Flash CS6 ::

2.3 การวาดภาพเส้นตรงและเส้นโค้ง

การวาดภาพเส้นตรงและเส้นโค้ง

การสร้างภาพกราฟิกที่ประกอบด้วยเส้นตรงและเส้นโค้งในโปรแกรม Adobe Flash CS6 เราสามารถเลือกใช้เครื่องมือ Line Tool, Pen Tool, Pencil Tool มาช่วยในการวาดเส้น ซึ่งในแต่ละเครื่องมือจะมีคุณสมบัติช่วยให้การวาดเส้นตรงและเส้นโค้งทำได้ง่าย ดังนี้

Line Tool

การวาดเส้นตรงด้วย Line Tool จะมีรูปแบบการทำงานที่ง่าย โดยเราสามารถเลือกกำหนดสี ขนาดความหนาของเส้น และลักษณะของเส้น ได้จากพาเนล Properties inspector ซึ่งมีขั้นตอนดังนี้

1. คลิกเลือกเครื่องมือ Line Tool ใน Toolbox หรือกดปุ่ม N

2. กำหนดรายละเอียดของเส้นในพาเนล Properties inspector

ภาพที่ 2.15 การกำหนดคุณสมบัติของ Line Tool

ที่มา : สุชาดา ทิพโรจน์, 2560

3. คลิกเมาส์ค้างไว้ ณ จุดเริ่มต้น จากนั้นลากเมาส์ไปยังทิศทางที่ต้องการแล้วปล่อยเมาส์ จะได้เส้นตรงตามที่ต้องการ

ภาพที่ 2.16 การใช้ Line Tool วาดเส้นตรง

ที่มา : สุชาดา ทิพโรจน์, 2560

Pen Tool

เป็นเครื่องมือที่ใช้วาดเส้นตรงและเส้นโค้ง โดยเส้นจะเชื่อมต่อกันเป็นจุดต่อจุด เรียกจุดนี้ว่า “จุดแองเคอร์” (anchor point) ซึ่งในกลุ่มเครื่องมือ Pen Tool ยังมีเครื่องมืออื่นสำหรับปรับแต่งเส้นให้กับรูปทรงต่างๆ เรียกว่า “พาธ” (Path)

ภาพที่ 2.17 กลุ่มเครื่องมือ Pen Tool

ที่มา : สุชาดา ทิพโรจน์, 2560

การวาดเส้นตรงด้วย Pen Tool สามารถทำได้ดังนี้

1. คลิกเลือก Pen Tool ใน Toolbox

2. กำหนดรายละเอียดของเส้นตรงในพาเนล Properties inspector

3. เริ่มวาดเส้นตรงโดยคลิกเมาส์ที่จุดเริ่มต้น จากนั้นคลิกเมาส์ที่จุดต่อไป จะปรากฏเส้นตรงเชื่อมต่อระหว่างจุด

ภาพที่ 2.18 การวาดเส้นตรงด้วย Pen Tool

ที่มา : สุชาดา ทิพโรจน์, 2560

การสิ้นสุดการวาดเส้นด้วย Pen Tool มี 2 วิธี ดังนี้

1. การวาดเส้นเป็นรูปทรงแบบปิด ให้คลิกเมาส์ที่จุดเริ่มต้น

2. การวาดเส้นเป็นรูปทรงแบบเปิด ให้ดับเบิ้ลคลิกที่จุดสุดท้าย หรือคลิก Pen Tool ใน Toolbox

การวาดเส้นโค้งด้วย Pen Tool สามารถทำได้ดังนี้

1. คลิกเลือก Pen Tool ใน Toolbox

2. กำหนดรายละเอียดของเส้นโค้งในพาเนล Properties inspector

3. เริ่มวาดเส้นโค้งโดยคลิกเมาส์ค้าง ณ จุดเริ่มต้น จากนั้นลากเมาส์ไปในทิศทางที่ต้องการ จะปรากฏแขนปรับความโค้งขึ้นมา เมื่อได้ความยาวและทิศทางของแขนปรับความโค้งตามต้องการแล้วให้ปล่อยเมาส์

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