ทำตามตัวอย่างที่ตรวจสอบแล้ว จากนั้นปรับการควบคุมให้เข้ากับรูปภาพของคุณเอง เปิด รูปภาพเป็นพิกเซลอาร์ต.
เลือกวัตถุที่ชัดเจน
เปิด Image to Pixel Art และเลือก Try an example เพื่อโหลดภาพประกอบหุ่นยนต์ต้นฉบับ หรืออัปโหลดรูปภาพของคุณเอง ตัวอย่างมีขนาด 1200 คูณ 900 พิกเซล ภาพเงาที่ชัดเจนและพื้นหลังที่เรียบง่ายจะจดจำได้ง่ายขึ้นหลังจากลดรายละเอียดลง
เครื่องมือนี้สุ่มตัวอย่างและเปลี่ยนสีรูปภาพที่มีอยู่ ไม่ได้ใช้ AI เพื่อสร้างฉากใหม่หรือวาดวัตถุใหม่ ไฟล์ต้นฉบับจะยังคงไม่เปลี่ยนแปลง
ลองครอบตัดให้ใกล้ขึ้นก่อนที่จะเปลี่ยนรูปถ่ายเป็นพิกเซล หากวัตถุครอบครองพื้นที่เพียงเล็กน้อยของรูปภาพ
ตั้งค่าตารางและชุดสี
เปิดการตั้งค่าบนโทรศัพท์ ตั้งค่าขอบที่ยาวที่สุด (พิกเซล) เป็น 32 เครื่องมือจะใช้ค่านั้นสำหรับขอบที่ยาวที่สุดและรักษาอัตราส่วนต้นฉบับไว้ ทำให้ตัวอย่างมีตารางขนาด 32 คูณ 24 เซลล์ ตัวเลือกด่วนยังรวมถึง 16, 64, 128 และ 256
เลือก Ocean ในเมนูชุดสีเพื่อทำซ้ำตัวอย่าง มันจะแมปรูปภาพไปยังชุดสีหกสีคงที่ รูปภาพของคุณจะถูกแปลงเป็นสีระหว่าง 2 ถึง 32 สี; Original colors จะคงสีที่สุ่มตัวอย่างไว้ ค่าที่ตั้งไว้ล่วงหน้าอื่นๆ ได้แก่ Soft retro, Handheld, Black and white และ Dusk
เลือก Custom colors จากนั้นป้อนสี HEX หกหลักระหว่าง 2 ถึง 32 สีใน Custom palette แยกค่าด้วยช่องว่าง เครื่องหมายจุลภาค หรืออัฒภาค ชุดสีขนาดเล็กที่ตั้งใจไว้อาจทำให้รายละเอียดที่ไม่เกี่ยวข้องกันรู้สึกว่าเป็นส่วนหนึ่งของการออกแบบเดียวกัน
หากใบหน้าหรือวัตถุเริ่มดูไม่ออก ให้เพิ่มตารางก่อนที่จะเพิ่มสีมากขึ้น
ตัวอย่างในคู่มือนี้
ตัวอย่างหุ่นยนต์ต้นฉบับ; ขอบตารางยาวที่สุด 32 เซลล์ (32 x 24); ชุดสีหกสี Ocean; Smooth ก่อนลดขนาด; ไม่มีการทำ dithering; มาตราส่วนผลลัพธ์ 8x; PNG ดาวน์โหลดจริง: 256 x 192 พิกเซล
- แหล่งที่มา
- 1200 x 900 พิกเซล
- เอาต์พุต
- 256 x 192 พิกเซล
- รูปแบบ
- PNG
- กำลังประมวลผล
- ในเบราว์เซอร์ของคุณ
เปรียบเทียบการสุ่มตัวอย่างและพื้นผิว
คงค่า Smooth ก่อนลดขนาดและไม่มีการทำ dithering สำหรับตัวอย่างที่ทำ การสุ่มตัวอย่างแบบ Smooth จะผสมรายละเอียดเข้ากับแต่ละเซลล์ ส่วน Nearest original pixels จะสุ่มตัวอย่างโดยไม่มีการผสมนั้นและอาจเหมาะกับกราฟิกพิกเซลที่มีอยู่
Ordered dithering แนะนำรูปแบบปกติ ส่วน Floyd-Steinberg จะกระจายความผิดพลาดของสีไปยังเซลล์ข้างเคียง ทั้งสองอย่างสามารถแนะนำโทนสีเพิ่มเติมด้วยชุดสีขนาดเล็ก แต่ก็อาจทำให้รูปร่างเรียบง่ายดูมีสัญญาณรบกวนได้ Dithering ไม่สามารถใช้ได้กับ Original colors
Pixel grid in preview เป็นตัวช่วยดูตัวอย่างสำหรับตารางที่มีขนาดสูงสุด 128 เซลล์บนขอบที่ยาวที่สุด มันไม่ได้ถูกวาดลงในผลลัพธ์ ชุดสีที่ลดลงยังช่วยลดความซับซ้อนของความโปร่งใส: เซลล์ที่โปร่งใสเพียงพอจะถูกล้างออกและเซลล์อื่นๆ จะกลายเป็นทึบแสง
เปรียบเทียบกับ Original และใช้ Undo หรือ Redo เมื่อลองใช้ชุดสีที่แตกต่างกันมาก
ส่งออกที่มาตราส่วนจำนวนเต็ม
คงค่า Export scale ไว้ที่ 8x เลือก PNG และเลือก Start ตารางขนาด 32 คูณ 24 จะกลายเป็นไฟล์ขนาด 256 คูณ 192 พิกเซล โดยแต่ละเซลล์แสดงด้วยสี่เหลี่ยมขนาด 8 คูณ 8 ดาวน์โหลดจะบันทึกผลลัพธ์จริงที่ใช้ในการเปรียบเทียบ ซึ่งประกอบด้วยชุดสี Ocean และไม่มีเส้นตารางตัวอย่าง
มาตราส่วนที่มีให้เลือกคือ 1x, 2x, 4x, 8x และ 16x PNG สะดวกสำหรับการแชร์และรักษาบล็อกที่คมชัด SVG แสดงพิกเซลเป็นสี่เหลี่ยมสี ไม่ใช่การติดตามเวกเตอร์ที่ราบรื่น หากแอปอื่นขยาย PNG ให้ใช้การปรับขนาดแบบ nearest-neighbor เพื่อหลีกเลี่ยงขอบเซลล์ที่เบลอ
ดูผลลัพธ์ที่ 100% หรือทวีคูณของจำนวนเต็ม ขนาดการแสดงผลที่เป็นเศษส่วนอาจทำให้พิกเซลที่ส่งออกอย่างถูกต้องดูไม่สม่ำเสมอ
คำถามที่พบบ่อย
นี่คือเครื่องมือสร้างพิกเซลอาร์ตด้วย AI ใช่หรือไม่?
ไม่ใช่ มันสุ่มตัวอย่างรูปภาพที่อัปโหลดลงในตารางและลดสีลงหากต้องการ มันไม่ได้สร้างวัตถุใหม่หรือวาดหัวข้อใหม่ด้วย AI
ฉันควรเริ่มต้นด้วยขนาดตารางเท่าใด?
ลองใช้ 32 หรือ 64 เซลล์บนขอบที่ยาวที่สุด ใช้ตารางขนาดเล็กสำหรับภาพเงาที่เรียบง่าย หรือตารางขนาดใหญ่เมื่อหัวข้อต้องการรายละเอียดมากขึ้น
ฉันสามารถป้อนชุดสีของตัวเองได้ไหม?
ได้ เลือก "สีที่กำหนดเอง" จากนั้นป้อนสี HEX หกหลักจำนวน 2 ถึง 32 สีใน "ชุดสีที่กำหนดเอง" โดยคั่นด้วยช่องว่าง เครื่องหมายจุลภาค หรืออัฒภาค
ทำไม PNG ถึงดูเบลอในแอปอื่น?
โปรแกรมดูภาพบางตัวจะทำให้ภาพที่ขยายดูเรียบเนียนขึ้น ให้ส่งออกที่สเกลจำนวนเต็มและใช้การปรับขนาดแบบ nearest-neighbor หากคุณขยายผลลัพธ์ในที่อื่น
ตารางพรีวิวจะปรากฏในไฟล์ที่ดาวน์โหลดหรือไม่?
ไม่ ตารางพิกเซลในพรีวิวเป็นเพียงตัวช่วยในการแก้ไขและจะไม่รวมอยู่ในไฟล์ที่ส่งออก PNG และ SVG
SVG เป็นการลากเส้นแบบเวกเตอร์ที่เรียบเนียนหรือไม่?
ไม่ มันประกอบด้วยเซลล์พิกเซลสี่เหลี่ยมที่มีสี ให้ใช้ Image to SVG เมื่อคุณต้องการขั้นตอนการทำงานแบบเวกเตอร์แยกต่างหาก
ค้นหารูปภาพภายในพิกเซลที่น้อยลง
ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์