เช่นเดียวกับใน Adobe Illustrator อาร์ตบอร์ด Photoshop ให้ความสามารถในการสร้างหน้าหรือหน้าจอแยกกันภายในเอกสารเดียว ซึ่งจะเป็นประโยชน์อย่างยิ่งหากคุณกำลังสร้างหน้าจอสำหรับแอปพลิเคชันมือถือหรือโบรชัวร์ขนาดเล็ก
คุณสามารถคิดว่าอาร์ตบอร์ดเป็นกลุ่มเลเยอร์ชนิดพิเศษที่สร้างขึ้นโดยใช้แผงเลเยอร์ ฟังก์ชันการทำงานอาจไม่ใช้งานง่ายใน Photoshop เช่นเดียวกับใน Adobe Illustrator แต่ด้วยการฝึกฝนเพียงเล็กน้อย คุณควรใช้งานได้ ทำตามขั้นตอนเหล่านี้เพื่อดูวิธีสร้างอาร์ตบอร์ดด้วยตัวเอง:
ในตัวอย่างนี้ เอกสารใหม่จะถูกสร้างขึ้นโดยใช้เอกสารเริ่มต้นของ iPhone 6 หากคุณกำลังเริ่มต้นเอกสารใหม่ด้วยหน้าต่าง New Document แบบเดิม ให้สร้างไฟล์ใหม่ที่มีขนาด: กว้าง 750 x สูง 1334
สร้างเอกสารขนาดเท่า iPhone 6
หากคุณสร้างเอกสารใหม่ด้วยไฟล์เริ่มต้นของ iPhone 6 คุณจะเห็นอาร์ตบอร์ดแสดงอยู่ในแผงเลเยอร์
แผงเลเยอร์ที่มี Artboard สร้างขึ้นแล้ว
หากคุณไม่เห็นอาร์ตบอร์ด ให้สร้างขึ้นใหม่โดยเลือก New Artboard จากเมนูแผงเลเยอร์
คุณสามารถเพิ่ม Artboard ของคุณเองได้โดยใช้เมนูแผงเลเยอร์
ขณะสร้างอาร์ตบอร์ด คุณสามารถเลือกขนาดที่กำหนดไว้ล่วงหน้าได้หลากหลายหรือกำหนดขนาดอาร์ตบอร์ดของคุณเอง
เลือกไฟล์→วางที่ฝังตัวและไปที่โฟลเดอร์ Book03-Photoshop ดับเบิลคลิกเพื่อเลือกภาพที่ชื่อ water_sky หรือเลือกภาพแล้วกด Place
เมื่อรูปภาพปรากฏบนอาร์ตบอร์ด ให้จับที่จับมุมหนึ่งอัน กดปุ่ม Shift ค้างไว้แล้วคลิกและลากออกไปด้านนอกเพื่อปรับขนาดรูปภาพและเติมอาร์ตบอร์ดทั้งหมด เมื่อรูปภาพมีขนาดและตำแหน่งแล้ว ให้เลือกกล่องกาเครื่องหมายตกลงในแถบตัวเลือก หรือกดปุ่ม Enter เพื่อยืนยันการจัดวางรูปภาพ
วางรูปภาพแล้วยืดให้พอดีกับอาร์ตบอร์ดทั้งหมด
ถัดไป คุณเพิ่มเลเยอร์ข้อความ
เลือกเครื่องมือ Type แล้วคลิกและลากบนอาร์ตบอร์ดเพื่อสร้างพื้นที่ข้อความและเพิ่มเลเยอร์ข้อความใหม่
พิมพ์ข้อความ WATER & SKY ใช้ตัวควบคุมในแถบตัวเลือก ตั้งค่าชนิดเป็นคุณสมบัติต่อไปนี้:
เลือกปุ่มตกลงในแถบตัวเลือกหลังจากที่คุณได้ตั้งค่าประเภทของคุณแล้ว
เพิ่มเลเยอร์ข้อความลงในอาร์ตบอร์ดของคุณ
คุณสามารถกด Ctrl+Return (Windows) หรือ ⌘ +Return (Mac) เพื่อคอมมิตเลเยอร์ประเภทได้เช่นกัน
อย่างที่คุณเห็น คุณทำงานกับ Artboards เหมือนกับที่คุณทำงานกับเอกสาร Photoshop อื่น ๆ ความแตกต่างมาในขั้นตอนต่อไป ซึ่งคุณจะพบวิธีเพิ่มอาร์ตบอร์ดเพิ่มเติมในไฟล์ของคุณ
คุณยังสามารถสร้างอาร์ตบอร์ดเพิ่มเติมได้ บางทีคุณอาจต้องการสร้างแอพมือถือแบบหลายหน้าจอใน Photoshop หรือคุณแค่ต้องการสร้างหน้าจอเดียวหลายเวอร์ชัน สำหรับคำแนะนำเหล่านี้ ให้ดำเนินการตามโครงการที่เริ่มต้นข้างต้น
คลิกที่เครื่องมือ Move แล้วเลือกเครื่องมือ Artboard ที่ซ่อนอยู่
ใช้เครื่องมือ Artboard เพื่อจัดการอาร์ตบอร์ดและสร้างเพิ่มเติม
ไอคอนเครื่องหมายบวกจะปรากฏในทุกด้านของอาร์ตบอร์ด คุณสามารถคลิกที่ไอคอนเครื่องหมายบวกเหล่านี้เพื่อเพิ่มอาร์ตบอร์ดเพิ่มเติม
คลิกไอคอนเครื่องหมายบวกทางด้านขวาของอาร์ตบอร์ดที่มีอยู่ เพื่อดูว่ามีการเพิ่มอาร์ตบอร์ดเปล่าใหม่
เพิ่มอาร์ตบอร์ดเปล่าโดยคลิกที่ไอคอนเครื่องหมายบวก
ลองดูในแผงเลเยอร์ ตรวจสอบให้แน่ใจว่าอาร์ตบอร์ดใหม่ล่าสุดปรากฏขึ้นเหนือเลเยอร์ที่เลือก เช่นเดียวกับเลเยอร์
คุณยังสามารถใช้เครื่องมือ Artboard เพื่อสร้างอาร์ตบอร์ดขนาดที่กำหนดเองได้ ทำได้โดยคลิกและลากด้วยเครื่องมืออาร์ตบอร์ดบนผืนผ้าใบ Photoshop จากแถบตัวเลือกเครื่องมือ ให้เลือกขนาดที่กำหนดไว้ล่วงหน้าจากเมนูป๊อปอัปขนาด หรือปล่อยให้เป็นขนาดที่คุณกำหนดเอง
ก่อนที่ไฟล์นี้จะซับซ้อนกว่านี้ คุณควรตั้งชื่ออาร์ตบอร์ดก่อน ทำได้ในแผงเลเยอร์
เลือกอาร์ตบอร์ดเริ่มต้น (Artboard 1) และดับเบิลคลิกที่ชื่ออาร์ตบอร์ด เมื่อกล่องข้อความเปิดใช้งานอยู่ ให้พิมพ์ชื่อ หน้าแรก
ดับเบิลคลิกที่ชื่อ Artboard 2 ในแผง Layers และตั้งชื่อเลเยอร์นี้ว่า Beach
ตอนนี้ เพิ่มรูปภาพและข้อความบางส่วนลงในอาร์ตบอร์ดที่สอง:
คลิกที่เครื่องมือ Artboard แล้วสลับกลับไปที่เครื่องมือ Move
ตรวจสอบให้แน่ใจว่าได้เลือก Beach artboard ในแผง Layers แล้วเลือก File → Place Embedded ไปที่โฟลเดอร์ Book03_Photoshop และเลือกภาพที่ชื่อ Beach แล้วกด Place รูปภาพถูกเพิ่มลงในอาร์ตบอร์ดที่สอง
เช่นเดียวกับภาพสุดท้ายที่คุณวาง ให้กดปุ่ม Shift ค้างไว้แล้วลาก Shift ที่จุดมุมเพื่อปรับขนาดภาพให้ใหญ่ขึ้นตามสัดส่วนและเติมเต็มหน้าจอ
เมื่อใช้เครื่องมือย้าย ให้คลิกและลากรูปภาพ โปรดทราบว่าแม้ว่าจะอยู่ในเอกสารเดียวกัน แต่ก็ไม่ทับซ้อนกันหรือรบกวนงานศิลปะบนอาร์ตบอร์ดอื่น
การโคลนจากอาร์ตบอร์ดหนึ่งไปยังอีกแผ่นหนึ่ง
ตอนนี้ โคลนข้อความจากโฮมอาร์ตบอร์ดไปยังอาร์ตบอร์ดชายหาด:
เมื่อยังคงเลือกเครื่องมือ Move อยู่ ให้กด Ctrl-click (Windows) หรือ ⌘ -click (Mac) บนข้อความ WATER & SKY ใน Home artboard สิ่งนี้จะเปิดใช้งานเลเยอร์นั้น
กดปุ่ม Alt (Windows) หรือ Option (Mac) ค้างไว้ แล้วคลิกและลากข้อความจากอาร์ตบอร์ดหนึ่งไปยังอีกอาร์ตบอร์ด
หากคุณกดแป้น Shift ค้างไว้ขณะลากรูปภาพจะยังคงอยู่ในแนวเดียวกัน
สลับไปที่อาร์ตบอร์ดและดับเบิลคลิกที่ข้อความที่โคลนใหม่เพื่อเปิดใช้งานพื้นที่ข้อความและพิมพ์ FUN BEACHES
ไฟล์ Photoshop ที่มีอาร์ตบอร์ดสองแผ่น
การย้ายองค์ประกอบจากอาร์ตบอร์ดหนึ่งไปยังอีกบอร์ดหนึ่ง
หากต้องการย้ายองค์ประกอบจากอาร์ตบอร์ดหนึ่งไปยังอีกอาร์ตบอร์ด ให้ลากองค์ประกอบจากอาร์ตบอร์ดหนึ่งไปยังอีกอาร์ตบอร์ด เมื่อคุณย้ายองค์ประกอบระหว่างอาร์ตบอร์ด Photoshop จะพยายามจัดตำแหน่งองค์ประกอบในตำแหน่งเดียวกันโดยสัมพันธ์กับที่มาของไม้บรรทัดที่มุมซ้ายบนของอาร์ตบอร์ด
การส่งออกอาร์ตบอร์ดของคุณ
คุณสามารถบันทึกไฟล์ของคุณเป็นไฟล์ Photoshop เพื่อรักษาเลเยอร์ได้ แต่ในตัวอย่างนี้ คุณจะต้องส่งออกไฟล์เป็น PDF สองหน้า หรือใช้คุณสมบัติไฟล์→ส่งออกเพื่อส่งออกอาร์ตบอร์ดของคุณเป็น PNG, JPEG, PDF และอื่นๆ
คุณสามารถส่งออกอาร์ตบอร์ดเป็นเนื้อหารูปภาพ JPEG, GIF หรือ PNG ได้โดยตรงจากแผง เลเยอร์
คุณสามารถส่งออกอาร์ตบอร์ดเป็นเอกสาร PDF ได้ ทำตามขั้นตอนเหล่านี้:
ใน Photoshop ให้เลือก ไฟล์ > ส่งออก > อาร์ตบอร์ดเป็น PDF.
ในกล่องโต้ตอบ Artboards To PDF ให้ทำดังต่อไปนี้:
คลิก เรียกใช้ Photoshop สร้างเอกสาร PDF
คุณสามารถส่งออกอาร์ตบอร์ดเป็นไฟล์แยกกันได้ ทำตามขั้นตอนเหล่านี้:
ใน Photoshop ให้เลือก ไฟล์ > ส่งออก > อาร์ตบอร์ดเป็นไฟล์
ในกล่องโต้ตอบ Artboards To Files ให้ทำดังต่อไปนี้:
คลิก เรียกใช้ Photoshop ส่งออกอาร์ตบอร์ดเป็นไฟล์ในรูปแบบที่เลือก
คุณสามารถใช้เครื่องมือสแนปชอตใน Adobe Acrobat CS5 เพื่อเลือกทั้งข้อความและรูปภาพ และสร้างรูปภาพของบางพื้นที่ภายในไฟล์ PDF ผลลัพธ์โดยทั่วไปจะเรียกว่าการจับภาพหน้าจอของส่วนต่างๆ ภายในไฟล์ PDF ผลลัพธ์คือรูปภาพ และข้อความของคุณไม่ใช่ […]
ออกแบบมาสำหรับนักวิจัยและนักวิทยาศาสตร์ ความสามารถในการวัดใน Photoshop CC นั้นค่อนข้างทรงพลัง คุณสามารถวัดอะไรก็ได้และนับจำนวนอะไรก็ได้ในภาพทางเทคนิค อาจเป็นจากกล้องจุลทรรศน์หรือกล้องโทรทรรศน์ หากคุณทราบขนาดที่แน่นอนขององค์ประกอบใดๆ ในภาพ คุณจะค้นพบอะไรก็ได้ […]
เมื่อคุณใช้เครื่องมือ Liquify ใน Adobe Creative Suite 5 (Adobe CS5) Illustrator คุณสามารถโค้งงอวัตถุ — ทำให้วัตถุเป็นคลื่น เหนอะหนะ หรือแหลมคม — โดยสร้างการบิดเบือนที่ง่ายไปจนถึงซับซ้อน เครื่องมือ Liquify สามารถบิดเบือนวัตถุของคุณได้อย่างสร้างสรรค์หรือแปลกประหลาด (ขึ้นอยู่กับว่าคุณมองอย่างไร) คุณ […]
เมื่อคุณมีข้อความในโปรเจ็กต์ Adobe XD คุณสามารถเริ่มเปลี่ยนคุณสมบัติข้อความได้ คุณสมบัติเหล่านี้ได้แก่ Font Family, Font Size, Font Weight, Alignment, Character Spacing (kerning and tracking), Line Spacing (leading), Fill, Border (stroke), Shadow (drop shadow) และ Background Blur มาทบทวนวิธีการใช้คุณสมบัติเหล่านั้นกัน เกี่ยวกับความสามารถในการอ่านและแบบอักษร […]
คุณสามารถใช้ InDesign เพื่อสร้างและแก้ไขกราฟิกโค้ด QR รหัส QR คือบาร์โค้ดรูปแบบหนึ่งที่สามารถเก็บข้อมูลได้ เช่น คำ ตัวเลข URL หรือข้อมูลรูปแบบอื่นๆ ผู้ใช้สแกนรหัส QR โดยใช้กล้องและซอฟต์แวร์ของเธอบนอุปกรณ์ เช่น สมาร์ทโฟน และซอฟต์แวร์ทำให้การใช้งาน […]
เช่นเดียวกับใน Adobe Illustrator อาร์ตบอร์ด Photoshop ให้ความสามารถในการสร้างหน้าหรือหน้าจอแยกกันภายในเอกสารเดียว ซึ่งจะเป็นประโยชน์อย่างยิ่งหากคุณกำลังสร้างหน้าจอสำหรับแอปพลิเคชันมือถือหรือโบรชัวร์ขนาดเล็ก คุณสามารถคิดว่าอาร์ตบอร์ดเป็นกลุ่มเลเยอร์ชนิดพิเศษที่สร้างขึ้นโดยใช้แผงเลเยอร์ มันคือ […]
การตัดข้อความใน Adobe Illustrator CC นั้นไม่เหมือนกับการห่อของขวัญ ง่ายกว่า! การตัดข้อความบังคับให้ข้อความล้อมรอบกราฟิก ดังแสดงในรูปนี้ คุณลักษณะนี้สามารถเพิ่มความคิดสร้างสรรค์ให้กับชิ้นใดก็ได้ กราฟิกบังคับให้ข้อความล้อมรอบ ขั้นแรก สร้าง […]
เมื่อออกแบบใน Adobe Illustrator CC คุณมักจะต้องการรูปร่างเพื่อให้มีขนาดที่แน่นอน (เช่น 2 x 3 นิ้ว) หลังจากที่คุณสร้างรูปร่าง วิธีที่ดีที่สุดในการปรับขนาดให้เป็นการวัดที่แน่นอนคือการใช้แผงการแปลงที่แสดงในรูปนี้ เลือกวัตถุแล้วเลือก Window→Transform to […]
เรียนรู้วิธีใช้ความโปร่งใสกับกราฟิก SVG ใน Illustrator สำรวจวิธีการส่งออก SVG ด้วยพื้นหลังโปร่งใสและใช้เอฟเฟกต์ความโปร่งใส
หลังจากที่คุณนำเข้ารูปภาพของคุณไปยัง Adobe XD แล้ว คุณจะไม่มีส่วนควบคุมการแก้ไขมากนัก แต่คุณสามารถปรับขนาดและหมุนรูปภาพได้เหมือนกับที่คุณทำกับรูปร่างอื่นๆ คุณยังสามารถปัดเศษมุมของรูปภาพที่นำเข้าได้อย่างง่ายดายโดยใช้วิดเจ็ตมุม การมาส์กภาพของคุณ โดยกำหนดรูปทรงปิด […]
