หน่วยการเรียนรู้ที่ 1 ความรู้พื้นฐานเกี่ยวกับโปรแกรม Photoshop CS6

หน่วยการเรียนรู้ที่ 1 ความรู้พื้นฐานเกี่ยวกับโปรแกรม Photoshop CS6

หน่วยการเรียนรู้ที่ 1 

เรื่อง คุณสมบัติเครื่องมือและองค์ประกอบของโปรแกรม Adobe Photoshop CS6
_______________________________________________________________________

     สาระการเรียนรู้

        1. สัญลักษณ์ของโปรแกรม Adobe Photoshop CS6

        2. คุณสมบัติพื้นฐานของโปรแกรม

        3. เครื่องมือพื้นฐานของโปรแกรม

        4. ความหมายและความสำคัญของเลเยอร์(Layer)

        5. การเปิดพื้นที่การใช้งาน การนำภาพเข้าใช้งาน และการบันทึกงาน

-------------------------------------------------------------------------------------------------------------

        สาระที่ 1

Icon แสดงสัญลักษณ์ของโรปแกรม Adobe Photoshop CS6

-------------------------------------------------------------------------------------------------------------

         สาระที่ 2 คุณสมบัติพื้นฐานของโปรแกรม

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

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

  ความสามารถพื้นฐานของ Adobe Photoshop ที่ควรทราบ 

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

                 โปรแกรม Adobe Photoshop CS6 เมื่อทำการเปิดโปรแกรมแล้ว จะพบหน้าตาของโปรแกรมดัง รูป 

มีส่วนสำคัญหลักที่ที่ต้องรู้ดังนี้

1. เมนูของโปรแกรม Application menu หรือ Menu bar ประกอบด้วย

     1. File หมายถึง รวมคำสั่งที่ใช้จัดการกับไฟล์รูปภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บันทึกไฟล์, นำเข้าไฟล์, ส่งออกไฟล์ และอื่น ๆ ที่เกี่ยวกับไฟล์

     2. Edit หมายถึง รวมคำสั่งที่ใช้สำหรับแก้ไขภาพ และปรับแต่งการทำงานของโปรแกรมเบื้องต้น เช่น ก๊อปปี้, วาง, ยกเลิกคำสั่ง, แก้ไขเครื่องมือ และอื่น ๆ
     3. Image หมายถึง รวมคำสั่งที่ใช้ปรับแต่งภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอื่น ๆ

     4. Layer หมายถึง รวมคำสั่งที่ใช้จัดการกับเลเยอร์ ทั้งการสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการกับเลเยอร์ในด้านต่าง ๆ

     5. select  รวม คำสั่งเกี่ยวกับการเลือกวัตถุหรือพื้นที่บนรูปภาพ (Selection) เพื่อนำไปใช้งานร่วมกับคำสั่งอื่น ๆ เช่น เลือกเพื่อเปลี่ยนสี, ลบ หรือใช้เอฟเฟ็กต์ต่าง ๆ กับรูปภาพ

     6. Filter เป็นคำสั่งการเล่น Effects ต่างๆสำหรับรูปภาพและวัตถุ

     7. View เป็นคำสั่งเกี่ยวกับมุมมองของภาพและวัตถุในลักษณะต่างๆ เช่น การขยายภาพและย่อภาพให้ดูเล็ก

     8. Window  เป็นส่วนคำสั่งในการเลือกใช้อุปกรณ์เสริมต่างๆที่จำเป็นในการใช้สร้าง Effects ต่างๆ

     9. Help เป็นคำสั่งเพื่อแนะนำเกี่ยวกับการใช้โปรแกรมฯและจะมีลายละเอียดของโปรแกรมอยู่ในนั้น

2. เมนูของพื้นที่ทำงาน Panel menu

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

3. พื้นที่ทำงาน Stage หรือ Panel

      เป็นพื้นที่ว่างสำหรับแสดงงานที่กำลังทำอยู่ 

4. เครื่องมือที่ใช้งาน Tools panel หรือ Tools box

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

5. สิ่งที่ควบคุมเครื่องมือที่ใช้งาน Tools control menu หรือ Option bar

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

-------------------------------------------------------------------------------------------------------------

        สาระที่ 3 เครื่องมือพื้นฐานของโปรแกรม Tools

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

ทำการแบ่งกลุ่มเครื่องมือได้ดังภาพต่อไปนี้

เครื่องมือแต่ละชิ้นมีคุณสมบัติดังนี้

Move

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

Marquee

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

Lasso

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

Magic Wand

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

Crop

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

Slice

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

สำหรับนำไปสร้างเว็บเพจ

Eyedropper

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

Healing Brush

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

Brush

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

Clone Stamp

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

History Brush

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

เดิมที่บันทึกไว้

Eraser

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

Gradient

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

Blur

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

Bern

ใช้ระบายเพื่อให้ภาพมืดลง

Dodge 

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

pen

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

Horizontal Type

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

Path Selection

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

Rectangle

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

Hand

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

Zoom

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

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

- Foreground Color และ  Background Color

เปิดแสดงหน้ากระดาษ แบบ Full screen

-------------------------------------------------------------------------------------------------------------

       สาระที่ 4 ความหมายและความสำคัญของเลเยอร์ Layer

        เลเยอร์ Layer ชิ้นงานย่อย หรือเรียกให้เข้าใจง่ายคือ ชั้นของชิ้นงานใหญ่ เป็นหลักการทำงานของโปรแกรม Photoshop นั่นคือการนำชั้นต่างๆ มาผสมกันเพื่อปรับแต่งให้เกิดความสวยงามมากขึ้น

Layer

สามารถทำอะไรกับเลเยอร์

แสดงหรือซ่อน (Show or Hide Layer) การคลิกที่รูปดวงตาแต่ละครั้ง จะเป็นการเปิดเพื่อแสดง หรือปิดเพื่อซ่อนสีิงที่อยู่ในเลเยอร์ เช่น ถ้าเราไม่ต้องการให้แสดงภาพของเลเยอร์ใด ก็ทำการปิด หรือซ่อนไป
คัดลอก และ ทำซ้ำเลเยอร์ (Copy and Duplicate Layer) แบ่งเป็น
การคัดลอเเลเยอร์จากชิ้นงานหนึ่งไปยังอีกชิ้นงานหนึ่ง ทำได้หลายวิธี

• คลิกเลเยอร์ที่ต้องการทำการคัดลอก ใช้โปรแกรมเมนู Edit เลือก Copy หรือกดปุ่ม Ctrl C คลิก Tab ของชิ้นงานที่เราต้องการจะให้เลเยอร์นั้นมาวางไว้แล้วคลิก Edit เลือก Paste หรือกดปุ่ม Ctrl V  
•  คลิกเลเยอร์ที่ต้องการทำการคัดลอก คลิกขวาที่เม้าส์ เลือก Duplicate Layer จะได้หน้าต่างตามภาพด้านล่าง ใส่ชื่อในช่อง Destination ให้เป็นชื่อชิ้นงานที่เราต้องการนำเลเยอร์นี้ไปไว้
• คลิกเลเยอร์ที่ต้องการทำการคัดลอกค้างไว้ แล้วลากไปยังอีก Tab ของอีกชิ้นหนึ่งโดยตรง