การใช้ Photoshop เพื่อใส่รูปภาพภายในข้อความ

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

01 จาก 17

การใช้ Photoshop เพื่อใส่รูปภาพภายในข้อความ

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

ในการเริ่มต้นให้คลิกขวาที่ลิงก์ด้านล่างเพื่อบันทึกไฟล์ปฏิบัติลงในคอมพิวเตอร์จากนั้นเปิดภาพใน Photoshop

แฟ้มฝึกปฏิบัติ: STgolf-practicefile.png

02 จาก 17

ตั้งชื่อเลเยอร์

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

ในแผง เลเยอร์ เราจะคลิกสองครั้งที่ชื่อเลเยอร์เพื่อให้ไฮไลต์จากนั้นพิมพ์ชื่อ "รูปภาพ"

03 จาก 17

เพิ่มข้อความ

ข้อความและรูปภาพ© Sandra Trainor

ในแผงเลเยอร์เราจะคลิกไอคอนรูปตาเพื่อไม่ให้มองเห็นภาพ จากนั้นเราจะเลือกเครื่องมือข้อความจากแผงเครื่องมือคลิกหนึ่งครั้งบนพื้นหลังโปร่งใสและพิมพ์คำว่า "GOLF" เป็นตัวพิมพ์ใหญ่

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

04 จาก 17

เปลี่ยนแบบอักษร

ข้อความและรูปภาพ© Sandra Trainor

แบบอักษรควรเป็นตัวหนาดังนั้นเราจะเลือกหน้าต่าง> ตัวอักษรและเลือกเครื่องมือข้อความและข้อความที่ไฮไลต์ฉันจะเปลี่ยนแบบอักษรในแผงตัวอักษรเป็น Arial Black คุณสามารถเลือกแบบอักษรนี้หรือแบบที่คล้ายกัน

ฉันจะพิมพ์ "100 จุด" ในฟิลด์ข้อความขนาดตัวอักษร ไม่ต้องกังวลหากข้อความของคุณทำงานด้านข้างของพื้นหลังเนื่องจากขั้นตอนต่อไปจะแก้ไขปัญหานี้

05 จาก 17

ตั้งค่าการติดตาม

ข้อความและรูปภาพ© Sandra Trainor

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

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

06 จาก 17

การแปลงฟรี

ข้อความและรูปภาพ© Sandra Trainor

ด้วยเลเยอร์ข้อความที่เลือกในแผงเลเยอร์เราจะเลือกแก้ไข> Free Transform แป้นพิมพ์ลัดสำหรับปุ่มนี้คือ Ctrl + T บนเครื่องพีซีและ Command + T บนเครื่อง Mac กรอบขอบเขตจะล้อมรอบข้อความ

07 จาก 17

ปรับขนาดข้อความ

ข้อความและรูปภาพ© Sandra Trainor

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

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

08 จาก 17

ย้ายเลเยอร์รูปภาพ

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

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

09 จาก 17

Clipping Mask

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

เมื่อเลือกเลเยอร์ภาพแล้วเราจะเลือก Layer> Create Clipping Mask ซึ่งจะทำให้ภาพอยู่ภายในข้อความ

10 จาก 17

ย้ายภาพ

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

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

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

11 จาก 17

เค้าร่างข้อความ

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

เราต้องการร่างเนื้อหา เราจะเปิดหน้าต่าง Layer Style โดยเลือก Layer> Layer Style> Stroke

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

12 จาก 17

ปรับการตั้งค่า

ข้อความและรูปภาพ© Sandra Trainor

ในหน้าต่าง Layer Style เราจะตรวจสอบ "Stroke" และกำหนดขนาด 3 เลือก "Outside" สำหรับตำแหน่งและ "Normal" สำหรับ Blend Mode จากนั้นเลื่อนแถบเลื่อน Opacity ไปทางขวาสุดเพื่อให้ได้ 100 เปอร์เซ็นต์ ถัดไปฉันจะคลิกที่กล่องสี หน้าต่างจะปรากฏขึ้นเพื่อให้ฉันสามารถเลือกสีของเส้น

13 จาก 17

เลือกสีเส้นโครงร่าง

ข้อความและรูปภาพ© Sandra Trainor

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

14 จาก 17

สร้างเลเยอร์ใหม่

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

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

ในแผงเลเยอร์เราจะคลิกที่ไอคอนสร้างชั้นใหม่ เราจะคลิกและลากเลเยอร์ใหม่ลงไปใต้เลเยอร์อื่น ๆ ดับเบิลคลิกที่ชื่อเลเยอร์เพื่อไฮไลต์จากนั้นพิมพ์ชื่อ "พื้นหลัง"

15 จาก 17

เลือกสีพื้นหลัง

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

เมื่อเลือกเลเยอร์พื้นหลังแล้วเราจะคลิกที่กล่องเลือกสีพื้นหน้าในแผงเครื่องมือเนื่องจาก Photoshop ใช้สีพื้นหน้าเพื่อวาดระบายและเติมสี

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

อีกวิธีหนึ่งเพื่อระบุสีโดยใช้ตัวเลือกสีคือพิมพ์หมายเลข HSB, RGB, Lab หรือ CMYK หรือระบุค่าฐานสิบหก

16 จาก 17

ระบายสีพื้นหลัง

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

ด้วยการเลือกเลเยอร์พื้นหลังและเครื่องมือถังสีที่เลือกจากแผงเครื่องมือเราจะคลิกที่พื้นหลังโปร่งใสเพื่อเติมสีด้วย

17 จาก 17

บันทึกภาพสำเร็จรูป

ภาพหน้าจอและข้อความ© Sandra Trainor ภาพถ่าย©บรูซคิงใช้โดยได้รับอนุญาต

นี่คือผลลัพธ์สุดท้าย ภาพภายในข้อความที่ระบุไว้ในสีพื้นหลัง เลือกไฟล์> บันทึกและทำเสร็จแล้ว!