วิธีใช้คุณสมบัติ Artboards ของ Adobe Photoshop CC

การสร้างเนื้อหาสำหรับแอปบนอุปกรณ์เคลื่อนที่ที่ออกแบบมาเพื่อใช้งานกับขนาดหน้าจอที่แตกต่างกันมักจะส่งผลให้ไฟล์ PSD ขนาดใหญ่มีหลายเลเยอร์และขั้นตอนการทำงานที่ซับซ้อน Photoshop Artboards ถูกนำมาใช้เพื่อปรับปรุงการพัฒนากราฟิกสำหรับอุปกรณ์พกพา

คำแนะนำในบทความนี้ใช้กับ Photoshop CC 2019 สำหรับ Windows และ Mac

วิธีสร้าง Artboards ใน Photoshop CC

เมื่อคุณสร้างเอกสารใหม่ใน Photoshop artboard ปรากฏเป็นตัวเลือกในไฟล์ รายละเอียดที่ตั้งไว้ล่วงหน้า ไดอะล็อก:

1. เปิด Photoshop แล้วเลือก สร้างใหม่.

   

2. เลือก ตอบสนอง แถบ

   

3. คุณจะเห็น ค่าที่ตั้งไว้ล่วงหน้าซึ่งรวมถึง iPhone หลายขนาดพร้อมกับโทรศัพท์ Android, iPads, อุปกรณ์ Microsoft Surface, Mac, ขนาด Apple Watch และขนาดทั่วไปสำหรับอย่างอื่น เลือกหนึ่งในตัวเลือกจากนั้นเลือก สร้างบัญชีตัวแทน เพื่อเริ่มทำงาน

   ช่องด้านล่าง artboard ควรตรวจสอบ หากไม่เป็นเช่นนั้นให้คลิกช่องเพื่อทำเครื่องหมาย

   

Artboards ทำงานอย่างไรใน Photoshop

คุณลักษณะ Artboards ใน Photoshop ทำงานได้เหมือนกับ Adobe Illustrator โดยแต่ละ Artboard จะถือว่าเป็นเอกสารที่มีเลเยอร์แยกกัน อาร์ตบอร์ดแต่ละอันจะมีเลเยอร์กลุ่มเลเยอร์ข้อความวัตถุอัจฉริยะและสิ่งอื่น ๆ ที่คุณสามารถเพิ่มลงในเอกสาร Photoshop ได้ คุณสามารถเปลี่ยนลำดับการจัดวางในแต่ละอาร์ตบอร์ดและลำดับของอาร์ตบอร์ดในไฟล์ เลเยอร์ จานสี

วิธีตั้งชื่อและทำซ้ำ Artboards ใน Photoshop CC

ในการทำซ้ำอาร์ตบอร์ดใน Photoshop:

1. คลิกขวาที่อาร์ตบอร์ดในไฟล์ เลเยอร์ จานสีและเลือก Artboard ซ้ำกัน.

   ถ้า เลเยอร์ ไม่สามารถมองเห็นจานสีได้ให้เลือก หน้าต่าง > เลเยอร์ เพื่อเปิด

   

2. ตั้งชื่ออาร์ตบอร์ดใหม่แล้วเลือก OK.

   หากคุณต้องการเปลี่ยนชื่ออาร์ตบอร์ดในภายหลังให้ดับเบิลคลิกที่ชื่อในไฟล์ เลเยอร์ จานสี

   

วิธีใช้ Photoshop Artboard Tool

ในการปรับขนาดและการวางแนวของอาร์ตบอร์ดของคุณ:

1. คลิกค้างที่ไฟล์ ย้าย เครื่องมือและจากนั้นเลือก artboard เครื่องมือ.

   

2. เลือกค่าที่ตั้งไว้ล่วงหน้า ขนาด ในแถบตัวเลือกเครื่องมือหรือกำหนดขนาดและการวางแนวแบบกำหนดเอง

   

3. เลือกเครื่องหมายบวก (+) ในแต่ละด้านของหน้าเพื่อเพิ่มอาร์ตบอร์ดใหม่ด้านบนด้านล่างหรือด้านข้างการเลือกปัจจุบัน

   

คุณสามารถมีอาร์ตบอร์ดได้มากเท่าที่คุณต้องการในไฟล์ Photoshop ไฟล์เดียว 

วิธีดูตัวอย่าง Photoshop Artboards บนอุปกรณ์มือถือ

เนื่องจากฟีเจอร์ Device Preview ถูกลบออกจาก Photoshop และแอพ Adobe Preview สำหรับ iOS ไม่สามารถใช้งานได้อีกต่อไปผู้ใช้จึงต้องพึ่งพาแอพพรีวิวของบุคคลที่สามเพื่อตรวจสอบการทำงานสำหรับอุปกรณ์เคลื่อนที่

Adobe แนะนำแอป Skala Preview ซึ่งทำงานร่วมกับ macOS เพื่อดูตัวอย่างการทำงานบนอุปกรณ์ iOS และ Android PS Mirror มีให้ใช้งานเป็นปลั๊กอินสำหรับคอมพิวเตอร์ Windows และเป็นแอปสำหรับอุปกรณ์ Android และ iOS เพื่อวัตถุประสงค์ในการดูตัวอย่าง