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

เงาตกกระทบ

ภาพหน้าจอของผลิตภัณฑ์ในรูปแบบแบนจะปรากฏบนหน้าเว็บพร้อมเงาที่เลือนลางอย่างนุ่มนวล ส่วนภาพเดียวกันหากไม่มีเงาดังกล่าวจะดูเหมือนถูกติดเข้าไปโดยตรง เครื่องมือนี้ช่วยสร้างเงาที่สามารถปรับแต่งได้ โดยมีตัวควบคุมแยกต่างหากสำหรับรัศมีการเบลอ ตำแหน่งเลื่อน การกระจาย และสี ส่งผลให้ได้ไฟล์ 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 ที่มีอัลฟาจะสร้างเงารอบส่วนที่มีความโปร่งใส ไม่ใช่รอบรูปสี่เหลี่ยมผืนผ้าทั้งหมด ส่วนภาพตัดที่มีลวดลายซับซ้อนจะให้เงาที่ดูเป็นธรรมชาติและสอดคล้องกับรูปร่างของวัตถุ

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

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

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

ตัวแปลง ARW เป็น JPG

แปลงภาพถ่าย Sony ARW RAW เป็น JPG รับไฟล์ JPEG ที่แชร์ได้และเข้ากันได้ทั่วโลกจากไฟล์ RAW ของกล้องโดยไม่ต้องเปิด Lightroom

สร้างเกียรติบัตร

สร้างเกียรติบัตรรางวัล การเข้าร่วม หรือการจบหลักสูตรสำหรับพิมพ์ พร้อมข้อความ โลโก้ รูปแบบ และขนาดกระดาษของคุณ ไม่ใช่ใบรับรอง TLS/SSL

เครื่องมือสร้างโบรชัวร์

เขียนโบรชัวร์พับสามตอน 6 แผงในเบราว์เซอร์อย่างเป็นส่วนตัว ตรวจทั้งสองด้าน เลือกชุดสี แล้วสั่งพิมพ์ผ่านเบราว์เซอร์

เครื่องมือสร้างคอนแทคชีต

จัดภาพเป็นคอนแทคชีต A4 หรือ Letter พร้อมคำบรรยาย การครอป และตัวอย่างหน้า แล้วดาวน์โหลด JPEG หรือ PDF

ครอปตามขนาดโซเชียล

ครอปรูปเดียวให้ได้ 10 ขนาดโซเชียลมีเดียสำเร็จรูปในครั้งเดียว: Instagram, X, Facebook, LinkedIn, YouTube และ Pinterest เลือกแบบเต็มกรอบหรือพอดี ปรับคุณภาพ แล้วดาวน์โหลดแต่ละขนาดหรือเป็นไฟล์ zip ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ

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