2.2 สร้างชิ้นงานการวาดภาพจากเครื่องมือของโปรแกรม Flash

ที่ทูลพาเนล

รูปทรงที่มีพื้นและเส้นขอบ เมื่อนำมาซ้อนทับและ เส้นขอบจะกลายเป็นของรูปทรงนั้น

ดับเบิลคลิกลากออกมา

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

ซึ่งจะปรากฏกรอบสี่เหลี่ยมขึ้นมาเมื่อเลือกหรือวาดรูปทรงเสร็จ

เมื่อนำรูปทรงแบบ Object Drawing รูปทรงก็จะมีลักษณะดังเดิม

มาซ้อนทับและคลิกลากออกมา

2.2 การกำหนดคุณสมบัติของรูปทรง

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

• Stroke Color สีเส้น

• Stroke Height ความหนาของเส้น

• Stroke Style รูปแบบของเส้น

• Custom Stroke Style เลือกกำหนดรูปแบบเส้นเอง

• Cap รูปแบบของปลายเส้น สำหรับรูปทรงแบบปลายเปิด โดยมีให้เลือก 3 แบบ ดังนี้

• None ปลายเส้นมีลักษณะเป็นเส้นตัดพอดีกับความยาวของเส้น

• Round ปลายเส้นมีลักษณะโค้งมน

• Square ปลายเส้นมีลักษณะเป็นเส้นตัดออกมา

None Round Square

• Fill Color สีพื้น

• Stroke hinting ช่วยลดการเบลอในส่วนโค้งของเส้นตรง

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

• Join รูปแบบของมุม โดยมีให้เลือก 3 แบบ ดังนี้

• Miter มุมแหลม

• Round มุมโค้งมน

• Beval มุมตัด

Miter Round Beval

2.3 การวาดเส้น

การวาดเส้นสามารถแบ่งได้เป็นการวาดเส้นตรงด้วย Line Tool และการวาดเส้นอิสระด้วย Pencil Tool โดยสีที่ปรากฏขึ้นมาจะเป็นสีที่เลือกไว้ในช่อง Stroke Color

1) การวาดเส้นตรงด้วย Line Tool

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

1. คลิกปุ่ม Line Tool ที่ทูลพาเนล หรือกดปุ่ม N จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยน เป็น
2. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่ม
3. ลากเมาส์มายังตำแหน่งและทิศทางที่ต้องการ เมื่อปล่อยเมาส์ก็จะปรากฏเส้นตรงขึ้นมา โดยสามารถกดปุ่มค้างไว้ในขณะลากเมาส์ได้ ดังนี้
• ปุ่ม Shift เปลี่ยนทิศทางของเส้นไปครั้งละ 45 องศา
• ปุ่ม Alt ให้จุดเริ่มต้นเป็นจุดศูนย์กลางของเส้น

2) การวาดเส้นอิสระด้วย Pencil Tool

การวาดเส้นอิสระด้วย Pencil Tool ผลงานที่ได้จะมีลักษณะเหมือนกับการใช้ดินสอวาดภาพลงบนกระดาษ โดยสามารถเลือกปรับให้เป็นเส้นตรง เส้นโค้ง หรือเป็นเส้นอิสระได้

1. คลิกปุ่ม Pencil Tool ที่พาเนล หรือกดปุ่ม Y จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น

1. คลิกปุ่ม Pencil Mode ค้างไว้ แล้วลากมาทางขวา เลือกปรับปรับรูปแบบของเส้น

• Straighten ปรับให้เป็นเส้นตรง

• Smooth ปรับให้เป็นเส้นโค้ง โดยสามารถปรับความโค้งมนได้ที่ช่อง Smoothing ของ Properties

• Ink ไม่มีการปรับรูปแบบใดๆ ให้ภาพใกล้เคียงการวาดมากที่สุด
1. ลากเมาส์วาดรูปทรงที่ต้องการ โดยสามารถกดปุ่ม Shift ค้างไว้ เพื่อวาดเส้นตรงในแนวตั้งหรือแนวนอน

3) วาดเส้นตรง และเส้นโค้งด้วย Pen Tool

Pen Tool เป็นเครื่องมือที่ใช้สำหรับวาดเส้นตรง และเส้นโค้งแบบเที่ยงตรง หรือที่เรียกกันว่า พาธ(path)ในการวาดเส้นตรงเราอาจใช้เครื่องมือนี้วาดเส้นตรงเดี่ยวๆ หรือลากเส้นแบบต่อเนื่องเพื่อประกอบกันเป็นรูปทรงหลายเหลี่ยมก็ได้ ส่วนการวาดเส้นโค้ง เครื่องมือนี้เหมาะจะใช้สร้างเส้นโค้งที่ต้องการความเที่ยงตรงสูง และสามารถปรับส่วนโค้งเว้าต่างๆ ได้ตามใจ ซึ่งผู้ที่เคยใช้โปรแกรมวาดรูปแบบเวคเตอร์อื่นๆ อย่าง FreeHand , Illustrator หรือแม้แต่ Photoshop คงคุ้นเคยกันดี เครื่องมือนี้จะใช้กับอีกเครื่องมือหนึ่งคือ

Subselection Tool ซึ่งจะทำหน้าที่ดัดแปลงเส้นพาธที่วาดไว้แล้ว

Pen Tool ไม่มี modifier สำหรับปรับแต่งคุณสมบัติบนทูลบ็อกซ์ แต่จะใช้คำสั่ง Edit > Preferencesแทน นอกจากนี้เครื่องมือนี้ยังมีวิธีการใช้งานที่ค่อนข้างซับซ้อนต้องอาศัยการฝึกฝนสร้างความชำนาญพอสมควร

2.4 การวาดเส้นด้วย Pen Tool

การวาดเส้นโค้งด้วย Pen Tool จะใช้วิธีคลิกลากเมาส์แทนการคลิกเพียงอย่างเดียว ซึ่งนอกจากจะทำให้ได้จุดแองเอร์ที่เป็นตัวกำหนดตำแหน่งปลายเส้นโค้งแต่ละส่วนแล้ว ยังมีเส้นสัมผัส เกิดขึ้นด้วย ซึ่งเส้นนี้จะใช้สำหรับควบคุมทิศทาง หรือความชัน และความลึกของส่วนโค้ง ณ ตำแหน่งนั้นๆ และสามารถใช้ปรับส่วนโค้งได้ภายหลังด้วย ซึ่งวิธีการมีดังนี้

1. คลิกเลือกที่ Pen Tool จากทูลบ็อกซ์

2. กำหนดคุณสมบัติของ stroke และ fill บน property inspector ตามต้องการ

3. เลื่อนเมาส์ ไปคลิกบนสเตจ ตรงตำแหน่งที่เป็นจุดเริ่มต้นของเส้น จะได้จุดแองเคอร์จุดแรกซึ่งเป็นจุดเริ่มต้นของเส้นโค้ง

4. ลากเมาส์ไปในทิศทางที่ต้องการวาดจะปรากฏเส้นสัมผัสขึ้นมา

5. ปล่อยปุ่มเมาส์เมื่อเส้นสัมผัสอยู่ในตำแหน่งและทิศทางที่ต้องการ

6. เลื่อนเมาส์ไปยังจุดสิ้นสุดของส่วนโค้งแรกจากนั้นคลิกเมาส์ค้างไว้

7. ลากเมาส์ไปในทิศทางใดทิศทางหนึ่ง เมื่อเห็นเส้นโค้งปรากฏตามที่ต้องการแล้วก็ปล่อยปุ่มเมาส์

8. ทำข้อ 6-7 ซ้ำเพื่อสร้างส่วนโค้งเพิ่มต่อจากจุดที่ผ่านมา

9. เมื่อต้องการจบการวาด ให้ทำเช่นเดียวกับกรณีวาดเส้นตรง

2.5 การวาดรูปทรงเรขาคณิต

1) วาดรูปสี่เหลี่ยมด้วย Rectangle Tool

การวาดรูปสี่เหลี่ยมด้วย Rectangle Tool จะสามารถปรับแต่งเส้น Path ด้วยปุ่มเครื่องมือ Pen ได้ แต่จะต้องกำหนดค่าความโค้งของมุมก่อนที่จะทำการวาด สำหรับขั้นตอนมีดังนี้

1. คลิกปุ่ม Rectangle Tool ที่ทูลพาเนล หรือกดปุ่ม R จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. กำหนดค่าคุณสมบัติพร้อมทั้งความโค้งของมุมทั้ง 4 ของรูปสี่เหลี่ยมลงใน Properties โดยในที่นี้ใช้ค่า 0 ซึ่ง จะได้เป็นสี่เหลี่ยมมุมฉาก
3. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่มต้น
4. ลากเมาส์ทแยงไปยังตำแหน่งและทิศทางที่ต้องการ เมื่อปล่อยเมาส์ก็จะปรากฏรูปสี่เหลี่ยมขึ้นมา โดยสามารถกดปุ่มค้างไว้ในขณะลากเมาส์ได้ ดังนี้
   • ปุ่ม Shift วาดรูปสี่เหลี่ยมจัตุรัส
   • ปุ่ม Alt วาดรูปสี่เหลี่ยมออกมาจากศูนย์กลาง
   • ปุ่ม ⇩ เพิ่มความโค้งของมุม
   • ปุ่ม ⇧ ลดความโค้งของมุม
   • ปุ่ม Alt ค้างไว้และคลิกลงบนสเตจ เพื่อกำหนดค่าในการวาดรูปสี่เหลี่ยมที่มีขนาดแน่นอน

2) วาดรูปสี่เหลี่ยมพร้อมปรับแต่งรูปทรงด้วย Rectangle Primitive Tool

เมื่อวาดรูปสี่เหลี่ยมด้วยปุ่ม Rectangle Primitive Tool จะปรากฏจุดควบคุมขึ้นมา ซึ่งช่วยให้สามารถปรับแต่งรูปทรงในภายหลังได้ และหากกดปุ่มต่างๆ ค้างไว้ก็จะให้ผลเช่นเดียวกับการสร้างรูปสี่เหลี่ยมด้วยปุ่ม Rectangle Tool

1. คลิกปุ่ม Rectangle Primitive Tool ที่ทูลพาเนล หรือกดปุ่ม R จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่มต้น
3. ลากเมาส์ทแยงไปยังตำแหน่งและทิศทางที่ต้องการ เมื่อปล่อยเมาส์ก็จะปรากฏรูปสี่เหลี่ยมพร้อมทั้งจุดควบคุมขึ้นมา ซึ่งสามารถพิมพ์เปลี่ยนค่าความโค้งของมุมทั้ง 4 ลงใน Properties หรือให้ดำเนินการตามขั้นตอนที่ 4

1. คลิกปุ่ม Selection Tool ที่ทูลพาเนล หรือจะกดปุ่ม V

1. คลิกบริเวณมุมของรูปสี่เหลี่ยม จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. ลากเมาส์เข้า-ออกเปลี่ยนความโค้งมนของมุม ได้ตามต้องการ

3) วาดรูปวงกลมด้วย Oval Tool

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

1. คลิกปุ่ม Oval Tool ที่ทูลพาเนล หรือกดปุ่ม O จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. กำหนดค่าคุณสมบัติพร้อมทั้งค่ามุมเริ่มต้น มุมสุดท้าย และรัศมีวงกลมในของรูปวงกลม ลงใน Properties โดยในที่นี้ใช้ค่า 0 ซึ่งจะได้เป็นรูปวงกลม/วงรี
3. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่มต้น
4. ลากเมาส์ทแยงไปยังตำแหน่งและทิศทางที่ต้องการ เมื่อปล่อยเมาส์ก็จะปรากฏรูปวงกลมขึ้นมา
   • ปุ่ม Shift วาดรูปวงกลม
   • ปุ่ม Alt วาดรูปวงกลมออกมาจากศูนย์กลาง
   • ปุ่ม Alt ค้างไว้และคลิกลงบนสเตจ เพื่อกำหนดค่าในการวาดรูปวงกลมที่มีขนาดแน่นอน

4) วาดรูปวงกลมพร้อมปรับแต่งรูปทรงด้วย Oval Primitive Tool

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

1. คลิกปุ่ม Oval Primitive Tool ที่ทูลพาเนล หรือกดปุ่ม O จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่มต้น
3. ลากเมาส์ทแยงไปยังตำแหน่งและทิศทางที่ต้องการ เมื่อปล่อยเมาส์ก็จะปรากฏรูปวงกลมพร้อมทั้งจุดควบคุมขึ้นมา ซึ่งสามารถพิมพ์เปลี่ยนค่าลงใน Properties หรือให้ดำเนินการตามขั้นตอนที่ 4

1. คลิกปุ่ม Selection Tool ที่ทูลพาเนล หรือจะกดปุ่ม V

1. คลิกที่จุดควบคุม จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. ลากเมาส์ขึ้น-ลง เพื่อปรับมุมเริ่มต้น
3. คลิกที่จุดควบคุม
4. ลากเมาส์ขึ้น-ลง เพื่อปรับมุมสุดท้าย
5. คลิกที่จุดควบคุม
6. ลากเมาส์เข้า-ออก เพื่อปรับรัศมีของวงกลมใน

5) วาดรูปหลายเหลี่ยม/รูปดาวด้วย PolyStar Tool

สำหรับปุ่ม PolyStar Tool จะช่วยให้สามารถวาดรูปหลายเหลี่ยมหรือรูปดาวได้ตามต้องการ โดยสามารถกำหนดด้านหรือแฉกได้ตั้งแต่ 3-32 ด้าน

1. คลิกปุ่ม PolyStar Tool ที่ทูลพาเนลจากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น

1. ที่ Properties ให้คลิกปุ่ม จากนั้นปรากฏไดอะล็อกบ็อกซ์ Tool Settings ขึ้นมา
2. ที่ช่อง Style ให้คลิกเลือกรูปแบบของรูปทรง โดยมีรายละเอียดดังนี้
   • polygon วาดรูปหลายเหลี่ยม
   • star วาดรูปดาว
3. พิมพ์จำนวนด้าน/แฉกลงในช่อง Number of Sides โดยพิมพ์ค่าได้ตั้งแต่ 3-32
4. พิมพ์ค่าความลึกของแฉกดาวลงในช่อง Star point size โดยพิมพ์ค่าได้ตั้งแต่ 0-1 ซึ่งค่า 0 รูปดาวจะมีความแหลมมากที่สุด

1. คลิกปุ่ม เพื่อยืนยันคำสั่ง
2. คลิกเมาส์ 1 ครั้ง เพื่อกำหนดจุดเริ่มต้น
3. ลากเมาส์ทแยงออกมาจากจุดศูนย์กลาง เมื่อปล่อยเมาส์ก็จะปรากฏรูปหลายเหลี่ยม/รูปดาว ขึ้นมา

2.6 การใช้แปรงพู่กัน

Brush Tool เปรียบเสมือนแปรงพู่กันที่ใช้วาดภาพลาดเส้นหรือระบายสีลงบนรูปทรงต่างๆ โดยสามารถกำหนดขนาดของหัวแปรง ลักษณะของหัวแปรง และรูปแบบในการระบายสีได้ด้วย

1) วาดภาพลายเส้นด้วย Brush Tool

การวาดเส้นอิสระด้วย Pencil Tool สีที่ปรากฏขึ้นมาจะเป็นสีเส้น (Stroke) แต่สำหรับการวาดภาพลายเส้นด้วย Brush Tool จะใช้สีพื้น (Fill) แทน สำหรับขั้นตอนมีดังนี้

1. คลิกปุ่ม Brush Tool ที่ทูลพาเนล หรือกดปุ่ม B จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น

1. คลิกปุ่ม Brush Size ค้างไว้ และเลือกขนาดของหัวแปรง

1. คลิกปุ่ม Brush Shape ค้างไว้ และเลือกลักษณะของหัวแปรง
2. ลากเมาส์วาดรูปทรงที่ต้องการ โดยสามารถกดปุ่ม Shift ค้างไว้ เพื่อวาดเส้นตรงในแนวตั้งหรือแนวนอน

2) ระบายสีด้วย Brush Tool

นอกจากการวาดภาพลายเส้นแล้ว Brush Tool ยังสามารถใช้ระบายสีได้อีก โดยหากกำหนดขนาดและลักษณะของหัวแปรงเรียบร้อยแล้ว ก็ยังสามารถเลือกรูปแบบในการระบายสีได้ด้วย

1. คลิกปุ่ม Brush Tool ที่ทูลพาเนล หรือกดปุ่ม B จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น

1. คลิกปุ่ม Brush Mode ค้างไว้ แล้วเลือกรูปแบบในการระบายสี

• Paint Normal ระบายทับเส้นและพื้นของรูปทรง

• Paint Fills ระบายทับเฉพาะส่วนของพื้นโดยไม่มีผลต่อเส้น

• Paint Behind ระบายเป็นพื้นหลังโดยไม่มีผลต่อรูป

• Paint Selection ระบายเฉพาะพื้นของบริเวณที่เลือกโดยไม่มีผลต่อเส้นและพื้นหลัง

• Paint Inside ระบายภายในขอบเขตของพื้นที่ด้านใน
1. ลากเมาส์ระบายสีลงบนรูปทรงได้ตามต้องการ

Paint Normal Paint Fills Paint Behind

Paint Selection Paint Inside

2.7 การลบรูปทรง

การลบด้วยปุ่ม Eraser Tool จะสามารถเลือกลบทั้งรูปทรงหรือเลือกลบเฉพาะเส้นหรือพื้นก็ได้อีกทั้งยังสามารถเลือกเปลี่ยนขนาดและลักษณะของหัวยางลบได้อีกด้วย

1) ลบรูปทรงด้วย Eraser Tool

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

1. คลิกปุ่ม Eraser Tool ที่ทูลพาเนล หรือกดปุ่ม E จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยน เป็น

1. คลิกปุ่ม Eraser Mode ค้างไว้ แล้วเลือกรูปแบบในการลบ

• Eraser Normal ลบเส้นและพื้นของรูปทรง

• Eraser Fills ลบเฉพาะส่วนของพื้นโดยไม่มีผลต่อเส้น

• Eraser Lines ลบเฉพาะส่วนของเส้นโดยไม่มีผลต่อพื้น

• Eraser Selected Fills ลบเฉพาะพื้นของบริเวณที่เลือกโดยไม่มีผลต่อเส้น

• Eraser Inside ลบภายในขอบเขตของพื้นที่ด้านใน

1. คลิกปุ่ม Eraser Shape ค้างไว้ และเลือกขนาดของหัวยางลบ
2. ลากเมาส์ลบบริเวณพื้นที่ที่ต้องการ

Eraser Normal Eraser Fills Eraser Lines

Eraser Selected Fills Eraser Inside

2) ลบเส้น/พื้นด้วย Eraser Tool โดยใช้ปุ่ม Faucet

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

1. จากนั้นตัวชี้เมาส์จะมีลักษณะเปลี่ยนเป็น
2. คลิกลงบนเส้นหรือพื้นของรูปทรงที่ต้องการลบ