หลักการวาดภาพในโปรแกรม Adobe Flash CS6
การวาดภาพด้วยเครื่องมือในโปรแกรม Adobe Flash CS6 นั้น ภาพที่ได้จะเรียกว่า รูปทรง (Shape) โดยรูปทรงของภาพ
มีส่วนประกอบดังนี้
เส้นขอบ (Stroke) ส่วนที่มีลักษณะลายเส้น เช่น เส้นตรง เส้นโค้ง เส้นอิสระ รวมถึงเส้นขอบบริเวณรอบรูปทรง ซึ่งสามารถปรับขนาด ใส่สีและลวดลายได้
พื้นรูป (Fill) เป็นส่วนประกอบที่อยู่ภายในเส้นขอบ ซึ่งสามารถจะกำหนดให้มีสีพื้น (Fill color) หรือไม่ให้มีสีพื้น
(No color) ก็ได้ ในการลงสีพื้นสามารถเลือกได้ว่าจะลงแบบใด ระหว่างสีทึบ, ไล่โทนสี และการนำภาพบิตแมพ
มาเป็นสีพื้น
ภาพที่ 2.3 ส่วนประกอบของรูปทรง
ที่มา : สุชาดา ทิพโรจน์, 2560
รูปทรงที่สร้างในโปรแกรม Adobe Flash CS6 นั้น พื้นรูปและเส้นขอบจะแยกเป็นอิสระต่อกัน ทำให้สามารถวาดภาพที่มีแต่ พื้นรูปไม่มีเส้นขอบ หรือวาดภาพที่มีแต่เส้นขอบไม่มีพื้นรูปก็ได้
การกำหนดรายละเอียดการวาดรูปทรง
เมื่อเราคลิกเลือกเครื่องมือใดเพื่อวาดรูปทรง พาเนล Property Inspector จะแสดงคุณสมบัติของเครื่องมือนั้น ซึ่งเราสามารถกำหนดคุณสมบัติเพิ่มเติมได้ดังภาพ
ภาพที่ 2.4 Property Inspector แสดงคุณสมบัติเครื่องมือ
ที่มา : สุชาดา ทิพโรจน์, 2560
ตัวอย่างคุณสมบัติของเครื่องมือ Line ในพาเนล Property Inspector มีรายละเอียดที่เราสามารถกำหนดได้ ดังนี้
ภาพที่ 2.5 รายละเอียดคุณสมบัติของเครื่องมือ
ที่มา : สุชาดา ทิพโรจน์, 2560
การกำหนดรายละเอียดคุณสมบัติของเครื่องมือในส่วนของการเลือกสีเส้นขอบและสีพื้นรูป เมื่อเราคลิก หรือ จะปรากฏจานสีซึ่งเป็นสีมาตรฐานที่โปรแกรมกำหนดมา หากเราต้องการผสมสี หรือไล่ระดับสี สามารถทำได้ ดังนี้
ภาพที่ 2.6 การเลือกสีเส้นขอบและสีพื้นรูป
ที่มา : สุชาดา ทิพโรจน์, 2560
การวาดรูปทรง
การวาดรูปทรงด้วยเครื่องมือในโปรแกรม Adobe Flash CS6 สามารถทำได้ 2 รูปแบบ ดังนี้
1. วาดแบบ Merge drawing เป็นการนำรูปทรงมาเรียงซ้อนกัน ทำให้รูปทรงถูกรวมเข้าด้วยกัน หรือแตกออก เป็นส่วนย่อยๆ แล้วแต่กรณี ดังนี้
รูปทรงที่ไม่มีเส้นแต่มีสีพื้นเป็นสีเดียวกัน ซ้อนทับกัน จะทำให้พื้นรูปทั้งหมดถูกรวมเข้าด้วยกัน
ภาพที่ 2.7 รูปทรงที่ไม่มีเส้นแต่มีสีพื้นเป็นสีเดียวกัน
ที่มา : สุชาดา ทิพโรจน์, 2560
รูปทรงที่ไม่มีเส้นแต่มีสีพื้นต่างกัน ซ้อนทับกัน รูปทรงที่อยู่ด้านล่างส่วนที่ถูกซ้อนทับจะถูกตัดออกโดยรูปทรงด้านบน
ภาพที่ 2.8 รูปทรงที่ไม่มีเส้นแต่มีสีพื้นต่างกัน
ที่มา : สุชาดา ทิพโรจน์, 2560
รูปทรงที่มีเส้นขอบซ้อนทับกัน (ไม่ว่าสีพื้นและสีเส้นจะเหมือน หรือต่างกัน) รูปทรงส่วนที่ถูกทับจะถูกตัดออก แต่เส้นขอบจะติดไปกับอันที่ดับเบิ้ลคลิกเลือก แล้วลากออกไป
ภาพที่ 2.9 รูปทรงที่มีเส้นขอบซ้อนทับกัน
ที่มา : สุชาดา ทิพโรจน์, 2560
วาดเส้นตรงตัดผ่านรูปทรง จะทำให้รูปทรงถูกแบ่งออกเป็นส่วนย่อยๆ ตามแนวที่ถูกเส้นตรงตัด
ภาพที่ 2.10 เส้นตรงตัดผ่านรูปทรง
ที่มา : สุชาดา ทิพโรจน์, 2560
วาดเส้นตรงตัดกัน หรือนำเส้นหนึ่งมาซ้อนทับอีกเส้นหนึ่ง เส้นทั้ง 2 จะถูกตัดออกเป็นส่วนย่อยๆ ตรงจุดที่เส้นทั้งสองตัดกัน
ภาพที่ 2.11 เส้นตรง 2 เส้นตัดกัน
ที่มา : สุชาดา ทิพโรจน์, 2560
2. วาดแบบ Object drawing เมื่อเลือกเครื่องมือวาดภาพจะปรากฏ Option ใน Toolbox ให้คลิกเลือกที่ปุ่ม จะเข้าสู่โหมดการวาดแบบ Object drawing ซึ่งรูปทรงที่ได้จะรวมเส้นขอบและพื้นรูปเข้าด้วยกัน เราสามารถนำรูปทรงมาซ้อนทับกัน แยกออกจากกัน หรือเคลื่อนย้าย โดยไม่มีส่วนใดของภาพที่หายไป
ภาพที่ 2.12 ลักษณะรูปทรงที่วาดแบบ Object drawing
ที่มา : สุชาดา ทิพโรจน์, 2560
หากต้องการแยกส่วนเส้นขอบและพื้นรูปของรูปทรงที่วาดแบบ Object drawing ออกจากกัน เราสามารถทำได้โดยการคลิกเลือกรูปทรงนั้น แล้วเลือกเมนูคำสั่ง Modify > Ungroup หรือคลิกขวาที่รูปทรง แล้วเลือก Break Apart
ภาพที่ 2.13 การแยกรูปทรงแบบ Object drawing ออกจากกัน
ที่มา : สุชาดา ทิพโรจน์, 2560
เราสามารถแก้ไขรูปทรงแบบ Object drawing ได้โดยการดับเบิ้ลคลิกที่รูปทรง จะเข้าสู่หน้าต่างของการวาดรูปแบบ Merge drawing สามารถแก้ไขรูปทรง สีเส้นขอบ สีพื้นรูป ได้
ภาพที่ 2.14 การแก้ไขรูปทรงแบบ Object drawing
ที่มา : สุชาดา ทิพโรจน์, 2560