วิธีทำให้ข้อความโปร่งใสใน Photoshop

คุณต้องการเพิ่มข้อความลงในรูปภาพแต่ไม่มีตำแหน่งที่เหมาะสมในการแทรกใช่ไหม? ลองเพิ่มข้อความโปร่งใสใน Photoshop ดูสิ!

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

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

ขั้นตอนที่ 1: เปิดรูปภาพ

เริ่มต้นด้วยการเปิดภาพที่คุณต้องการเพิ่มเอฟเฟกต์ความโปร่งใส ตัวอย่างเช่น ฉันดาวน์โหลดภาพเส้นขอบฟ้าของนิวยอร์กจาก Adobe Stock :

ขั้นตอนที่ 2: เพิ่มเลเยอร์ใหม่

ในแผงเลเยอร์ รูปภาพจะอยู่บนเลเยอร์พื้นหลัง คลิก ไอคอน เพิ่มเลเยอร์ใหม่ที่ด้านล่างของแผงเลเยอร์

เลเยอร์ว่างใหม่ชื่อเลเยอร์ 1จะปรากฏเหนือรูปภาพ

เราจะใช้เลเยอร์นี้เพื่อสร้างพื้นที่สีขาวรอบ ๆ ข้อความ

ขั้นตอนที่ 3: เติมเลเยอร์ใหม่ด้วยสีขาว

เติมเลเยอร์ด้วยสีขาวโดยไปที่ เมนู แก้ไขในแถบเมนู และเลือกเติม

ใน กล่องโต้ตอบเติม ให้ตั้งค่าเนื้อหาเป็นสีขาวจากนั้นคลิกตกลง

Photoshop จะเติมเลเยอร์ด้วยสีขาว ทำให้ไม่สามารถมองเห็นภาพได้ชั่วคราว

ขั้นตอนที่ 4: ลดความทึบของเลเยอร์

ในแผงเลเยอร์ ลดความทึบของเลเยอร์ 1 ลงเป็น 75%

เมื่อลดความทึบลง รูปภาพจะมองเห็นได้เพียงบางส่วน ดังนั้นเราจึงมองเห็นได้เมื่อเพิ่มข้อความ

ขั้นตอนที่ 5: เลือกเครื่องมือพิมพ์

ในแถบเครื่องมือ เลือกเครื่องมือพิมพ์

ขั้นตอนที่ 6: เลือกแบบอักษร

ในแถบตัวเลือก เลือกแบบอักษรของคุณ ตัวอย่างนี้จะใช้ Futura PT Heavy แต่แบบอักษรใดๆ ที่มีข้อความหนาก็ใช้ได้เช่นกัน

ยังคงอยู่ในแถบตัวเลือก ให้ตั้งขนาดตัวอักษรเป็น 150 pt. เราจะต้องปรับขนาดข้อความเมื่อเราเพิ่มเข้าไปแล้ว แต่สิ่งนี้ควรเป็นจุดเริ่มต้นที่ใหญ่พอ

ขั้นตอนที่ 7: ตั้งค่าสีข้อความเป็นสีดำ

ก่อนออกจากแถบตัวเลือก ตรวจสอบให้แน่ใจว่าได้ตั้งค่าสีข้อความเป็นสีดำ หากไม่เป็นเช่นนั้น ให้กดDบนแป้นพิมพ์เพื่อรีเซ็ตเป็นค่าเริ่มต้น

สีดำจะทำให้เราสามารถมองเห็นข้อความด้านหน้าพื้นหลังสีขาวได้ แต่จะหายไปเมื่อเราทำให้ข้อความโปร่งใส

ขั้นตอนที่ 8: เพิ่มข้อความ

คลิกภายในเอกสารและเพิ่มข้อความของคุณ ตัวอย่างจะใส่คำว่า NEW YORK CITY

คลิกเครื่องหมายถูกในแถบตัวเลือกเพื่อยอมรับ

ในแผงเลเยอร์ เลเยอร์ข้อความใหม่จะปรากฏอยู่เหนือเลเยอร์ 1

ขั้นตอนที่ 9: เปลี่ยนขนาดตัวอักษร

ไปที่ เมนู แก้ไขในเมนู และเลือก การ แปลงฟรี

Photoshop ล้อมรอบข้อความด้วยกล่องแปลงและตัวจัดการ

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

จากนั้นลากจุดจับใดๆ เพื่อปรับขนาดข้อความ

ตัวอย่างนี้จะทำให้ข้อความมีขนาดใหญ่ขึ้นเพื่อครอบคลุมภาพให้ได้มากที่สุด

จากนั้นคลิกและลากภายในกล่องแปลงเพื่อเปลี่ยนตำแหน่งข้อความ ตัวอย่างนี้จะย้ายข้อความไปด้านหน้าขอบน้ำ

เมื่อเสร็จสิ้น ให้กดEnter (Win) / Return (Mac) บนแป้นพิมพ์เพื่อยอมรับและปิด Free Transform

ขั้นตอนที่ 10: เปลี่ยนตัวเลือกการผสมผสาน

ในแผงเลเยอร์ ตรวจสอบให้แน่ใจว่าได้เลือกเลเยอร์ข้อความ และคลิก ไอคอน เอฟเฟกต์เลเยอร์ (fx)ที่ด้านล่าง

จากนั้นเลือกBlending Optionsจากเมนูด้านบน

ซึ่งจะเปิด กล่องโต้ตอบ Layer Style ของ Photoshop ที่ตั้งเป็นตัวเลือก Blending หลัก

ใน ส่วนการผสมขั้นสูงให้เปลี่ยนKnockoutจากNoneเป็นShallowการกระทำนี้จะเปลี่ยนเลเยอร์ข้อความเป็นเลเยอร์น็อคเอาต์ ซึ่งหมายถึงว่า Photoshop จะใช้รูปร่างของตัวอักษรเพื่อเจาะผ่านเลเยอร์ 1 และแสดงภาพบนเลเยอร์พื้นหลัง

คุณจะไม่เห็นเอฟเฟกต์จนกว่าคุณจะลากFill Opacityลงมาเป็น 0%

คลิกตกลงเพื่อปิด กล่องโต้ตอบ สไตล์เลเยอร์

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

ตอนนี้รูปภาพบนเลเยอร์พื้นหลังจะมองเห็นได้ผ่านตัวอักษร

ขั้นตอนที่ 11: เลือกเลเยอร์ 1

ปรับขนาดพื้นที่สีขาวรอบ ๆ ข้อความเพื่อไม่ให้ครอบคลุมทั้งรูปภาพ

คลิกเลเยอร์ 1 ในแผงเลเยอร์เพื่อเลือกเลเยอร์ 1

ขั้นตอนที่ 12: ปรับขนาดเลเยอร์โดยใช้การแปลงแบบฟรี

กลับไปที่ เมนู แก้ไขและเลือกการแปลงฟรี

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

จากนั้นลากจุดจับด้านบนและด้านล่างไปทางข้อความ กดEnter (Win) / Return (Mac) บนแป้นพิมพ์ของคุณเมื่อเสร็จสิ้น

ขั้นตอนที่ 13: ปรับความทึบของเลเยอร์

สุดท้าย ให้ปรับค่าความทึบของเลเยอร์ 1 เพื่อปรับแต่งการมองเห็นของข้อความให้ละเอียดยิ่งขึ้น

การเพิ่มความทึบจะทำให้พื้นที่สีขาวรอบ ๆ ข้อความอ่านได้ง่ายขึ้น การลดความทึบจะทำให้พื้นที่ข้อความบนภาพเบลอ

ตัวอย่างนี้จะตั้งค่าความทึบเป็น 85%

หลังจากเพิ่มความทึบแล้ว ผลลัพธ์พื้นที่ข้อความโปร่งใสขั้นสุดท้ายควรมีลักษณะดังนี้