โปรแกรมกราฟิก

หน่วยท่ี 2
ความรเู้ บอื่ งตน้ โปรแกรม Adobe Photoshop CS6

โปรแกรม Adobe Photoshop CS6

Icon แสดงสัญลักษณ์ของโปรแกรม Adobe Photoshop CS6
คุณสมบตั ิพนื้ ฐานของโปรแกรม

โปรแกรม Photo shop เป็นโปรแกรมในตระกูล Adobe ที่ใช้สำหรับตกแต่งภำพถ่ำยและ
ภำพกรำฟิก ได้อย่ำงมีประสิทธิภำพ ไม่ว่ำจะเป็นงำนด้ำนสิ่งพิมพ์ นิตยสำร และงำนด้ำนมัลติมีเดีย อีกทั้งยัง
สำมำรถ retouchingตกแต่งภำพและกำรสร้ำงภำพ ซึ่งกำลังเป็นท่ีนิยมสูงมำกในขณะน้ี เรำสำมำรถใช้
โปรแกรม Photoshop ในกำรตกแต่งภำพ กำรใส่ Effect ต่ำง ๆให้กับภำพ และตัวหนังสือ กำรทำภำพขำว
ดำ กำรทำภำพถำ่ ยเป็นภำพเขียน กำรนำภำพมำรวมกัน กำร Retouch ตกแตง่ ภำพต่ำงๆ

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

– ตกแตง่ หรอื แก้ไขรูปภำพ
– ตัดต่อภำพบำงสว่ น หรือที่เรยี กว่ำ crop ภำพ
– เปลี่ยนแปลงสีของภำพ จำกสีหน่ึงเป็นอกี สหี นึ่งได้

– สำมำรถลำกเส้น แบบฟรสี ไตล์ หรือใส่รูปภำพ สีเ่ หล่ียม วงกลม หรอื สร้ำงภำพไดอ้ ยำ่ งอสิ ระ
– มกี ำรแบง่ ชน้ั ของภำพเป็น Layer สำมำรถเคลอื่ นยำ้ ยภำพได้เป็นอิสระต่อกัน
– กำรทำ cloning ภำพ หรือกำรทำภำพซำ้ ในรูปภำพเดยี วกนั
– เพม่ิ เติมข้อควำม ใส่ effect ของข้อควำมได้
– Brush หรอื แปรงทำสี ทสี่ ำมำรถเลือกรปู แบบสำเร็จรปู ในกำรสร้ำงภำพได้และอ่นื ๆ อกี มำกมำ
โปรแกรม Adobe Photoshop CS6 เม่ือทำกำรเปดิ โปรแกรมแลว้ จะพบหนำ้ ตำของโปรแกรมดังรูป

ส่วนประกอบต่าง ๆ ของโปรแกรม 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)
เปน็ สว่ นที่ใช้ในกำรปรับแตง่ ค่ำกำรทำงำนของเครอ่ื งมือ ตำ่ ง ๆ กำรกำหนดคำ่ ในแถบตวั เลอื กจะ

เปลีย่ นไปตำมเครือ่ งมือทใ่ี ช้งำนอยู่ ดงั แสดงในภำพท่ี 2

ภาพท่ี 2 แถบตัวเลือก (Options Bar)

3. กล่องเครอ่ื งมอื (Toolbox)
เปน็ สว่ นที่ใช้เกบ็ เครื่องมือพื้นฐำนในกำรทำงำน ในโปรแกรม สำมำรถเรยี กใช้ชุดเครอื่ งมือย่อยโดยกำรคลิก

รูปสำมเหล่ยี มทีม่ ุมด้ำนลำ่ งดังแสดงในภำพท่ี 3

เครื่องมือพนื้ ฐำนบนกลอ่ งเครอื่ งมอื ของโปรแกรม Adobe Photoshop CS6 ได้แบ่ง กำรทำงำนออกเปน็
หมวดหมู่หรือเปน็ กลมุ่ ยอ่ ย ๆ ดงั แสดงในตำรำงที่ 2

ตารางที่ 2 เครื่องมอื พนื้ ฐานของโปรแกรม Adobe Photoshop CS6

ภาพ ช่อื เครอื่ งมอื ความหมาย

Move Tool ใช้เคล่อื นย้ำยภำพบรเิ วณทีเ่ ลือกพน้ื ท่ี

หรอื ไม่ได้เลือกพนื้ ทไี่ ปยงั ตำแหน่งใหม่

1. Rectangular 1. เลอื กพนื้ ทแ่ี บบรปู ทรงสเี่ หลยี่ ม

Marquee Tool 2. เลือกพื้นที่แบบรูปทรงวงกลม วงรี

2. Elliptical 3. เลือกพ้ืนทแ่ี บบเสน้ ตรงแนวนอน

Marquee Tool 4. เลอื กพื้นท่ีแบบเส้นตรงแนวต้งั

3. Single Row

Marquee Tool

4. Single Column

Marquee Tool

1. Lasso Tool 1. เลือกพน้ื ที่แบบอิสระ

2. Polygonal Lasso 2. เลือกพน้ื ทแ่ี บบมมุ เหลย่ี ม

Tool 3. เลือกพื้นที่แบบชิดเส้นขอบภำพ

3. Magnetic Lasso

Tool

1. Quick Selection 1. เลือกพน้ื ทต่ี ำมพื้นที่ท่ีลำกเมำส์ผ่ำน

Tool 2. เลอื กพ้ืนทโ่ี ดยยดึ ตำมสีที่มีค่ำ

2. Magic Wand ใกล้เคยี งกนั

Tool

1. Crop Tool 1. ใชต้ ัดภำพโดยเลือกเฉพำะบรเิ วณที่

2. Perspective Cropตอ้ งกำรใชง้ ำน

Tool 2. ใชต้ ัดภำพท่ีมมี ุมบิดเบี้ยวใหก้ ลำยเปน็

3. Slice Tool มมุ ที่ถูกต้อง

4. Slice Select Tool3. ใช้ตัดภำพออกเปน็ ชน้ิ เล็ก ๆ เพอ่ื

นำไป ใชอ้ อกแบบบนเวบ็ เพจ

4. ใช้ปรับแตง่ ขนำดของภำพท่ีตดั

ออกเปน็ ชน้ิ เล็กๆ จำกเคร่อื งมือ Slice

Tool

1. Eyedropper Tool 1. ใชเ้ ลอื กสจี ำกภำพไปใชง้ ำน

2. Color Sampler 2. ใชด้ ูดสไี ว้สำหรบั เปรยี บเทียบค่ำ

Tool 3. ใชว้ ดั ระยะห่ำงและกำหนดตำแหน่ง

3. Ruler Tool 4. ใช้เพม่ิ คำอธบิ ำยใหก้ ับภำพ

4. Note Tool

1. Spot Healing 1. ใชแ้ กไ้ ขจดุ บกพร่องขนำดเล็กบนภำพ

Brush Tool 2. ใชแ้ กไ้ ขจดุ บกพร่องขนำดใหญ่บน

2. Healing Brush ภำพ

Tool 3. ใชแ้ ก้ไขพื้นผวิ ของภำพขนำด

3. Patch Tool ใหญ่ โดยกำรนำพน้ื ผิวอนื่ มำแปะทบั

4. Content-Aware 4. ใชย้ ้ำยวตั ถุในภำพไปยังตำแหนง่

Move Tool ใหม่ โดยเครื่องมือจะเติมสีพนื้ หลังให้

ดว้ ย

5. ใชแ้ กไ้ ขภำพถ่ำยตำแดง

1. Clone Stamp 1. ใชค้ ัดลอกวตั ถุจำกจุดหน่งึ ไปแปะทบั

Tool อีกจุดหน่งึ

2. Pattern Stamp 2. ใชต้ กแต่งภำพพืน้ ผวิ ท่ีคลกิ แทนทีล่ ง

Tool ไปบนภำพ

1. Eraser Tool 1. ใช้ลบพ้นื ทีท่ ไ่ี มต่ ้องกำรและแทนท่ี

2. Background ดว้ ยสพี น้ื หลัง

Eraser Tool 2. ใชล้ บภำพพนื้ หลงั ออกด้วยกำรคลกิ

3. Magic Eraser เลอื กสีที่จะลบและจะได้พืน้ หลงั แบบ

Tool โปรง่ ใส

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 2. ใชส้ ร้ำงเส้นหรอื ลวดลำย แต่จะได้เสน้

3. Color ทีห่ ยำบกวำ่

Replacement Tool 3. ใช้เปลีย่ นสีภำพเป็นสีใหม่

4. Mixer Brush Tool 4. ใช้เกลย่ี สีของภำพให้กลำยเปน็

ภำพวำด

1. History Brush 1. ใชย้ ้อนกลบั กำรทำงำนคำส่งั ท่ี
Tool ผดิ พลำดเมอื่ ลำกเมำสไ์ ปบนภำพ
2. Art History Brush 2. ใชเ้ ปลี่ยนเป็นภำพวำดแบบ
Tool งำ่ ย ๆ เมือ่ ลำกเมำส์ไปบนภำพ

1. Gradient Tool 1. ใช้ลำกเมำสไ์ ปบนภำพเพอื่ ไลเ่ ฉดสี
2. Paint Bucket 2. ใช้เพือ่ เติมสหี รือลวดลำยลงไปบน
Tool ภำพ

1. Pen Tool 1. ใช้สรำ้ งเส้นพำธรอบภำพโดยกำรลำก

2. Freeform Pen เมำส์กำหนดทิศทำง

Tool 2. ใช้สร้ำงเส้นพำธแบบอิสระเพ่อื

3. Add Anchor ปรบั แต่งในภำยหลงั

Point Tool 3. ใช้เพ่ิมจุดแองเคอรเ์ พอ่ื ปรบั แตง่

4. Delete Anchor รปู ทรงเส้นพำธ

Point Tool 4. ใช้ลบจดุ แองเคอร์ทีม่ ำกเกนิ ไป

5. Convert Point 5. ใช้ปรบั แตง่ มมุ ของเส้นพำธ

Tool

1. Horizontal Type 1. ใช้สรำ้ งข้อควำมแบบเวคเตอรใ์ น

Tool แนว นอน

2. Vertical Type 2. ใช้สรำ้ งข้อควำมแบบเวคเตอร์ใน

Tool แนวตั้ง

3. Horizontal Type 3. ใชส้ รำ้ งข้อควำมแบบรำสเตอร์ใน

Mask Tool แนว นอน

4. Vertical Type 4. ใชส้ รำ้ งขอ้ ควำมแบบรำสเตอร์ใน

Mask Tool แนวต้ัง

1. Path Selection 1. ใช้ย้ำยตำแหน่งหรอื ปรบั ขนำดเส้น

Tool พำธ

2. Direct Selection 2. ใช้คลิกไปบนจุดแองเคอรเ์ พอ่ื

Tool ปรบั แตง่ รปู ทรงเส้นพำธ

1. Rectangle Tool 1. ใช้สรำ้ งรปู ทรงสเี่ หลยี่ ม

2. Rounded 2. ใชส้ ร้ำงรปู ทรงสเ่ี หลี่ยมมมุ โคง้ มน

Rectangle Tool 3. ใช้สร้ำงรปู ทรงวงกลม วงรี

3. Ellipse Tool 4. ใช้สร้ำงรูปทรงหลำยเหลีย่ ม รปู ดำว

4. Polygon Tool 5. 5. ใชส้ รำ้ งรปู ทรงเสน้ ตรง

Line Tool 6. ใช้สรำ้ งรูปทรงสำเรจ็ รูป

6. Custom Shape
Tool

1. Hand Tool 1. ใช้เลอ่ื นดูสว่ นต่ำง ๆ ของภำพ
2. Rotate View 2. ใช้หมนุ ภำพไปในทิศทำงต่ำง ๆ
Tool
ใชข้ ยำยดสู ่วนที่ต้องกำรของภำพ
Zoom Tool

Foreground/Backgr ใชก้ ำหนดสพี น้ื หนำ้ และสพี นื้ หลงั
ound

Edit in Standard ใชแ้ สดงหรือแก้ไขภำพในโหมดปกตแิ ละ

Mode/ แสดงกำรทำงำนคล้ำยกำรสรำ้ ง

Edit in Quick Mask หนำ้ กำก เพ่ือปดิ บงั พ้ืนที่สว่ นทไี่ ม่

Mode ตอ้ งกำรเลือกเอำไว้ โดยสำมำรถคลิก

เมำสส์ ลับโหมดไปมำได้

1. Standard Screen 1. ใช้แสดงหน้ำจอแบบมำตรฐำนปกติ

Mode 2. ใช้แสดงแบบเตม็ หน้ำจอโดยไมม่ ี

2. Full Screen แถบ ช่อื เรือ่ งของโปรแกรม

Mode with Menu 3. ใชแ้ สดงแบบเต็มหนำ้ จอโดยไม่มี

Bar แถบ ชือ่ เรือ่ งและแถบเมนูคำสง่ั

3. Full Screen

Mode

4 แถบชอ่ื เรือ่ ง (Title Bar)
เป็นส่วนท่แี สดงช่อื ไฟลภ์ ำพทเี่ ปิดใช้งำนอยู่ สำหรับโปรแกรม Adobe Photoshop CS6 แถบชอ่ื เรอื่ งจะ

เรียงกนั เป็นแทบ็ (Tab) ดงั แสดงในภำพที่ 4

ภาพที่ 4 แถบชอ่ื เรื่อง (Title Bar)
5. แถบสถานะ (Status Bar)

เปน็ สว่ นทแ่ี สดงคุณสมบตั เิ ก่ยี วกับภำพ เช่น เปอรเ์ ซน็ ต์ในกำรย่อขยำยไฟลภ์ ำพ ขนำดไฟลภ์ ำพ เป็นตน้ ดัง
แสดงในภำพท่ี 5

ภาพที่ 5 แถบสถำนะ (Status Bar)

6. พนื้ ทใ่ี ช้งาน (Working Area)
เปน็ ส่วนท่ีใช้ในกำรสร้ำงงำนกรำฟิก โดยกำรเปิดไฟล์ภำพเพื่อแก้ไขบนพื้นที่ใช้งำน หรือวำดภำพใหม่

บนพ้ืนทใี่ ช้งำน ดงั แสดงในภำพท่ี 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

ภาพที่ 10 พำเนล Styles

7.5 Adjustments ใชป้ รบั แตง่ สีใหก้ ับภำพ เพ่ือแก้ไขข้อบกพร่องหรอื สที ีผ่ ดิ เพ้ียน ดงั แสดงในภำพที่11
ภาพที่ 11 พำเนล Adjustments

7.6 Layers ใช้ควบคุมกำรใช้งำนเลเยอร์ต่ำง ๆ ทีเ่ กิดจำกกำรสร้ำงชิน้ งำน ดงั แสดงในภำพที่ 12

ภาพที่ 12 พำเนล Layers
7.7 History ทำหน้ำที่ในกำรเก็บรำยละเอียดขัน้ ตอนกำรทำงำนทั้งหมดทีผ่ ่ำนมำ เพ่ืออำนวยควำม
สะดวกเมื่อต้องกำรย้อนกลับไปใช้คำสั่งเกำ่ หรอื ย้อนดกู ำรทำงำนท่ผี ่ำนมำดังแสดง ในภำพที่ 13

ภาพที่ 13 พำเนล History