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

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

1. ทำให้สีของพิกเซลบริเวณที่เงาตกกระทบเข้มขึ้น แทนที่จะทำให้เป็นสีเทา สามารถทำได้โดยการใช้เทคนิคAlpha Blendingกับบริเวณที่เงาตกกระทบ
2. ลดความคมของขอบเงา สามารถทำได้โดยการเพิ่มGaussian blur ให้กับ ช่องอัลฟาของเงาก่อนที่จะทำการเบลนด์

เงาแบบฝัง (Inset drop shadows) คือเงาประเภทหนึ่งที่วาดอยู่ภายในองค์ประกอบ ทำให้องค์ประกอบของอินเทอร์เฟซดูเหมือนจมลงไปในอินเทอร์เฟซ

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

เงาตกกระทบมักใช้เป็นเอฟเฟ็กต์ภาพในอีคอมเมิร์ซ เพื่อปรับปรุงการนำเสนอภาพสินค้าและสร้างมิติให้กับภาพ

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

เว็บไซต์สามารถใช้เอฟเฟกต์เงาตกกระทบผ่านคุณสมบัติCSSbox-shadow [ ^{1 ]} , ^{[ 2 ]}และ ฟังก์ชันฟิลเตอร์ใน^[ 3 ^{]สองอย่าง}แรกใช้สำหรับองค์ประกอบและข้อความตามลำดับ ในขณะที่ฟิลเตอร์ใช้กับเนื้อหาขององค์ประกอบ ทำให้สามารถรองรับองค์ประกอบที่มีรูปร่างแปลกๆ หรือรูปภาพโปร่งใสได้ text-shadowdrop-shadow()filter

• คำจำกัดความของเงาตกกระทบที่Mozilla