เครื่องมือสร้างพิกเซลอาร์ต
เริ่มโปรเจกต์ก่อน
ไม่มีโปรเจกต์ที่กู้คืนได้สำหรับขั้นตอนฟันเนลนี้ในแท็บเบราว์เซอร์ปัจจุบัน โปรดกลับไปหน้าตั้งค่าเพื่อสร้างโปรเจกต์
กลับไปตั้งค่าตั้งค่าตารางพิกเซลเปล่า
เลือกชื่อและผ้าใบตรรกะตั้งแต่ 4×4 ถึง 64×64 การปรับขนาดภาพจะเริ่มโปรเจกต์เปล่าใหม่โดยไม่มีการสุ่มตัวอย่างพิกเซลใหม่
รองรับเฉพาะ JSON พิกเซลอาร์ตของ Hyperion ขนาดไม่เกิน 256 KiB ไฟล์ที่ไม่ถูกต้องจะไม่แทนที่ภาพปัจจุบัน
วาดพิกเซลอาร์ตด้วยมือลงบนตารางตรรกะเปล่าโดยไม่ต้องใช้พรอมต์ แปลงรูปถ่าย หรืออัปโหลดภาพ เลือกผ้าใบได้ถึง 64×64 ใช้ดินสอ ยางลบ การเติมพื้นที่ และหลอดดูดสี วาดแบบสะท้อนสมมาตร เลิกทำการแก้ไข และส่งออกสไปรต์พื้นหลังโปร่งใส ตัวแก้ไขทำงานในเบราว์เซอร์และเก็บโปรเจกต์ไว้ในแท็บปัจจุบัน
วิธีวาดพิกเซลอาร์ตตั้งแต่เริ่มต้น
-
1
เลือกตารางตรรกะ
ตั้งชื่อโปรเจกต์และกำหนดความกว้างกับความสูงอย่างละ 4–64 พิกเซล ใช้ค่าล่วงหน้ารูปสี่เหลี่ยมจัตุรัสเพื่อเลือกขนาดยอดนิยมได้รวดเร็ว
-
2
วาดและเก็บรายละเอียด
เลือกสีจากจานสีทำงาน แล้วใช้ดินสอ ยางลบ เติมสี หรือหลอดดูดสี เปิดการสะท้อนซ้าย–ขวาหรือบน–ล่าง และเลิกทำได้ทั้งเส้น
-
3
ตรวจดูสไปรต์
ตรวจสอบขนาดตรรกะ จำนวนพิกเซลที่ลงสี และจำนวนสีที่ใช้ก่อนส่งออก
-
4
ส่งออกไฟล์ที่คมชัด
ดาวน์โหลด PNG โปร่งใสที่ขยายด้วยจำนวนเต็ม, SVG ขนาดกะทัดรัด หรือ JSON โปรเจกต์ที่ผ่านการตรวจสอบเพื่อกลับมาแก้ไขภายหลัง
เครื่องมือพิกเซลอาร์ตสำหรับการวาดทีละช่องอย่างตั้งใจ
พิกเซลอาร์ตออกแบบทีละช่อง ตัวแก้ไขนี้เริ่มจากตารางเปล่าโปร่งใส และเก็บหนึ่งสีหรือสถานะโปร่งใสไว้ในแต่ละพิกเซลตรรกะ เครื่องมือนี้ไม่ได้เปลี่ยนรูปถ่ายเป็นบล็อกสีเฉลี่ย หากต้องการงานแบบนั้นให้ใช้เครื่องมือทำภาพให้เป็นพิกเซล และไม่ได้สร้างภาพจากพรอมต์ AI
ตารางเล็กบังคับให้สร้างเงาร่างที่ชัดเจน ส่วนตารางใหญ่มีพื้นที่สำหรับแสงเงาและของตกแต่ง ขนาดต่อไปนี้เป็นเพียงจุดเริ่มต้นที่ใช้งานได้จริง ไม่ใช่ข้อกำหนดของแพลตฟอร์ม
| ผ้าใบตรรกะ | เหมาะสำหรับเริ่มต้น |
|---|---|
| 8×8 | สัญลักษณ์จิ๋ว แบบฝึกอักขระ และไทล์เรียบง่าย |
| 16×16 | ไอคอนอินเทอร์เฟซ ไอเท็มในคลัง และสไปรต์ขนาดเล็ก |
| 32×32 | ตัวละคร มอนสเตอร์ และไอเท็มเกม |
| 64×64 | สไปรต์ที่มีรายละเอียด ภาพบุคคล และงานเดี่ยวขนาดใหญ่ |
ขยายแล้วขอบพิกเซลยังคมชัด
การส่งออก PNG ใช้ตัวคูณจำนวนเต็มและปิดการเกลี่ยภาพ พิกเซลหนึ่งจุดจากต้นฉบับ 16×16 จึงกลายเป็นสี่เหลี่ยม 4×4, 8×8 หรือใหญ่กว่านั้นอย่างแม่นยำ แทนที่จะมีขอบเบลอ ลายตารางหมากรุกและเส้นกริดที่เลือกเปิดเป็นเพียงตัวช่วยในหน้าจอและจะไม่ติดไปกับไฟล์ ช่องโปร่งใสยังคงโปร่งใส
ไฟล์ SVG ใช้สี่เหลี่ยมขอบคมและละช่องโปร่งใสไว้ ส่วน JSON โปรเจกต์จะเก็บตารางตรรกะและจานสีทำงานที่ยังแก้ไขได้ นี่คือรูปแบบโปรเจกต์ของ Hyperion ไม่ใช่ไฟล์ทดแทนรูปแบบแบบเลเยอร์ของโปรแกรมพิกเซลอาร์ตบนเดสก์ท็อป
เครื่องมือวาดและการสะท้อนสมมาตร
- ดินสอ ลงสีในช่องและเชื่อมจุดตัวอย่างขณะลากเร็ว เพื่อไม่ให้เส้นขาด
- ยางลบ คืนช่องให้โปร่งใส
- เติมสี เปลี่ยนพื้นที่ที่เชื่อมกันสี่ทิศทาง ส่วนที่แตะกันเฉพาะมุมทแยงยังแยกจากกัน
- หลอดดูดสี เลือกสีจากช่องที่มีอยู่ หากเลือกช่องโปร่งใส ระบบจะสลับเป็นยางลบ
- การวาดแบบสะท้อน สะท้อนการกระทำซ้าย–ขวา บน–ล่าง หรือทั้งสองแบบ แถวและคอลัมน์ตรงกลางจะทำเพียงครั้งเดียว
เมาส์ ปากกา การสัมผัส และแป้นพิมพ์ใช้ตารางตรรกะเดียวกัน โฟกัสผ้าใบ ใช้ปุ่มลูกศรเลื่อนช่องที่เลือก แล้วกด Space หรือ Enter เพื่อใช้เครื่องมือ P, E, F และ I ใช้เลือกเครื่องมือ, Delete ใช้ลบ และ Ctrl/Cmd+Z ใช้เลิกทำ
การทำงานในเบราว์เซอร์และเอกสารอ้างอิงทางเทคนิค
ตัวแก้ไขใช้ Canvas API, Pointer Events และการควบคุมการเกลี่ยภาพของเบราว์เซอร์ การสร้าง PNG ใช้ API ส่งออก Blob ของ Canvas การโต้ตอบด้วยแป้นพิมพ์และตัวชี้ออกแบบตามแนวทางการใช้งานได้ของ WCAG 2.2
ภาพ ชื่อ และจานสีอยู่ในสถานะโปรเจกต์ภายในเบราว์เซอร์เท่านั้น และไม่ถูกใส่ใน URL หรือข้อมูลคำขอที่ส่งไปยังเซิร์ฟเวอร์ เมื่อเปลี่ยนขั้นตอนฟันเนลยังคงมีคำขอหน้าเว็บตามปกติ หากพื้นที่เก็บข้อมูลของแท็บใช้ไม่ได้ ตัวแก้ไขแบบหน้าเดียวฉบับเต็มยังทำงานต่อในหน่วยความจำได้ แต่ฟันเนลจะไม่ไปขั้นถัดไปเพื่อป้องกันไม่ให้โปรเจกต์สูญหายโดยไม่รู้ตัว
คำถามที่พบบ่อย
ไม่ใช่ นี่คือเครื่องมือวาดพิกเซลอาร์ตด้วยมือบนตารางเปล่า คุณเลือกทุกสีและวาดทุกช่องด้วยดินสอ ยางลบ เติมสี หลอดดูดสี และการสะท้อนที่เลือกเปิดได้ เครื่องมือไม่รับพรอมต์หรือเรียกใช้บริการสร้างภาพ
เครื่องมือนี้สร้างงานใหม่จากตารางเปล่า ส่วนเครื่องมือทำภาพให้เป็นพิกเซลเริ่มจากรูปถ่ายหรือภาพประกอบที่อัปโหลด แล้วลดรายละเอียดให้เป็นบล็อกสีเฉลี่ยขนาดใหญ่ ทั้งสองแบบตอบโจทย์คนละงาน
ลอง 16×16 สำหรับไอคอนเล็ก หรือ 32×32 สำหรับตัวละครหรือสไปรต์ไอเท็ม เริ่มเล็กลงเมื่ออยากฝึกเงาร่าง และใช้ 64×64 เมื่อแบบต้องการรายละเอียดเพิ่ม ความกว้างและความสูงตั้งแยกกันได้ตั้งแต่ 4 ถึง 64 พิกเซล
ได้ ช่องว่างและช่องที่ลบแล้วมีค่าอัลฟาเป็นศูนย์ใน PNG ลายตารางหมากรุกของตัวแก้ไขใช้บอกความโปร่งใสเท่านั้นและไม่ถูกส่งออก
การส่งออกขยายแต่ละพิกเซลตรรกะด้วยตัวคูณจำนวนเต็มอย่างแม่นยำและปิดการเกลี่ยภาพ จึงไม่แทรกสีระหว่างช่องที่อยู่ติดกัน
ไม่ได้ เวอร์ชัน 1 แก้ไขภาพนิ่งครั้งละหนึ่งภาพ ส่งออกแต่ละเฟรมจากที่นี่ แล้วใช้เครื่องมือสร้างสไปรต์ชีตแยกต่างหากเมื่อพร้อมรวมเฟรมเป็นแอตลาส
ผ้าใบรองรับเมาส์ ปากกา และการสัมผัสด้วยนิ้วเดียว รวมถึงใช้แป้นพิมพ์ได้ โดยปุ่มลูกศรเลื่อนช่องที่เลือก Space หรือ Enter ใช้เครื่องมือ และปุ่มตัวอักษรใช้เลือกเครื่องมือ
ตัวแก้ไขไม่อัปโหลดภาพ ชื่อโปรเจกต์ จานสี หรือไฟล์ที่ส่งออก สถานะโปรเจกต์เก็บไว้ในแท็บเบราว์เซอร์ของคุณ แต่ยังมีคำขอเอกสารตามปกติเมื่อเปิดหน้าหรือเปลี่ยนขั้นตอนฟันเนล
เครื่องมือที่เกี่ยวข้อง
ตัวเลือกสี Material Design
สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว
เครื่องมือสร้างคอนแทคชีต
จัดภาพเป็นคอนแทคชีต A4 หรือ Letter พร้อมคำบรรยาย การครอป และตัวอย่างหน้า แล้วดาวน์โหลด JPEG หรือ PDF
เครื่องสร้างกระดาษเส้นบรรทัด
สร้างกระดาษเส้นบรรทัดพร้อมพิมพ์ได้ฟรี เลือกเส้นแบบวิทยาลัย กว้าง หรือแคบ ตั้งระยะห่างบรรทัดเป็นมิลลิเมตร ขนาดกระดาษ และเส้นขอบ แล้วพิมพ์หรือดาวน์โหลดเป็น SVG
ครอปตามขนาดโซเชียล
ครอปรูปเดียวให้ได้ 10 ขนาดโซเชียลมีเดียสำเร็จรูปในครั้งเดียว: Instagram, X, Facebook, LinkedIn, YouTube และ Pinterest เลือกแบบเต็มกรอบหรือพอดี ปรับคุณภาพ แล้วดาวน์โหลดแต่ละขนาดหรือเป็นไฟล์ zip ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ
เครื่องมือสร้างธง
ออกแบบธงแบบกำหนดเองอัตราส่วน 3:2 อย่างเรียบง่ายในเบราว์เซอร์ ด้วยเลย์เอาต์ 6 แบบ สี ข้อความ และสัญลักษณ์ ดาวน์โหลด SVG หรือ PNG หรือเปิดกล่องโต้ตอบการพิมพ์ของเบราว์เซอร์ได้
ตัวแปลง ARW เป็น JPG
แปลงภาพถ่าย Sony ARW RAW เป็น JPG รับไฟล์ JPEG ที่แชร์ได้และเข้ากันได้ทั่วโลกจากไฟล์ RAW ของกล้องโดยไม่ต้องเปิด Lightroom
เครื่องมือนี้มีให้บริการในภาษาอื่น
- Generador de pixel art [ES]
- Pixelgrafikverktyg [SV]
- Pixel-Art-Generator [DE]
- مولّد فن البكسل [AR]
- Pixelartgenerator [NL]
- ドット絵ジェネレーター [JA]
- Générateur de pixel art [FR]
- Generator pixel artu [PL]
- Trình tạo Pixel Art [VI]
- Pembuat Pixel Art [ID]
- 픽셀 아트 생성기 [KO]
- Gerador de pixel art [PT]
- Pixel Art Generator [EN]
- Generatore di pixel art [IT]
- Редактор пиксельной графики [RU]
- Piksel Sanat Oluşturucu [TR]
- 像素画生成器 [ZH]