เครื่องมือเพิ่มเงาให้ภาพ

เงาตกกระทบ

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

วิธีเพิ่มเงาตกกระทบ

  1. 1

    อัปโหลดรูปภาพ

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

  2. 2

    ตั้งค่าพารามิเตอร์ของเงา

    รัศมีของเบลอ ค่าออฟเซ็ต X/Y ความโปร่งใส สี

  3. 3

    เลือกผืนผ้าใบ

    ปรับให้เข้ากับรูปภาพพร้อมเงา หรือขนาดคงที่พร้อมพื้นที่ว่าง

  4. 4

    ส่งออก

    ไฟล์ PNG จะคงขอบเงาที่นุ่มนวลไว้ ในขณะที่ไฟล์ JPG จะมีพื้นหลังที่มองเห็นได้ชัดเจน

การตั้งค่าเงาที่ให้ความรู้สึกเหมาะสม

เงาตกกระทบที่ดีมักจะนุ่มนวลและทึบน้อยกว่าที่ผู้คนมักเลือกโดยสัญชาตญาณ

สไตล์ที่ตั้งค่าไว้ล่วงหน้า

รูปแบบ เบลอ การเลื่อนแกน Y ความทึบ การกระจาย
ยกตัวเล็กน้อย (การ์ด UI) 12 พิกเซล 2 พิกเซล 8% 0
ระดับความสูงวัสดุ 2 8 พิกเซล 2 พิกเซล 15% 0
ระดับความสูงวัสดุ 8 24 พิกเซล 12 พิกเซล 20% 0
โพสต์บนโซเชียลมีเดีย 40 พิกเซล 20 พิกเซล 25% 0
ภาพหลักลอยตัว 80 พิกเซล 40 พิกเซล 30% 0
เงายาว (ดีไซน์แบบแบน) 0 พิกเซล 40 พิกเซล 30% 0

สีเงา

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

ที่ที่มีแสง

หากภาพของคุณมีลักษณะการกระจายแสงภายใน (เช่น โลโก้ที่มีบริเวณสว่างเด่น) ให้จัดทิศทางของเงาให้สอดคล้องกับทิศทางแสงนั้น โดยทั่วไป ภาพหน้าจอจากภาพถ่ายทั่วไปจะดูสวยงามที่สุดเมื่อมีแสงจากด้านบนลงมา (เงาจะเลื่อนลงมาประมาณ 2–20 พิกเซล)

รูปแบบผลลัพธ์ PNG เทียบกับ JPG

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

หลีกเลี่ยงการซ้อนเอฟเฟกต์

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

คำถามที่พบบ่อย

แทบทุกครั้งที่ใช้ความโปร่งใสสูงเกินไปควรลดลงเหลือประมาณ 20–30% และเพิ่มรัศมีของการเบลอ เพราะเงาที่แท้จริงในแสงธรรมชาติมักมีลักษณะกระจายตัว ในขณะที่เงาที่คมชัดและมืดจะให้ความรู้สึกเหมือนแสงจากเวที

เครื่องมือนี้สร้างเงาด้านนอกเท่านั้น หากต้องการเงาแบบฝัง (เช่น ข้อความที่กดลงบนพื้นผิว) ให้ใช้ฟิลเตอร์เฉพาะสำหรับการเว้าหรือยกขึ้น

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

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

เครื่องมือที่เกี่ยวข้อง

เครื่องมือทำภาพโมเสกจากตัวต่อ LEGO

เปลี่ยนรูปถ่ายเป็นแบบโมเสกจัตุรัส 16, 32 หรือ 48 ช่องต่อด้าน ดูสีโดยประมาณ นับแผ่นตัวต่อ 1×1 และดาวน์โหลดคู่มือประกอบที่มีหมายเลขกำกับ

สร้างกระดาษบรรทัดห้าเส้น

สร้างกระดาษบรรทัดห้าเส้นเปล่า เลือกจำนวนชุดบรรทัดห้าเส้นต่อหน้า ระยะห่างของเส้น ขนาดกระดาษ ขอบกระดาษ และเครื่องหมาย G หรือ F ดูตัวอย่างแล้วดาวน์โหลด PDF หรือ SVG

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

โปรแกรมแปลงรูปแบบภาพ

แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP

แปลงข้อความเป็นลายมือ

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

เครื่องมือแบ่งกริดรูปภาพ Instagram

แบ่งรูปภาพขนาดใหญ่ให้เป็นกริด Instagram ขนาด 3×3 หรือกี่แถวก็ได้ แต่ละแผ่นภาพมีหมายเลขกำกับ จึงอัปโหลดแบบย้อนลำดับได้ง่าย

เครื่องมือนี้มีให้บริการในภาษาอื่น