ส่วนประกอบของโปรแกรม

คำอธิบาย: http://4.bp.blogspot.com/-bxNx129aDXk/Uhd6VcWWXpI/AAAAAAAAAKU/LqWbm4Q9b-M/s1600/777777.jpg

Application Bar (แอพพลิเคชั่นบาร์)
        จะเป็นแถบเครื่องมือที่เก็บปุ่มคำสั่งที่ใช้งานบ่อยๆเอาไว้เช่น เปิดโปรแกรม Bridge หมุนพื้นที่ทำงาน ย่อ-ขยายภาพ, จัดเรียงวินโดว์ภาพ   และจัดองค์ประกอบของเครื่องมือตามพื้นที่ใช้งาน (Workspace)

Option Bar (ออปชั่นบาร์) 
        เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือต่าง ๆ   โดยรายละเอียดใน
ออปชั่นบาร์จะเปลี่ยนไปตามเครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน)   บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง,โหมดในการ ระบายความโปร่งใสของสี และอัตราการไหลของสี เป็นต้น

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

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

Panel (พาเนล) 
        เป็นวินโดว์ย่อย ๆ ที่ใช้เลือกรายละเอียดหรือคำสั่งควบคุมการทำงานต่างๆ ของโปรแกรม ใน 
Photoshop มีพาเนลอยู่เป็นจำนวนมากเช่นพาเนล Colorใช้สำหรับเลือกสี,พาเนล Layers ใช้สำหรับจัดการ
กับเลเยอร์และพาเนล Info ใช้แสดงค่าสีตรงตำแหน่งที่ชี้เมาส์รวมถึงขนาด/ตำแหน่งของพื้นที่ที่เลือกไว้

รายละเอียดแต่ละเมนูใน Photoshop cs5
แถบตัวเลือก (Options Bar)
            เป็นส่วนที่ใช้ในการปรับแต่งการทำงานของเครื่องมือต่าง ๆ รายละเอียดในออปชั่นบาร์จะเปลี่ยนไปตามเครื่องมือที่เลือกใช้ เช่น คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image010_0000.jpg Pen Tool เป็นการวาดภาพด้วยปากกา ไม่ว่าจะเป็นการวาดอิสระหรือมีรูปร่าง รูปทรงต่าง ๆ มาให้เลือก เป็นต้น
           Option Bar เมื่อเลือกเครื่องมือ คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image010_0001.jpg Pen Tool เมื่อเลือกเครื่องมือที่ต้องการใช้งานจากแถบตัวเลือกแล้ว จะได้แถบเมนูย่อยของเครื่องมือที่เลือก ดังตัวอย่าง

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image012_0000.jpg
            Option Bar เมื่อเลือกเครื่องมือ คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image013.jpg Brush Tool

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image014_0000.jpg

แถบคำสั่งบน Menu Bar  

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image009_0000.jpg 

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

ชุดคำสั่ง

รูปแบบการทำงาน

File

ใช้จัดการกับไฟล์ภาพในลักษณะต่าง ๆ เช่น การสร้างไฟล์ใหม่,การเปิดไฟล์ภาพ,การบันทึกไฟล์ภาพ,การ Import ไฟล์ หรือการ Export ไฟล์ เพื่อทำงานในลักษณะอื่น ๆ

Edit

เป็นชุดคำสั่งในหมวดหมู่ของการแก้ไข เช่น การตัด,คัดลอก,การวาง รวมถึงการปรับแต่งค่าเบื้องต้นของโปรแกรม เช่น ระบบการจัดการสี

Image

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

Layer

ใช้จัดการกับเลเยอร์ของภาพ ไม่ว่าจะเป็นการสร้างเลเยอร์ใหม่,รวมเลเยอร์,แปลงเลเยอร์,จัดการกับเลเยอร์ ของไฟล์ลักษณะต่าง ๆ รวมถึงสามารถจัดการกับรายละเอียดของภาพในเลเยอร์นั้น ๆ

Select

ใช้ปรับแต่ง Selection บันทึกและเรียก Selection มาใช้งาน รวมถึงคำสั่งสำหรับการสร้างSelection ให้ได้ผลลัพธ์ที่ดียิ่งขึ้น

Filter

เป็นชุดคำสั่งสำหรับแปลงภาพถ่ายให้มีรูปแบบที่น่าสนใจยิ่งขึ้น รวมถึงการดัด,บิดรูปทรงแบบต่าง ๆ

Analysis
(Extended)

ใช้ในการนำข้อมูลจากการใช้เครื่องมือ เช่น Count Tool , Ruler Tool มาวิเคราะห์

3D (Extended)

ใช้ปรับแต่งไฟล์ 3D ที่นำมาทำงานใน Adobe Photoshop cs5 Extended รวมถึงการสร้างวัตถุ 3มิติ เพื่อใช้ร่วมกับการออกแบบอื่น ๆ

View

ใช้เลือกรูปแบบการแสดงผล เช่น การซูมภาพ,การแสดงไม้บรรทัด การแสดงเส้นกรีด หรือเส้นไกด์

Window

ใช้เลือกแสดงพาเนลที่ใช้ในการทำงาน รวมถึงกำหนดรูปแบบการแสดงวินโดว์ในแบบต่าง ๆ

Help

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

เครื่องมือ Tool Panel
        กล่องเครื่องมือ Tool Panel ประกอบด้วย เครื่องมือต่างๆ ที่ใช้ในการวาดภาพ ตกแตกแต่งภาพ และแก้ไข ภาพ โดยบนปุ่มหนึ่ง ๆ อาจมีปุ่มที่ซ่อนอยู่รวมกันหลายเครื่องมือ สังเกตหากปุ่มเครื่องมือใดมีเครื่องมือย่อยซ่อนอยู่อีก  คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-1.png จะปรากฏเป็นสัญลักษณ์  ที่มุมขวาล่างของเครื่องมือนั้น 
ดังรูป
 คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-2.png

ข้อควรจำ การเปิด / ปิด Toolbox ทำได้โดยเลือกคำสั่ง Window > Tools
เครื่องมือกลุ่มต่าง ๆ  บนทูลพาเนล  (Tool Panel)
          จากกลุ่มเครื่องมือหลักที่แสดงเมื่อเริ่มแรก หากเราคลิกที่ปุ่มเครื่องมือหลัก ก็จะมีเครื่องมือย่อย ในแต่ละกลุ่มแสดงออกมา ซึ่งแบ่งออกเป็นกลุ่มต่าง ๆ ดังนี้

        1. เครื่องมือ Move  คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-3.png
        2. กลุ่ม Marquee
                           คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-4.png

         3. กลุ่ม Lasso
                           คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-5.png
         4. กลุ่ม Quick Select
                           คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-6.png

         5. กลุ่ม Slice
                            คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-7.png
         6. กลุ่ม Eyedropper
                             คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-8.png

         7. กลุ่ม Healing Brush
                               คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-9.png
          8. กลุ่ม Brush
                               คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-10.png
          9. กลุ่ม Stamp
                                คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-11.png

         10. กลุ่ม History Brush
                                คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-12.png
         11. กลุ่ม Eraser
                             คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-13.png
          12. กลุ่ม Gradient
                            คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-14.png
          13. กลุ่ม Blur
                             คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-15.png
          14. กลุ่ม Dodge
                              คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-16.png
          15.  กลุ่ม Pen
                              คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-17.png
          16. กลุ่ม Type
                              คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-18.png
          17. กลุ่ม Path Selection
                              คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-19.png
          18. กลุ่ม Rectangle
                              คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-20.png
           19. กลุ่ม 3D Rotate
                               คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-21.png
           20. กลุ่ม 3D Camera
                               คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-22.png
            21. กลุ่ม  Hand     คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-23.png
                                   
           22. เครื่องมือ Zoom    คำอธิบาย: http://www.kroopol.com/photoshop/images/c4-24.png

รายละเอียดของเครื่องมือที่ใช้สำหรับตกแต่งรูปภาพ มีดังนี้
กลุ่มเครื่องมือการเลือก (Selection) ประกอบด้วย

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image032.jpg

Marquee 

 ใช้สำหรับเลือกพื้นที่บนภาพเป็นรูปสี่เหลี่ยม วงกลม วงรี หรือเลือกเป็นแถวคอลัมน์ขนาด 1 พิเซล

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image033.jpg

Move 

 ใช้สำหรับย้ายพื้นที่ที่เลือกไว้ของภาพ หรือย้ายภาพในเลเยอร์หรือย้ายเส้นไกด์

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image034.jpg

Lasso 

 ใช้เลือกพื้นที่บนภาพเป็นแนวเขตแบบอิสระ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image035.jpg

Magic Wand 

 ใช้เลือกพื้นที่ด้วยวิธีระบายบนภาพ หรือเลือกจากสีที่ใกล้เคียงกัน

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image036.jpg

Crop 

 ใช้ตัดขอบภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image037.jpg

Slice 

 ใช้ตัดแบ่งภาพเพื่อบันทึกไฟล์ภาพย่อย ๆ ที่เรียกว่าสไลซ์ (Slice) สำหรับนำไปสร้างเว็บเพจ

กลุ่มเครื่องมือการแก้ไข (Edit) ประกอบด้วย


คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image038.jpg

Healing Brush

 ใช้ตกแต่งลบรอยตำหนิในภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image039.jpg

Clone Stamp 

 ใช้ทำสำเนาภาพ โดยก๊อปปี้ภาพจากบริเวณอื่นมาระบาย หรือ ระบายด้วยลวดลาย

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image040.jpg

History Brush 

 ใช้ระบายภาพด้วยภาพของขั้นตอนเดิมที่ผ่านมา หรือภาพของสถานะเดิมที่บันทึกไว้

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image041.jpg

Eraser 

 ใช้ลบภาพบางส่วนที่ไม่ต้องการ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image042.jpg

Gradient 

 ใช้เติมสีแบบไล่ระดับโทนสีหรือความทึบ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image043.jpg

Blur 

 ใช้ระบายภาพให้เบลอ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image013_0000.jpg

Brush 

 ใช้ระบายลงบนภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image044.jpg

Dodge 

 ใช้ระบายเพื่อให้ภาพสว่างขึ้นหรือมืดลง

กลุ่มเครื่องมือการสร้าง (Create) ประกอบด้วย


คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image010_0002.jpg

Pen

 ใช้วาดเส้นพาธ (Path)

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image045.jpg

Horizontal Type 

 ใช้พิมพ์ตัวอักษรหรือข้อความลงบนภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image046.jpg

Path Selection 

 ใช้เลือกและปรับแต่งรูปทรงของเส้นพาธ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image047.jpg

Rectangle 

 ใช้วาดรูปทรงเรขาคณิตหรือรูปทรงสำเร็จรูป

กลุ่มเครื่องมือมุมมอง (View) ประกอบด้วย


คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image048.jpg

Notes 

 ใช้บันทึกหมายเหตุกำกับภาพที่เป็นข้อความหรือเสียง

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image049.jpg

Eyedropper 

 ใช้เลือกสีจากสีต่าง ๆ บนภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image050.jpg

Hand 

 ใช้เลื่อนดูส่วนต่าง ๆ ของภาพ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image051.jpg

Zoom 

 ใช้ย่อหรือขยายมุมมองภาพ

กลุ่มเครื่องมือเลือกสี (Color) ประกอบด้วย


คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image052.jpg

Foreground Color และ Background Color

 Set Foreground Color, Set Background Color ใช้สำหรับกำหนดสี

พาเล็ต (Palette)
            เมนูคำสั่งต่าง ๆ ที่ใช้ในการควบคุมรายละเอียดของขั้นตอนการทำงานพาเล็ตแต่ละเมนูมีหน้าที่และ การใช้งานต่างกัน สำหรับพาเล็ตที่ใช้งานมาก ประกอบด้วย
1. Navigator เป็นพาเล็ตที่แสดงหน้าจอของรูปภาพที่ใช้งานอยู่ ทำหน้าที่สำหรับการปรับมุมมองของรูปภาพโดยสามารถคลิกที่ปุ่ม Zoom Slider เพื่อย่อหรือขยายมุมมองภาพได้

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image053.jpg
ปุ่ม Zoom Slider

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image054.jpg
ภาพที่ได้หลังจากเลื่อนปุ่ม Zoom Slider

2. info เป็นพาเล็ตสำหรับแสดงค่าสีแบบ RGB และ CMYK ของรูปภาพในรูปแบบของตัวเลข

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image055.jpg

3. History เป็นพาเล็ตที่เก็บรายละเอียดขั้นตอนการทำงานทั้งหมดเพื่ออำนวยความสะดวกเมื่อต้องการ ย้อนกลับ ไปใช้พาเล็ตเดิมหรือย้อนดูการทำงานที่ผ่านมา

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image056.jpg

4. Color เป็นพาเล็ตสำหรับกำหนดสี Foreground และ Background โดยการเลื่อนแถบเพื่อปรับสี ตามต้องการ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image057.jpg

5. Swatches เป็นพาเล็ตที่กำหนดสีแบบสำเร็จรูปเพื่อความสะดวกในการเลือกสี ผู้ใช้สามารถดูสีที่ต้องการ และคลิกเลือกสีที่ต้องการ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image058.jpg


6. Style เป็นพาเล็ตที่ใช้ในการกำหนดรูปแบบต่าง ๆ โดยการเลือกรูปแบบที่ต้องการ ได้แก่ ตัวอักษร

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image059.jpg

7. Layer เป็นพาเล็ตสำหรับใช้ควบคุมการใช้งานเลเยอร์ต่าง ๆ

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image060.jpg

8. Channels เป็นพาเล็ตที่แสดงการแยกสีของรูปภาพที่กำลังทำงานอยู่ ประกอบด้วยการแยกสีแบบ RGB, Red, Green, และ Blue

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image061.jpg

9. Paths เป็นพาเล็ตที่ใช้แสดง Path ที่ถูกสร้างขึ้นในรูปภาพที่กำลังทำงาน

คำอธิบาย: http://elearning.makedesignweb.com/img_lesson/clip_image062.jpg