ดึงนักออกแบบกราฟิกกลุ่มใด ๆ เข้าด้วยกันและถามว่าจุดสำคัญของความเจ็บปวดคืออะไรเมื่อพูดถึงการออกแบบอินเทอร์เฟซสำหรับแอปบนอุปกรณ์เคลื่อนที่ พวกเขาจะบอกคุณว่า "Photoshop" แม้ว่าอาจทำให้คนบางคนประหลาดใจ แต่ก็เป็นที่เข้าใจได้ มาร์ทโฟนและแท็บเล็ตออกมีขนาดหน้าจอที่แตกต่างกันซึ่งย่อมส่งผลให้มีไฟล์ Photoshop .txt กี่โหลที่มีหลายเลเยอร์และเวิร์กโฟลว์ที่ซับซ้อน ในปีพ. ศ. 2558 Photoshop ได้เปิดตัวฟีเจอร์ Artboards แบบกระฉับกระเฉงซึ่งทำให้การพัฒนาสำหรับหน้าจอต่างๆมีความง่ายขึ้น
หากคุณเป็นผู้ใช้ Adobe Illustrator คุณคุ้นเคยกับการใช้ artboards คุณลักษณะ Artboards ของ Photoshop ทำงานเหมือนกับคู่หู Adobe Illustrator
01 จาก 04วิธีการสร้าง Artboard ใน Photoshop CC 2018
มีสองวิธีในการสร้าง artboard ใน Photoshop CC 2018
- สิ่งแรกคือการสร้างเอกสารเมื่อคุณเปิดเอกสาร Photoshop ใหม่ มีตอนนี้ a artboard เลือกใน รายละเอียดที่กำหนดล่วงหน้า มาตรา. เมื่อคุณเลือก โทรศัพท์มือถือ แท็บและคลิกartboard, คุณเห็น นำเสนอผลิตภัณฑ์ที่มีขนาด iPhone หลายแบบพร้อมกับโทรศัพท์แอนดรอยด์ iPads อุปกรณ์พื้นผิวของ Microsoft Macs ขนาด Apple Watch และขนาดทั่วไปสำหรับทุกสิ่งทุกอย่าง
- วิธีอื่นคือการเลือก เครื่องมือ Artboardซึ่งสามารถดูได้โดยการคลิกและค้างไว้ที่ ย้าย เครื่องมือ. เมื่อคุณเลือก artboard คุณไปที่ด้านบนของอินเทอร์เฟซและเลือกพรีเซ็ต ขนาด จากรายการเดียวกับที่คุณเห็นเมื่อสร้างเอกสารใหม่ นอกจากนี้คุณยังสามารถตั้งค่าขนาดที่กำหนดเองสำหรับ ArtBox เปลี่ยนแนวการวางแนวเป็นแนวตั้งหรือแนวนอนเพิ่ม Artboard ใหม่หรือเลือกตัวเลือกอื่น ๆ
นี่คือสิ่งที่ดีจริงๆเกี่ยวกับ artboards: คุณสามารถมีได้มากเท่าที่คุณต้องการในไฟล์ Photoshop เดียว
อ่านต่อด้านล่าง
02 จาก 04วิธีการตั้งชื่อและทำซ้ำ Artboards ใน Photoshop CC 2018
มีสองวิธีในการทำซ้ำอาร์ตบอร์ด
- เปิด ชั้น แผงควบคุมใหเลือกโฟลเดอรและเลือก ซ้ำ Artboard จากเมนูบริบท
- เลือก artboard ในช่อง ชั้น แผงควบคุมและสลับไปที่ ย้าย เครื่องมือ. เมื่อเลือกอาร์ตบอร์ดไว้แล้วให้กดปุ่ม ตัวเลือก / Alt คีย์และลากสำเนาไปยังตำแหน่งที่คุณเลือก
มี artboards ชื่อ artboards ไม่บอกคุณสิ่ง หากต้องการเปลี่ยนชื่อของอาร์ตเวิร์กให้เลือกชื่อใน ชั้น แผงควบคุมและเปลี่ยนชื่อเพื่อให้คุณทราบว่าอุปกรณ์และการวางแนวใดมีผลกับแต่ละอาร์ตเวิร์ก
อ่านต่อด้านล่าง
03 จาก 04วิธีการเพิ่มเนื้อหาลงใน Artboard ใน Photoshop CC 2018
ฟังก์ชันอาร์ตเวิร์กเป็นเลเยอร์ เรียง
แต่ละ artboard เป็นเอกสารแยกชั้น, หมายถึงอะไรก็ได้ที่คุณสามารถเพิ่มลงในเลเยอร์ที่คุณสามารถเพิ่มลงในอาร์ตเวิร์ก แต่ละอาร์ตเวิร์กมีเลเยอร์กลุ่มชั้นข้อความสมาร์ทออบเจกต์และสิ่งอื่น ๆ ที่คุณสามารถเพิ่มลงในเอกสาร Photoshop ได้
คุณสามารถเปลี่ยนลำดับการแบ่งชั้นในแต่ละอาร์ตเวิร์กและลำดับของอาร์ตเวิร์กได้
04 จาก 04วิธีแสดงตัวอย่าง Artboard CC 2018 จาก Photoshop บนอุปกรณ์ iOS
เมื่อคุณลักษณะ Artboards เปิดตัวใน Photoshop CS 2015 Adobe ได้เปิดตัวแอป iOS ที่เรียกว่า Adobe Preview ซึ่งอนุญาตให้ผู้ใช้ตรวจสอบงานของพวกเขาสำหรับ iPhone หรือ iPad บนอุปกรณ์เคลื่อนที่ที่ให้อยู่ในเครือข่ายไร้สายเดียวกันกับคอมพิวเตอร์หรือติดตั้งเข้ากับคอมพิวเตอร์ ผ่านการเชื่อมต่อ USB Adobe ได้รับการวิจารณ์ในเวลานั้นเนื่องจากไม่มีแอป Android ที่มาพร้อมกัน นักพัฒนาแอนดรอยด์ใช้ฟังก์ชันแสดงตัวอย่างอุปกรณ์ใน Photoshop เพื่อดูตัวอย่างผลงานของพวกเขา
Adobe ได้นำแอ็พพลิเคชัน Preview ของ Adobe ออกจาก Apple App Store ในช่วงปลายปีพ. ศ. 2517 และในขณะเดียวกันก็ยุติการใช้งานฟังก์ชันแสดงตัวอย่างอุปกรณ์ภายใน Photoshop เอง
ตั้งแต่ปีพ. ศ. 2561 ผู้ใช้ต้องพึ่งพาแอพพลิเคชั่นตัวอย่างของบุคคลที่สามเพื่อตรวจสอบการทำงานของอุปกรณ์เคลื่อนที่ Adobe แนะนำให้ใช้แอพฯ Preview Skala ที่ทำงานร่วมกับ macOS เพื่อดูตัวอย่างการทำงานบนอุปกรณ์ iOS และ Android PS Mirror มีให้บริการเป็นปลั๊กอินสำหรับคอมพิวเตอร์ Windows และเป็นแอปสำหรับอุปกรณ์ Android และ iOS เพื่อดูตัวอย่าง