น.ส จิรชั ญา ศรจี มู พล ม.4/5 เลขท่ี 15
ส่วนประกอบของโปรแกรม photo shop
ส่วนประกอบต่าง ๆ ของโปรแกรม Adobe Photoshop CS6
โปรแกรม Adobe Photoshop CS6 ไดป้ รับเปล่ียนรูปแบบ นอกจากจะมีสีสนั สวยงามข้ึนแลว้ ยงั จดั การกบั
พาเนลหรือเครื่องมือท่ีจดั วางไม่เป็นระเบียบ ออกไปจากหนา้ ต่างการทาํ งานค่อนขา้ งมาก เช่น เพิ่มป่ ุมคาํ สง่ั และ
จดั เรียงป่ ุมคาํ สง่ั บางป่ ุมใหม่ จึงมีความจาํ เป็นตอ้ งรู้จกั กบั ส่วนประกอบท่ีสาํ คญั เพื่อใหส้ ามารถคน้ หาและเรียกใช้
เคร่ืองมือไดอ้ ยา่ งรวดเร็ว
สาํ หรับหนา้ ต่างโปรแกรม Adobe Photoshop CS6 ประกอบไปดว้ ยพาเนลและกล่องเคร่ืองมือท่ีวางอยบู่ นพ้ืนที่
วา่ งซ่ึงเปรียบเสมือนกบั โตะ๊ ทาํ งาน ดงั น้นั จึงสามารถเคลื่อนยา้ ยตาํ แหน่งพาเนลและเคร่ืองมือไปยงั จุดที่ตอ้ งการ
ได้ ส่วนประกอบสาํ คญั ของหนา้ ต่างโปรแกรม มีรายละเอียดดงั น้ี
1 แถบเมนูคาํ สั่ง (Menu Bar)
เป็นจุดรวบรวมชุดคาํ สงั่ ที่ใชส้ าํ หรับเรียกคาํ สง่ั ต่าง ๆ เพื่อใชจ้ ดั การไฟลภ์ าพหรือตกแต่งภาพ ดงั แสดง
ในภาพท่ี 1
ภาพท่ี 1 แถบเมนูคาํ สง่ั (Menu Bar)
แถบเมนูคาํ สง่ั ประกอบไปดว้ ยท้งั หมด 10 เมนูคาํ สง่ั โดยแสดงชื่อเมนูคาํ สง่ั และรูปแบบการทาํ งาน
ดงั แสดงในตารางที่ 1
ตารางท่ี 1 รูปแบบการทาํ งานของแถบเมนูคาํ สง่ั
รูปแบบการทาํ งาน
File สาํ หรบั จดั การกบั ไฟลภ์ าพในลกั ษณะตา่ ง ๆ เช่น สรา้ งไฟลง์ านใหม่ เปิดไฟลภ์ าพ บนั ทกึ ไฟลง์ าน
นาํ เขา้ หรอื สง่ ออกไฟลเ์ พ่อื ทาํ งานในลกั ษณะอ่นื ๆ
Edit สาํ หรบั แกไ้ ขภาพ เช่น ตดั คดั ลอก วาง รวมถงึ ปรบั แตง่ คา่ เบอื้ งตน้ ของโปรแกรม
Image สาํ หรบั จดั การภาพ เชน่ แกไ้ ขความสวา่ งหรอื สขี องภาพใหส้ มดลุ ย่ิงขนึ้ รวมถึงใชส้ าํ หรบั ยอ่ ขยาย
ขนาดภาพ และกาํ หนดขนาดพืน้ ท่ีการทาํ งานของภาพ
Layer สาํ หรบั จดั การเก่ียวกบั เลเยอร์ เช่น การสรา้ งเลเยอรใ์ หม่ การรวมเลเยอร์ การแปลง เลเยอร์ การ
จดั การกบั เลเยอรข์ องไฟลล์ กั ษณะตา่ ง ๆ รวมถึงการจดั การรายละเอยี ดของภาพในเลเยอรน์ นั้ ๆ
Type สาํ หรบั จดั การและปรบั แตง่ เก่ียวกบั ขอ้ ความ เช่น ปรบั แตง่ สีขอ้ ความ ปรบั แตง่ ขอบขอ้ ความ หรอื การ
เปล่ยี นขอ้ ความใหเ้ ป็นภาพ
Select สาํ หรบั ปรบั แตง่ การเลือกพนื้ ท่ี บนั ทกึ และเรยี กพืน้ ท่ที ่ีเลอื กมาใชง้ าน รวมถงึ คาํ ส่งั สาํ หรบั การเลอื ก
พืน้ ท่เี พ่ือใหไ้ ดผ้ ลลพั ธท์ ่ดี ีย่งิ ขนึ้
Filter สาํ หรบั ปรบั แตง่ ภาพใหม้ ีรูปแบบท่ีนา่ สนใจย่ิงขนึ้ บดิ ดดั ปรบั รูปทรงรูปแบบตา่ ง ๆ ใหก้ บั ภาพ
View สาํ หรบั เลือกรูปแบบการแสดงผล เชน่ ยอ่ ขยายภาพ แสดงไมบ้ รรทดั เสน้ กรดิ หรอื เสน้ ไกด์
Window สาํ หรบั เลือกเปิดปิดพาเนล รวมถงึ กาํ หนดรูปแบบการแสดงหนา้ ตา่ งในแบบตา่ ง ๆ
Help ใชส้ าํ หรบั แสดงความช่วยเหลือเก่ียวกบั การใชเ้ ครอ่ื งมือหรอื คาํ ส่งั ในรูปแบบตา่ ง ๆ
2 แถบตัวเลือก (Options Bar)
เป็นส่วนท่ีใชใ้ นการปรับแต่งคา่ การทาํ งานของเคร่ืองมือ ต่าง ๆ การกาํ หนดคา่ ในแถบตวั เลือกจะ
เปลี่ยนไปตามเครื่องมือที่ใชง้ านอยู่ ดงั แสดงในภาพท่ี 3.2
ภาพท่ี 2 แถบตวั เลือก (Options Bar)
3 กล่องเคร่ืองมือ (Toolbox)
เป็นส่วนที่ใชเ้ กบ็ เคร่ืองมือพ้นื ฐานในการทาํ งาน ในโปรแกรม สามารถเรียกใชช้ ุดเคร่ืองมือยอ่ ยโดยการ
คลิกรูปสามเหล่ียมท่ีมุมดา้ นล่าง ดงั แสดงในภาพที่ 2.3
ภาพท่ี 3 กลอ่ งเคร่ืองมือ (Toolbox)
เครื่องมือพ้นื ฐานบนกลอ่ งเคร่ืองมือของโปรแกรม Adobe Photoshop CS6 ไดแ้ บ่ง การทาํ งานออกเป็น
หมวดหมู่หรือเป็นกลุ่มยอ่ ย ๆ ดงั แสดงในตารางท่ี 2
ตารางที่ 2 เคร่ืองมือพ้ืนฐานของโปรแกรม Adobe Photoshop CS6
ภาพ ช่ือเคร่ืองมือ ความหมาย
Move Tool ใชเ้ คลื่อนยา้ ยภาพบริเวณที่เลือกพ้ืนที่
หรือไม่ไดเ้ ลือกพ้นื ที่ไปยงั ตาํ แหน่ง
ใหม่
1. Rectangular Marquee 1. เลือกพ้ืนท่ีแบบรูปทรงส่ีเหลี่ยม
Tool 2. เลือกพ้ืนท่ีแบบรูปทรงวงกลม วงรี
2. Elliptical Marquee Tool 3. เลือกพ้ืนที่แบบเส้นตรงแนวนอน
3. Single Row Marquee Tool 4. เลือกพ้ืนที่แบบเสน้ ตรงแนวต้งั
4. Single Column Marquee
Tool
1. Lasso Tool 1. เลือกพ้ืนที่แบบอิสระ
2. Polygonal Lasso Tool 2. เลือกพ้ืนท่ีแบบมุมเหลี่ยม
3. Magnetic Lasso Tool 3. เลือกพ้ืนท่ีแบบชิดเส้นขอบภาพ
1. Quick Selection Tool 1. เลือกพ้ืนท่ีตามพ้ืนที่ที่ลากเมาส์
2. Magic Wand Tool ผา่ น
2. เลือกพ้ืนที่โดยยดึ ตามสีที่มีค่า
ใกลเ้ คียงกนั
1. Crop Tool 1. ใชต้ ดั ภาพโดยเลือกเฉพาะบริเวณ
2. Perspective Crop Tool ท่ีตอ้ งการใชง้ าน
3. Slice Tool 2. ใชต้ ดั ภาพที่มีมุมบิดเบ้ียวให้
4. Slice Select Tool กลายเป็นมุมท่ีถูกตอ้ ง
3. ใชต้ ดั ภาพออกเป็นชิ้นเลก็ ๆ เพ่ือ
นาํ ไป ใชอ้ อกแบบบนเวบ็ เพจ
4. ใชป้ รับแต่งขนาดของภาพที่ตดั
ออกเป็นชิ้นเลก็ ๆ จากเครื่องมือ
Slice Tool
1. Eyedropper Tool 1. ใชเ้ ลือกสีจากภาพไปใชง้ าน
2. Color Sampler Tool 2. ใชด้ ูดสีไวส้ าํ หรับเปรียบเทียบค่า
3. ใชว้ ดั ระยะห่างและกาํ หนด
3. Ruler Tool ตาํ แหน่ง
4. Note Tool
4. ใชเ้ พิ่มคาํ อธิบายใหก้ บั ภาพ
1. Spot Healing Brush Tool 1. ใชแ้ กไ้ ขจุดบกพร่องขนาดเลก็ บน
2. Healing Brush Tool ภาพ
3. Patch Tool 2. ใชแ้ กไ้ ขจุดบกพร่องขนาดใหญบ่ น
4. Content-Aware Move ภาพ
Tool 3. ใชแ้ กไ้ ขพ้นื ผวิ ของภาพขนาดใหญ่
โดยการนาํ พ้ืนผวิ อื่นมาแปะทบั
4. ใชย้ า้ ยวตั ถุในภาพไปยงั ตาํ แหน่ง
ใหม่ โดยเคร่ืองมือจะเติมสีพ้นื หลงั
ใหด้ ว้ ย
5. ใชแ้ กไ้ ขภาพถ่ายตาแดง
1. Clone Stamp Tool 1. ใชค้ ดั ลอกวตั ถุจากจุดหน่ึงไปแปะ
2. Pattern Stamp Tool ทบั อีกจุดหน่ึง
2. ใชต้ กแตง่ ภาพพ้ืนผวิ ที่คลิกแทนท่ี
ลงไปบนภาพ
1. Eraser Tool 1. ใชล้ บพ้ืนที่ท่ีไม่ตอ้ งการและ
2. Background Eraser Tool แทนที่ดว้ ยสีพ้นื หลงั
3. Magic Eraser Tool 2. ใชล้ บภาพพ้ืนหลงั ออกดว้ ยการ
คลิกเลือกสีที่จะลบและจะไดพ้ ้ืนหลงั
แบบโปร่งใส
3. ใชล้ บสีพ้ืนหลงั ภาพอยา่ งรวดเร็ว
และ จะไดพ้ ้นื หลงั แบบโปร่งใส
1. Blur Tool 1. ใชร้ ะบายภาพใหเ้ บลอในจุดที่ลาก
2. Sharpen Tool เมาส์
3. Smudge Tool 2. ใชป้ รับเพิ่มความคมชดั ใหภ้ าพ
3. ใชเ้ กล่ียสีใหก้ ลมกลืนในจุดที่ลาก
เมาส์
1. Dodge Tool 1. ใชเ้ พิม่ ความสวา่ งใหจ้ ุดท่ีลากเมาส์
2. Burn Tool ผา่ น
3. Sponge Tool 2. ใชเ้ พิม่ ความมืดใหจ้ ุดที่ลากเมาส์
ผา่ น
3. ใชล้ ดและเพิ่มความอ่ิมตวั ของสี
โดยการลากเมาส์ผา่ น
1. Brush Tool 1. ใชส้ ร้างเส้นหรือลวดลายใหก้ บั
2. Pencil Tool เส้น
3. Color Replacement Tool 2. ใชส้ ร้างเสน้ หรือลวดลาย แต่จะได้
เสน้ ท่ีหยาบกวา่
4. Mixer Brush To 3. ใชเ้ ปลี่ยนสีภาพเป็นสีใหม่
4. ใชเ้ กลี่ยสีของภาพใหก้ ลายเป็น
ภาพวาด
1. History Brush Tool 1. ใชย้ อ้ นกลบั การทาํ งานคาํ สง่ั ที่
2. Art History Brush Tool ผดิ พลาดเม่ือลากเมาส์ไปบนภาพ
2. ใชเ้ ปลี่ยนเป็นภาพวาดแบบง่าย ๆ
เมื่อลากเมาส์ไปบนภาพ
1. Gradient Tool 1. ใชล้ ากเมาส์ไปบนภาพเพอ่ื ไล่เฉด
2. Paint Bucket Tool สี
2. ใชเ้ พอ่ื เติมสีหรือลวดลายลงไปบน
ภาพ
1. Pen Tool 1. ใชส้ ร้างเส้นพาธรอบภาพโดยการ
2. Freeform Pen Tool ลากเมาส์กาํ หนดทิศทาง
3. Add Anchor Point Tool 2. ใชส้ ร้างเส้นพาธแบบอิสระเพอ่ื
ปรับแต่งในภายหลงั
4. Delete Anchor Point Tool
5. Convert Point Tool 3. ใชเ้ พิม่ จุดแองเคอร์เพื่อปรับแต่ง
รูปทรงเสน้ พาธ
4. ใชล้ บจุดแองเคอร์ที่มากเกินไป
5. ใชป้ รับแต่งมุมของเส้นพาธ
1. Horizontal Type Tool 1. ใชส้ ร้างขอ้ ความแบบเวคเตอร์ใน
2. Vertical Type Tool แนว นอน
3. Horizontal Type Mask 2. ใชส้ ร้างขอ้ ความแบบเวคเตอร์ใน
Tool แนวต้งั
4. Vertical Type Mask Tool 3. ใชส้ ร้างขอ้ ความแบบราสเตอร์ใน
แนว นอน
4. ใชส้ ร้างขอ้ ความแบบราสเตอร์ใน
แนวต้งั
1. Path Selection Tool 1. ใชย้ า้ ยตาํ แหน่งหรือปรับขนาดเส้น
2. Direct Selection Tool พาธ
2. ใชค้ ลิกไปบนจุดแองเคอร์เพ่ือ
ปรับแต่งรูปทรงเส้นพาธ
1. Rectangle Tool 1. ใชส้ ร้างรูปทรงส่ีเหล่ียม
2. Rounded Rectangle Tool 2. ใชส้ ร้างรูปทรงส่ีเหลี่ยมมุมโคง้ มน
3. Ellipse Tool 3. ใชส้ ร้างรูปทรงวงกลม วงรี
4. Polygon Tool 5. Line 4. ใชส้ ร้างรูปทรงหลายเหลี่ยม รูป
Tool ดาว
6. Custom Shape Tool 5. ใชส้ ร้างรูปทรงเส้นตรง
6. ใชส้ ร้างรูปทรงสาํ เร็จรูป
1. Hand Tool 1. ใชเ้ ล่ือนดูส่วนต่าง ๆ ของภาพ
2. Rotate View Tool 2. ใชห้ มุนภาพไปในทิศทางต่าง ๆ
Zoom Tool ใชข้ ยายดูส่วนที่ตอ้ งการของภาพ
Foreground/Background ใชก้ าํ หนดสีพ้นื หนา้ และสีพ้นื หลงั
Edit in Standard Mode/ ใชแ้ สดงหรือแกไ้ ขภาพในโหมดปกติ
และแสดงการทาํ งานคลา้ ยการสร้าง
Edit in Quick Mask Mode หนา้ กาก เพอ่ื ปิ ดบงั พ้ืนที่ส่วนท่ีไม่
ตอ้ งการเลือกเอาไว้ โดยสามารถคลิก
เมาส์สลบั โหมดไปมาได้
1. Standard Screen Mode 1. ใชแ้ สดงหนา้ จอแบบมาตรฐาน
2. Full Screen Mode with ปกติ
2. ใชแ้ สดงแบบเตม็ หนา้ จอโดยไม่มี
Menu Bar
3. Full Screen Mode แถบ ช่ือเรื่องของโปรแกรม
3. ใชแ้ สดงแบบเตม็ หนา้ จอโดยไม่มี
แถบ ชื่อเรื่องและแถบเมนูคาํ สง่ั
4 แถบชื่อเรื่อง (Title Bar)
เป็นส่วนท่ีแสดงชื่อไฟลภ์ าพที่เปิ ดใชง้ านอยู่ สาํ หรับโปรแกรม Adobe Photoshop CS6 แถบช่ือเรื่องจะ
เรียงกนั เป็นแทบ็ (Tab) ดงั แสดงในภาพที่ 4
ภาพที่ 4 แถบช่ือเร่ือง (Title Bar)
5 แถบสถานะ (Status Bar)
เป็นส่วนท่ีแสดงคุณสมบตั ิเก่ียวกบั ภาพ เช่น เปอร์เซ็นตใ์ นการยอ่ ขยายไฟลภ์ าพ ขนาดไฟลภ์ าพ เป็นตน้
ดงั แสดงในภาพท่ี 5
ภาพท่ี 5 แถบสถานะ (Status Bar)
6 พืน้ ท่ีใช้งาน (Working Area)
เป็นส่วนที่ใชใ้ นการสร้างงานกราฟิ ก โดยการเปิ ดไฟลภ์ าพเพือ่ แกไ้ ขบนพ้นื ท่ีใชง้ าน หรือวาดภาพใหม่
ลงไปบนพ้ืนที่ใชง้ าน ดงั แสดงในภาพท่ี 2.6
ภาพท่ี 2.6 พ้นื ท่ีใชง้ าน (Working Area)
7 พาเนล (Panel)
ใชส้ าํ หรับจดั การกบั ภาพ โดยแยกออกเป็นหมวดหมู่ เช่น พาเนลสาํ หรับเลือกสี พาเนลสาํ หรับปรับแต่ง
ความสวา่ ง เป็นตน้ พาเนลแต่ละแบบมีหนา้ ที่และการใชง้ านแตกตา่ งกนั ออกไป โดยสามารถเลือกเปิ ดหรือปิ ด
พาเนลไดจ้ ากเมนูคาํ สงั่ Window ตวั อยา่ งพาเนลที่นิยมใช้ มีดงั น้ี
7.1 Navigator ใชป้ รับมุมมองของภาพ โดยคลิกเลือกบริเวณ Zoom Slider เพ่ือยอ่ ขยายมุมมอง
ภาพ ดงั แสดงในภาพที่ 7
ภาพท่ี 7 พาเนล Navigator
7.2 Color ใชก้ าํ หนดสีพ้นื หนา้ (Foreground) และสีพ้นื หลงั (Background) โดยการเล่ือนแถบสี
เพื่อปรับแต่งตามตอ้ งการ ดงั แสดงในภาพท่ี 8
ภาพท่ี 8 พาเนล Color
7.3 Swatches ใชก้ าํ หนดสีแบบสาํ เร็จรูปที่โปรแกรมกาํ หนดไว้ หรือสร้างสีข้ึนมาใหม่เองได้
โดยการคลิกเลือกสีที่ตอ้ งการเพื่อความสะดวกในการใชง้ าน ดงั แสดงในภาพท่ี 9
ภาพท่ี 9 พาเนล Swatches
7.4 Styles ใชส้ าํ หรับกาํ หนดการตกแต่งรูปแบบต่าง ๆ ที่โปรแกรมกาํ หนดข้ึนมา เช่น การตกแต่ง
สีใหก้ บั รูปแบบขอ้ ความ ดงั แสดงในภาพที่ 10
ภาพที่ 11 ภาพท่ี 10 พาเนล Styles
7.5 Adjustments ใชป้ รับแต่งสีใหก้ บั ภาพ เพือ่ แกไ้ ขขอ้ บกพร่องหรือสีที่ผดิ เพ้ียน ดงั แสดงใน
ภาพท่ี 11 พาเนล Adjustments
7.6 Layers ใชค้ วบคุมการใชง้ านเลเยอร์ต่าง ๆ ที่เกิดจากการสร้างชิ้นงาน ดงั แสดงในภาพที่ 12
ภาพท่ี 12 พาเนล Layers
7.7 History ทาํ หนา้ ท่ีในการเกบ็ รายละเอียดข้นั ตอนการทาํ งานท้งั หมดท่ีผา่ นมา เพ่ืออาํ นวย
ความสะดวกเมื่อตอ้ งการยอ้ นกลบั ไปใชค้ าํ สง่ั เก่าหรือยอ้ นดูการทาํ งานที่ผา่ นมาดงั แสดง ในภาพท่ี 13
ภาพท่ี 13 พาเนล History