การจัดองค์ประกอบภาพและงานกราฟิก ด้วยโปรแกรม Photoshop

การจดั องคป์ ระกอบภาพและ
งานกราฟิก ดว้ ยโปรแกรม

Photoshop

โดย
อาจารยศ์ ราวฒุ ิ ดว้ งเบ้า

สาขาวชิ าสารสนเทศศาสตรแ์ ละบรรณารกั ษศาสตร์
มหาวทิ ยาลัยราชภัฏเพชรบุรี

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

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

1. เมนูบาร์ (Menu Bar)
แถบเมนูบาร์อยู่ด้านบนสุดของตัวโปรแกรม ซึ่งมีไว้สำหรับใช้คำสั่งเพื่อการปรับแต่ง
ภาพและชิน้ งานเพ่มิ ขึน้ ซึ่งลูกเลน่ ตา่ ง ๆ ของตวั โปรแกรมในฟงั กช์ ันเพิม่ เติมจะอยใู่ นแถบเมนบู าร์ตวั นี้

1.1 File ใช้จดั การกับไฟลร์ ปู ภาพ เช่น สร้างไฟลใ์ หม่ เปดิ ปิด บันทึกไฟล์
1.2 Edit รวมคำสั่งทใ่ี ช้แกไ้ ขภาพ และปรบั แต่งการทำงานของโปรแกรม เช่น
copy แกไ้ ขเครือ่ งมอื
1.3 Image คำสั่งที่ใช้ปรับแต่งภาพ เช่น สี แสง ขนาดของภาพ ขนาดของ
เอกสาร โหมดสี และอน่ื ๆ
1.4 Layer คำสัง่ ท่ีใช้จัดการกับแผ่นงานหรือเลเยอร์ ในด้านต่าง ๆ

1.5 select คำส่งั เกี่ยวกบั การเลือกวตั ถุ เพื่อนำไปใช้งานรว่ มกบั คำสัง่ อ่นื ๆ
1.6 Filter การใส่เทคนคิ พเิ ศษต่าง ๆ สำหรับรูปภาพและวตั ถุ
1.7 View คำสั่งเกี่ยวกับมุมมองการดูภาพและวัตถุ เช่น การขยายภาพและ
ยอ่ ขนาดของแผน่ งาน
1.8 Window คำสั่งในการเลอื กใช้ เปดิ ปิด อุปกรณ์เสริม
1.9 Help คำสั่งแนะนำเกี่ยวกับการใช้โปรแกรม และลายละเอียดของ
โปรแกรม
2. แถบออฟชนั บาร์ (Tool Options Bar)
แถบออฟชั่นบาร์อยู่ด้านบนรองลงมาจากแถบเมนูบาร์ของตัวโปรแกรม ซึ่งมี
ไว้สำหรบั ใช้กำหนดการตั้งคา่ ของคำสง่ั ตา่ ง ๆ ของแต่ละเครือ่ งมอื

3. แถบเคร่ืองมอื (Tools Bar)
แถบเครื่องมือนี้เป็นส่วนสำคัญหากไม่มีแถบนี้ก็ไม่สามารถจัดการแต่งภาพ
สร้างสรรคภ์ าพได้ ซ่ึงแถบเคร่อื งมือน้ีเวลาใชง้ านเครอ่ื งมอื ใดเครื่องมือนั้นต้องเปน็ กรอบสีนำ้ เงินล้อมรอบ
ดงั ภาพ
3.1 กลุ่มคำสั่ง Selection เกี่ยวกับการเลือกพื้นที่ในส่วนของภาพที่ต้องการ
ตกแต่งภาพ ประกอบด้วย

13
24

1. marquee tools ใช้สำหรับเลือกพื้นที่การทำงาน โดยเลือกจาก
รูปแบบท่กี ำหนดประกอบด้วย สเี่ หลี่ยม วงกลม ฯลฯ

2. Lasso tools ใช้เลอื กพื้นทบี่ นภาพเปน็ แนวเขตแบบอิสระ
3. Move ใช้สำหรับย้ายพื้นที่ท่ีต้องการ ย้ายภาพ หรือย้ายเส้นนำ
สายตา (Guide)
4. magic wand Tool ใช้เลือกพื้นที่การทำงาน โดยจะเลือกพื้นที่ท่ี
มีสีโทนเดยี วกนั หรอื มสี โี ทนคลา้ ย ๆ กนั
3.2 คำสั่งสำหรับตัดภาพเฉพาะส่วนที่ต้องการ หรือแบ่งภาพออกเป็นส่วน
ย่อย ๆ ประกอบดว้ ย เมนู Crop ใช้ตัดขอบภาพ

3.3 กลุ่มคำสั่งใชง้ านด้านสแี ละการตกแตง่ ภาพ ประกอบด้วย

1
23
45
67
89

1. Eyedropper ใช้เลือกสจี ากสีตา่ ง ๆ บนภาพ
2. Healing Brush ใช้ตกแตง่ ลบรอยตำหนใิ นภาพ (ท้งั กลมุ่ )
3. Brush ใชร้ ะบายลงบนภาพ
4. Clone Stamp ใชท้ ำสำเนาภาพ โดยคดั ลอดพ้นื ผิวจากภาพจากบริเวณอ่นื
มาแทนท่ที ตี่ ้องการ
5. History Brush ใช้ระบายภาพด้วยภาพของขั้นตอนเดิมที่ผ่านมาหรือภาพ
ของสถานะเดมิ ท่ีบนั ทึกไว้
6. Eraser ใชล้ บภาพบางส่วนที่ไม่ตอ้ งการ
7. Gradient ใชเ้ ตมิ สีแบบไล่ระดับโทนสีหรอื ความทบึ
8. Blur ใชร้ ะบายภาพใหเ้ บลอ
9. Dodge ใช้ระบายเพอื่ ให้ภาพสว่างขึ้น

3.4 กลุ่มคำสั่งใช้งานด้านการวาดภาพและตวั อกั ษร ประกอบด้วย

12
34

1. Pen ใชว้ าดเสน้ พาธ (Path)
2. Horizontal Type ใชพ้ ิมพ์ตวั อกั ษรหรอื ขอ้ ความลงบนภาพ
3. Path Selection ใช้เลอื กและปรบั แต่งรปู ทรงของเสน้ พาธ
4. Rectangle ใช้วาดรปู ทรงเรขาคณิตหรือรปู ทรงสำเรจ็ รูป

3.5 กลมุ่ คำสั่งดา้ นมมุ มองภาพ ประกอบดว้ ย 2
3
1

1 Hand ใช้เลื่อนดสู ว่ นต่าง ๆ ของภาพ
2. Zoom ใช้ยอ่ หรอื ขยายมุมมองภาพ
3. Quick Mash เปดิ แสดงหน้ากระดาษ แบบ Full screen

3.6 กลุ่มคำสั่งการใช้สีเพื่อเพิ่มลงไปในวัตถุต่าง ๆ ประกอบด้วย Set Foreground
Color ใชส้ ำหรบั กำหนดสที เ่ี รยี กใชท้ ันทโี ดยเลือกแถบสที ่อี ยู่ดา้ นหนา้ สดุ และ Set Background Color
ใช้สำหรบั กำหนดสีที่เป็นพน้ื หลงั โดยสำรองพื้นสไี ว้ดา้ นหลงั Set Foreground Color

เคร่ืองมอื ที่ใชบ้ อ่ ยทีส่ ุดในแถบเครือ่ งมอื

Tool ช่อื เคร่อื งมือ วิธีใชง้ าน

Move Tool ใชท้ กุ คร้ังหากจะเคลอื่ นย้ายวตั ถใุ นงาน

Marquee Tool ใช้เลอื กพืน้ ที่ทีต่ ้องการจดั การหรือปรบั แต่งในภาพนน้ั ๆ
Lasso Tool โดยมใี หเ้ ลอื กทัง้ สเ่ี หลยี่ ม วงกลม ฯลฯ
Crop Tool ใช้วาดเส้นเพื่อเลือกพื้นที่ที่ต้องการตามทิศทางของภาพนั้น ๆ
Magic Wand Tool โดยเราเป็นผ้กู ำหนดเลือกเอง
ใช้สำหรับตัดภาพเฉพาะส่วนที่ต้องการเท่านั้น / ลดบริเวณ
Patch Tool ภาพทตี่ อ้ งการเทา่ น้ัน
Clone Stamp Tool มักจะชอบเรียกว่า ไม้กายสิทธิ์ ที่ใช้สำหรับเลือกพื้นผิวของ
ภาพที่มีเฉดสีคล้ายกันทั้งหมดหากจะเลือกหลาย ๆ ที่ ต้องกด
Eraser Tool Shift ค้างไว้ด้วย
Gradient Tool ใช้สำหรับเลือกพื้นที่ที่ต้องการแล้วลากให้เป็นพื้นท่ี
ทีต่ ้องการให้เป็นเหมอื นกนั
มีลกั ษณะเหมอื นกบั Patch Tool แตเ่ พียงเวลาใช้กด Alt คา้ ง
ไว้ แล้วไปจิ้มพื้นที่ที่ต้องการ แล้วนำไปคลิกลากในพื้นที่ท่ี
ตอ้ งการแทนที่
ยางลบ ใช้สำหรับลบพื้นที่ที่ไม่ต้องการ มีหลากหลายแบบทั้ง
ลบแบบคม ลบแบบฟุง้ กระจาย ลบแบบลายตา่ ง ๆ
เครอื่ งมอื ลงสแี บบมเี ฉดสไี ล่ระดบั

Type Tool เคร่ืองมอื สำหรับพิมพต์ วั หนงั สอื

Pen Tool เครื่องมือที่มีลักษณ์คล้ายกับ Marquee Tool, Lasso Tool
แต่เครื่องมือนี้จะสามารถวาดเส้นโค้งทำให้การเลือกพื้นที่ของ
ภาพเพ่อื ใชง้ านได้อยา่ งเปน็ ไปตามขอบภาพมากข้นึ

เครื่องมือชนิดใดที่มีลูกศรชี้ลงมุมขวาลา่ ง นั้นแสดงว่ามีเครื่องมือรูปแบบอื่นให้เลือกใช้โดย
คลกิ ขวาทต่ี วั เครอ่ื งมอื นัน้ ๆ

2.1 การสรา้ งไฟล์ใหม่ดว้ ยคำส่ัง New