การทำงานกับรูปภาพใน Adobe XD

การทำงานกับรูปภาพใน Adobe XD

หลังจากที่คุณนำเข้ารูปภาพของคุณไปยัง Adobe XD แล้ว คุณจะไม่มีส่วนควบคุมการแก้ไขมากนัก แต่คุณสามารถปรับขนาดและหมุนรูปภาพได้เหมือนกับที่คุณทำกับรูปร่างอื่นๆ

คุณยังสามารถปัดเศษมุมของรูปภาพที่นำเข้าได้อย่างง่ายดายโดยใช้วิดเจ็ตมุม

การทำงานกับรูปภาพใน Adobe XD

คลิกและลากวิดเจ็ตมุมเพื่อปัดเศษขอบของรูปภาพ

กำบังภาพของคุณ

โดยการกำหนดรูปร่างปิดด้วยเครื่องมือรูปร่างหรือเครื่องมือปากกา คุณสามารถกำหนดสิ่งที่จะกลายเป็นมาสก์ได้ มาสก์ทำให้คุณสามารถใส่รูปภาพลงในรูปร่างที่กำหนดเองได้ นอกจากนี้ยังให้คุณสามารถครอบตัดบางส่วนของรูปภาพที่คุณไม่ต้องการให้มองเห็นได้ ทำตามขั้นตอนเหล่านี้เพื่อสร้างมาสก์:

นำเข้ารูปภาพไปยังอาร์ตบอร์ด

สร้างรูปร่างและขนาดแล้ววางตำแหน่งไว้เหนือรูปภาพ การจัดวางเหนือรูปภาพจะเป็นตัวกำหนดว่าจะแสดงส่วนใดของรูปภาพการทำงานกับรูปภาพใน Adobe XD

จัดตำแหน่งรูปร่างเหนือรูปภาพเพื่อกำหนดว่าต้องการแสดงส่วนใดของรูปภาพ

ใช้เครื่องมือ Select เลือกทั้งรูปร่างและรูปภาพ สิ่งสำคัญคือรูปร่างต้องอยู่ด้านบนของภาพ ถ้าไม่ใช่ ให้เลือก Object →Arrange → Bring to Front

เมื่อเลือกวัตถุทั้งสองแล้ว ให้เลือก Object → Mask with Shape รูปร่างตอนนี้มีรูปภาพการทำงานกับรูปภาพใน Adobe XD

รูปภาพที่ถูกปิดบังด้วยรูปร่าง

หากคุณต้องการแก้ไขการวางตำแหน่งของรูปร่างเหนือรูปภาพ เพียงดับเบิลคลิกที่วัตถุที่ปิดบังโดยใช้เครื่องมือ Select เมื่อคุณจัดตำแหน่งรูปภาพและรูปร่างของคุณใหม่เสร็จแล้ว ให้คลิกที่ใดก็ได้บนอาร์ตบอร์ดของคุณ

ใช้ประโยชน์จากหน้ากาก

คุณสามารถปิดบังวัตถุใดๆ ที่มีรูปร่างได้ บางทีคุณอาจมีหลายรายการที่คุณต้องการจัดไว้เป็นวงกลม หรือต้องการครอบตัดชุดรูปภาพซ้ำๆ งานทั้งสองนี้สามารถทำได้โดยทำตามขั้นตอนเหล่านี้:

หลังจากสร้างงานศิลปะของคุณแล้ว ให้เพิ่มรูปร่างที่ด้านบน หรือนำรูปร่างที่คุณต้องการมาสก์มาไว้ด้านหน้าโดยใช้ Object → Arrange → Bring to Front

เลือกออบเจกต์ทั้งหมดที่จะมาสก์เพิ่มเติมจากออบเจกต์บนสุด ซึ่งก็คือมาสก์ และเลือก Object → Mask with Shape

หากคุณต้องการแก้ไขออบเจกต์ในมาสก์อย่างอิสระ คุณสามารถเลือก Object → Ungroup Mask หรือเปิดแผงเลเยอร์แล้วดับเบิลคลิกที่ไอคอนทางด้านซ้ายของออบเจกต์ที่ชื่อ Mask Group เมื่อคุณดับเบิลคลิก จะทำให้คุณสามารถเลือกแต่ละอ็อบเจ็กต์ได้

การแก้ไขและการจัดวางภาพ

การทำงานกับรูปภาพของคุณเมื่ออยู่ใน Adobe XD นั้นรวดเร็วและง่ายดาย หากคุณวางหรือลากภาพของคุณลงบนผืนผ้าใบหรืออาร์ตบอร์ด คุณสามารถปรับแต่งภาพได้เหมือนกับที่คุณทำกับสี่เหลี่ยมหรือรูปร่างเวกเตอร์ ปรับขนาด หมุน เพิ่มเส้นขอบ เงา หรือลดความทึบ

การครอบตัดรูปภาพ

ไม่พอใจกับวิธีการครอบตัดรูปภาพใช่ไหม เพียงกด Enter (หรือดับเบิลคลิกที่รูปภาพ) โดยเลือกรูปภาพไว้เพื่อเข้าสู่โหมดแก้ไขมาสก์ ซึ่งคุณสามารถปรับขนาดรูปภาพเพื่อเปลี่ยนวิธีการครอบตัดได้ หากคุณลากรูปภาพของคุณลงบนรูปร่าง การมาสก์นี้จะเกิดขึ้นโดยอัตโนมัติ และจะรักษาอัตราส่วนของรูปภาพไว้เสมอ โดยไม่คำนึงถึงรูปร่างที่เติม 

พลิก & หมุนภาพ

รูปภาพสามารถพลิกในแนวนอนหรือแนวตั้ง รวมทั้งหมุนเป็นวงกลมได้ เมื่อเลือกรูปภาพแล้ว ที่มุมขวาบนของแผงตรวจสอบจะแสดงตัวควบคุมการหมุน รวมถึงตัวควบคุมการพลิกแนวนอนและแนวตั้ง การควบคุมการพลิกยังสามารถเข้าถึงได้ผ่านเมนูวัตถุ (วัตถุ > การแปลง) และสามารถเข้าถึงการควบคุมการหมุนบนผืนผ้าใบโดยการวางเมาส์เหนือมุมใดมุมหนึ่งจากสี่มุมของวัตถุ

การแก้ไขที่แข็งแกร่งใน Photoshop

Adobe XD มีเครื่องมือที่มีประสิทธิภาพเพื่อจัดการภาพของคุณอย่างรวดเร็ว สำหรับการแก้ไขและการกรองขั้นสูง ให้คลิกขวาที่รูปภาพของคุณแล้วเลือก “แก้ไขใน Photoshop” เพื่อเปิดรูปภาพที่เชื่อมโยงใน Photoshop และดำเนินการแก้ไขของคุณ เมื่อบันทึกไฟล์ Photoshop แล้ว คุณจะเห็นการอัปเดตรูปภาพทันทีใน Adobe XD

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


หน้าจอ หยิบส่วนของไฟล์ PDF

หน้าจอ หยิบส่วนของไฟล์ PDF

คุณสามารถใช้เครื่องมือสแนปชอตใน Adobe Acrobat CS5 เพื่อเลือกทั้งข้อความและรูปภาพ และสร้างรูปภาพของบางพื้นที่ภายในไฟล์ PDF ผลลัพธ์โดยทั่วไปจะเรียกว่าการจับภาพหน้าจอของส่วนต่างๆ ภายในไฟล์ PDF ผลลัพธ์คือรูปภาพ และข้อความของคุณไม่ใช่ […]

การวัด การนับ และการวิเคราะห์พิกเซลใน Photoshop CC

การวัด การนับ และการวิเคราะห์พิกเซลใน Photoshop CC

ออกแบบมาสำหรับนักวิจัยและนักวิทยาศาสตร์ ความสามารถในการวัดใน Photoshop CC นั้นค่อนข้างทรงพลัง คุณสามารถวัดอะไรก็ได้และนับจำนวนอะไรก็ได้ในภาพทางเทคนิค อาจเป็นจากกล้องจุลทรรศน์หรือกล้องโทรทรรศน์ หากคุณทราบขนาดที่แน่นอนขององค์ประกอบใดๆ ในภาพ คุณจะค้นพบอะไรก็ได้ […]

เครื่องมือ Liquify ใน Adobe CS5 Illustrator

เครื่องมือ Liquify ใน Adobe CS5 Illustrator

เมื่อคุณใช้เครื่องมือ Liquify ใน Adobe Creative Suite 5 (Adobe CS5) Illustrator คุณสามารถโค้งงอวัตถุ — ทำให้วัตถุเป็นคลื่น เหนอะหนะ หรือแหลมคม — โดยสร้างการบิดเบือนที่ง่ายไปจนถึงซับซ้อน เครื่องมือ Liquify สามารถบิดเบือนวัตถุของคุณได้อย่างสร้างสรรค์หรือแปลกประหลาด (ขึ้นอยู่กับว่าคุณมองอย่างไร) คุณ […]

วิธีปรับคุณสมบัติข้อความใน Adobe XD

วิธีปรับคุณสมบัติข้อความใน Adobe XD

เมื่อคุณมีข้อความในโปรเจ็กต์ 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 มาทบทวนวิธีการใช้คุณสมบัติเหล่านั้นกัน เกี่ยวกับความสามารถในการอ่านและแบบอักษร […]

วิธีสร้างรหัส QR ใน InDesign CC

วิธีสร้างรหัส QR ใน InDesign CC

คุณสามารถใช้ InDesign เพื่อสร้างและแก้ไขกราฟิกโค้ด QR รหัส QR คือบาร์โค้ดรูปแบบหนึ่งที่สามารถเก็บข้อมูลได้ เช่น คำ ตัวเลข URL หรือข้อมูลรูปแบบอื่นๆ ผู้ใช้สแกนรหัส QR โดยใช้กล้องและซอฟต์แวร์ของเธอบนอุปกรณ์ เช่น สมาร์ทโฟน และซอฟต์แวร์ทำให้การใช้งาน […]

การทำงานกับอาร์ตบอร์ดใน Photoshop CC

การทำงานกับอาร์ตบอร์ดใน Photoshop CC

เช่นเดียวกับใน Adobe Illustrator อาร์ตบอร์ด Photoshop ให้ความสามารถในการสร้างหน้าหรือหน้าจอแยกกันภายในเอกสารเดียว ซึ่งจะเป็นประโยชน์อย่างยิ่งหากคุณกำลังสร้างหน้าจอสำหรับแอปพลิเคชันมือถือหรือโบรชัวร์ขนาดเล็ก คุณสามารถคิดว่าอาร์ตบอร์ดเป็นกลุ่มเลเยอร์ชนิดพิเศษที่สร้างขึ้นโดยใช้แผงเลเยอร์ มันคือ […]

ตัดข้อความใน Adobe Illustrator CC

ตัดข้อความใน Adobe Illustrator CC

การตัดข้อความใน Adobe Illustrator CC นั้นไม่เหมือนกับการห่อของขวัญ ง่ายกว่า! การตัดข้อความบังคับให้ข้อความล้อมรอบกราฟิก ดังแสดงในรูปนี้ คุณลักษณะนี้สามารถเพิ่มความคิดสร้างสรรค์ให้กับชิ้นใดก็ได้ กราฟิกบังคับให้ข้อความล้อมรอบ ขั้นแรก สร้าง […]

วิธีปรับขนาดรูปร่างใน Illustrator

วิธีปรับขนาดรูปร่างใน Illustrator

เมื่อออกแบบใน Adobe Illustrator CC คุณมักจะต้องการรูปร่างเพื่อให้มีขนาดที่แน่นอน (เช่น 2 x 3 นิ้ว) หลังจากที่คุณสร้างรูปร่าง วิธีที่ดีที่สุดในการปรับขนาดให้เป็นการวัดที่แน่นอนคือการใช้แผงการแปลงที่แสดงในรูปนี้ เลือกวัตถุแล้วเลือก Window→Transform to […]

วิธีการใช้ความโปร่งใสกับ SVG

วิธีการใช้ความโปร่งใสกับ SVG

เรียนรู้วิธีใช้ความโปร่งใสกับกราฟิก SVG ใน Illustrator สำรวจวิธีการส่งออก SVG ด้วยพื้นหลังโปร่งใสและใช้เอฟเฟกต์ความโปร่งใส

การทำงานกับรูปภาพใน Adobe XD

การทำงานกับรูปภาพใน Adobe XD

หลังจากที่คุณนำเข้ารูปภาพของคุณไปยัง Adobe XD แล้ว คุณจะไม่มีส่วนควบคุมการแก้ไขมากนัก แต่คุณสามารถปรับขนาดและหมุนรูปภาพได้เหมือนกับที่คุณทำกับรูปร่างอื่นๆ คุณยังสามารถปัดเศษมุมของรูปภาพที่นำเข้าได้อย่างง่ายดายโดยใช้วิดเจ็ตมุม การมาส์กภาพของคุณ โดยกำหนดรูปทรงปิด […]