บทช่วยสอนนี้จะแสดงวิธีการสร้างเอฟเฟ็กต์ภาพซ้อนภาพสุดเจ๋งด้วยAdobe Photoshopโดยการถ่ายรูปเพียงรูปเดียวและสร้างภาพลวงตาว่ามีรูปเดียวกันในเวอร์ชันที่เล็กกว่าและถูกครอบตัดอยู่ข้างใน เราจะครอบตัดและหมุนรูปภาพขนาดเล็กรอบ ๆ วัตถุหลัก เพิ่มขอบและเงาเพื่อเน้นวัตถุ และในที่สุดแปลงรูปภาพต้นฉบับด้านหลังเป็นสีขาวดำ
ขั้นตอนที่ 1: เปิดรูปภาพ
เริ่มต้นด้วยการเปิดรูปภาพของคุณ
ภาพต้นฉบับจะถูกนำมาใช้ในเอฟเฟ็กต์ภาพซ้อนภาพ
ขั้นตอนที่ 2: สร้างสำเนาของเลเยอร์พื้นหลัง
ใน แผง เลเยอร์รูปภาพจะเปิดบนเลเยอร์พื้นหลัง:
แผงเลเยอร์ของ Photoshop แสดงภาพต้นฉบับบนเลเยอร์พื้นหลัง
สร้างสำเนาของภาพโดยลากเลเยอร์พื้นหลังลงไปที่ ไอคอน เพิ่มเลเยอร์ใหม่ :
ลากเลเยอร์พื้นหลังไปที่ไอคอนเพิ่มเลเยอร์ใหม่
สำเนาปรากฏอยู่เหนือต้นฉบับ:
เลเยอร์ที่ซ้ำกันจะปรากฏอยู่เหนือเลเยอร์พื้นหลังเดิม
ขั้นตอนที่ 3: เปลี่ยนชื่อสำเนาเป็นเล็ก
สำเนาจะถูกใช้เพื่อสร้างรูปภาพขนาดเล็กภายในรูปภาพขนาดใหญ่ จากนั้นดับเบิลคลิกที่ชื่อสำเนาพื้นหลัง และเปลี่ยนชื่อเลเยอร์เป็นเล็ก กดEnter (Win) / Return (Mac) บนแป้นพิมพ์ของคุณเพื่อยอมรับ:
เปลี่ยนชื่อเลเยอร์เป็นเล็ก
ขั้นตอนที่ 4: ปิดเลเยอร์เล็ก
เราไม่ต้องการเลเยอร์เล็กในตอนนี้ ดังนั้นให้ปิดมันโดยคลิกที่ไอคอนการมองเห็น:
คลิกไอคอนการมองเห็นของเลเยอร์เล็ก
ขั้นตอนที่ 5: เลือกเลเยอร์พื้นหลัง
ก่อนที่จะสร้างภาพเวอร์ชันขนาดเล็กกว่า เราจะแปลงรูปภาพต้นฉบับเป็นขาวดำ คลิกที่เลเยอร์พื้นหลังเพื่อเลือก:
เลือกเลเยอร์พื้นหลังในแผงเลเยอร์ของ Photoshop
ขั้นตอนที่ 6: เพิ่มเลเยอร์ปรับแต่งสีดำและสีขาว
จากนั้นคลิก ไอคอน New Fill หรือ Adjustment Layerที่ด้านล่างของแผง Layer:
คลิกไอคอน New Fill หรือ Adjustment Layer ในแผง Layer ของ Photoshop
และเลือก เลเยอร์ปรับแต่งขาวดำจากรายการ:
เพิ่มเลเยอร์ปรับแต่งขาวดำเหนือรูปภาพต้นฉบับ
เลเยอร์การปรับแต่งจะปรากฏระหว่างเลเยอร์พื้นหลังและเลเยอร์เล็ก ซึ่งหมายความว่ามันจะส่งผลต่อเฉพาะเลเยอร์พื้นหลังด้านล่างเท่านั้น ไม่ใช่เลเยอร์เล็กด้านบน:
เพิ่มเลเยอร์ปรับแต่งสีดำและสีขาวไว้เหนือเลเยอร์พื้นหลัง
และภาพจะถูกแปลงเป็นขาวดำทันที:
ผลลัพธ์หลังจากเพิ่มเลเยอร์ปรับแต่ง Black & White
ขั้นตอนที่ 7: คลิกปุ่มอัตโนมัติ
ตัวควบคุมสำหรับเลเยอร์ปรับแต่งขาวดำปรากฏในแผงคุณสมบัติของ Photoshop คุณสามารถปรับแต่งการแปลงขาวดำได้โดยการลากแถบเลื่อนสีแต่ละสี (แดง เหลือง เขียว เป็นต้น) เพื่อปรับความสว่างของส่วนต่างๆ ของภาพตามสีเดิม:
ลากแถบเลื่อนสีสำหรับเลเยอร์ปรับแต่งขาวดำในแผงคุณสมบัติ
แต่เนื่องจากเอฟเฟกต์นี้ใช้ได้กับพื้นหลังเท่านั้นและจะถูกซ่อนไว้โดยรูปภาพขนาดเล็ก ดังนั้นการคลิกปุ่มอัตโนมัติจะทำให้คุณได้ผลลัพธ์ที่ดีพอ:
คลิกปุ่มอัตโนมัติ
ขั้นตอนที่ 8: เลือกและเปิดเลเยอร์เล็ก
ตอนนี้เราจะสร้างรูปภาพสีเต็มรูปแบบขนาดเล็กภายในรูปภาพต้นฉบับ
กลับไปที่แผงเลเยอร์ คลิกที่เลเยอร์เล็กเพื่อเลือก:
เลือกเลเยอร์เล็กในแผงเลเยอร์ของ Photoshop
จากนั้นคลิกไอคอนการมองเห็นเลเยอร์เพื่อเปิดใช้งานอีกครั้ง:
เปิดเลเยอร์เล็ก
รูปภาพเวอร์ชั่นสีจะปรากฏขึ้นอีกครั้ง:
ผลลัพธ์หลังจากเปิดเลเยอร์เล็ก
ขั้นตอนที่ 9: เลือกเครื่องมือสี่เหลี่ยมผืนผ้า
ในแถบเครื่องมือ เลือกเครื่องมือสี่เหลี่ยมผืนผ้า อย่าเลือกเครื่องมือ Rectangular Marquee ที่ใกล้ด้านบน เนื่องจากเป็นเครื่องมือการเลือก เลือกเครื่องมือสี่เหลี่ยมผืนผ้า ซึ่งเป็นหนึ่งในเครื่องมือรูปร่างของ Photoshop:
เลือกเครื่องมือสี่เหลี่ยมผืนผ้าจากแถบเครื่องมือ Photoshop
ขั้นตอนที่ 10: ตั้งค่าโหมดเครื่องมือเป็นรูปร่าง
ในแถบตัวเลือก ตรวจสอบให้แน่ใจว่าโหมดเครื่องมือถูกตั้งค่าเป็นรูปร่างไม่ใช่ เส้นทาง หรือ พิกเซล:
ตั้งค่าโหมดเครื่องมือเป็นรูปร่าง
ขั้นตอนที่ 11: ตั้งค่าสีของรูปร่างเป็นสีดำ
ตั้งค่าสีของรูปทรงเป็นสีดำหากยังไม่ได้ทำ สีไม่ได้สำคัญจริงๆ แต่สีดำมองเห็นได้ง่ายเมื่อเราวาดรูปทรงต่างๆ
คลิกที่ตัวอย่างสีเติม :
คลิกตัวอย่างสีเติมในแถบตัวเลือกของ Photoshop
จากนั้นคลิก ไอคอน ตัวเลือกสีที่มุมขวาบนของกล่องโต้ตอบ:
คลิกไอคอนตัวเลือกสีเพื่อเลือกสีสำหรับรูปร่าง
และเลือกสีดำจาก Color Picker โดยตั้งค่า R, G และ B ให้เป็น 0 จากนั้นคลิกOKเพื่อปิด Color Picker:
เลือกสีดำจาก Color Picker ของ Photoshop
ขั้นตอนที่ 12: ปิดจังหวะรอบรูปร่าง
โดยค่าเริ่มต้น Photoshop จะเพิ่มเส้นสีดำกว้าง 1 พิกเซลรอบ ๆ รูปร่าง ซึ่งเราไม่ต้องการ คลิกที่ตัวอย่างสี Stroke :
คลิกตัวอย่างสีเส้นขอบในแถบตัวเลือก
จากนั้นคลิกที่ ไอคอน ไม่มีสีที่มุมซ้ายบน กดEnter (Win) / Return (Mac) เพื่อปิดกล่องโต้ตอบ:
คลิกตัวเลือก ไม่มีสี สำหรับเส้นขอบ
ขั้นตอนที่ 13: วาดรูปร่างรอบวัตถุหลัก
วาดรูปสี่เหลี่ยมผืนผ้ารอบวัตถุหลัก รูปร่างจะกลายเป็นภาพที่มีขนาดเล็กลง ดังนั้นต้องแน่ใจว่าได้ห่อรอบทุกสิ่งทุกอย่างที่จะปรากฏอยู่ภายใน
คลิกที่มุมซ้ายบนของวัตถุเพื่อกำหนดจุดเริ่มต้นของรูปร่าง จากนั้นกดปุ่มเมาส์ค้างไว้แล้วลากไปทางขวาล่าง เมื่อลากจะปรากฏเฉพาะโครงร่างของรูปร่างเท่านั้น:
วาดรูปสี่เหลี่ยมผืนผ้ารอบ ๆ วัตถุหลักในภาพถ่าย
วิธีการเปลี่ยนตำแหน่งรูปร่าง
หากต้องการเปลี่ยนตำแหน่งรูปร่างขณะที่คุณวาด ให้กดเมาส์ค้างไว้และกดปุ่ม Spacebar บนแป้นพิมพ์ค้างไว้ ลากรูปร่างไปยังตำแหน่งที่คุณต้องการ จากนั้นปล่อยปุ่ม Spacebar และลากส่วนที่เหลือของรูปร่างต่อไป
วิธีการทำให้รูปร่างสมบูรณ์แบบ
ปล่อยปุ่มเมาส์เมื่อคุณสร้างรูปร่างเสร็จเรียบร้อยแล้ว จากนั้น Photoshop จะเติมรูปร่างด้วยสีดำ:
ปล่อยปุ่มเมาส์เพื่อทำให้รูปร่างเสร็จสมบูรณ์
ขั้นตอนที่ 14: ปรับขนาดรูปร่างหากจำเป็น
เนื่องจากรูปร่างนั้นบดบังรูปภาพที่อยู่ด้านหลังอย่างสมบูรณ์ จึงยากที่จะบอกได้ว่ารูปร่างนั้นถูกวาดตรงจุดที่เราต้องการหรือไม่ หากต้องการดูภาพผ่านรูปร่าง ให้ลดค่า Opacityของเลเยอร์รูปร่างในแผง Layers ลงเหลือ 50% วิธีที่รวดเร็วคือการกดหมายเลข 5 บนแป้นพิมพ์:
ลดความทึบของรูปร่างลงเหลือ 50% ในแผงเลเยอร์ของ Photoshop
จากนั้นคลิกและลากจุดจับใดๆ รอบๆ รูปร่างเพื่อปรับขนาดตามต้องการ:
ปรับขนาดรูปร่างโดยการลากจุดจับ
รีเซ็ตความทึบของรูปร่างเป็น 100%
เมื่อคุณปรับขนาดรูปร่างเสร็จแล้ว ให้รีเซ็ตความทึบของเลเยอร์รูปร่างในแผงเลเยอร์เป็น 100% โดยกด0บนแป้นพิมพ์ของคุณ รูปร่างจะปิดกั้นภาพจากมุมมองอีกครั้ง:
รีเซ็ตความทึบของเลเยอร์รูปร่างเป็น 100%
ขั้นตอนที่ 15: ลากเลเยอร์เล็กไปเหนือรูปร่าง
ต่อไปเราจะวางภาพลงในเลเยอร์เล็กในรูปร่าง ในแผงเลเยอร์ รูปร่างจะอยู่เหนือภาพ:
แผงเลเยอร์ของ Photoshop จะแสดงเลเยอร์รูปร่างเหนือรูปภาพ
เราต้องการให้รูปภาพอยู่เหนือรูปร่าง จากนั้นคลิกที่เลเยอร์เล็กแล้วลากไปเหนือเลเยอร์รูปร่าง เมื่อแถบไฮไลท์สีน้ำเงินปรากฏเหนือเลเยอร์รูปร่าง:
ลากเลเยอร์รูปภาพไปเหนือเลเยอร์รูปร่าง
ปล่อยปุ่มเมาส์เพื่อวางเลเยอร์เล็กลงในตำแหน่ง:
รูปภาพได้ถูกย้ายไปด้านบนของเลเยอร์รูปร่าง
และในเอกสาร รูปภาพจะบล็อกรูปร่างจากมุมมอง:
ขณะนี้รูปภาพกำลังบล็อครูปร่างด้านล่างอยู่
ขั้นตอนที่ 16: สร้างหน้ากากตัด
หากต้องการวางภาพลงในรูปร่าง ให้คลิกไอคอนเมนูแผงเลเยอร์:
คลิกไอคอนเมนูแผงเลเยอร์
และเลือกสร้าง Clipping Mask:
เลือกคำสั่ง สร้างหน้ากากการตัด
Photoshop ตัดภาพจากเลเยอร์เล็กให้เป็นเลเยอร์รูปร่างด้านล่าง:
แผงเลเยอร์ของ Photoshop จะแสดงเลเยอร์ภาพที่ถูกตัดเป็นเลเยอร์เล็ก
และรูปภาพสีเต็มตอนนี้จะปรากฏเฉพาะภายในขอบเขตของรูปร่างเท่านั้น ในขณะที่เวอร์ชันขาวดำบนเลเยอร์พื้นหลังจะปรากฏขึ้นรอบๆ รูปร่างอีกครั้ง:
ผลลัพธ์หลังจากตัดเลเยอร์เล็กให้เป็นเลเยอร์รูปร่าง
ขั้นตอนที่ 17: เลือกเลเยอร์รูปร่าง
เพื่อช่วยให้รูปภาพขนาดเล็กดูโดดเด่น ให้เพิ่มขอบสีขาวและเงา เราจะเริ่มต้นจากชายแดน
ในแผงเลเยอร์ ให้เลือกเลเยอร์รูปร่าง:
เลือกเลเยอร์รูปร่างในแผง Layers ของ Photoshop
ขั้นตอนที่ 18: เพิ่มเส้นสีขาวรอบ ๆ รูปร่าง
จากนั้นคลิกที่ไอคอนเอฟเฟกต์เลเยอร์ (ไอคอน “fx”) ที่ด้านล่าง:
คลิกไอคอนเอฟเฟ็กต์เลเยอร์ในแผงเลเยอร์ของ Photoshop
และเลือกStrokeจากรายการ:
เพิ่มเอฟเฟ็กต์เลเยอร์ Stroke ให้กับรูปร่าง
ลายเส้นสี
ใน กล่องโต้ตอบสไตล์เลเยอร์ให้เปลี่ยนสีเส้นโดยการคลิกตัวอย่างสี:
คลิกตัวอย่างสีเส้นขอบในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
และใน Color Picker ให้เลือกสีขาวโดยตั้งค่า R, G และ B ให้เป็น 255 จากนั้นคลิกOKเพื่อปิด Color Picker:
เลือกสีขาวจากตัวเลือกสี
ตำแหน่งจังหวะ
กลับไปที่กล่องโต้ตอบสไตล์เลเยอร์ ตรวจสอบให้แน่ใจว่าตำแหน่งของเส้นขอบถูกตั้งเป็นด้านในเพื่อให้มุมของเส้นขอบสวยงามและคมชัด:
ตั้งค่าตำแหน่งของจังหวะเป็นด้านใน
ขนาดเส้น
จากนั้นลากแถบ เลื่อน ขนาดเพื่อตั้งค่าความกว้างของเส้นขอบ ขนาดที่คุณต้องการจะขึ้นอยู่กับรูปภาพของคุณ ตัวอย่างจะตั้งค่ารูปภาพเป็น 40 พิกเซล:
ใช้แถบเลื่อนขนาดเพื่อตั้งค่าขนาดเส้นขอบ
และนี่คือเอฟเฟกต์ที่มีขอบเล็กรอบรูปภาพ:
เพิ่มเอฟเฟกต์ด้วยขอบ
ขั้นตอนที่ 19: เพิ่มเงา
หากต้องการเพิ่มเงาด้านหลังรูปภาพ ให้คลิก ตัวเลือก เงาในคอลัมน์เอฟเฟกต์แนวตั้งทางด้านซ้ายของกล่องโต้ตอบสไตล์เลเยอร์:
เลือกเอฟเฟกต์เงาตกกระทบ
มุมและระยะห่างของเงา
จากนั้นคลิกและลากภายในรูปภาพเพื่อตั้งค่ามุมและระยะห่างของเงา ที่นี่ตัวอย่างจะลากลงและไปทางขวาเพื่อให้แหล่งกำเนิดแสงสำหรับเงาปรากฏขึ้นจากมุมซ้ายบน:
ลากเงาลงและไปทางขวาของรูปภาพ
หรือคุณสามารถป้อนค่ามุมและระยะทางที่เจาะจงในกล่องโต้ตอบได้ ตัวอย่างจะตั้งมุมเป็น 135 องศาและระยะห่างเป็น 50 พิกเซล คุณอาจต้องการค่าระยะทางที่เล็กลงหรือใหญ่ขึ้นขึ้นอยู่กับภาพของคุณ:
กรอกค่ามุมและระยะทางที่ต้องการ
ขนาดลูกบอล
ค่าขนาดจะควบคุมความนุ่มนวลหรือความทึบของขอบเงา ตัวอย่างจะตั้งค่าเป็น 15 พิกเซล:
ทำให้ขอบเงาดูนุ่มนวลขึ้นโดยการเพิ่มขนาด
ความทึบของเงา
และคุณสามารถปรับความเข้มของเงาได้ (ความเข้มหรืออ่อนของเงา) โดยการลากแถบเลื่อนความทึบแต่ตัวอย่างนี้จะปล่อยให้เป็นค่าเริ่มต้นที่ 35%:
คงความทึบของเงาไว้ที่ค่าเริ่มต้น
คลิกตกลงเมื่อดำเนินการเสร็จเพื่อปิดกล่องโต้ตอบสไตล์เลเยอร์ และนี่คือเอฟเฟกต์ที่มีขอบและเงาเพิ่มให้กับรูปภาพขนาดเล็ก มีอีกสิ่งหนึ่งที่ต้องทำ:
เอฟเฟกต์ภาพซ้อนภาพพร้อมขอบและเงาที่เพิ่มให้กับรูปภาพขนาดเล็ก
ขั้นตอนที่ 20: หมุนรูปร่าง
สุดท้ายคุณสามารถเพิ่มความสนุกสนานให้กับเอฟเฟกต์ได้โดยการหมุนรูปร่างรอบ ๆ ตัวแบบของคุณ
ในแผงเลเยอร์ ตรวจสอบให้แน่ใจว่าเลเยอร์รูปร่างทำงานอยู่:
เลือกเลเยอร์รูปร่างในแผง Layers ของ Photoshop
ในขณะที่เครื่องมือสี่เหลี่ยมผืนผ้ายังคงทำงานอยู่บนแถบเครื่องมือ ให้วางตัวชี้เมาส์ไว้ด้านนอกของจุดจับรูปร่างใดรูปร่างหนึ่ง เคอร์เซอร์จะเปลี่ยนเป็นไอคอนหมุน (เส้นโค้งที่มีลูกศรอยู่ทั้งสองด้าน):
เลื่อนเมาส์ไปใกล้กับจุดจับเพื่อดูไอคอนหมุน
จากนั้นคลิกและลากเพื่อหมุนรูปร่าง รูปภาพที่อยู่ภายในรูปทรงจะคงอยู่ในตำแหน่งเดิม มีเพียงรูปร่างนั้นพร้อมโครงร่างและเงาเท่านั้นที่จะหมุน ทำให้ภาพดูเหมือนว่าถ่ายจากมุมเอียง:
หมุนรูปภาพเล็ก ๆ รอบ ๆ วัตถุหลัก
ขั้นตอนที่ 21: ปรับขนาดรูปร่างให้เหมาะสมเป็นขั้นสุดท้าย
ตรวจสอบให้แน่ใจว่ารูปร่างที่หมุนจะไม่ตัดส่วนต่างๆ ของวัตถุออก และปรับขนาดรูปร่างอีกครั้งหากจำเป็น โดยการลากจุดจับ
เมื่อดำเนินการเสร็จแล้ว ให้ซ่อนขอบและจุดจับรอบๆ รูปร่างโดยกดEnter (Win) / Return (Mac) บนแป้นพิมพ์ของคุณ
และนี่คือเอฟเฟกต์ภาพซ้อนภาพสุดท้ายหลังจากยืดส่วนล่างของรูปร่างเพื่อหลีกเลี่ยงการตัดส่วนนิ้วหัวแม่มือของผู้หญิง:
ผลลัพธ์สุดท้าย