วิธีการครอบตัดรูปภาพใน Adobe Illustrator CC

เผยแพร่แล้ว: 2019-07-24

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

ในบทช่วยสอนนี้ เราจะแสดงวิธีครอบตัดรูปภาพใน Adobe Illustrator เวอร์ชันใหม่กว่าหลังปี 2017 และวิธีครอบตัดรูปภาพในเวอร์ชันเก่า อย่างไรก็ตาม โปรดทราบว่า Adobe ได้เปลี่ยนแปลงข้อตกลงการอนุญาตให้ใช้สิทธิ์เกี่ยวกับโปรแกรม Creative Cloud เวอร์ชันเก่า คุณทำได้ดีกว่ามากเพียงแค่สมัครรับข้อมูลอัปเดต นอกจากนี้ คุณจะมีคุณลักษณะใหม่ๆ ที่ใช้งานได้จริงมากมาย รวมถึงฟังก์ชันครอบตัดรูปภาพ

ความแตกต่างระหว่างการครอบตัดภาพแรสเตอร์และเวกเตอร์ใน Adobe Illustrator

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

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

ภาพที่เชื่อมโยงหรือฝังตัว

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

เมื่อคุณเปิดรูปภาพจากการเปิดด้วยคำสั่ง 'open with > Photoshop' รูปภาพจะถูกฝังไว้ หากคุณใช้ตัวเลือก ไฟล์ > วาง หรือ Shift+Command+P รูปภาพจะถูกเชื่อมโยง สุดท้าย หากคุณลากรูปภาพจากเดสก์ท็อปไปยังโปรเจ็กต์ที่เปิดอยู่ รูปภาพนั้นจะถูกเชื่อมโยงด้วย

วิธีใช้ตัวเลือกครอบตัดรูปภาพใน Illustrator CC 2017 ขึ้นไป

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

1. สร้างโปรเจ็กต์ใหม่และวางรูปภาพบน The Artboard

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

ภาพหน้าจอของ adobe illustrator image place

2. คลิกที่ปุ่ม 'ครอบตัดรูปภาพ' หรือเลือกในแท็บเครื่องมือวัตถุ

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

เคล็ดลับแบบมืออาชีพ: ตัวเลือกครอบตัดรูปภาพไม่มีแป้นพิมพ์ลัด แต่คุณสามารถสร้างได้เอง

สกรีนช็อตของการครอบตัดรูปภาพบน illustrator

สกรีนช็อตของ Adobe Illustrator - ภาพที่ครอบตัด

วิธีการครอบตัดรูปภาพด้วยมาสก์การตัดต่อใน Illustrator ทุกรุ่น

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

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

นี่คือวิธีการทำ

1. เตรียมรูปภาพให้พร้อมและสร้างรูปร่างบนเลเยอร์ด้านบน

เลือกเลเยอร์สำหรับเลเยอร์ที่คุณต้องการครอบตัด ใช้เครื่องมือรูปร่างเพื่อสร้างสีขาวในเลเยอร์เหนือรูปภาพ

เพิ่มมาสก์รูปวงกลมบนเลเยอร์เหนือรูปภาพ

2. เลือกทั้งรูปภาพและเลเยอร์รูปร่างเพื่อสร้างรูปแบบการตัดต่อ

ตอนนี้ได้เวลาทำ clipping mask ด้วยวงกลมสีขาวแล้ว ขั้นแรก ตรวจสอบให้แน่ใจว่าได้เลือกทั้งรูปภาพและรูปร่างแล้ว จากนั้นคลิกที่ Object > Clipping Mask > Make หรือใช้แป้นพิมพ์ลัด Ctrl+7 (Win) หรือ Command+7 (Mac) ตอนนี้คุณสามารถเห็นเฉพาะส่วนที่ครอบตัดของรูปภาพเท่านั้น

สกรีนช็อตของ adobe illustrator - ทำ clipping mask

สกรีนช็อตของภาพวงกลม

ลดความโปร่งใส เคล็ดลับเล็กๆ น้อยๆ เกี่ยวกับการตัดมาสก์และครอบตัด

แม้ว่า clipping mask ไม่ได้ลบส่วนของรูปภาพออกจริงๆ แต่ก็ยังมีวิธีที่จะทำได้อีกเล็กน้อยและจบลงด้วยการครอบตัดทั้งหมด เรียกว่า "เคล็ดลับความโปร่งใส"

1. ปรับความโปร่งใสของเลเยอร์หลังจากใช้ Clipping Mask

หลังจากใช้ clipping mask แล้ว ให้เปิดแท็บความโปร่งใสแล้วเลือก "มืดลง"

สกรีนช็อตของการกระทำของ Illustrator - ทำให้โหมดโปร่งใสมืดลง

2. แผ่ความโปร่งใสและขยายออก

เมื่อเลือกเลเยอร์เดียวกันแล้ว ให้คลิกที่ Object > Flatten Transparency > OK และสุดท้ายคลิก Object > Expand ตอนนี้คุณมีภาพแรสเตอร์ที่ครอบตัดแล้ว!

สกรีนช็อตของการกระทำ Adobe Illustrator - เพิ่มความโปร่งใสและขยาย

ตัวเลือกที่รวดเร็วและสกปรก: “ครอบตัด” ด้วย Artboard, ส่งออก, นำกลับเข้ามา

เช่นเดียวกับหลายๆ โปรแกรมที่เราใช้ในแต่ละวัน มีตัวเลือกมากกว่าสองตัวเลือกเพื่อให้ได้ผลลัพธ์ที่เหมือนกัน หากต้องการครอบตัดรูปภาพใน Illustrator คุณยังสามารถใช้ตัวเลือก Artboard วิธีนี้ใช้ได้เฉพาะกับครอบตัดสี่เหลี่ยมและสี่เหลี่ยมจัตุรัสเท่านั้น เนื่องจากอาร์ตบอร์ดไม่สามารถมีรูปร่างต่างกันได้ แม้ว่าคุณจะมีโปรเจ็กต์ที่ซับซ้อนซึ่งมีกราฟิกและภาพจำนวนมากอยู่แล้ว คุณก็ยังสามารถใช้เทคนิคนี้ได้ คุณเพียงแค่ต้องเพิ่มอาร์ตบอร์ดใหม่เพื่อสร้างการครอบตัดแล้วใช้เป็นอันเดียวที่ส่งออก

นี่คือวิธีการ:

1. เลือกรูปภาพที่คุณต้องการครอบตัดและคลิกที่ไอคอน Artboard

คราวนี้ เราจะครอบตัดรูปภาพด้วย Artboard ขั้นแรก เลือกรูปภาพที่คุณกำลังทำงานอยู่ จากนั้นคลิกที่ไอคอน Artboard

สกรีนช็อตของการกระทำ Adobe Illustrator - การครอบตัดด้วยอาร์ตบอร์ด

2. ส่งออกการครอบตัดเป็นรูปภาพของตัวเอง

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

สุดท้าย ให้ลบภาพต้นฉบับออกจากโครงการของคุณและนำภาพที่ครอบตัดเข้ามาโดยคลิก ไฟล์ > วาง

ภาพหน้าจอของ AI ครอบตัดด้วยอาร์ตบอร์ด

แป้นพิมพ์ลัดที่คุณสามารถใช้ได้สำหรับกระบวนการนี้

นี่คือตัวเลือกแป้นพิมพ์ลัดที่คุณอาจต้องการใช้เมื่อครอบตัดรูปภาพใน Adobe Illustrator ตัวเลือกแรกอยู่ใน Mac และตัวเลือกที่สองอยู่ใน Windows

  • เครื่องมือการเลือก = V / V
  • วาง = Shift+Command+P / Shift+Control+P
  • เครื่องมือสี่เหลี่ยมผืนผ้า = M / M
  • ทำ clipping mask = Command+7 / Control+7
  • เครื่องมืออาร์ตบอร์ด = Command+O / Control+O

สำหรับการดำเนินการที่ไม่มีแป้นพิมพ์ลัด คุณสามารถสร้างเองได้

ห่อหมก

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

ภาพเด่นผ่าน macroster / shutterstock.com