Softonic

เครื่องมือสร้างพิกเซลอาร์ต

ขั้นตอน 1 / 4 ตั้งค่า
กำลังโหลดตัวแก้ไขพิกเซล…

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

วิธีวาดพิกเซลอาร์ตตั้งแต่เริ่มต้น

  1. 1

    เลือกตารางตรรกะ

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

  2. 2

    วาดและเก็บรายละเอียด

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

  3. 3

    ตรวจดูสไปรต์

    ตรวจสอบขนาดตรรกะ จำนวนพิกเซลที่ลงสี และจำนวนสีที่ใช้ก่อนส่งออก

  4. 4

    ส่งออกไฟล์ที่คมชัด

    ดาวน์โหลด PNG โปร่งใสที่ขยายด้วยจำนวนเต็ม, SVG ขนาดกะทัดรัด หรือ JSON โปรเจกต์ที่ผ่านการตรวจสอบเพื่อกลับมาแก้ไขภายหลัง

เครื่องมือพิกเซลอาร์ตสำหรับการวาดทีละช่องอย่างตั้งใจ

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

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

ผ้าใบตรรกะ เหมาะสำหรับเริ่มต้น
8×8 สัญลักษณ์จิ๋ว แบบฝึกอักขระ และไทล์เรียบง่าย
16×16 ไอคอนอินเทอร์เฟซ ไอเท็มในคลัง และสไปรต์ขนาดเล็ก
32×32 ตัวละคร มอนสเตอร์ และไอเท็มเกม
64×64 สไปรต์ที่มีรายละเอียด ภาพบุคคล และงานเดี่ยวขนาดใหญ่

ขยายแล้วขอบพิกเซลยังคมชัด

การส่งออก PNG ใช้ตัวคูณจำนวนเต็มและปิดการเกลี่ยภาพ พิกเซลหนึ่งจุดจากต้นฉบับ 16×16 จึงกลายเป็นสี่เหลี่ยม 4×4, 8×8 หรือใหญ่กว่านั้นอย่างแม่นยำ แทนที่จะมีขอบเบลอ ลายตารางหมากรุกและเส้นกริดที่เลือกเปิดเป็นเพียงตัวช่วยในหน้าจอและจะไม่ติดไปกับไฟล์ ช่องโปร่งใสยังคงโปร่งใส

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

เครื่องมือวาดและการสะท้อนสมมาตร

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

เมาส์ ปากกา การสัมผัส และแป้นพิมพ์ใช้ตารางตรรกะเดียวกัน โฟกัสผ้าใบ ใช้ปุ่มลูกศรเลื่อนช่องที่เลือก แล้วกด 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 ใช้เครื่องมือ และปุ่มตัวอักษรใช้เลือกเครื่องมือ

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

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

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

สร้างกระดาษบรรทัดห้าเส้นสำหรับพิมพ์ ทั้งบรรทัดเปล่า กุญแจซอลหรือกุญแจฟา บรรทัดคู่สำหรับเปียโน หรือแท็บกีตาร์ เลือกจำนวน ระยะห่างเส้น A4 หรือ Letter และขอบกระดาษ แล้วดาวน์โหลด PDF หรือ SVG

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

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

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

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

ปรับขนาด PNG

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

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

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

เครื่องอ่านบาร์โค้ด

เลือกรูปภาพบาร์โค้ดเพื่ออ่านค่าที่เข้ารหัสและชนิดของบาร์โค้ด รองรับ EAN-13, UPC-A และ Code 128 พร้อมผลตรวจเลขตรวจสอบของ EAN และ UPC

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