PS  - เพิ่มข้อความโปร่งใสให้กับรูปภาพด้วย Photoshop Layer Effects      

ขั้นตอนที่ 1: เปิดภาพของคุณ


ขั้นตอนที่ 2: เลือก Type Tool 

หากต้องการเพิ่มข้อความ ให้เลือกType Toolจากแถบเครื่องมือ : 

ขั้นตอนที่ 3: เลือกแบบอักษรของคุณ

จากนั้นในแถบตัวเลือก ให้เลือกแบบอักษรของคุณ แบบอักษรใดก็ได้ แต่แบบอักษรขนาดใหญ่และหนากว่าจะทำงานได้ดีที่สุด

  • :ฉันจะทำสิ่งต่าง ๆ ให้เรียบง่ายและไปกับ Arial Black
  • :ตั้งค่าขนาดประเภทเป็น72 ptดังนั้นเราจะเริ่มต้นด้วยขนาดพรีเซ็ตที่ใหญ่ที่สุด
  • :แล้วเลือกสีสำหรับประเภทของคุณโดยคลิกที่แถบสี
  • :เนื่องจากเราจะทำให้ข้อความโปร่งใส สีจึงไม่สำคัญ แต่ให้เลือกแบบที่มองเห็นได้ง่ายขณะที่คุณเพิ่มข้อความลงในรูปภาพ ฉันจะเลือกสีขาว

ขั้นตอนที่ 4: เพิ่มข้อความของคุณ

ถัดไป คลิกในเอกสารและเพิ่มข้อความของคุณ ฉันจะพิมพ์คำว่า "SUMMER"

ขั้นตอนที่ 5: ปรับขนาดและเปลี่ยนตำแหน่งข้อความด้วย Free Transform

ในการปรับขนาดข้อความและย้ายเข้าที่ เราจะใช้คำสั่งFree Transformของ Photoshop

ไปที่ Edit > Free Transform

ขั้นตอนที่ 6: ลดระดับการเติมของเลเยอร์ประเภทเป็น 0 เปอร์เซ็นต์

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

ดังนั้นเพื่อทำให้ข้อความของคุณโปร่งใส ให้ลดค่าFillลงเหลือ0 เปอร์เซ็นต์ :

ลดการเติมเป็น 0 เปอร์เซ็นต์


ขั้นตอนที่ 7: เพิ่ม Drop Shadow ให้กับข้อความ

ตอนนี้ข้อความของเราโปร่งใสแล้ว เราสามารถใช้เอฟเฟกต์เลเยอร์เพื่อแสดงรูปร่างของตัวอักษรได้ ตัวอย่างเช่น ให้เพิ่ม Drop Shadow  

ในแผงเลเยอร์ คลิกไอคอน fx ที่ด้านล่าง:

มุมและระยะทาง

ตั้งค่าของฉันมุมไป135 องศาและระยะทางไปยัง16 พิกเซล ค่าที่คุณต้องการจะขึ้นอยู่กับภาพของคุณ ตามความเหมาะสมของภาพคุณ

การตั้งค่าตัวเลือกมุมและระยะทางสำหรับเงาหล่นในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
การตั้งค่ามุมและระยะทาง

ความทึบ

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

การเพิ่มค่าความทึบแสงเงาในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
เพิ่มค่า Opacity ของ Drop Shadow

ขนาด

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

ทำให้ขอบเงาหล่นลงโดยเพิ่มค่าขนาดในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
ทำให้ขอบเงาหล่นลงโดยการเพิ่มขนาด

สี

สีเงาเริ่มต้นคือสีดำ แต่คุณสามารถเปลี่ยนได้โดยคลิกที่แถบสี :

คลิกแถบสีสำหรับเงาใน Photoshop
คลิกตัวอย่างสีของเงาหล่น

แล้วเลือกสีใหม่ จากตัวเลือกสีหรือสุ่มสีจากภาพ  ฉันจะคลิกเพื่อสุ่มตัวอย่างสีจากทราย:

ขั้นตอนที่ 8: เพิ่มจังหวะรอบข้อความ

มาเพิ่มเอฟเฟกต์อีกสองสามอย่าง ยังอยู่ในกล่องโต้ตอบ Layer Style ให้เลือกStrokeจากคอลัมน์ทางด้านซ้าย เราสามารถใช้เส้นขีดเพื่อเพิ่มเส้นขอบรอบตัวอักษร:

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

ขนาด   จากนั้นกำหนดความกว้างของเส้นขีดของคุณโดยลากแถบเลื่อนขนาด ฉันจะเพิ่มขนาดเป็น6 พิกเซล :

การตั้งค่าขนาดของจังหวะในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop

ขั้นตอนที่ 9: เพิ่มการซ้อนทับแบบไล่ระดับสี

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

เลือกการไล่ระดับสีซ้อนทับจากคอลัมน์ด้านซ้าย:

การเพิ่มเอฟเฟกต์เลเยอร์ Gradient Overlay ให้กับข้อความโปร่งใสใน Photoshop

ขั้นตอนที่ 10: เลือกการไล่ระดับสีดำขาว

จากนั้นเลือกการไล่ระดับสีโดยคลิกลูกศรที่อยู่ถัดจากตัวอย่างการไล่ระดับสี:

การเลือกการไล่ระดับสีที่แตกต่างกันสำหรับเอฟเฟกต์เลเยอร์การไล่ระดับสีแบบซ้อนทับ

เลือกการไล่ระดับสีขาวดำโดยดับเบิลคลิกที่ภาพขนาดย่อ

การเลือกการไล่ระดับสีขาวดำสำหรับเอฟเฟกต์เลเยอร์การไล่ระดับสี

ขั้นตอนที่ 11: เปลี่ยนโหมดการผสมของการไล่ระดับสีเป็น Overlay

จากนั้นหากต้องการผสมผสานการไล่ระดับสีกับรูปภาพ ให้เปลี่ยนโหมดการผสมของการไล่ระดับสีจาก Normal เป็นOverlay :

การเปลี่ยนโหมดการผสมการไล่ระดับสีเป็น Overlay
เปลี่ยนโหมดผสมผสานเป็นโอเวอร์เลย์

และตอนนี้ความเปรียบต่างของรูปภาพภายในข้อความนั้นแข็งแกร่งกว่ารูปภาพโดยรอบ:

ข้อความโปร่งใสที่ใช้เอฟเฟกต์การไล่ระดับสีแบบไล่ระดับสี

ขั้นตอนที่ 12: เลือกข้อความ

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

ในแผงเลเยอร์ ให้กดปุ่มCtrl (Win) / Command (Mac) บนแป้นพิมพ์ค้างไว้แล้วคลิกบนภาพขนาดย่อของเลเยอร์ประเภท:

กำลังโหลดการเลือกรอบข้อความใน Photoshop
คลิกรูปขนาดย่อของเลเยอร์ประเภท

สิ่งนี้จะโหลดการเลือกรอบตัวอักษร:

ข้อความนั้นถูกเลือก

ขั้นตอนที่ 13: กลับรายการที่เลือก

จากนั้นหากต้องการเลือกทุกอย่างยกเว้นข้อความ ให้กลับรายการที่เลือกโดยไปที่เมนูSelectแล้วเลือกInverse :

การเลือกคำสั่งผกผันจากเมนู Select ใน Photoshop
ไปที่ Select > Inverse

ขั้นตอนที่ 14: เลือกเลเยอร์รูปภาพ

กลับไปที่แผงเลเยอร์ คลิกที่เลเยอร์รูปภาพของคุณเพื่อเลือก:

จากนั้นคลิกไอคอนNew Fill หรือ Adjustment Layer :

คลิกไอคอน New Fill หรือ Adjustment Layer ในแผงเลเยอร์ของ Photoshop
คลิกไอคอน New Fill หรือ Adjustment Layer

และเลือกชั้นเติมสีทึบ :

การเพิ่มเลเยอร์การเติม Solid Color ระหว่างข้อความและรูปภาพ
การเพิ่มเลเยอร์การเติมสีทึบ

การเลือกสีสำหรับชั้นเติมจากตัวเลือกสี

การเลือกสีสำหรับชั้นเติมจากตัวเลือกสี

และตอนนี้สีจะเติมพื้นที่รอบๆ ข้อความ:

ข้อความโปร่งใสหลังจากเพิ่มชั้นเติมสีทึบสีดำใน Photoshop

ขั้นตอนที่ 15: ลดความทึบของชั้นเติม

หากต้องการผสมสีกับรูปภาพ ให้ลดความทึบของเลเยอร์การเติมลง

ฉันจะลดของฉันลงเหลือ 60 เปอร์เซ็นต์:

ลดความทึบของชั้นเติมในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
ลดความทึบของชั้นเติม

วิธีการเปลี่ยนสีของชั้นเติม

หากต้องการลองใช้สีอื่น ให้ดับเบิลคลิกที่ตัวอย่างสีของเลเยอร์การเติม:

คลิกสองครั้งที่แถบสีเติมของเลเยอร์ในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
ดับเบิลคลิกที่แถบสี
การเปลี่ยนโหมดการผสมของชั้นเติม

และเนื่องจากฉันเลือกสีจริงในครั้งนี้ ฉันจะเปลี่ยนโหมดการผสมของเลเยอร์การเติมจาก Normal เป็นColor :

การเปลี่ยนโหมดการผสมของเลเยอร์การเติมเป็น Color
เปลี่ยนโหมดการผสมของเลเยอร์เติมเป็นสี

ผสมผสานโหมดสีคืนความสว่างของภาพต้นฉบับและผสมเพียงสี:

ข้อความโปร่งใสโดยตั้งค่าเลเยอร์การเติมเป็นสีส้ม และโหมดผสมผสานตั้งค่าเป็นสีใน Photoshop
ผลลัพธ์ด้วยสีเติมใหม่และโหมดผสมผสาน

ลดความทึบของชั้นเติม

สุดท้าย ฉันจะลดความเข้มของสีโดยลดความทึบของชั้นเติมลงเหลือประมาณ25 เปอร์เซ็นต์ :

ลดความทึบของเลเยอร์เติมสีทึบในแผงเลเยอร์ของ Photoshop
ลดความทึบของชั้นเติม


และนี่คือผลลัพธ์สุดท้ายของฉันด้วยสีสันที่ละเอียดอ่อนยิ่งขึ้น:

เอฟเฟกต์ข้อความโปร่งใสขั้นสุดท้าย