วิธีการ ทำให้ 2 ภาพกลืนเข้าหากัน (Fade) ด้วย Photoshop

ดาวน์โหลดบทความ
ร่วมเขียน โดย ทีมงานวิกิฮาว

ดาวน์โหลดบทความ

บทความวิกิฮาวนี้จะแนะนำวิธีการทำให้ 2 รูป fade หรือกลืนเข้าหากัน โดยใช้โปรแกรม Adobe Photoshop ทั้งด้วยการปรับแต่ง opacity หรือความทึบของรูปด้านบน และด้วยการใช้ gradient tool ปรับแต่งรูปด้านบนให้กลืนกับรูปด้านล่าง

ส่วน 1
ส่วน 1 ของ 3:

เพิ่มรูปเป็น Layer

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Fade-One-Image-Onto-Another-in-Photoshop-Step-1-Version-4.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Fade-One-Image-Onto-Another-in-Photoshop-Step-1-Version-4.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ดับเบิลคลิกไอคอนของแอพ Photoshop ที่เป็นสี่เหลี่ยม มี "Ps" สีฟ้าด้านบน
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/Fade-One-Image-Onto-Another-in-Photoshop-Step-2-Version-4.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Fade-One-Image-Onto-Another-in-Photoshop-Step-2-Version-4.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่มุมซ้ายบนของหน้าต่าง Photoshop (Windows) หรือหน้าจอ (Mac) แล้วเมนูจะขยายลงมา
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a6\/Fade-One-Image-Onto-Another-in-Photoshop-Step-3-Version-4.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Fade-One-Image-Onto-Another-in-Photoshop-Step-3-Version-4.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ทางด้านล่างของเมนูที่ขยายลงมา แล้วจะเห็นเมนูใหม่โผล่มา
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5b\/Fade-One-Image-Onto-Another-in-Photoshop-Step-4-Version-4.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5b\/Fade-One-Image-Onto-Another-in-Photoshop-Step-4-Version-4.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ทางด้านล่างของเมนูที่โผล่มา เพื่อเปิดหน้าต่างใหม่
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-5-Version-3.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-5-Version-3.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่เป็นตัวเลือกทางขวาของหน้าต่าง เพื่อเปิดหน้าต่างสำหรับเลือกรูปที่จะแต่งให้ fade
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-6-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-6-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    กด Ctrl (Windows) หรือ ⌘ Command (Mac) ค้างไว้ แล้วคลิกเลือก 2 รูปที่จะเอามาแต่ง
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b3\/Fade-One-Image-Onto-Another-in-Photoshop-Step-7-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b3\/Fade-One-Image-Onto-Another-in-Photoshop-Step-7-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่มุมขวาล่างของหน้าต่าง จะเห็นชื่อรูปโผล่มากลางหน้าต่าง
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/17\/Fade-One-Image-Onto-Another-in-Photoshop-Step-8-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-8-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/17\/Fade-One-Image-Onto-Another-in-Photoshop-Step-8-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่มุมขวาบนของหน้าต่าง เพื่อเปิดทั้ง 2 รูปขึ้นมาเป็น 2 layers ใน Photoshop พอ Photoshop เปิดรูปเสร็จแล้ว ก็ไป ปรับ opacity หรือความทึบของรูป หรือ ปรับแต่ง gradient ของรูป ได้เลย
    โฆษณา
ส่วน 2
ส่วน 2 ของ 3:

ทำให้ Fade โดยปรับ Opacity

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bd\/Fade-One-Image-Onto-Another-in-Photoshop-Step-9-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bd\/Fade-One-Image-Onto-Another-in-Photoshop-Step-9-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในกรอบ "Layers" ทางขวาของหน้าต่าง Photoshop ให้คลิกแล้วลากรูปที่จะ fade ขึ้นไปที่ด้านบนสุดของกรอบ
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cd\/Fade-One-Image-Onto-Another-in-Photoshop-Step-10-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cd\/Fade-One-Image-Onto-Another-in-Photoshop-Step-10-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกรูปด้านบนสุดในหน้าต่าง "Layers" เพื่อเลือกรูปไว้ ก่อนทำขั้นตอนต่อไป
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Fade-One-Image-Onto-Another-in-Photoshop-Step-11-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-11-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Fade-One-Image-Onto-Another-in-Photoshop-Step-11-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-11-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    จะเห็นเมนูนี้ทางด้านล่างของหัวข้อ "Layers" เพื่อขยายเมนูลงมา [1]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8e\/Fade-One-Image-Onto-Another-in-Photoshop-Step-12-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-12-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8e\/Fade-One-Image-Onto-Another-in-Photoshop-Step-12-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-12-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในเมนูที่ขยายลงมา ให้ลากแถบเลื่อนทางซ้าย เพื่อลด opacity หรือความทึบของรูปบนสุด ระหว่างลากแถบเลื่อน จะเริ่มเห็นรูปด้านล่างโผล่มาซ้อนกับรูปด้านบน
    • หรือเปลี่ยนเลขเปอร์เซ็นต์ของ opacity ในช่อง โดย 100% คือทึบสุด และ 0% คือโปร่งใสไปเลย [2]
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fa\/Fade-One-Image-Onto-Another-in-Photoshop-Step-13-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-13-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fa\/Fade-One-Image-Onto-Another-in-Photoshop-Step-13-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ถ้าปรับ opacity ของรูปด้านบนจนพอใจแล้ว ก็จบขั้นตอนการ fade รูปได้เลย
    • ให้ลองปรับค่า opacity ไปมาดู ให้เห็นว่ารูปเป็นยังไงถ้าทึบแสงขึ้น (หรือน้อยลง) แล้วค่อยเซฟ
    โฆษณา
ส่วน 3
ส่วน 3 ของ 3:

ทำให้ Fade ด้วย Gradient Tool

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/Fade-One-Image-Onto-Another-in-Photoshop-Step-14-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-14-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/Fade-One-Image-Onto-Another-in-Photoshop-Step-14-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-14-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในกรอบ "Layers" ทางขวาของหน้าต่าง Photoshop ให้คลิกแล้วลากรูปที่จะ fade ขึ้นไปที่ด้านบนสุดของกรอบ
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7b\/Fade-One-Image-Onto-Another-in-Photoshop-Step-15-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-15-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7b\/Fade-One-Image-Onto-Another-in-Photoshop-Step-15-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-15-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกรูปด้านบนสุดในหน้าต่าง "Layers" เพื่อเลือกรูปไว้ ก่อนทำขั้นตอนต่อไป
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/eb\/Fade-One-Image-Onto-Another-in-Photoshop-Step-16-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-16-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/eb\/Fade-One-Image-Onto-Another-in-Photoshop-Step-16-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-16-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกไอคอน "Layer Mask" ที่เป็นรูปสี่เหลี่ยมมีวงกลมด้านใน ปกติอยู่ด้านล่างของหัวข้อ "Layers"
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5f\/Fade-One-Image-Onto-Another-in-Photoshop-Step-17-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-17-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5f\/Fade-One-Image-Onto-Another-in-Photoshop-Step-17-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-17-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกไอคอน "Gradient" ที่เป็นรูปสี่เหลี่ยม ใน toolbar ทางซ้าย
    • หรือกดปุ่ม Q
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/56\/Fade-One-Image-Onto-Another-in-Photoshop-Step-18-Version-2.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-18-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/56\/Fade-One-Image-Onto-Another-in-Photoshop-Step-18-Version-2.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-18-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในหน้าต่าง "Presets" ให้คลิกสี่เหลี่ยมขาวดำ (สีดำอยู่มุมซ้ายบน สีขาวอยู่มุมขวาล่าง) เพื่อเลือกเป็น gradient style (ลักษณะการเหลือบ)
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/Fade-One-Image-Onto-Another-in-Photoshop-Step-19.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/Fade-One-Image-Onto-Another-in-Photoshop-Step-19.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่มุมขวาบนของหน้าต่าง Gradient
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-20.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b5\/Fade-One-Image-Onto-Another-in-Photoshop-Step-20.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เช็คให้ดีว่าเลือก layer mask นั้นไว้ก่อนใส่ gradient แล้วทำขั้นตอนต่อไปนี้ [3]
    • คลิกแล้วลากจากจุดในรูปที่อยากให้เริ่ม fade
      • กด ⇧ Shift ค้างไว้ เพื่อบังคับให้ลากเคอร์เซอร์เป็นเส้นตรงได้
    • ปล่อยเคอร์เซอร์ตรงจุดที่จะเลิก fade
    • ทำซ้ำตามขั้นตอน กับจุดอื่นของรูปที่อยากให้ fade
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Fade-One-Image-Onto-Another-in-Photoshop-Step-21.jpg\/v4-460px-Fade-One-Image-Onto-Another-in-Photoshop-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Fade-One-Image-Onto-Another-in-Photoshop-Step-21.jpg\/v4-728px-Fade-One-Image-Onto-Another-in-Photoshop-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอปล่อยเมาส์ที่คลิกไว้ รูปก็จะ fade ตรงจุดที่กำหนดตามต้องการ [4]
    • ถ้าจะ undo หรือยกเลิก gradient แล้วลองใหม่ ให้กด Ctrl + Z (Windows) หรือ ⌘ Cmd + Z (Mac)
    โฆษณา

บทความวิกิฮาวอื่น ๆ ที่่เกี่ยวข้อง

วิธีการ
ใช้ Print Screen (แคปหน้าจอ)
วิธีการ
สร้างไฟล์ Zip
วิธีการ
เปลี่ยนขนาด Artboard ของ Adobe Illustrator
วิธีการ
Crop รูปด้วยโปรแกรม Illustrator
วิธีการ
เพิ่มฟอนต์ใน Illustrator
วิธีการ
บีบอัดไฟล์ให้ขนาดเล็กลงมากด้วย 7zip
วิธีการ
ใส่ภาพพื้นหลังใน Word
วิธีการ
ปรับขนาดรูปเป็นหน่วย KB
วิธีการ
เพิ่มฟอนต์ใน Photoshop
วิธีการ
เปิดไฟล์ RAR
วิธีการ
ดู Source Code
วิธีการ
ลบพื้นหลังรูปด้วย Adobe Illustrator
วิธีการ
พริ้นท์เอกสารหลายหน้าในกระดาษแผ่นเดียวด้วย Adobe Reader
วิธีการ
พิมพ์ตัวอักษรโค้งใน Photoshop
โฆษณา

ข้อมูลอ้างอิง

  1. ↑ https://www.youtube.com/watch?v=Hd5I9Kk4cQc
  2. ↑ http://www.dummies.com/how-to/content/how-to-adjust-layer-opacity-in-photoshop-cs6.html
  3. ↑ https://www.youtube.com/watch?v=engv1NdwgZ8
  4. ↑ http://www.photoshopessentials.com/photo-effects/photo-blend/

เกี่ยวกับวิกิฮาวนี้

ในภาษาอื่น
มีการเข้าถึงหน้านี้ 38,283 ครั้ง

บทความนี้เป็นประโยชน์กับคุณไหม

โฆษณา