การสร้างแอสเซทสำหรับแอพมือถือที่ออกแบบมาเพื่อทำงานบนหน้าจอขนาดต่างๆ มักจะส่งผลให้ไฟล์ PSD ขนาดใหญ่มีหลายเลเยอร์และเวิร์กโฟลว์ที่ซับซ้อน อาร์ตบอร์ด Photoshop ถูกนำมาใช้เพื่อปรับปรุงการพัฒนากราฟิกสำหรับอุปกรณ์มือถือ
คำแนะนำในบทความนี้ใช้กับ Photoshop CC 2019 สำหรับ Windows และ Mac
วิธีสร้างอาร์ตบอร์ดใน Photoshop CC
เมื่อคุณสร้างเอกสารใหม่ใน Photoshop Artboard จะปรากฏเป็นตัวเลือกใน รายละเอียดที่ตั้งไว้ล่วงหน้า กล่องโต้ตอบ:
-
เปิด Photoshop แล้วเลือก สร้างใหม่.
Image -
เลือกแท็บ มือถือ
Image -
คุณจะเห็นค่าที่ตั้งล่วงหน้าที่มี iPhone หลายขนาดพร้อมกับโทรศัพท์ Android, iPads, อุปกรณ์ Microsoft Surface, Mac, ขนาด Apple Watch และขนาดทั่วไปสำหรับอย่างอื่น เลือกตัวเลือกใดตัวเลือกหนึ่ง จากนั้นเลือก สร้าง เพื่อเริ่มทำงาน
ควรทำเครื่องหมายที่ช่องใต้ Artboard หากไม่ใช่ ให้คลิกช่องทำเครื่องหมายเพื่อทำเครื่องหมาย
Image
อาร์ตบอร์ดทำงานใน Photoshop อย่างไร
ฟีเจอร์อาร์ตบอร์ดใน Photoshop ทำงานเหมือนกับ Adobe Illustrator โดยที่อาร์ตบอร์ดแต่ละแผ่นจะถือว่าเป็นเอกสารแยกชั้น อาร์ตบอร์ดแต่ละอันมีเลเยอร์ กลุ่มเลเยอร์ ข้อความ วัตถุอัจฉริยะ และอื่นๆ ที่คุณสามารถเพิ่มลงในเอกสาร Photoshop ได้คุณสามารถเปลี่ยนลำดับการจัดเรียงเลเยอร์ในแต่ละอาร์ตบอร์ดและลำดับของอาร์ตบอร์ดได้ใน Layers Palette
วิธีการตั้งชื่อและทำซ้ำอาร์ตบอร์ดใน Photoshop CC
การทำซ้ำอาร์ตบอร์ดใน Photoshop:
-
คลิกขวาที่อาร์ตบอร์ดใน Layers และเลือก Duplicate Artboard.
หากไม่เห็นพาเล็ต Layers ให้เลือก Window > Layers เพื่อเปิด มัน.
Image -
ตั้งชื่ออาร์ตบอร์ดใหม่และเลือก ตกลง.
หากคุณต้องการเปลี่ยนชื่ออาร์ตบอร์ดในภายหลัง ให้ดับเบิลคลิกที่ชื่อใน Layers Palette
Image
วิธีใช้ Photoshop Artboard Tool
ในการปรับขนาดและทิศทางของอาร์ตบอร์ดของคุณ:
-
คลิกค้างไว้ที่ เครื่องมือย้าย จากนั้นเลือก เครื่องมืออาร์ตบอร์ด.
Image -
เลือกค่าที่ตั้งล่วงหน้า Size ในแถบตัวเลือกเครื่องมือ หรือกำหนดขนาดและการวางแนวที่กำหนดเอง
Image -
เลือกเครื่องหมายบวก (+) ที่แต่ละด้านของหน้าเพื่อเพิ่มอาร์ตบอร์ดใหม่ด้านบน ด้านล่าง หรือข้างการเลือกปัจจุบัน
Image
คุณสามารถมีอาร์ตบอร์ดได้มากเท่าที่ต้องการในไฟล์ Photoshop ไฟล์เดียว
วิธีดูตัวอย่างอาร์ตบอร์ด Photoshop บนอุปกรณ์มือถือ
เนื่องจากฟีเจอร์การแสดงตัวอย่างอุปกรณ์ถูกลบออกจาก Photoshop และแอป Adobe Preview สำหรับ iOS ไม่สามารถใช้งานได้อีกต่อไป ผู้ใช้จะต้องใช้แอปพรีวิวของบริษัทอื่นเพื่อตรวจสอบงานของพวกเขาสำหรับอุปกรณ์มือถือ
Adobe ขอแนะนำแอพ Skala Preview ซึ่งทำงานร่วมกับ macOS เพื่อดูตัวอย่างงานได้ทั้งบนอุปกรณ์ iOS และ Android PS Mirror มีให้ใช้งานเป็นปลั๊กอินสำหรับคอมพิวเตอร์ Windows และเป็นแอปสำหรับอุปกรณ์ Android และ iOS เพื่อการดูตัวอย่าง
