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

ตัวอย่างวิธีใช้งาน Actions & Batch

0

เคยทำงานซ้ำๆ ใน Photoshop (PS) ไหมครับ อย่างเช่น ต้องย่อรูปลง 50% จำนวน 20 รูป แล้วต้องมาคอยเซฟไฟล์อีก 20 ครั้ง หากเราทำหมดทุกขั้นตอนกับไฟล์ทั้ง 20 รูป อาจจะไม่ใช่วิธีการที่ฉลาดนัก ถ้าหากเรารู้ว่า PS เค้าเตรียมเครื่องมือสุดยอดไว้ให้เราแล้วสำหรับทำงานกรรมกรเช่นนี้

ถ้าเกิดเรามีกระบวนการที่ต้อง process ภาพปริมาณมากๆ ด้วยคำสั่งใดๆ ก็ตามที่มีขั้นตอนชัดเจนใน PS เราควรเลือกใช้งานเครื่องมือ Actions และ Batch ครับ เดี๋ยวผมจะยกตัวอย่างการใช้งานให้ดู เพื่อให้เราเข้าใจมากขึ้นครับ

tut-0101จากรูปด้านบน สมมติว่าผมมีไอคอน อยู่ 50 อันที่ต้องการวางอยู่พื้นหลังวงกลมสีแดงขนาด 100×100 px แล้วเปลี่ยนสีไอคอนให้เป็นสีขาว ถ้าให้ทำทีละอันคงเหนื่่อยและเสียเวลาอย่างที่สุด ตัวช่วยแก้ปัญหานี้ก็คือ Actions ที่เป็นเครื่องมือคอยบันทึกว่าคำสั่งที่เราใช้เพื่อให้ได้ผลลัพธ์นั้นมีอะไรบ้าง ในตัวอย่างนี้เราก็มาดูวิธีการสร้าง actions กันครับ

tut-0103

ก่อนอื่นให้เปิดหน้าต่าง actions ขึ้นมาก่อน (หากหาไม่เจอให้เลือก Window > Actions ) แล้วกดไอคอนรูป folder (icon-folder) เพื่อสร้าง Set ของ Action แล้วตั้งชื่อ Set หรือถ้าไม่ต้องการสร้าง Set ก็สามารถข้ามขั้นตอนนี้ได้ครับ

tut-0104

จากนั้นเลือกสร้าง Action ขึ้นใหม่ โดยเลือกที่ไอคอนรูปกระดาษ (icon-paper) แล้วตั้งชื่อ Action โดยเราสามารถเลือก Set ได้ว่าต้องการให้ Action อยู่ภายใต้ Set ไหน ในที่นี่เลือกอันที่เราเพิ่งสร้างจากขั้นตอนที่แล้ว

ต่อจากนี้ ระบบจะเริ่มบันทึกสิ่งที่เราทำทุกอย่าง (สังเกตว่าปุ่มวงกลมจะกลายเป็นสีแดง icon-record) ฉะนั้นเราควรวางแผนก่อนล่วงหน้าว่าจะต้องเลือกเมนูใดบ้าง เพื่อให้ได้ผลลัพธ์ตามที่ต้องการ สำหรับตัวอย่างนี้ เราสามารถระบุรายการที่ต้องทำดังนี้

1. ขยายพื้นที่ให้ได้ขนาด 100×100 px โดยเลือก Image > Canvas Size

tut-0105

2. สร้าง layer ใหม่ แล้วเลื่อนลงไปอยู่ด้านล่าง layer ไอคอน

3. จากนั้นสร้างวงกลม (U) ขนาด 100×100 เปลี่ยนเป็นสีแดง

tut-0108

4. แล้วจัดให้อยู่ตรงกลางด้วยคำสั่ง Ctrl+A เพื่อสร้าง Selection จากนั้นเลือกเมนู Layer > Layer Align to Selection > Vertical Centers และ Layer > Layer Align to Seletion > Horizontal Centers และยกเลิกการทำ Selection (Select > Deselect หรือ Ctrl+D) ถึงขั้นตอนนี้เราจะได้ภาพและ layer ตามภาพด้านล่าง

tut-0107

5. Double click ที่ layer ไอคอน จะปรากฏหน้าต่าง Layer Style ขึ้นมา ให้เราเลือกเช็คบอกซ์ Color Overlay จะมีตัวเลือกให้เราใช้ทางขวามือ ในที่นี่ให้เลือก Blend Mode: Normal, สี: ขาว, Opacity: 100%

menu-color-overlay

6. ทำการ save file (แนะนำ Save for Web) โดยเลือกไปที่ folder ที่ต้องการจัดเก็บไฟล์ (ระบบบันทึก Action ตรงนี้ด้วย)

7. สุดท้ายให้กดปุ่มหยุดการบันทึก ที่ตรงปุ่มสีเหลี่ยมอันแรกที่อยู่ด้านล่างหน้าต่าง Actions (icon-stop)

tut-0106

แต่แค่นี้ยังประหยัดเวลาเรายังไม่พอ เพราะเราต้องมาคอยกดให้ใช้ Action กับไฟล์ไอคอนที่เหลืออีก 49 อันเหรอ? ถึงตอนนี้เราต้องเปลี่ยนมาใช้ Batch กันแล้ว

Batch เป็นการรันคำสั่ง Action กับไฟล์รูปที่อยู่ในโฟลเดอร์ (รวมซับโฟลเดอร์ด้วย ซึ่งสามารถเลือกได้) วิธีการใช้งานจากตัวอย่างก็ให้เลือกที่เมนู File > Automate > Batch จากนั้นเลือกค่าตามรายละเอียดด้านล่าง

tut-0109

หัวข้อ Play

  • Set: เลือกอันที่มี Action ที่เราต้องการ
  • Action: เลือก Action ที่ต้องการรันกับรูปภาพ

หัวข้อ Source

  • ตรง dropdown box เลือก Folder จะมีหน้าต่างให้เลือกตำแหน่งของ folder ที่มีรูปภาพที่จะรัน Action นี้ (ต้องเตรียมใส่รูปทั้งหมดที่จะรัน Action ไว้ภายใน folder ล่วงหน้านะครับ)
  • หากต้องการรัน Action กับซับโฟลเดอร์ ให้เราเลือกติ๊กที่ ‘Include All Subfolders’ แต่ตัวอย่างนี้ไม่มีซับโฟลเดอร์

หัวข้อ Destination

  • ตรง dropdown box เลือก save and close
  • ถัดมาข้างล่าง ให้เลือกติ๊ก Override Action “Save As” Commands สำคัญมาก หากไม่เลือก เราต้องคอยมานั่ง Save ภาพทีละอัน และมาคอยกด Action ใหม่อีก

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

tut-0110

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

รีวิว UI เว็บ Ensogo

Previous article

รวมลิงค์โหลดรูปขนาดใหญ่คุณภาพสูง

Next article

You may also like

Comments

Leave a reply

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