เครื่องมือใดใช้ลบจุดในแนวเส้นพาธ

บทนำ
          การวาดภาพคือความสามารถหนึ่งที่มีในโปรแกรม Illustrator ที่นิยมกันอย่างแพร่หลาย ซึ่งเราจะมาศึกษาหลักการและวิธีทำในหน่วยการเรียนนี้ 

6.1 การวาดภาพให้กับชิ้นงาน
          ในโปรแกรม Illustrator มีความสามารถหนึ่งที่นิยมใช้กัน และเป็นที่นิยมในการออกแบบภาพกราฟิกแบบเวกเตอร์ ด้วยเครื่องมือการวาดภาพและสร้างภาพสำเร็จรูป

6.2 ลักษณะของภาพเวกเตอร์
         การวาดภาพในโปรแกรม Illustrator มีลักษณะของพาธ (Path) หรือเส้นโครงร่าง ซึ่งเส้นพาธเหล่านี้สามารถดึงให้ตรง หรือดัดให้โค้งเกิดเป็นรูปร่างต่าง ๆ ได้ตามที่เราต้องการ โดยลักษณะของเส้นพาธจะถูกแบ่งให้เป็น 2 ประเภท
   
6.2.1 เส้นพาธที่มีรูปทรงตายตัว
        เส้นพาธที่มีรูปทรงตายตัว จะแบ่งเป็น 2 ลักษณะ คือ กลุ่มที่ใช้วาดเส้น ได้แก่ เส้นตรง เส้นโค้ง เส้นก้นหอย เส้นตารางสี่เหลี่ยม และเส้นตารางวงกลม และกลุ่มที่ใช้วาดรูปทรง ได้แก่ รูปสี่เหลี่ยม รูปวงรี รูปวงกลม รูปหลายเหลี่ยม รูปดาว และรูปรัศมี

รูปที่ 6.1  เครื่องมือสร้างเส้นพาธที่มีรูปทรงตายตัว

6.2.2  เส้นพาธที่มีรูปทรงอิสระ
          เส้นพาธที่มีรูปทรงอิสระเกิดจากการลากเส้นพาธและดัดเส้นให้เกิดความโค้งโดยใช้เครื่องมือวาดที่เรียกว่า Pen Tool (ปากกา) เพื่อให้ได้ภาพที่เป็นรูปทรงตามที่เราต้องการ คล้าย ๆ กับการใช้ตะปูยึดสายไฟตามส่วนต่าง ๆ ของผนังบ้านได้

รูปที่ 6.2  เครื่องมือสร้างเส้นพาธที่มีรูปทรงอิสระ

6.3 ส่วนประกอบของออบเจ็ค

            ภาพกราฟิกแบบเวกเตอร์มักจะประกอบไปด้วยชิ้นส่วนต่าง ๆ ซึ่งเรียกว่า ออบเจ็ค (Object) หลายชิ้นมาวางรวมกัน โดยแต่ละออบเจ็คจะมีองค์ประกอบหลักเหมือนกันดังนี้

6.3.1  สัน (Storke)

          สัน เป็นเส้นตามรูปทรงของออบเจ็ค

6.3.2  สีพื้น (Fill)

          สีพื้น เป็นพื้นที่ด้านในของออบเจ็คซึ่งสามารถกำหนดสีได้ทั้งสีแบบทึบ ไล่โทนสี ใส่ลวดลาย (Pattern) กำหนดความโปร่งใส หรือไม่ใช้สีเลยก็ได้

6.3.3  กรอบภาพ (Bounding Box)

         แสดงเส้นขอบ
6.3.4  เส้นพาธ
          เส้นพาธ เป็นโครงร่างออบเจ็คที่ประกอบด้วยจุดแองเคอร์หลาย ๆ จุดใช้ในการปรับรูปทรงออบเจ็ค
6.3.5  จุดแองเคอร์ (Anchor Point)

          จุดแองเคอร์ เป็นจุดที่ใช้ตรึงแนวของเส้น Pant และกำหนดให้เป็นเส้นตรงหรือเส้นโค้งได้

6.4 เส้นพาธ
          การวาดภาพแบบเวกเตอร์ จะเป็นการสร้างเส้นพาธ (Path) จาดจุดหนึ่งไปยังอีกจุดหนึ่งต่อกันไปจนเป็นรูปทรง หรือภาพตามที่เราต้องการกำหนด โดยที่จุดปลายทั้ง 2 ด้านของเส้นแต่ละเส้นนั้นจะทำหน้าที่เป็นตัวยึดเส้นให้เชื่อมต่อกัน และยังสามารถกำหนดทิศทางให้เส้นทางเหล่านั้นถูกวางตามตำแหน่งที่เกิดเป็นรูปทรงตามความต้องการ ซึ่งเราเรียกจุดนี้ว่า จุดยึด (Anchor Point)

A จุดปลาย   BC จุดยึด D พาธที่เป็นเส้นโค้ง     E แขปรับความโค้ง        F จุดปรับความโค้ง

6.4.1  พาธแบบเปิด (Open Path)
          พาธแบบเปิด เป็นเส้นพาธที่มีจุดเริ่มต้น และจุดจบของพาธ ไม่เป็นจุดเดียวกัน
6.4.2  พาธแบบปิด (Close Path)

          พาธแบบปิด เป็นเส้นพาธที่มีจุดเริ้มต้น และจุดจบของเส้นพาธ เป็นจุดเดียวกัน

รูปที่ 6.3  ลักษณะเส้นพาธแบบเปิดและปิด

6.5 การวาดรูปทรงเรขาคณิตและรูปทรงสำเร็จรูป

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

รูปที่ 6.4  การวาดรูปทรงเรขาคณิต

6.5.1  การวาดรูปสี่เหลี่ยมมุมฉากด้วย Rectangle Tool มีดังนี้

         1.  คลิกเลือกรูปแบบของเครื่องมือใน Rectangle Tool

         2.  เลือนตัวชี้เมาส์ไปที่บริเวณภาพ ตัวชี้เมาส์จะเปลี่ยนเป็นสัญลักษณ์ สีเหลี่ยมพื้นผ้า (Rectangle Tool) หลังจากนั้นคลิกค้างไว้เพื่อคลิกวาดรูปบนอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด <Shift> จำทำให้ได้รูปสี่เหลี่ยมจัตุรัส ซึ่งมีด้านเท่ากันทั้ง 4 ด้าน

กด <Alt> จุดที่คลิกจะกลายเป็นจุดกึ่งกลาง และจะเป็นการวาดรูปสี่เหลี่ยมออกมาจาดจุดกึ่งกลาง

รูปที่ 6.5  เครื่องมือวาดรูปสี่เหลี่ยมมุมฉาก

6.5.2  การวาดรูปสี่เหลี่ยมมุมโค้งด้วย Rounded Rectangle Tool

         1.  คลิกเลือกรูปแบบของเครื่องมือ ใน Rounded Rectangle Tool

         2.  เลื่อนตัวชี้เมาส์ไปที่บริเวณภาพ ตัวชี้เมาส์จะเปลี่ยนสัญลักษณ์  สี่เหลี่ยมมน (Rounded Rectangle Tool) หลังจากนั้นคลิกค้างไว้เพื่อคลิกวาดรูปบนอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด <Shift> จะทำให้ได้รูปสี่เหมี่ยมมุมโค้ง ซึ่งมีด้านเท่ากันทั้ง 4 ด้าน

กด <Alt> จุดที่คลิกจะกลายเป็นจุดกึ่งกลาง และจะเป็นการวาดรูปสี่เหลี่ยมออกมาจากจุดกึ่งกลางกด ลูกศรขึ้น เพื่อเพิ่มความโค้งของมุม หรือ ลูกศรลง เพื่อลดความโค้งของมุม

รูปที่ 5.6  เครื่องมือวาดรูปสี่เหลี่นมมุมโค้ง

6.5.3  การวาดรูปวงกลมหรือวงรีด้วย Ellipse Tool

เราสามารถวาดรูปวงกลม หรือวงรีด้วย Ellipse Tool คือ

          1.  คลิกเลือกรูปแบบของเครื่องมือ ใน Ellipse Tool

          2.  เลื่อนตัวชี้เมาส์ไปที่บริเวณภาพ ตัวชี้เมาส์จะเปลี่ยนเป็นสัญลักลัษณ์ วงรี (Ellipse Tool) หลังจากนั้นคลิกค้างไว้ เพื่อคลิกวาดรูปบนอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด <Shift> เพื่อวาดรูปวงกลม

กด <Alt> จุดที่คลิกจะกลายเป็นจุดกึ่งกลางและจะเป็นการวาดวงกลมหรือวงรีออกมาจากจุดกึ่งกลาง

รูปที่ 6.7  เครื่องมือวาดรูปวงกลม

6.5.4  การวาดรูปหลายเหลี่ยมด้วย Polygon Tool

          1.  คลิกเลือกรูปแบบของเครื่องมือ ใน Polygon Tool

          2.  เลื่อนตัวชี้เมาส์ไปที่บริเวณภาพ ตัวชี้เมาส์จะเปลี่ยนเป็นสัญลักษณ์ หกเหลี่ยม (Polygon Tool) หลังจากนั้นคลิกค้างไว้ เพื่อคลิกวาดรูปบนอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด <Shift> เพื่อให้ได้รูปหลายเหลี่ยมที่ด้านเท่ากันทุกด้าน และระยะระหว่างจุดกึ่งกลางไปยังมุมต่าง ๆ ก็มีระยะห่างเท่ากันทุกมุมกด ลูกศรขึ้น เพื่อเพิ่มจำนวนด้านของรูปหลายเหลี่ยม หรือ ลูกศรลง เพื่อลดจำนวนด้านของรูปหลายเหลี่ยมรูปที่ 6.8  เครื่องมือวาดรูปหลายเหลี่ยม

รูปที่ 6.8  เครื่องมือวาดรูปหลายเหลี่ยม

6.5.5  การวาดรูปดาว Star Tool

          1.  คลิกเลือกรูปแบบของเครื่องมือ ใน Star Tool

          2.  เลื่อนตัวชี้เมาส์ไปที่บริเวณภาพ ตัวชี้เมาส์จะเปลี่ยนเป็นสัญลักษณ์ดาว (Star Tool) หลังจากนั้นคลิกค้างไว้เพื่อคลิกวาดรูปบนอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด ลูกศรขึ้น เพื่อเพิ่มจำนวนแฉกของรูปดาว หรือ กด ลูกศรลง เพื่อลดจำนวนแฉกของรูปดาว

กด <Alt> จะทำให้แฉกแต่ละด้านของรูปดาวเป็นเส้นตรงแนวเดียวกัน

รูปที่ 6.9  เครื่องมือวาดรูปดาว

6.5.6  การวาดแสงสะท้อนด้วย Flare Tool

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

          1.  คลิกเลือกรูปแบบของเครื่องมือ ใน Flare Tool

          2.  จากนั้นเลื่อนตัวชี้เมาส์ไปบริเวณภาพตัวชี้เมาส์จะเปลี่ยนสัญลักษณ์ Flare Tool หลังจากนั้นคลิกค้างไว้เพื่อคลิกลากรูปจุดสะท้อนแสงอาร์ตบอร์ด

การใช้เมาส์ร่วมกับคีย์บอร์ดในการเลือก

กด <Ctrl> เพื่อขยายเฉพาะวงรัศมีแสง (Halo) ให้กว้าง

กด ลูกศรขึ้น เพื่อเพิ่มจำนวนรัศมีแสง (Rays) หรือ กดลูกศรลง เพื่อลดจำนวนเส้นรัศมีแสง (Rays)

รูปที่ 6.10  เครื่องมือวาดรูปแสงสะท้อน

6.6 การวาดรูปทรงอิสระด้วยยเครื่องมือต่าง ๆ

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

รูปที่ 6.11 ลักษณะรูปทรงอิสระโดยใช้เครื่องมือปากกา (Pen Tool)

6.6.1  รู้จักกับการวาดเส้นด้วยกลุ่มเครื่องมือ Pen Tool

          เราใช้เครื่องมือ Pen Tool วาดได้ทั้งเส้นตรงและเส้นโค้งอิสระ โดยสามารถควบคุมเครื่องมือได้ง่ายและลงรายละเอียดได้อย่างแม่นยำ เครื่องมือในกลุ่ม Pen Tool

รูปที่ 6.12  กลุ่มเครื่องมือ Pen Tool

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

รูปที่ 6.13  การวาดเส้นตรง

 2.  วาดเส้นโค้ง เราสามารถใช้ Pen Tool สร้างเส้นโค้ง โดยกำหนดแขนปรับความโค้งได้ตามต้องการดังตัวอย่างต่อไปนี้เส้นโค้งที่มีจุดเชื่อมต่อกันเป็นการเชื่อมต่อกันระหว่างเส้นโค้งกับเส้นโค้ง โดยเมื่อเส้นโค้งเหล่านั้นเชื่อมต่อกันจะเกิดเส้นโค้งที่มีลักษณะที่แตกต่างกัน

รูปที่ 6.14  การวาดเส้นโค้ง

6.6.2  การวาดรูปทรงด้วยเครื่องมือดินสอ (Pencil Tool)

          ในส่วนของเครื่องมือดินสอ (Pencil Tool) เป็นเครื่องมือสำหรับวาดเส้นให้เป็นรูปต่าง ๆ ได้อย่างอิสระตามการลากเมาส์ และเราสามารถทำการแก้ไขได้อย่างง่ายดาย โดยใช้เครื่องมือ Smooth Tool และ Path Eraser Tool เป็นเส้นอิสระที่วาดด้วยเครื่องมือดินสอนี้ ประกอบไปด้วยจุดยึดที่จัดวางในแนวโค้งของเส้นโดยอัตโนมัติ ซึ่งขึ้นอยู่กับลักษณะเส้นที่เราวาด

รูปที่ 6.15  เครื่องมือดินสอ (Pencil Tool)

          การวาดเส้นอิสระด้วยเครื่องมือ (Pencil Tool) เราสามารถใช้ดินสอวาดเส้นพาธได้ทั้งแบบเปิดและแบบปิด มักจะนิยมใช้ดินสอในการสเกตซ์วาดโครงร่างของภาพขึ้นมาก่อน จากนั้นจึงมีการปรับแต่งเส้นขอบให้โค้งเรียบตามความต้องการอีกครั้ง โดยมีวิธีการดังนี้ต่อไปนี้
          1.  คลิกเลือกเครื่องมือ Pencil Tool

          2.  จาดนั้นสร้างรูปขึ้นมาโดยมีการวาดเชื่อมต่อปลายทั้งสองของเส้นพาธให้เป็นแบบปิด

รูปที่ 6.16  ลักษณะเส้นที่วาดด้วยเครื่องมือดินสอ

6.6.3  การวาดภาพด้วย Paintbrush Tool
          เป็นการวาดภาพเฉพาะเส้นโครงร่างด้วย Paintbrush Tool ซึ่งเป็นพู่กันและสามารถเปลี่ยนเป็นหัวพู่กันได้ โดยจะใช้งานควบคู่ไปกับพาเนล Brushes เราสามารถเปิดใช้งานพาเนล Brushes ได้โดยใช้คำสั่ง Window > Brushes
          1.  คลิกเลือกเครื่องมือ Paintbrush Tool
          2.  คลิกเลือกรูปแบบ หัวพู่กันที่เราต้องการใช้งาน

          3.  คลิกวาดภาพบนอาร์ตบอร์ด ตามตำแหน่งที่ต้องการ

รูปที่ 6.17  เครื่องมือดินสอ (Pencil Tool)

6.7 การกำหนดลักษณะเส้น

          การกำหนดเส้นลักษณะเส้นของขอบภาพ (Stroke) เพื่อนำไปใช้สร้างภาพจากเครื่องมือ เช่นการกำหนดลักษณะของเส้นประและขนาดของเส้นหนาหรือบางตามที่เราต้องการโดยสามารถเลือกคำสั่ง Window > Stroke จะปรากฏพาเนล Stroke ให้เราสามารถทำการกำหนดลักษระของเส้นได้ ดังนี้

      1.  คลิกเลือกส่วนของภาพที่ต้องการกำหนดลักษณะเส้น

      2.  กำหนดลักษณะของเส้นตามค่าต่าง ๆ ในพาเนล Stroke

รูปที่ 6.18  การกำหนดลักษณะเส้น

6.8 การลบภาพด้วย Eraser Tool

          เป็นการใช้เครื่องมือยางลบลบสิ่งที่เราวาดผิด ซึ่งมีหลักสำคัญ 2 ข้อคือ

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

      2.  ถ้าไม่มีการเลือกภาพใดเลย เครื่องมือนี้จะลบทุกวัตถุที่เมาส์ลกผ่าน

รูปที่ 6.19  การลบภาพด้วยเครื่องมือ Eraser Tool