ตัดภาพเป็นรูปร่างด้วย Photoshop หรือ Elements

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

เครื่องมือตัดคุกกี้ใน Photoshop Elements เป็นวิธีที่ง่ายและรวดเร็วในการตัดภาพให้เป็นรูปร่าง เครื่องมือตัดคุกกี้ไม่จำเป็นต้องใช้คำสั่งใด ๆ แต่ด้วยการใช้หน้ากากตัดที่คุณมีความยืดหยุ่นมากขึ้นและไม่ จำกัด เฉพาะรูปทรงที่คุณได้ติดตั้งไว้ใน Photoshop Elements

01 จาก 10

การแปลงพื้นหลังเป็นเลเยอร์

UI © Adobe

เปิดภาพที่คุณต้องการใส่ในรูปร่าง

เปิดเลเยอร์เลเยอร์ถ้ายังไม่เปิด (กด F7 หรือไปที่ Window> Layers)

ดับเบิลคลิกที่พื้นหลังในเลเยอร์เลเยอร์เพื่อแปลงพื้นหลังเป็นเลเยอร์ พิมพ์ชื่อของเลเยอร์และกด OK

02 จาก 10

การตั้งค่าเครื่องมือรูปร่าง

UI © Adobe

เลือกเครื่องมือรูปร่าง ในแถบตัวเลือกตรวจสอบให้แน่ใจว่ามีการตั้งค่าเครื่องมือสำหรับเลเยอร์รูปร่างและเลือกรูปร่างที่กำหนดเองสำหรับการตัดออกของคุณ เราใช้ รูปทรงสี่เหลี่ยมผืนผ้าหงายฟรี จากเว็บไซต์นี้ สีรูปร่างไม่สำคัญและควรกำหนดสไตล์เป็น "ไม่มีสไตล์"

03 จาก 10

วาดรูปทรงเพื่อตัดของคุณ

© Sue Chastain

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

04 จาก 10

เปลี่ยนลำดับชั้น

UI © Adobe

ไปที่เลเยอร์เลเยอร์และสลับลำดับชั้นโดยลากเลเยอร์รูปร่างด้านล่างภาพที่คุณต้องการตัด

05 จาก 10

การสร้างหน้ากากตัด

© Sue Chastain, UI © Adobe

เลือกเลเยอร์รูปภาพในเลเยอร์เลเยอร์และเลือก Layer> Create Clipping Mask หรือ Layer> Group with Previous ขึ้นอยู่กับรุ่นของ Photoshop (ดูหมายเหตุด้านล่าง) ใน Photoshop คุณสามารถเลือกคำสั่ง Clipping Mask ได้โดยคลิกขวาที่เลเยอร์ในเลเยอร์เลเยอร์ หรือคุณสามารถใช้ทางลัด Ctrl-G ใน Photoshop รุ่นใดก็ได้

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

ใน Photoshop Elements และใน Photoshop รุ่นเก่าคำสั่งนี้เรียกว่า "Group with previous" ได้รับการเปลี่ยนชื่อเพื่อหลีกเลี่ยงความสับสนเมื่อมีการเพิ่มคุณลักษณะกลุ่มเลเยอร์ลงใน Photoshop

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

06 จาก 10

การบันทึกและใช้ Picture Cutout

UI © Adobe

ตอนนี้ถ้าคุณต้องการใช้ภาพโปร่งใสที่อื่นคุณจะต้องบันทึกในรูปแบบที่สนับสนุนความโปร่งใสเช่น PSD หรือ PNG นอกจากนี้คุณยังต้องตรวจสอบให้แน่ใจว่าโปรแกรมต้นฉบับสนับสนุนรูปแบบที่คุณเลือกด้วย ความโปร่งใส

ถ้าคุณต้องการเก็บรักษาเลเยอร์ไว้เพื่อแก้ไขในภายหลังคุณควรบันทึกสำเนาใน รูปแบบ PSD

ถ้าคุณต้องการใช้ cutout ในโครงการ Photoshop อื่นคุณสามารถเลือกทั้งหมดแล้วคัดลอกควบรวมและวางลงในเอกสารอื่น

ถ้าคุณมี Photoshop รุ่นที่ใหม่กว่า (ไม่ใช่ Elements) คุณสามารถเลือกทั้งสองเลเยอร์จากนั้นคลิกขวาที่เลเยอร์เลเยอร์และเลือก "Convert to Smart Object" จากนั้นลากวัตถุสมาร์ทไปยังเอกสาร Photoshop อื่น ซึ่งจะทำให้เลเยอร์สามารถแก้ไขได้เป็นสมาร์ทอ็อบเจกต์ซึ่งคุณสามารถดับเบิลคลิกที่เลเยอร์เลเยอร์เพื่อแก้ไขได้

07 จาก 10

รูปแบบการตัดขอบที่มีความโปร่งใสที่สำเร็จการศึกษา

© Sue Chastain, UI © Adobe

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

เพื่อเป็นการสาธิตสิ่งนี้ให้กลับไปที่เลเยอร์รูปร่างที่เราใช้เพื่อสร้างหน้ากากการตัดต่อในบทแนะนำนี้ รูปทรงสามารถมีขอบที่แข็งได้ดังนั้นขอเปลี่ยนรูปร่างเป็นพิกเซล คลิกขวาที่เลเยอร์ของเลเยอร์และเลือก "Rasterize Layer" ใน Photoshop หรือ "Simplify Layer" ใน Photoshop Elements จากนั้นเลือกเลเยอร์ไปที่ ตัวกรอง> เบลอ Gaussian Blur และตั้งรัศมีเป็นจำนวนมากเช่น 30 หรือ 40 สังเกตว่าขอบของรูปภาพของคุณจางหายไป

ยกเลิกการเบลอ Gaussian หากต้องการเรียนรู้วิธีใช้จังหวะและเงาบนหน้าถัดไป ไปที่หน้า 9 สำหรับ Photoshop หรือหน้า 10 สำหรับ Photoshop Elements

อีกเทคนิคหนึ่งคือการเลือกรูปร่างและในเมนูเลือกให้เลือก ปรับเปลี่ยน> ขนนก

08 จาก 10

การเพิ่มเลเยอร์เอฟเฟ็กต์ใน Photoshop

UI © Adobe

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

ในการเพิ่มเอฟเฟ็กต์ใน Photoshop: เลือกเลเยอร์ Shape และเพิ่มเลเยอร์สไตล์ลงในเลเยอร์ กล่องโต้ตอบสไตล์เลเยอร์จะปรากฏขึ้น ที่ด้านซ้ายให้คลิกที่เอฟเฟ็กต์ที่คุณต้องการใช้และปรับการตั้งค่า ใช้ช่องทำเครื่องหมายเพื่อเปิดหรือปิดการทำงานของแต่ละอย่าง

09 จาก 10

การเพิ่มเลเยอร์เอฟเฟ็กต์ใน Photoshop Elements

UI © Adobe

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

เมื่อต้องการเพิ่มเอฟเฟ็กต์ใน Photoshop Elements: เริ่มต้นด้วยการเพิ่มสไตล์ชั้นวาง "ต่ำ" ในแถบลักษณะพิเศษให้คลิกปุ่มที่สองสำหรับรูปแบบเลเยอร์ จากนั้นเลือก Drop Shadows จากเมนูและดับเบิลคลิกที่ภาพขนาดย่อ "Low" จากนั้นไปที่เลเยอร์เลเยอร์และดับเบิลคลิกที่สัญลักษณ์ FX บนเลเยอร์รูปร่าง กล่องโต้ตอบการตั้งค่ารูปแบบจะเปิดขึ้น ปรับการตั้งค่าสไตล์ของเงาวางจากนั้นเปิดใช้งานลักษณะจังหวะโดยการเลือกช่องทำเครื่องหมายและปรับการตั้งค่าจังหวะ

10 จาก 10

ผลลัพธ์สุดท้าย

© S. Chastain

นี่คือตัวอย่างของผลิตภัณฑ์ของคุณที่อาจมีลักษณะ!