สอนเทคนิคน่ารู้

ซีรีย์ Photoshop ชุด GoPro ทิปที่ 3 – จัดระเบียบ Layer

0

featured-tip-v3

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

ขั้นที่ 1 จัดกลุ่ม

tip-v3-01

ปุ่มที่ใช้สร้างกลุ่มเลเยอร์บน panel เลเยอร์

 พื้นฐานที่ง่ายทีสุดในการจัดระเบียบเลเยอร์ ก็คือการสร้างกลุ่ม (Group) ของวัตถุที่อยู่กลุ่มประเภทเดียวกัน

tip-v3-6

ตัวอย่างการจัดกลุ่มเลเยอร์สำหรับงานออกแบบเว็บไซต์

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

ขั้นที่ 2 ปิดการแสดงเลเยอร์ Effect เมื่อมีการใส่

tip-v3-02

ซ้าย – เลเยอร์ที่มีการเปิดแสดงให้เห็นเลเยอร์ effect , ขวา – เลเยอร์ที่ซ่อนการแสดงเลเยอร์ effect

ทุกครั้งที่เราใส่ Effect ให้กับเลเยอร์ (Double คลิกที่เลเยอร์เพื่อใส่เงาเป็นต้น) Photoshop จะเปิดให้เห็นว่าเราใส่ effect อะไรไปบ้างในเลเยอร์นี้ (ภาพบนซ้าย) สำหรับผมแล้วมันไม่ค่อยมีความจำเป็นเท่าไรนัก อีกทั้งยังเกะกะเลอะเทอะอีกด้วย ดังนั้นทุกครั้ง ผมก็ต้องมานั่งปิดมันทุกทีเพื่อให้เห็นเลเยอร์ได้มากที่สุด ดั่งแสดงในภาพด้านบนขวา

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

tip-v3-03

ขั้นตอนการปิดการแสดงเลเยอร์ effect 

วิธีการคือ 

  1. เลือกเมนูที่ panel เลเยอร์
  2. เลือก Panel Options…
  3.  ติ๊กออก ‘Expand New Effects’ > กดปุ่ม OK

ต่อไปนี้ พอเราใส่ effect ใหม่ให้กับเลเยอร์ Photoshop ก็จะไม่เปิดเลเยอร์ย่อยตรงส่วนแสดง effect อีกต่อไปแล้ว เลเยอร์โดยรวมเราจะดูสะอาดขึ้นเป็นกอง และทำให้จำนวนการมองเห็นเลเยอร์มากขึ้นถนัดตาเลยล่ะ

 ขั้นที่ 3 พับเก็บทุกสิ่งทุกอย่าง

วิธีนี้ผมชอบเอามากๆ เลยครับ เพราะมันเป็นการทำให้ทุกอย่างที่ดูยุ่งเหยิงของเลเยอร์ กลับมาดูเรียบร้อยเพียงแค่คลิกเดียวเอง

tip-v3-04

ซ้าย – กลุ่มเลเยอร์มากมายที่ถูกเปิดและเลเยอร์ effect ที่ถูกแสดงเป็นจำนวนมาก, ขวา – การเตรียมการจัดระเบียบเลเยอร์

สถานการณ์มีอยู่ว่า ขณะที่เราทำงานไป แม้เราจะสร้างกลุ่มได้ดีแค่ไหน แต่ในขั้นตอนสุดท้ายหรือยังไงก็ตาม หากเราต้องปิดกลุ่มเลเยอร์ทั้งหมดที่เราเปิดทิ้งไว้กว่าสิบยี่สิบกลุ่มเลเยอร์ นี่ยังไม่รวมถึงเลเยอร์ effect ที่เปิดทิ้งไว้อีก จะมานั่งคอยปิดทีละอัน คงจะเสียเวลาเป็นอย่างมากเลยครับ

วิธีการปิดทุกสิ่งทุกอย่าง ให้เรารวมกลุ่มของกลุ่มเลเยอร์ทั้งหมดให้เป็นกลุ่มเลเยอร์เดียวเหมือนภาพขวาบนครับ

tip-v3-05

ซ้าย – วิธีการพับเก็บทุกอย่าง, กลาง / ขวา – ผลลัพธ์ที่ได้จากการจัดระเบียบเลเยอร์ด้วยวิธีจัดกลุ่มใหญ่

 จากนั้น นี่คือเวทมนตร์ครับ ให้เราคลิกซ้ายที่ลูกศรหน้ากลุ่มเลเยอร์ที่เราพึ่งสร้าง พร้อมๆ กับกดปุ่ม Ctrl + Alt

ทะด้า! ให้ลองเปิดเข้าไปดูในเลเยอร์ข้างในดูครับ ทุกอย่างถูกพับเก็บไว้อย่างเรียบร้อย แม้แต่เลเยอร์ย่อย effect ก็ถูกจัดเก็บไว้อย่างสวยงามสบายตาจริงๆ

ทำงานกับเลเยอร์ที่เรียบร้อยจะช่วยเพิ่มประสิทธิภาพในการทำงานจริงๆ นะครับ และพอเรียนรู้วิธีการจัดการ ก็ไม่ใช่เรื่องยากอีกต่อไปแล้วใช่ไหมครับ ^^

uiblogaziner
สวัสดีครับ ผมชื่อฟริ้นครับ รักและชอบงาน Graphic Design เอามากๆ เลย พอได้เริ่มทำงานเป็น UI Designer แล้ว ยิ่งสนุกขึ้นอีกแยะ งานออกแบบที่ใช้ความรู้สึกและเหตุผลเป็นอะไรที่สุดยอดจริงๆ ครับ

รีวิว app Rush Bike ตอนจบ

Previous article

Redesign app Call Zen

Next article

You may also like

Comments

Leave a reply

Your email address will not be published. Required fields are marked *