E-Book โปรแกรมกราฟิก 2204-2105

รปู ภาพแสดงการออกจากโปรแกรมทัง้ 4 วิธี

ประยกุ ตก์ ารสร้างรูปภาพจากบทเรียน

1. ตัวอย่างการสร้างรูปภาพดว้ ย Brush Tool
1.1 สร้างรูปภาพใหม่โดยเขา้ ไปทเี่ มนู File เลือก New กำหนดคา่ ดงั นี้
Width = 500 pixels
Height = 500 pixels
Resolution = 72 pixels/inch
Color Mode = RGB Color 8 bit
Background Contents = White

วิธีอ่าน กำหนดพื้นที่งานให้มีค่าความกว้าง
และ ความสูงเป็น 500 พิกเซล ความละเอียด
ของ ภาพคือ 72 พิกเซลต่อนิ้ว โหมดสีเป็น
แบบ RGB 8 bit มีพืน้ หลังเป็นสีขาว

รูปภาพประกอบการใชค้ ำส่งสรา้ งรูปภาพ



1.2 คลิกท่ีเคร่ืองมือ ท่ีกลอ่ งเครือ่ งมือ

รปู ภาพแสดงการเลือก Brush
ทีก่ ลอ่ งเครอ่ื งมือ

1.3 ปรับขนาดหัว และรปู แบบของ Brush ใหเ้ หมาะสมกับงานทีต่ อ้ งการที่แถบตวั เลือก

รูปภาพแสดงการเลือกตัวเลอื กทแ่ี ถบตวั เลอื กใหเ้ หมาะสมกบั งาน

จากตวั อยา่ งน้เี ลือกขนาดของ Brush คอื 134 px และเลือกรูปแบบหัวแปรงเป็น Grass
1.4 เลอื กสที ี่ต้องการท่ี set foreground color ซ่ึงจะเปน็ สีทีซ่ ้อนกันที่อยู่ในกล่องเคร่ืองมือ

(สีดา้ นบนเรยี กวา่ foreground color ส่วนสีด้านล่างเรียกวา่ background color ซ่งึ สองสนี ้ีสามารถ



สลบั กันไดโ้ ดยคลกิ ทีล่ กู ศร ) เม่ือปรากฏกล่อง Color Picker (Foreground Color) ให้เลอื ก
สโี ดยการ เลือ่ นทต่ี วั เลอื กแถบไลส่ ีและคลิกสที ่ตี ้องการ จากนนั้ คลิก OK

รูปภาพแสดงการเลือกสี Foreground Color

1.5 วาดภาพลงในพืน้ ทท่ี ำงานตามทีต่ ้องการ

รูปภาพแสดงการวาดภาพโดยใช้เครอ่ื งมือ Brush



รปู ภาพแสดงการใชร้ ูปแบบของหวั แปรงทีแ่ ตกตา่ งกนั

2. ตัวอย่างการสรา้ งรูปภาพดว้ ย Pencil Tool
2.1 คลิกขวาท่ี Brush Tool เพ่อื เลือก Pencil Tool

รปู ภาพแสดงการใชเ้ คร่ืองมอื

2.2 ทีก่ ล่องเคร่ืองมือจะปรากฏไอคอน จากนั้นเลือกรูปแบบของดินสอ และสีท่ี
ต้องการ

2.3 วาดภาพบนพืน้ ท่ีทำงานได้ตามท่ตี ้องการ



รปู ภาพแสดงการใช้รปู แบบของหวั แปรงท่ีแตกต่างกนั

3. ตัวอยา่ งการสรา้ งรูปภาพด้วย Color Replacement Tool (เคร่ืองมือใช้ในการ
แทนส)ี

3.1 เปดิ รปู ภาพโดยเลือกเมนู File เลอื ก Open จากนั้นเลอื กรปู ภาพที่ต้องการแทนสแี ล้ว
กด OK



รปู ภาพแสดงการเปดิ ไฟล์

รูปภาพแสดงไฟลท์ ตี่ ้อการแทนสี

3.2 คลิกขวาที่เคร่อื งมือ Brush เลือกเคร่ืองมือ Color Replacement

รปู ภาพแสดงการเลือก
เครื่องมือ Color Replacement



3.3 เลอื กสที ี่ต้องการแทนท่ีท่ี Foreground Color ในรปู ภาพตอ้ งการเลือกสเี ขียวจากนั้น
คลิก OK

รปู ภาพแสดงการเลอื กสี Foreground Color

3.4 ระบายสีทต่ี ้องการโปรแกรมจะแทนสใี หม่ใหท้ นั ที

รปู ภาพแสดงการแทนสีในรปู ภาพโดยใช้เครื่องมือ Color Replacement



4. ตวั อยา่ งการใชเ้ ครอ่ื งมือใชใ้ นการผสมสี Mixer Brush (ต้ังแต่ Adobe Photoshop
CS5 ขน้ึ ไป)

4.1 สรา้ งภาพขนาด 500 x 500 Pixel
4.2 เลอื กเครื่องมือ Brush ระบายสแี ดงหัวแปรงวงกลมขนาด 100 Pixel

รูปภาพแสดงการระบายสบี นพืน้ ทที่ ำงานโดยใช้ Brush Tool

4.3 คลิกขวาท่ีเคร่อื งมอื Brush Tool เลือก Mixer Brush

รูปภาพแสดงการเลอื ก Mixer Brush Tool

4.4 เลือกสีท่ีต้องการผสมบนแถบตัวเลอื ก (จากภาพเลือกสีน้ำเงนิ )

รูปภาพแสดงตวั เลอื กสที ่ตี อ้ งการผสมบนแถบตวั เลือก



4.5 ระบายสีทบั สเี ดมิ (สีแดง) แล้วสังเกตผลลพั ธท์ ไี่ ด้

ผลทไี่ ด้จากการใช้ Mixer Brush Tool



แบบประเมินผลหลงั เรยี นหน่วยที่ 3

คำส่งั จงเลือกคำตอบทถ่ี ูกต้องเพียงข้อเดยี ว

1. สรา้ งภาพกราฟิกแบบ Raster หมายถึงภาพในลกั ษณะใด

ก. เม่อื ขยายภาพแลว้ มีลักษณะเป็นตารางเล็กๆ

ข. คุณภาพภาพไม่เปลี่ยนแปลงเมอื่ มีการยอ่ หรือขยาย

ค. ไมส่ ามารถย่อหรือขยายภาพได้

ง. เมื่อลดขนาดภาพแล้วมลี กั ษณะเปน็ ตารางเลก็ ๆ

2. เหตุใดในบางครงั้ จึงสรา้ งภาพกราฟกิ จากภาพวาด

ก. ภาพวาดในบางครง้ั ดูสมจริงกว่า

ข. เป็นกระบวนการวาดภาพกราฟิก

ค. การวาดภาพจากคอมพวิ เตอร์โดยตรงบางคร้ังลำบากกว่า

ง. ขอ้ ก. และ ค. ถูก

3. โปรแกรมท่ีใช้สรา้ งภาพเคล่ือนไหวควบคู่มากบั โปรแกรม Photoshop ในปัจจบุ ันคือ

ก. PageMaker ข. Image Ready

ค. Acrobat Paint ง. Animation

4. ขอ้ ใดคือขนาดความละเอียดรปู ภาพ Resolution ทเ่ี หมาะสมสำหรับงานพิมพ์

ก. 72 pixels per Inch (PPI) ข. 100 pixels per Inch (PPI)

ค. 200 pixels per Inch (PPI) ง. 300 pixels per Inch (PPI)

5. ข้อใดหมายถงึ Transparent

ก. การทำพ้นื หลงั สีขาว ข. การทำพ้ืนหลังโปรง่ ใส

ค. การทำสีพ้ืนหลงั ตามท่ีเลือก ง. การกำหนดทิศทางเคลอื่ นไหวภาพ

6. ขอ้ ใดคือคุณสมบัติของปุ่ม Save Preset

ก. สามารถเก็บภาพได้นานไม่มีกำหนด

ข. สามารถเปลีย่ นแปลงภาพใหเ้ ป็นภาพวาดได้อตั โนมัติ

ค. จัดเกบ็ รปู ภาพท่ีกลับมมุ ได้

ง. ไม่มขี ้อใดถูก

7. ขอ้ ใดหมายถึงแถบท่ใี ช้รวบรวมคำสง่ั ทใ่ี ช้ในโปรแกรม

ก. Menu bar ข. Tool bar

ค. PS Button ง. Option bar



8. ขอ้ ใดหมายถึง Palate/Window

ก. หนา้ ต่างสำหรบั ควบคมุ โปรแกรม Adobe PhotoShop

ข. แถบหน้าตา่ งที่มคี วามสัมพันธ์กับงานในขณะน้นั

ค. พื้นที่ในการทำงาน

ง. ป่มุ ควบคุมหน้าต่างโปรแกรม

9. ขอ้ ใดเปน็ คุณสมบัติของ Color Replacement Tool

ก. ใช้แทนแปรงพู่กันสำหรับระบายสบี นรูปภาพ

ข. ใช้แทนดนิ สอสำหรับระบายสบี นรูปภาพ

ค. ใช้ระบายทับสีจากสเี ดิม

ง. ถูกทกุ ข้อ

10. ข้อใดเปน็ การบันทึกเพอ่ื สามารถแก้ไขในแตล่ ะสว่ นของ Layers

ก. บันทึกเปน็ ไฟล.์ JPG ข. บันทกึ เป็น ไฟล.์ BMP

ค. บนั ทึกเป็น ไฟล์ PSID ง. บันทึกเป็น ไฟล.์ GIF



ใบงานที่ 3.1

คำส่งั จงบอกส่วนประกอบและอธบิ ายสว่ นตา่ งๆ ของโปรแกรมมาพอสังเขป

1. ..............................................................................................................................................
2. ..............................................................................................................................................
3. ..............................................................................................................................................
4. ..............................................................................................................................................
5. ..............................................................................................................................................
6. ..............................................................................................................................................
7. ............................................................................................................................. .................
8. ..............................................................................................................................................
9. ............................................................................................................................. .................
10. ..............................................................................................................................................
11. ............................................................................................................................. .................



ใบงานที่ 3.2

คำสั่ง สร้างภาพ ความกว้าง 6 นิ้ว สูง 4 นิ้ว ความละเอียด 72 Pixel per inch โดยใช้เครื่องมือ
Brush กำหนดหวั แปรงเป็นรูปแบบวงกลมขนาด 20 สดี ำ วาดรูปในหัวข้อ “ส่งิ ทีฉ่ นั สนใจ" แลว้ บันทึก
ไฟล์ชื่อ "ใบงานที่ 6.jpg” จากนั้นนำภาพที่ได้จากการบันทึกไปใส่ลงในโปรแกรม Microsoft Word
แล้วบรรยายรูปที่วาดด้วยข้อความประมาณ 5-7 บรรทัด กำหนดแบบอักษร เป็น “Cordia New”
ขนาด 16 Point

ลำดบั ท่ี ตารางการให้คะแนน คะแนน (เตม็ 10 คะแนน)
1
2 หัวข้อ
3 กำหนดขนาดภาพตามใบงาน
4 การใชเ้ คร่อื งมือ
5 ความสวยงาม
6 การกำหนดสใี ห้รูปภาพ
การบนั ทกึ ช่ือไฟล์ถูกตอ้ ง
การบรรยายรูปภาพ

คะแนนเฉลยี่



ใบงานที่ 3.3

คำสัง่ สร้างภาพ ความกว้าง 6 น้ิว สงู 4 นิ้ว ความละเอยี ด 72 Pixel per inch โดยใช้เครื่องมอื Brass
กำหนดหวั แปรงเป็นรูปแบบใดก็ได้ สีตามใจชอบวาดรปู ในหัวข้อ "ธรรมชาติ” แลว้ บันทกึ ไฟล์ ชื่อ “ใบ
งานที่ 7.jpg" จากนั้นนำภาพที่ได้จากการบันทึกไปใส่ลงในโปรแกรม Microsoft Word แล้วบรรยาย
รูปที่วาดด้วยข้อความประมาณ 5-7 บรรทัด กำหนดแบบอักษรเป็น “Angsana New” ขนาด 16
Point

ลำดับท่ี ตารางการให้คะแนน คะแนน (เต็ม 10 คะแนน)
1
2 หวั ข้อ
3 กำหนดขนาดภาพตามใบงาน
4 การใชเ้ ครื่องมือ
5 ความสวยงาม
6 การกำหนดสใี ห้รปู ภาพ
การบันทึกชื่อไฟลถ์ ูกตอ้ ง
การบรรยายรปู ภาพ

คะแนนเฉล่ีย



หน่วยการเรียนรูท้ ่ี 4 การใชโ้ ปรแกรมสร้างภาพกราฟกิ แบบ Vector

แนวคดิ
หลักการของกราฟิกแบบ Vector เปน็ ภาพกราฟิกที่เกดิ จากการนำความสัมพันธ์ทาง

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

สาระการเรียนรู้
1. รูปภาพแบบ Vector
2. ความแตกต่างระหวา่ งกราฟิกแบบ Raster กับ Vector
3. การใช้เคร่ืองมือสรา้ งรปู ภาพกราฟิกแบบ Vector (Pen Tool)
4. การใชเ้ ครอื่ งมือสรา้ งรูปภาพกราฟกิ แบบ Vector (Shape Tool)
5. การยา้ ยรูปทรงโดยใช้เครื่องมือ Move
6. การปรับขนาดรปู ทรงโดยใช้คำส่งั Free Transform

ผลการเรยี นรู้ทคี่ าดหวัง
1. อธิบายรูปภาพแบบ Vector ได้
2. บอกความแตกต่างระหว่างกราฟิกแบบ Raster กับ Vector ได้
3. ใชเ้ ครอ่ื งมือสรา้ งรูปภาพกราฟกิ แบบ Vector (Pen Tool) ได้
4. ใชเ้ ครื่องมือสรา้ งรปู ภาพกราฟกิ แบบ Vector (Shape Tool) ได้
5. ยา้ ยรปู ทรงโดยใชเ้ ครือ่ งมอื Move ได้
6. ปรับขนาดรูปทรงโดยใช้คำส่ัง Free Transform ได้



แบบประเมินผลก่อนเรยี นหนว่ ยท่ี 4

คำสงั่ จงเลือกคำตอบทถี่ ูกต้องเพยี งข้อเดยี ว

1. เหตใุ ดจงึ นิยมใช้ Vector graphics เพื่อพิมพ์งานด้านโลโก้

ก. เน่อื งจากคุณภาพของภาพไม่ข้นึ กับอัตราขยาย

ข. เนื่องจากขอบภาพมคี วามคมชัดมาก

ค. มลี กั ษณะเป็นภาพลายเส้น

ง. ถกู ทุกข้อ

2. ขอ้ ใดคือลักษณะเดน่ ของรูปภาพแบบ Vector

ก. เมอื่ มีการขยายภาพความละเอยี ดไมล่ ดลง

ข. เปน็ ภาพกราฟิกท่เี กดิ จากการนำความสมั พนั ธ์ทางคณติ ศาสตร์

ค. ประกอบด้วยเสน้ ตรงและเสน้ โคง้

ง.ถูกทุกขอ้

3. ขอ้ ใดคือข้อเสียของภาพแบบ Vector

ก. เมอื่ มีการขยายภาพความละเอียดไม่ลดลง

ข. แฟ้มจะมีขนาดใหญ่กว่าแบบ Raster

ค. ภาพแลดูเปน็ ภาพวาดเม่ือเทยี บกบั ไฟล์ภาพแบบ Bitmap

ง. ขนั้ ตอนที่ยุ่งยากและซับซ้อน

4. ขอ้ ความใดต่อไปนก้ี ล่าวถูกต้อง

ก. Vector เปน็ กราฟิกทม่ี ลี ักษณะภาพท่ีประกอบขึ้นดว้ ยจุดสี (พกิ เซล) ต่างๆ มากมาย

ข. Vector เป็นรปู ภาพที่เหมาะสำหรบั งานด้านกราฟิก ในแบบตอ้ งการใหแ้ สงเงาในรายละเอยี ด

ค. Vector เหมาะสำหรับงานแบบวาง Layout งานพมิ พ์ตัวอกั ษร Line Art หรือ Illustration

ง. ข้อ ก. และ ค. ถูก

5. ข้อใดหมายถงึ การนำรูปทรงพ้นื ฐานตา่ งชนดิ ผสมกัน มที ิศทางการลากเสน้ ในแนวต่างๆ โดยใช้

คำสั่งงา่ ยๆ

ก.Vector Graphic ข. Raster Graphic

ค. Bitmap Graphic ง. Object Graphic

6. ข้อใดเปน็ คณุ สมบัติเฉพาะของ Pen Tool

ก. สรา้ งเสน้ ตรง โดยสามารถดดั เสน้ ใหโ้ คง้ ได้



ข. สร้างเสน้ เปน็ รปู ทรงอสิ ระ

ค. เพิม่ จุดภาพในเส้น

ง. ถกู ทกุ ข้อ

7. เหตุใดจงึ ตอ้ งมกี ารเพิ่มจุดใหก้ ับเสน้ Path ท่ีสรา้ งขึน้

ก. เพ่ิมความสมบรู ณใ์ ห้กับเส้น Path

ข. เพ่อื ให้การเคลื่อนยา้ ย (Move) ทำได้สะดวกมากย่ิงขึ้น

ค. เพอื่ ให้สามารถตัดเส้น Paปา ได้

ง. เพือ่ สามารถยอ่ หรือขยายเส้น Path ได้

8. ขอ้ ใดคือเครือ่ งมอื ในการดัดเสน้ ใหโ้ คง้ งอใหย้ ้อนกลบั ไปยังตำแหน่งองศาเดิมของเส้น

ก. Add Anchor Point ข. Delete Anchor Point

ค. Convert Point ง. Delete Path

9. ขอ้ ใดต่อไปน้ีกล่าวถูกต้องในการแสดงผลของภาพ

ก. กราฟกิ แบบ Raster แสดงภาพบนจอทันที

ข. กราฟกิ แบบ Vector ใช้เวลาในการประมวลผลเพื่อแสดงภาพมากกวา่

ค. กราฟกิ แบบ Vector ต้องทำตามคำส่งั ทีม่ ีจำนวนมากกว่ากราฟกิ แบบ Raster

ง. ถกู ทุกขอ้

10. ข้อใดต่อไปนีก้ ล่าวถูกตอ้ ง

ก. การปรบั ขนาดของภาพหรือวัตถตุ ่างๆ ในภาพสามารถทำไดโ้ ดยใช้คำสั่ง Move

ข. การปรับขนาดของภาพหรือวตั ถตุ ่างๆ ในภาพสามารถทำไดโ้ ดยใช้คำสัง่ Free transform

ค. การปรบั ขนาดของภาพหรือวตั ถตุ า่ งๆ ในภาพสามารถทำได้โดยใชค้ ำสง่ั Custom Shape

ง. การปรบั ขนาดของภาพหรอื วัตถุต่างๆ ในภาพสามารถทำได้โดยใชค้ ำสัง่ Rectangle



รูปภาพแบบ Vector

Vector graphics คือการนำเอาเสน้ ตรง และเสน้ โคง้ (Line and Curves) มาสร้างเปน็ โครง
รา่ ง (Outline) ของภาพ เรยี กวา่ Vector แล้วเตมิ สลี งบนโครงร่าง (Stroke color) และพืน้ ทที่ ่ีถกู
ล้อมรอบโดยโครงรา่ งนั้นๆ (Fill color)

รูปภาพตัวอยา่ งการนำภาพสแกนมาสรา้ งเปน็ ภาพแบบเวกเตอร์

การสรา้ งโครงร่างของ Vector graphics จะใช้การคำนวณทางคณิตศาสตรใ์ นการกำหนด
โครงรา่ ง และจัดเก็บไฟลภ์ าพในลกั ษณะของตวั แปรทางคณิตศาสตร์ เป็นผลให้ไฟล์มขี นาดเลก็ อกี ทั้ง
โครงร่าง ประกอบขึน้ จากเสน้ ตรง และเส้นโคง้ เรยี กว่าภาพลายเส้น (Draw type graphics) ลักษณะ
เดน่ ของ ไฟลภ์ าพประเภทนี้คือ มีขอบภาพที่คมชัดมาก เมื่อภาพถูกพิมพ์ออกท่ีเครอื่ งพิมพ์ ดงั น้ันจงึ
นิยมใช้ ในการออกแบบงานโลโก้ ศิลปะตวั อกั ษรงานภาพเขยี น เปน็ ต้น ข้อดีอีกข้อหน่งึ คือคุณภาพ
ของภาพ ไม่ข้ึนอยู่กับอัตราการขยาย (Resolution - independent) หมายถึงภาพถูกขยายให้ใหญ่
ข้นึ โดย ไมล่ ดทอนคุณภาพของภาพ ส่วนข้อเสยี ของไฟลภ์ าพนคี้ ือ ภาพแลดเู ป็นภาพวาดเมือ่ เทยี บกับ
ไฟลภ์ าพแบบ Bitmap ที่ดูลกั ษณะเปน็ ภาพถ่าย

สำหรับโปรแกรมที่ใชส้ รา้ งหรือแก้ไข File แบบ Vector กค็ ือโปรแกรม “Inkscape”,
“CorelDraw" โดยเฉพาะโปรแกรม “Ilustrator” ซ่งึ เป็นของค่าย Adobe System ผ้ผู ลิตโปรแกรม
Photoshop



รูปภาพแสดงโปรแกรม Inkscape รปู ภาพแสดงโปรแกรม Adobe Illustrator

ความแตกต่างระหว่างกราฟิก แบบ Raster กบั Vector

ร ู ป ภ า พ แ บ บ Raster แ ล ะ Vector ม ี ค ว า ม
แตกต่างกัน ซึ่งการนำไปใช้งานต้องพิจารณาจากงานท่ี
ต้องการนำไปใช้ว่าต้องการให้กราฟิก ที่นำมาแสดงผลมี
ลกั ษณะเปน็ อยา่ งไรซง่ึ สามารถอธบิ ายได้ดังนี้

กราฟิกแบบ Raster หรือ Bitmap มีลกั ษณะดังน้ี
1. เป็นกราฟกิ ทีม่ ลี ักษณะภาพท่ปี ระกอบขนึ้ ดว้ ยจุดสี (พิกเซล) ต่างๆ เป็นจำนวนมาก
2. ภาพมีจำนวนพกิ เซลคงที่จึงต้องการคา่ ความละเอยี ดมากข้ึนเมื่อขยายภาพ โดยจะคำนวณ
ค่าสที ีละ Pixels ทำใหภ้ าพแตกเปน็ จดุ สีเมื่อขยายภาพใหใ้ หญ่
3. เปน็ รูปภาพทีเ่ หมาะสำหรบั งานดา้ นกราฟิก ในแบบต้องการให้แสงเงาในรายละเอียด หรอื
รูปภาพเสมอื นจริงท่ีถา่ ยจากกลอ้ ง หรือการใช้เครอื่ งสแกนภาพ
4. แสดงภาพบนจอทนั ที เมื่อรบั คา่ ส่ังย้ายข้อมลู จากหนว่ ยความจำท่เี ก็บภาพไปยงั หน่วย
ความจำของจอภาพ ทำให้แสดงรปู ภาพไดร้ วดเรว็
กราฟกิ แบบ Vector มลี ักษณะดงั นี้
1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพโดยรวม
เอาวัตถหุ รอื Object (เชน่ วงกลม เส้นตรง) ต่างชนิดมาผสมกัน
2. สามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วน
และ ลักษณะของภาพยังเหมือนเดิม ความละเอียดของภาพไม่
เปลยี่ นแปลง
3. เหมาะสำหรบั งานในรูปแบบการ Layout งานพมิ พ์ ตัวอักษร Line Art หรือ Illustration
4. คอมพวิ เตอรจ์ ะใชเ้ วลาในการแสดงภาพมากกวา่ เนื่องจากตอ้ งทำตามคำส่ังที่มจี ำนวน
มากกว่า



Vector เป็นภาพประเภท Resolution-Independent มลี กั ษณะของการสรา้ งให้แต่ละส่วน
เป็นอสิ ระต่อกนั โดยแยกชิน้ ส่วนของภาพทง้ั หมดออกเป็นเส้นตรง รปู ทรงหรอื ส่วนโค้ง โดยอ้างอิง
ตามความสัมพนั ธ์ทางคณติ ศาสตรห์ รือการคำนวณเปน็ ตัวสรา้ งภาพ เปน็ การรวมเอา Object (เชน่
วงกลม เส้นตรง ทรงกลม ลกู บาศก์และอืน่ ๆ เรียกวา่ รปู ทรงพื้นฐาน) ตา่ งชนดิ มาผสมกัน มีทศิ
ทางการลากเสน้ ไปในแนวตา่ งๆ เพ่อื สรา้ งภาพท่แี ตกตา่ งกันโดยใชค้ ำสัง่ งา่ ย ๆ จงึ เรยี กภาพ ประเภทนี้
วา่ Vector Graphic หรอื Object Oriented

การใช้เครื่องมอื สร้างรปู ภาพกราฟกิ แบบ Vector (Pen Tool)

โปรแกรม PhotoShop สามารถสรา้ งภาพในลกั ษณะเป็นเสน้ โดยใชเ้ คร่ืองมือดังน้ี

1. การใช้เครอ่ื งมอื Pen

การใช้เคร่ืองมือ Pen เพ่ือนสรา้ งเส้น (Path) สามารถทำได้ดงั นี้

(1) คลิกที่ ทีก่ ล่องเคร่อื งมือ

(2) คลิกจดุ ตำแหน่งทต่ี อ้ งการ



รปู ภาพแสดงตัวอย่างการสร้างสามเหลย่ี มจากเครื่องมือ Pen

1.1 การเตมิ สีให้เสน้ Path
การใสส่ ีให้กับเส้น Path นั้น ผ้ใู ช้โปรแกรมต้องสรา้ งเส้น Path ข้นึ มาก่อน (จากตวั อย่าง

เดิม) โดยการใส่สีนนั้ ผ้ใู ชต้ ้องเลือกสีท่ตี ้องการก่อนแล้วจงึ ใชค้ ำส่งั Fill Path การเตมิ สใี ห้เสน้ Path
ทำได้ดังนี้

(1) เม่ือไดเ้ ส้น Path ท่ีต้องการแล้ว ให้เลือกสที ่ตี ้องการเติมลงในเสน้ Path ท่ี Forground
color

(2) ที่หนา้ ต่าง Paths จะปรากฏ Work Path ให้คลิกขวาที่ Work Path แลว้ เลือก Fill Path



รปู ภาพแสดงการเตมิ สใี หเ้ สน้ Path

1.2 การใส่สีเส้นขอบของ Path
การใส่สเี ส้นขอบใหก้ บั เส้น Path น้ัน ผู้ใช้โปรแกรมตอ้ งสรา้ งเส้น Path ขน้ึ มาก่อน (จาก

ตัวอย่างเดิม) โดยการใส่สีนั้นผใู้ ช้ตอ้ งเลือกสที ต่ี ้องการกอ่ นแลว้ จงึ ใช้คำสั่ง Stroke Path การเติมสใี ห้
เสน้ Path ทำไดด้ งั นี้

(1) เมื่อไดเ้ ส้น Path ที่ต้องการแลว้ ให้เลือกสีท่ตี ้องการใส่เสน้ ขอบของเส้น Path ที่
Forground color

(2) ทีห่ น้าตา่ ง Path จะปรากฏ Work Path ใหค้ ลกิ ขวาที่ Work Path แลว้ เลอื ก
Stroke Path

(3) เลือกหัวแปรงตามท่ีต้องการ จากในภาพเลือก (Brush) แล้วคลิก OK



รปู ภาพแสดงการใสเ่ สน้ ขอบให้กับรปู ทรงทส่ี ร้างด้วยเครอ่ื งมอื Pen

หมายเหตุ จากในตวั อย่างนี้ หากตอ้ งการทำให้เสน้ ขอบหนาขึน้ หรือบางลง ต้องเลอื กเครือ่ งมือ
Brush เพอ่ื ปรบั เปลยี่ นขนาดของหวั แปรงกอ่ นทจ่ี ะทำข้อท่ี 2



1.3 การสร้างขอบเขตการเลอื กจากเส้น Path
การสรา้ งขอบเขตการเลอื กให้กบั เส้น Path ผ้ใู ช้โปรแกรมต้องสรา้ งเส้น Path ข้นึ มากอ่ น

(จากตวั อย่างเดมิ ) แลว้ ใช้คำส่งั Make Selection.

รปู ภาพแสดงการสร้างขอบเขตการเลอื กจากเส้น

หมายเหตุ หากต้องการยกเลิกการเลอื ก (นำเส้นปะออก) ให้เลือกเมนู Select แล้วเลือก Deselect
1.4 การลบเส้น Path
การลบเส้น Path นน้ั ผู้ใชโ้ ปรแกรมต้องสรา้ งเสน้ Path ข้นึ มาก่อน จากนน้ั ให้คลกิ ขวา

ที่แถบหนา้ ตา่ ง Path ที่เสน้ Path ท่ตี ้องการลบกอ่ นแลว้ จึงใช้คำสั่ง Delete Path



2. การใช้เครอื่ งมอื Freeform Pen

(1) คลิกขวาท่ี เลอื ก ท่กี ล่องเครอ่ื งมือ

(2) คลกิ และวาดรปู ทรงลงในพ้ืนทท่ี ำงานที่ต้องการได้ทนั ที

ตวั อย่างรูปภาพท่สี รา้ งจากเครอ่ื งมือ Freeform Pen

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

3. การใช้เครือ่ งมือ Add Anchor Point เครื่องมือ Add Anchor Point เปน็ เครื่องมือที่ใช้ ใน
การเพ่ิมจดุ ตรงึ ให้กบั เสน้ Path เพอื่ ใชด้ งึ เส้นให้มีความโค้ง โดยการใชง้ านสามารถทำได้ดังนี้