บทที่ 3 อะไรอยู่ใน Menu Bar ? (Photoshop Menu Bar Inside)

บทที่ 3 เมนูบาร์ (Photoshop Menu Bar)

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

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

2. Edit    คือส่วนรวมคำสั่งที่ใช้สำหรับการแก้ไขภาพในเบื้องต้นเช่นการปรับขนาดภาพ , และยังรวมถึงคำสั่งปรับแต่งการทำงานของโปรแกรมเบื้องต้นอีกด้วยเช่น คำสั่ง Copy(ก๊อปปี้) , Paste(วาง) , Clear(ยกเลิกคำสั่ง) , การแก้ไขเครื่องมือ , และอื่นๆ (ใน Adobe Photoshop CS5 ได้เพิ่มคำสั่ง Puppet Warp เข้ามาในหมวดนี้ด้วยครับ)  

3. Image   คือส่วนรวมคำสั่งที่ใช้ปรับแต่งรูปภาพเช่น ปรับสี , ปรับแสง , ขนาดของภาพงาน (Image Size) , ขนาดของชิ้นงานหรือเอกสารที่เราสร้างขึ้นมา (Canvas Size) , จัดการโหลดสีของภาพ ,การเปลี่ยนตำแหน่งภาพหรือการหมุนภาพ และอื่นๆ

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

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

6. Filter     คืดส่วนรวมคำสั่งที่ใช้สำหรับปรับแต่งและสร้างเอฟเฟ็คต์พิเศษให้กับรูปภาพ เช่นการทำเบลอภาพเป็นต้น

7. View    ใช้ปรับแต่งการแสดงผลของส่วนประกอบต่างๆในหน้าจอของโปรแกรม เช่น Show (แสดงผล) (Ruler)ไม้บรรทัด หรือการเปิดคำสั่ง Snap(ยึดเกาะ) เป็นต้น

8. Window  คือเมนูคำสั่งที่เกี่ยวข้องกับการแสดงผลของหน้าต่างภาพ ซึ่งในคำสั่งนี้เราสามารถสั่งให้ ซ่อนหรือแสดง เครื่องมือและพาเนลต่างๆที่เราใช้ทำงานได้ เช่นการเปิด/ปิด แถบเครื่องมือ , การจัดพื้นที่ทำงาน(Work Space) , หรือสั่งปิดเครื่องมือที่เราไม่ต้องการใช้งาน  (ในส่วนนี้สำคัญมากนะครับ เน้น)

9. Help มีไว้เพื่อเรียกดูคำอธิบายในการทำงานต่างๆของเครื่องมือหรือคำสั่งต่างๆ (เป็นภาษาอังกฤษ -0-)

และยังมีอีก 2 ส่วน ซึ่งจะมีเฉพาะในเวอร์ชั่น Extended นะครับ โดยมีรายละเอียดดังนี้ครับ

1. 3D  รวมคำสั่งที่ใช้กับภาพแบบ 3 มิติ

2. Analysis เครื่องมือวัดค่าและวิเคราะห์การทำงาน


Tip เล็กๆ    คำสั่งบางคำสั่งจะมี Hot Key (ปุ่มลัด) เพื่อให้เราสามารถเรียกใช้งานได้เร็วขึ้น เช่นการสร้างปรับขนาดของภาพ Free Transform ให้กดปุ่ม Ctrl + T หรืออาจจะเป็นคำสั่งบันทึกไฟล์ (Save File) ให้กดปุ่ม Ctrl + S    ซึ่งสามารถดูรายละเอียดของปุ่มได้ตรงตำแหน่งดังภาพครับ

การใช้ Hot Key นี้จะทำให้เราทำงานได้ง่ายและรวดเร็วขึ้นมากๆเลยครับ  ถ้ายังไงเพื่อนลองฝึกใช้กันดูนะครับ


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

นอกเรื่องนิดๆ จิตแจ่มใส กล้องใหม่ FinePix S1600

     

     วันนี้ ขอนอกเรื่องนิดนึงนะครับ พอดีว่าวันนี้ ผม goopop ไปได้กล้องตัวหนึ่งมา เป็นกล่องตัวใหญ่ๆ หรือที่ชาวบ้านเค้าเรียกว่า กล้อง ดิจิตอลแบบโปรซุม รุ่น Fujifilm FinePix S1600 (ผมไม่แน่ใจนะว่าเรียกถูกไหม ท่านใดเป็นเซียนกล้องถ้าเห็นว่าผิดรอกวนบอกผมที) ถ้านึกภาพไม่ออก ก็ให้นึกถึงกล้องของอนันดาในเรื่อง ซัตเตอร์ นั่นแหละคับ  

       ทีแรกว่าจะซื้อกล้อง Sumsung ที่ชมพู่เป็นพรีเซนเตอร์อ่ะ แต่พอเอาเข้าจริงๆ ผมกับแฟนคิดอยู่นาน ก็ไปคว้าเจ้าตัวนี้มา แล้วก็ไม่ผิดหวังจริงๆนะครับ ถึงเจ้าตัวนี้ จะเป็นตัวเด็กๆ สำหรับมืออาชีพ แต่ว่า สำหรับมือใหม่อย่างผมแล้ว แหล่มเลยทีเดียว ยิ่งถ้านำไปเทียบกับกล้องตัวบางๆนะ ตัวนี้กินขาดครับ   ราคาที่ไปคว้ามา ก็อยู่ที่ 6,900 บาทครับ  

      สำหรับเพื่อนๆคนไหนที่กำลังหากล้องมาใช้เก็บภาพ สักตัว แล้วก็เป็นมือสมัครเล่นในการถ่ายรูป หรือสนใจเล่นกล้องโปรซุมแต่ยังมือใหม่ ผมขอแนะนำเจ้า Fujifilm FinePix S1600 นี่เลยครับ  ลองจนโปรแล้วค่อยเล่นตัวแพงๆ ดีก่านะผมว่า

Review ความชัดของภาพ VDO จาก youtube ครับ

บทที่ 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 รู้จักกับ Adobe Photoshop

      เพื่อนๆน้อยคนนักที่จะไม่รู้จักเจ้าโปรแกรมมหัศจรรย์อย่าง Adobe Photoshop โปรแกรมตกแต่งภาพที่เป็นที่นิยมมากที่สุดทั่วโลก ซึ่งเจ้าตัวโปรแกรมนี้เป็นหากเพื่อนๆคนไหนทำได้คล่องแล้ว สามารถนำมาใช้ทำมาหากินได้ ทำเป็นอาชีพได้เลยทีเดียว และแน่นอนเจ้า Adobe Photoshop นี้เป็นหัวใจหลักของการ Design Website เลยก็ว่าได้ ซึ่งปัจจุบัน (วันที่ผมเขียนข้อความนี้ 27/7/2010) ก็ได้พัฒนามาจนถึงเวอร์ชั่น CS5 กันไปแล้ว โดยผมขอนำ VDO แนะนำเครื่องมือเด่นๆ จาก Youtube มาให้เพื่อนๆได้ดูกันนะครับ สำหรับเพื่อนๆคนไหนที่ยังไม่รู้จักโปรแกรมตัวนี้ ผมเชื่อว่าหากได้ดู VDO สั้นๆนี้แล้วจะทำให้เข้าใจแน่นอนครับ (ตัว VDO เป็นภาษาอังกฤษนะครับ แต่ไม่ต้องใส่ใจครับ ดูแต่ภาพก็พอครับ) และในครั้งต่อไปผมจะเริ่มแนะนำการใช้ Photoshop ตั้งแต่พื้นฐานกันเลยนะครับ



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

จุดเริ่มต้นของ GooYouKnow.blogpot.com

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

      สิ่งที่ผมจะแบ่งปันให้เพื่อนๆได้รู้ ก็คือ วิธีการใช้ และ เทคนิดต่างๆ เกี่ยวกับอุปกรณ์ที่ใช้ทำ Web Design หรือ multimedia ต่างๆ เช่น Photoshop , Dreamweaver , Flash , After Affect หรือง่ายๆก็พวกโปรแกรมของตระกูล Adobe นั่นเอง  ซึ่งทั้งหมดที่ผมรู้ ผมจะพยายามนำให้บอกเล่าให้เพื่อนๆทุกคนที่เข้ามาในที่แห่งนี้ได้รู้กัน ซึ่งผมจะค่อยๆโพสวันละ 1 - 2 โพสนะครับ โดยจะเริ่มตั้งแต่ พื้นฐานของ Photoshop แล้วค่อยตามด้วยโปรแกรมอื่นๆ 


 จุดประสงค์

 1 เพื่อแบ่งปันให้ทุกท่านที่สนใจ ได้พัฒนาและแชร์ประสบการณ์ความรู้กันเกี่ยวกับการใช้โปรแกรมที่เกี่ยวข้องกับการทำ Web Design

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