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

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

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

วิธีวางข้อความหลังวัตถุใน Photoshop

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

ขั้นตอนที่ 1: เพิ่มข้อความลงบนรูปภาพ

เมื่อเปิดรูปภาพแล้ว ให้เพิ่มข้อความลงในเอกสารโดยเลือก เครื่องมือประเภท จากแถบเครื่องมือหรือกด T

คลิกและลากเพื่อเพิ่มกล่องข้อความบนผืนผ้าใบ แล้วพิมพ์ข้อความที่คุณต้องการวางไว้หลังส่วนต่างๆ ของรูปภาพ

ขั้นตอนที่ 2: จัดรูปแบบข้อความและเพิ่มเอฟเฟกต์

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

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

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

หากต้องการเพิ่ม Drop-shadow ให้เลือกเลเยอร์ข้อความใน Layers Panel จากนั้นคลิกที่ เพิ่มไอคอนสไตล์เลเยอร์ แล้วเลือก วางเงา

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

เพิ่มเอฟเฟ็กต์อื่นๆ ที่คุณต้องการเติมข้อความ ฉันมีความสุขกับการลงเงาและเปลี่ยนสีข้อความเป็นสีขาว

ขั้นตอนที่ 3: เลือกหัวเรื่องโดยใช้ฟังก์ชันเลือกหัวเรื่อง

ในการวางข้อความไว้ด้านหลังส่วนต่างๆ ของภาพ คุณต้องตัดสินใจว่าวัตถุหรือหัวเรื่องใด คุณต้องการอยู่เหนือข้อความ ในกรณีของฉัน ฉันต้องการให้ข้อความอยู่ด้านหลังตัวแบบของภาพ ซึ่งก็คือผู้หญิงในถุงนอน

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

จากนั้น ใช้เครื่องมือการเลือกอย่างใดอย่างหนึ่งเพื่อเลือกพื้นที่ที่คุณ ต้องการปกปิดข้อความ คุณสามารถใช้ Object Selection Tool สำหรับวัตถุหรือฟังก์ชัน Select Subject ได้ตามต้องการ ขั้นแรก ให้เปิดใช้งานเครื่องมือการเลือกด่วน (W) เo ค้นหาตัวเลือกเลือกหัวเรื่อง

เมื่อเปิดใช้งาน Quick Selection Tool ให้ค้นหา เลือกปุ่มหัวเรื่องใน แถบตัวเลือก เปิดเมนูแบบเลื่อนลงข้างๆ แล้วคลิก คลาวด์ (ผลลัพธ์โดยละเอียด) วิธีระบบคลาวด์มีความแม่นยำมากกว่าเมื่อเลือกเรื่องที่ซับซ้อนแต่ต้องใช้การเชื่อมต่ออินเทอร์เน็ต

หลังจากตั้งค่าวิธีการเป็น Cloud แล้ว ให้คลิกที่ปุ่ม เลือกหัวเรื่อง และให้ Photoshop สักครู่เพื่อสร้างการเลือก

เมื่อกระบวนการเสร็จสิ้น ตัวแบบจะถูกล้อมรอบด้วยมดเดินขบวนเพื่อแสดงว่าการเลือกเสร็จสมบูรณ์

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

เมื่อคุณปรับแต่งการเลือกแล้ว คุณสามารถไปยังขั้นตอนถัดไปได้

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

เมื่อการเลือกยังคงทำงานอยู่ ให้เปิดการแสดงเลเยอร์ข้อความอีกครั้งและเลือกเลเยอร์ข้อความ

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

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

ขั้นตอนที่ 5: กลับเลเยอร์มาสก์

เพื่อแก้ไข เลเยอร์มาสก์ คุณต้องกลับด้าน เลือกเลเยอร์มาสก์ไว้ โดยระบุด้วยขอบสีขาวรอบมาสก์

จากนั้นกด Control + I (Win) หรือ Command + I (Mac)เพื่อกลับหน้ากาก คุณจะสังเกตเห็นการเปลี่ยนแปลงของหน้ากากใน แผงเลเยอร์ โดยตอนนี้แสดงวัตถุเป็นสีดำและพื้นหลังเป็นสีขาว

ตอนนี้ข้อความจะเป็น ซ่อนบางส่วนบนผืนผ้าใบโดยหัวเรื่อง (หรือพื้นที่ที่คุณเลือก) นี่คือรูปลักษณ์ที่คุณต้องการ

ขั้นตอนที่ 6: ยกเลิกการลิงก์เลเยอร์ข้อความและเลเยอร์มาสก์

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

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

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

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

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

ขั้นตอนที่ 7: ย้ายข้อความไปรอบๆ ค้นหาตำแหน่งที่ถูกต้อง

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

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

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

วิธีประหยัดเวลาในการเพิ่มข้อความเพิ่มเติมด้านหลังรูปภาพใน Photoshop

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

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

ฉันได้เขียนกลุ่มข้อความที่มีคำที่อธิบายถึงการตั้งแคมป์ ฉันรักษาสีขาวด้วยเงาตก เนื่องจากสำเนานี้ไม่สำคัญเกินไปและเน้นความสวยงามของเลย์เอาต์ จึงไม่สำคัญว่าหัวเรื่องจะครอบคลุมข้อความจำนวนมากหรือไม่

เมื่อคุณเพิ่มแล้ว ข้อความของคุณ คุณสามารถคัดลอกเลเยอร์มาสก์จากเลเยอร์ข้อความก่อนหน้าไปยังเลเยอร์ข้อความใหม่ของคุณได้ เมื่อต้องการทำเช่นนี้ ให้กดค้างไว้ใน Alt (Win) หรือ Option (Mac) คลิกที่เลเยอร์มาสก์ แล้วลากไปวางบนเลเยอร์ข้อความใหม่ เมื่อเลเยอร์มาสก์วางอยู่เหนือเลเยอร์ข้อความใหม่ ให้ปล่อยเมาส์

เลเยอร์มาสก์จะถูกเพิ่มในเลเยอร์ข้อความใหม่โดยไม่ได้เชื่อมโยง ดังนั้นคุณ ไม่ต้องกังวลว่าจะยกเลิกการเชื่อมโยงจากข้อความใหม่

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

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

By Maxwell Gaven

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