Wednesday, July 28, 2010

บทที่ 2 ส่วนประกอบของ Photoshop (Photoshop Workspace)

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

จากตัวอย่างภาพ ผมได้แยกสีไว้ให้แล้วนะครับเพื่อให้ดูได้ง่ายและเข้าใจมากขึ้นครับ (หากมองไม่เห็น กดที่รูปเพื่อขยายครับ)

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

2. แอพพลิเคชั่นบาร์ (Application Bar)

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

3.พื้นที่ทำงาน (Work Space)

   สำหรับในส่วนนี้ จะเป็นส่วนที่ให้เราปรับรูปแบบการทำงานได้ตามความถนัด โดยจะมีให้เราเลือกหลายแบบ เช่นแบบใช้สำหรับทำ Web หรือใช้สำหรับทำ Animation หรือเราสามารถกำหนดเองก็ได้ว่าเราถนัดยังไง (เทคนิคง่ายๆ ก็คือเลือกเฉพาะอันที่เราใช้บ่อยๆหรือให้เหมาะทำงานที่เรากำลังทำอ่ะครับ จะได้หาง่ายใช้คล่อง) เพื่อนๆลองเปิดโปรแกรม Adobe Photoshop ขึ้นมาแล้วลองเลือกดูนะครับแล้วจะเข้าใจง่ายขึ้น (หาก Version ของเพื่อนๆไม่ใช่ CS5 รูปแบบอาจจะไม่เหมือนกันนะครับ ไม่ต้องตกใจ)

4. ออปชั่นบาร์ (Option Bar)

   ส่วนนี้เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือต่างๆที่เราเลือกใช้นั่นเอง ซึ่งแต่ละเครื่องมือนั้นสามารถเลือกใช้ได้หลากหลาย โดยเราจะต้องใช้ออปชั่นบาร์เป็นตัวกำหนด (หลายคนมักมองข้ามไปนะครับ จึงทำให้ใช้เครื่องมือได้ไม่เต็มที่) โดยออปชั่นบาร์ (Option Bar) ตัวนี้จะเปลี่ยนทุกครั้งที่มีการเปลี่ยนเครื่องมือใช้งานนะครับ โดยรายละเอียดต่างๆของเครื่องมือนั้นจะอยู่ที่ กล่องเครื่องมือ (Tools Box) ในหัวข้อที่ 9 นะครับ (ขออภัยครับที่เอาไปไว้ไกลไปหน่อย ^^;)

5. แถบบอกชื่อไฟล์

    ส่วนนี้ไม่มีอะไรมากครับ เพียงแค่เป็นตัวบอกว่าไฟล์ที่เรากำลังทำงานชื่ออะไรอยู่ และหากมีเครื่องหมายดอกจัน ขึ้นมาตรงมุมขวาของชื่อแสดงว่า ไฟล์นั้นมีการเปลี่ยนแปลงและยังไม่ได้ทำการ Save นะครับ (การทำ Photoshop นั้น หัวใจสำคัญที่สุดคือการ Save รัวๆครับ ^^ แต่อย่าเพลินจน Save ทับจนงานเสียล่ะ อิอิ)

6.พาเนล (Panel)

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

7.พื้นหลังโปรแกรม

   อันนี้ผมก็ยังไม่แน่ใจนักว่ามีความสำคัญเช่นไร เพราะโดยปกติแล้วผมแค่ใช้เฉพาะตอนนำรูปมาวางเท่านั้นเองครับ เพื่อไม่ให้รูปไปซ้อนกับภาพที่ทำอยู่ และปรับสีเพื่อให้รูปที่ทำมาเข้ากับ Theme ของเวป (ถ้าเป็นงานของตัวผมเอง ก็ไม่ค่อยปรับเหมือนกันนะ อิอิ)

8. ภาพที่เรากำลังทำงานอยู่

9. กล่องเครื่องมือ (Toolbox)

    ทูลบ๊อกซ์ หรือ เจ้ากล่องเครื่องมือ นี่แหละครับ ที่สำคัญมากๆ โดยจะประกอบไปด้วยเครื่องมือต่างๆ ที่ใช้ในการทำงานเช่นการวาด ตกแต่ง และแก้ไขภาพ โดยเครื่องมือเหล่านี้มีเป็นจำนวนมากทีเดียว แต่ทาง Adobe Photoshop ก็ได้แบ่งเป็นหมวดไว้ให้แล้วโดยการรวมเครื่องมือที่ทำหน้าที่ใกล้เคียงกันไว้ในช่องเดียวกัน (เพื่อนๆลองดูที่ช่องเครื่องมือแต่ละช่องนะครับ จะเห็นว่าบางช่องมี รูปสามเหลี่ยมเล็กๆที่มุมขวาล่าง ลองกดเม้าซ้ายค้างดูที่ช่องนั้นดูครับ จะเห็นว่ามีเครื่องมือซ่อนอยู๋ด้วย ^^) กล่องเครื่องมือนี้ จะทำงานเชื่อมกับ ออปชั่นบาร์ (Option Bar) ในข้อ 4 นะครับ (ใครลืมย้อนกลับไปดูโลด)

โอยเมื่อย เขียนซะยาวเลยครับ ผมอาจจะบอกไม่ละเอียดนักนะครับ เพราะว่าคิดได้ยังไงก็เขียนไปเลย หากเพื่อนๆคนไหนมีข้อสงสัย หรืออยากให้ผมอธิบายส่วนไหนอย่างละเอียด เมลมาได้เลยนะครับ หากไม่เห็นเมลผม Comment ไว้ก็ได้ครับ  สุดท้ายนี้ผมนำ VDO จาก Youtube มาให้เพื่อนๆได้ดูกันซึ่งเป็นของ Lynda.com ที่หลายๆคนคงจะเคยผ่านตากันมาบ้างนะครับ เพราะ Lynda นี่เป็นอาจารย์ของหลายๆคนก็ว่าได้ ผมก็ 1 ในนั้นครับ (ผมหลายอาจารย์ ฮ่า ฮ่า)

เชิญรับชมครับ (VDO เป็นภาษาอังกฤษนะครับ ใครฟังไม่ออกดูแต่ภาพเอาครับ หากอ่านที่ผมเขียนเอาไว้ รับรองเข้าใจแน่นอนครับ)



ดูบทอื่นๆ คลิก

1 comment:

  1. ทอสอบ โอ้วบระเจ้า เยี่ยมจริงๆเลย

    ReplyDelete