วาดพิกเซลอาร์ตออนไลน์
วาดพิกเซลอาร์ตในเบราว์เซอร์ทีละพิกเซล ฟรี ไม่ต้องสมัคร และภาพจะถูกบันทึกในเครื่องของคุณระหว่างที่วาด
ภาพที่ยังไม่มีชื่อ
32 × 32 พิกเซล · 0 สี
ดินสอ: คลิกหรือลากเพื่อวาด คลิกขวาเพื่อลบ Shift+คลิกเพื่อลากเส้นตรงจากจุดล่าสุด
วิธีวาดพิกเซลอาร์ต
4 ขั้นตอน ไม่ต้องติดตั้ง ไม่ต้องสมัคร
- 1
เลือกขนาดแคนวาส
ถ้าวาดไอคอนหรือตัวละครเกม เริ่มที่ 16×16 หรือ 32×32 หรือจะตั้งขนาดใดก็ได้ถึง 256 × 256 เปลี่ยนทีหลังได้ และภาพจะอยู่ตรงกลางเสมอ
- 2
เลือกสี
เลือกจากจานสีย้อนยุคอย่าง PICO-8 และ Endesga 32 จานสีของคุณเอง หรือสีใดก็ได้ผ่านตัวเลือกสีหรือรหัส hex
- 3
วาด เติมสี แล้วเก็บรายละเอียด
วางรูปทรงใหญ่ ๆ ด้วยสี่เหลี่ยม วงรี และถังสี แล้วเก็บรายละเอียดทีละพิกเซลด้วยดินสอ วาดพลาดก็กด Ctrl+Z ได้
- 4
ดาวน์โหลดผลงาน
บันทึกเป็น PNG คมชัดใหญ่สุด 64 เท่า มีหรือไม่มีเส้นกริดก็ได้ คัดลอกไปคลิปบอร์ด หรือรับแพทเทิร์นพร้อมพิมพ์ที่มีรหัสสี
อยากเริ่มจากรูปถ่าย? แปลงรูปเป็นพิกเซลอาร์ตก่อน แล้วกด “แก้พิกเซล” เพื่อมาเก็บงานต่อที่นี่
โปรแกรมวาดพิกเซลอาร์ตที่ใช้ง่าย และมีครบทุกอย่าง
เครื่องมือครบ
ดินสอ ยางลบ ถังสี หลอดดูดสี เส้นตรง สี่เหลี่ยม และวงรี ขนาดแปรง 1–4 พิกเซล รูปทรงเลือกได้ทั้งเส้นขอบหรือเติมสี
วาดแบบสมมาตร
เปิดโหมดสะท้อนซ้าย-ขวาหรือบน-ล่าง ทุกอย่างที่วาดจะถูกคัดลอกไปอีกฝั่ง เหมาะกับการวาดหน้า ตัวละคร และไอคอน
จานสีย้อนยุคและจานสีของคุณเอง
วาดด้วยจานสีคลาสสิกอย่าง Game Boy, PICO-8 และ Commodore 64 หรือสร้างจานสีเองและนำเข้าจาก Lospec
เลิกทำได้ถึง 100 ขั้น
ลองได้เต็มที่ ทุกเส้น ทุกการเติมสี การเปลี่ยนขนาด และการพลิก เลิกทำและทำซ้ำได้หมด
บันทึกอัตโนมัติระหว่างวาด
ภาพถูกบันทึกในเบราว์เซอร์อัตโนมัติ ปิดแท็บหรือรีเฟรชก็ไม่หาย และไม่มีอะไรถูกอัปโหลด
เริ่มจากรูปภาพ
เปิดพิกเซลอาร์ตมาแก้ทีละพิกเซล หรือแปลงรูปถ่ายก่อนแล้วกด “แก้พิกเซล” เพื่อเก็บงานด้วยมือ
ดาวน์โหลดคมชัดและแพทเทิร์น
ดาวน์โหลด PNG คมชัดสูงสุด 64 เท่าพร้อมพื้นหลังโปร่งใส หรือแพทเทิร์นพร้อมพิมพ์สำหรับลูกปัด ครอสติช และโครเชต์
ใช้บนมือถือและแท็บเล็ตได้
วาดด้วยนิ้วหรือปากกา ใช้สองนิ้วถ่างหรือหุบเพื่อซูมและเลื่อน เหมือนดูรูปในมือถือ
เครื่องมือและคีย์ลัด
กดตัวอักษรเดียวก็เปลี่ยนเครื่องมือได้ โดยไม่ต้องละจากแคนวาส
| เครื่องมือ | ปุ่ม | ใช้ทำอะไร |
|---|---|---|
| ดินสอ | B | คลิกหรือลากเพื่อวาด คลิกขวาเพื่อลบ Shift+คลิกเพื่อลากเส้นตรงจากจุดล่าสุด |
| ยางลบ | E | คลิกหรือลากเพื่อทำให้พิกเซลโปร่งใส |
| ถังสี | G | คลิกเพื่อเติมสีบริเวณที่เป็นสีเดียวกัน คลิกขวาเพื่อเติมเป็นโปร่งใส |
| หลอดดูดสี | I | คลิกพิกเซลเพื่อใช้สีนั้นวาด เคล็ดลับ: กด Alt ค้างกับเครื่องมือไหนก็ดูดสีได้ |
| เส้นตรง | L | ลากเพื่อวาดเส้นตรง กด Shift ค้างเพื่อให้เป็นแนวนอน แนวตั้ง หรือ 45° |
| สี่เหลี่ยม | R | ลากเพื่อวาดสี่เหลี่ยม กด Shift ค้างเพื่อให้เป็นจัตุรัส |
| วงรี | O | ลากเพื่อวาดวงรี กด Shift ค้างเพื่อให้เป็นวงกลม |
| เลื่อนมุมมอง | H | ลากเพื่อเลื่อนดู หรือกด Spacebar ค้าง หรือใช้สองนิ้วลากก็ได้ |
| คีย์ลัด | ใช้ทำอะไร |
|---|---|
| Ctrl+Z | เลิกทำ (บน Mac ใช้ ⌘Z) |
| Ctrl+Shift+Z หรือ Ctrl+Y | ทำซ้ำ |
| [ และ ] | แปรงเล็กลงหรือใหญ่ขึ้น |
| + และ − หรือเลื่อนลูกกลิ้ง | ซูมเข้าและออก |
| 0 | ปรับภาพให้พอดีจอ |
| กด Spacebar ค้างแล้วลาก | เลื่อนแคนวาส |
| กด Alt ค้างแล้วคลิก | ดูดสีด้วยเครื่องมือใดก็ได้ |
| คลิกขวา | ลบด้วยดินสอ ถังสี หรือเครื่องมือรูปทรง |
| Shift+คลิก | ดินสอ: ลากเส้นตรงจากจุดล่าสุด |
เคล็ดลับวาดพิกเซลอาร์ตสำหรับมือใหม่
นิสัยไม่กี่อย่างที่ทำให้พิกเซลอาร์ตที่วาดเองดีขึ้นมาก
- 01
เริ่มจากแคนวาสเล็ก
แคนวาส 16×16 หรือ 32×32 บังคับให้เก็บแค่สิ่งสำคัญ และวาดเสร็จได้ในไม่กี่นาที คล่องแล้วค่อยขยาย
- 02
ทำเงาโครงร่างให้ถูกก่อน
เติมรูปทรงรวมด้วยสีเดียวก่อนใส่รายละเอียด ถ้ายังดูออกว่าเป็นอะไรแม้เป็นก้อนสีทึบ ภาพที่เสร็จก็จะอ่านง่ายเช่นกัน
- 03
ใช้จานสีน้อย ๆ
พิกเซลอาร์ตเจ๋ง ๆ ส่วนใหญ่ใช้สีแค่ไม่กี่สี ลองเลือกจานสีอย่าง PICO-8 (16 สี) หรือ Game Boy (4 สี) ข้อจำกัดจะทำให้ภาพดูเข้ากันมากขึ้น
- 04
เส้นต้องเนียน
เส้นจะดูเนียนเมื่อความยาวของขั้นบันไดเปลี่ยนอย่างสม่ำเสมอ เช่น 3-3-3 หรือ 3-2-1 และจะดูหยักเมื่อกระโดดไปมา เช่น 1-3-1-2 เครื่องมือเส้นตรงจะจัดขั้นบันไดให้สม่ำเสมอที่สุด
- 05
ลงเงาตามทิศแสง
กำหนดทิศทางแสงหนึ่งทิศ ฝั่งที่โดนแสงใช้สีสว่าง ฝั่งตรงข้ามใช้สีเข้ม หลีกเลี่ยง “pillow shading” ที่ทุกอย่างเข้มขึ้นไปทางขอบ
- 06
เปลี่ยนเฉดสี ไม่ใช่แค่ความสว่าง
เงาจะดูมีมิติเมื่อเอียงไปทางสีฟ้าหรือม่วงเล็กน้อย และไฮไลต์เอียงไปทางเหลือง ดีกว่าการผสมดำหรือขาวเฉย ๆ
ควรใช้แคนวาสขนาดเท่าไร?
แคนวาสเล็กวาดเร็วและดูย้อนยุคกว่า แคนวาสใหญ่มีที่ให้ใส่รายละเอียด
| แคนวาส (พิกเซล) | เหมาะกับ |
|---|---|
| 8×8 | ไอคอนจิ๋ว เคอร์เซอร์ และไทล์เล็กมาก เป็นโจทย์ท้าทายที่ดีสำหรับมือใหม่ |
| 16×16 | ไอเทมเกมคลาสสิก ไทล์ ไอคอนเว็บ และตัวละครเล็ก ๆ สไตล์เกม 8 บิต |
| 32×32 | ตัวละครและสไปรต์เกม รูปโปรไฟล์ อีโมต และไอคอนแอป ขนาดยอดนิยมที่สุด |
| 64×64 | ตัวละครที่มีรายละเอียด ภาพบุคคล และรูปโปรไฟล์ มีที่ให้ลงเงา |
| 128×128 ขึ้นไป | ฉาก ฉากหลัง และภาพประกอบ เผื่อเวลาไว้ เพราะทุกพิกเซลวางด้วยมือ |
คำถามที่พบบ่อย
โปรแกรมวาดพิกเซลอาร์ตนี้ฟรีไหม?
ฟรีทั้งหมด ไม่ต้องสมัคร ไม่มีลายน้ำ และไม่จำกัดจำนวนภาพที่วาดหรือดาวน์โหลด นำพิกเซลอาร์ตไปใช้ได้ทั้งงานส่วนตัวและเชิงพาณิชย์
ภาพที่วาดถูกบันทึกไว้ไหม?
ใช่ ภาพที่กำลังวาดจะบันทึกอัตโนมัติในพื้นที่จัดเก็บของเบราว์เซอร์ รีเฟรชหรือกลับมาทีหลังบนเครื่องและเบราว์เซอร์เดิมก็ยังอยู่ และไม่ถูกอัปโหลด หากล้างข้อมูลเบราว์เซอร์หรือใช้โหมดไม่ระบุตัวตน ภาพจะหาย ดาวน์โหลด PNG เก็บไว้ถ้าต้องการสำเนาถาวร
แปลงรูปถ่ายเป็นพิกเซลอาร์ตแล้วค่อยแก้ได้ไหม?
ได้ ใช้เครื่องมือแปลงรูปเป็นพิกเซลอาร์ตเพื่อเลือกขนาดและสี แล้วกด “แก้พิกเซล” เหนือภาพตัวอย่าง ภาพจะเปิดที่นี่ให้แก้ด้วยมือ หรือกด “เปิด” เพื่อโหลดรูปใดก็ได้ รูปที่ไม่เกิน 256 × 256 พิกเซลจะเปิดแบบพิกเซลต่อพิกเซล ส่วนรูปที่ใหญ่กว่าจะถูกย่อด้านยาวที่สุดเหลือ 64 พิกเซล
ทำพื้นหลังโปร่งใสยังไง?
แคนวาสโปร่งใสตั้งแต่แรก (ลายตารางหมากรุกสีเทา) และส่วนที่ลบก็จะกลับเป็นโปร่งใส PNG ที่ดาวน์โหลดยังคงความโปร่งใส นำไปวางบนพื้นหลังใดก็ได้ในเกม เว็บไซต์ หรือวิดีโอ
สไปรต์เกมควรใช้ขนาดเท่าไร?
16×16 และ 32×32 เป็นขนาดที่นิยมที่สุดสำหรับตัวละคร ไอเทม และไทล์ หลายเกมใช้ขนาดเดียวกันทั้งหมดเพื่อให้ภาพเข้ากัน ดาวน์โหลดแบบ 1× เพื่อนำเข้าเกมเอนจิน และตั้งค่าฟิลเตอร์เท็กซ์เจอร์เป็น “nearest neighbor” (หรือ “point” / ไม่มีฟิลเตอร์) เพื่อให้คมชัด
ดาวน์โหลดพิกเซลอาร์ตให้ใหญ่โดยไม่เบลอได้ยังไง?
เลือกขนาด 1× ถึง 64× จากเมนูขนาดข้างปุ่มดาวน์โหลด แต่ละพิกเซลจะเป็นสี่เหลี่ยมคมตามจำนวนพิกเซลบนจอนั้น ภาพจึงคมชัดทุกขนาด เปิด “เส้นกริด” เพื่อตีเส้นรอบทุกพิกเซล
ทำแพทเทิร์นลูกปัดรีดร้อน ครอสติช หรือโครเชต์ได้ไหม?
ได้ กด “สร้างแพทเทิร์น” ใต้แคนวาส เพื่อดาวน์โหลด PDF หรือ PNG พร้อมพิมพ์ มีเลขแถวและคอลัมน์ รหัสสีในทุกช่อง และตารางสีที่นับว่าแต่ละสีใช้กี่ช่อง
ใช้บนมือถือหรือแท็บเล็ตได้ไหม?
ได้ วาดด้วยนิ้วเดียวหรือปากกา และใช้สองนิ้วถ่างหรือหุบเพื่อซูมและเลื่อน ถ้านิ้วที่สองแตะจอระหว่างวาด เส้นนั้นจะถูกยกเลิก จะได้ไม่มีพิกเซลเกิน