01 จาก 05
ภาพรวมของ Artboards ใน Adobe Photoshop CC 2017
ดึงนักออกแบบกราฟิกกลุ่มใด ๆ เข้าด้วยกันและถามว่า "จุดเจ็บ" คืออะไรเมื่อพูดถึงการออกแบบอินเทอร์เฟซสำหรับแอปบนอุปกรณ์เคลื่อนที่และพวกเขาจะบอกคุณว่า "Photoshop" แม้ว่าอาจทำให้เซอร์ไพรส์คนไม่มากนัก แต่ก็ค่อนข้างเข้าใจได้ มีสมาร์ทโฟนและแท็บเล็ตหลากหลายรูปแบบให้เลือกและพวกเขาทั้งหมดมีขนาดหน้าจอที่แตกต่างกัน นี้ส่งผลให้ในไม่กี่โหลไฟล์ Photoshop .psd ที่มีหลายชั้นและเวิร์กโฟลว์ค่อนข้าง convoluted เมื่อวันที่ 16 มิถุนายน 2015 ที่หายไปทั้งหมด Photoshop มีคุณลักษณะ Artboards แบบกระฉับกระเฉงซึ่งใช้งานได้ง่าย
หากคุณเป็นผู้ใช้ Illustrator คุณค่อนข้างจะใช้ในการสร้างและใช้ artboards คุณลักษณะ Artboards ใหม่ของ Photoshop ทำงานได้ดีมากเช่นคู่ของ Illustrator
ลองมาดูกันว่าจะใช้อย่างไร
02 จาก 05
วิธีการสร้าง Artboard ใน Photoshop CS 2017
มีสองวิธีในการสร้าง Artboard ใน Photoshop CC 2017
สิ่งแรกคือการสร้างเอกสารเมื่อคุณเปิดเอกสาร Photoshop ใหม่ ขณะนี้มี ตัวเลือก Artboard ในประเภทเอกสารแบบ ป๊อปอัพ เมื่อเลือกแล้วคุณสามารถเลือก Artboard Size จากเมนูป็อปอัพและตัวเลือกของคุณมีตั้งแต่ iPhone 6 Plus ไปจนถึงขนาด Spotlight ของ iPad Legacy ขนาด 100 x 100 พิกเซล
วิธีอื่นคือการเลือก เครื่องมือ Artboard - สามารถหาได้โดยการคลิกค้างไว้ที่เครื่องมือ Move
เมื่อคุณเลือกเครื่องมือ Artboard คุณสามารถไปที่ด้านบนของอินเทอร์เฟซและเลือกการตั้งค่าล่วงหน้าจากรายการเดียวกับที่คุณเห็นเมื่อสร้างเอกสารใหม่ นอกจากนี้คุณยังสามารถตั้งค่าขนาดที่กำหนดเองสำหรับ artboard เปลี่ยนแนวตั้งเป็นแนวตั้งหรือแนวนอนเพิ่มอาร์ตเวิร์กใหม่หรือเลือกจากสามตัวเลือกเพื่อจัดการ Artboard โดย Photoshop CC 2015
นี่คือสิ่งที่ประณีตจริงๆเกี่ยวกับ artboards: คุณสามารถมีได้มากเท่าที่คุณต้องการ
03 จาก 05
วิธีการตั้งชื่อและทำซ้ำ Artboards ใน Photoshop CC 2017
มีสองวิธีในการทำซ้ำอาร์ตบอร์ด ขั้นแรกคือเปิดแผงเลเยอร์ เลือก Artboard และ เลือก Artboard ซ้ำ จาก เมนูบริบท วิธีที่สองคือการเลือก artboard ในแผงเลเยอร์และเปลี่ยนไปใช้เครื่องมือ Move ด้วย Artboard ที่เลือก กดปุ่ม Option / Alt ค้างไว้และลากสำเนาไปยังตำแหน่งที่คุณเลือก
เห็นได้ชัดว่ามี artboards ที่มีชื่อว่า artboards ไม่ได้บอกอะไรคุณ หากต้องการเปลี่ยนชื่อของอาร์ตเวิร์กให้เลือกชื่อในแผงเลเยอร์แล้วเปลี่ยนชื่อ ในภาพข้างต้นพวกเขาเป็น iPhone 6 Plus_ Portrait และ iPhone 6 Plus_Landscape ซึ่งบอกให้ฉันทราบว่าอุปกรณ์ใดและการวางแนวใดที่ใช้กับแต่ละอาร์ตเวิร์ก
04 จาก 05
วิธีการเพิ่มเนื้อหาลงใน Artboard ใน Photoshop CS 2017
ตามที่คุณอาจคาดเดา artboard คือ Layer เรียง
อาร์เรย์แต่ละ อันเป็นเอกสารแบบแบ่งชั้น ซึ่งหมายถึงอะไรก็ได้ที่คุณสามารถเพิ่มลงในเลเยอร์ที่คุณสามารถเพิ่มลงในอาร์ตเวิร์กได้ ในภาพด้านบนฉันมี artboards สำหรับ iPad Retina ที่ได้รับการตั้งค่าให้เป็นแนวตั้งและแนวนอน แต่ละอาร์ตเวิร์กมีเลเยอร์กลุ่มชั้นข้อความ สมาร์ทออบเจกต์ และสิ่งอื่น ๆ ที่คุณต้องการเพิ่มลงในเอกสาร Photoshop
คุณสามารถเปลี่ยนลำดับการจัดลำดับชั้นในแต่ละอาร์ตเวิร์กและลำดับของอาร์ตเวิร์กได้เช่นกัน
05 จาก 05
วิธีการดูตัวอย่าง Photoshop CS 2017 บนอุปกรณ์ iOS
นี่คือที่ Artboards กลายเป็น "นักฆ่า" ใน Photoshop
นอกจากนี้ยังมีแอป iOS สำหรับ iPhone และ iPad - Adobe Preview- ซึ่งช่วยให้คุณสามารถตรวจสอบการทำงานบน iPhone หรือ iPad ของคุณได้โดยให้อยู่ในเครือข่ายไร้สายเดียวกันกับคอมพิวเตอร์ของคุณหรือเชื่อมต่อกับคอมพิวเตอร์ผ่านทาง การเชื่อมต่อ USB ..
สิ่งที่คุณต้องทำคือติดตั้ง Adobe Preview บนอุปกรณ์ของคุณและเปิดแอพพลิเคชั่น
ใน Photoshop คุณเพียงคลิกที่ปุ่ม Preview อุปกรณ์ใหม่ แผงแสดงตัวอย่างอุปกรณ์จะเปิดขึ้นและบอร์ดศิลป์ของคุณจะปรากฏบนอุปกรณ์
นี่คือที่ที่มันดูเนียนมาก หากคุณเปลี่ยนทิศทางของอุปกรณ์อาร์เรย์ที่เหมาะสมซึ่งใช้กับแนววางนั้นจะปรากฏขึ้นบนอุปกรณ์
ข้อร้องเรียนเดียวของฉันคือแอปนี้เป็น iOS เท่านั้น บรรดาพวกเราที่มีอุปกรณ์แอนดรอยด์ต่างมีปัญหา แม้ว่าแอปพลิเคชันจะช่วยให้แอปพลิเคชัน Touch Apps ของคุณมีความชัดเจนมาก แต่ก็มีเพียงรุ่น Android เท่านั้นที่จะบอกได้ว่า Adobe จะจัดทำตัวอย่างแอนดรอยด์เวอร์ชันตัวอย่างไว้หรือไม่
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการใช้ Artboards ใน Photoshop CS 2017 Adobe มีภาพรวมที่ค่อนข้างกว้างขวาง