เครื่องมือเพิ่มเงาให้ภาพ
ต้นฉบับ: x
ภาพหน้าจอของผลิตภัณฑ์ในรูปแบบแบนจะปรากฏบนหน้าเว็บพร้อมเงาที่เลือนลางอย่างนุ่มนวล ส่วนภาพเดียวกันหากไม่มีเงาดังกล่าวจะดูเหมือนถูกติดเข้าไปโดยตรง เครื่องมือนี้ช่วยสร้างเงาที่สามารถปรับแต่งได้ โดยมีตัวควบคุมแยกต่างหากสำหรับรัศมีการเบลอ ตำแหน่งเลื่อน การกระจาย และสี ส่งผลให้ได้ไฟล์ PNG ที่มีเงาถูกบูรณาการไว้แล้ว พร้อมใช้งานได้ทันทีสำหรับหน้าโฆษณา หัวข้อบทความในบล็อก และเอกสารประกอบ
วิธีเพิ่มเงาตกกระทบ
-
1
อัปโหลดรูปภาพ
ใช้งานได้ดีที่สุดกับไฟล์ PNG ที่มีความโปร่งใสอยู่แล้ว หรือภาพหน้าจอของผลิตภัณฑ์ที่คุณต้องการกรอบ
-
2
ตั้งค่าพารามิเตอร์ของเงา
รัศมีของเบลอ ค่าออฟเซ็ต X/Y ความโปร่งใส สี
-
3
เลือกผืนผ้าใบ
ปรับให้เข้ากับรูปภาพพร้อมเงา หรือขนาดคงที่พร้อมพื้นที่ว่าง
-
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 หรือกี่แถวก็ได้ แต่ละแผ่นภาพมีหมายเลขกำกับ จึงอัปโหลดแบบย้อนลำดับได้ง่าย
เครื่องมือนี้มีให้บริการในภาษาอื่น
- Công cụ thêm bóng đổ cho ảnh [VI]
- Penambah Bayangan Gambar [ID]
- Dodawanie cienia do obrazu [PL]
- 画像シャドウ追加ツール [JA]
- أداة إضافة ظل للصورة [AR]
- Bildschatten-Generator [DE]
- Adicionador de Sombra de Imagem [PT]
- 이미지 그림자 추가 [KO]
- Añadir Sombra a Imágenes [ES]
- Ajout d'ombre à l'image [FR]
- Lägg till bildskugga [SV]
- Afbeeldingsschaduw toevoegen [NL]
- Image Shadow Adder [EN]
- Aggiungi Ombra all'Immagine [IT]
- Добавление тени на изображение [RU]
- Resme Gölge Ekleme Aracı [TR]
- 图像阴影叠加器 [ZH]