เครื่องมือ95

แก้ไข / คู่มือการใช้งานรูปภาพเชิงปฏิบัติ

วิธีเปลี่ยนรูปภาพให้เป็นพิกเซลอาร์ตด้วยชุดสี

ค้นหารูปภาพภายในพิกเซลที่น้อยลง

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

ทำตามคำแนะนำ
แหล่งที่มาจริงและผลลัพธ์ที่ดาวน์โหลด
ก่อน รูปภาพหุ่นยนต์ต้นฉบับก่อนแก้ไข

ตัวอย่างต้นฉบับ: 1200 คูณ 900 พิกเซล

หลัง หุ่นยนต์ที่ลดขนาดลงเหลือตารางพิกเซล 32 คูณ 24 โดยใช้ชุดสี Ocean สีน้ำเงิน

ผลลัพธ์ที่ดาวน์โหลดจริง: 256 คูณ 192 พิกเซล

การเปรียบเทียบใช้ตัวอย่างต้นฉบับและผลลัพธ์ที่ดาวน์โหลดจริง ซึ่งปรับขนาดสำหรับการอ่าน ขนาดผืนผ้าใบที่แตกต่างกันจะแสดงที่สเกลการแสดงผลที่แตกต่างกัน พื้นที่โปร่งใสจะตามพื้นหลังของหน้า
โฆษณา
วิดีโอสอนการใช้งานฉบับย่อ How to turn an image into pixel art Choose an image, set a 32-cell grid and Ocean palette in Settings, then download a crisp PNG at an 8x output scale. English narration. เสียงบรรยายภาษาอังกฤษ ดูวิดีโอ

How to turn an image into pixel art

โฆษณา

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

01

เลือกวัตถุที่ชัดเจน

เปิด Image to Pixel Art และเลือก Try an example เพื่อโหลดภาพประกอบหุ่นยนต์ต้นฉบับ หรืออัปโหลดรูปภาพของคุณเอง ตัวอย่างมีขนาด 1200 คูณ 900 พิกเซล ภาพเงาที่ชัดเจนและพื้นหลังที่เรียบง่ายจะจดจำได้ง่ายขึ้นหลังจากลดรายละเอียดลง

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

ลองครอบตัดให้ใกล้ขึ้นก่อนที่จะเปลี่ยนรูปถ่ายเป็นพิกเซล หากวัตถุครอบครองพื้นที่เพียงเล็กน้อยของรูปภาพ

02

ตั้งค่าตารางและชุดสี

เปิดการตั้งค่าบนโทรศัพท์ ตั้งค่าขอบที่ยาวที่สุด (พิกเซล) เป็น 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
กำลังประมวลผล
ในเบราว์เซอร์ของคุณ
03

เปรียบเทียบการสุ่มตัวอย่างและพื้นผิว

คงค่า Smooth ก่อนลดขนาดและไม่มีการทำ dithering สำหรับตัวอย่างที่ทำ การสุ่มตัวอย่างแบบ Smooth จะผสมรายละเอียดเข้ากับแต่ละเซลล์ ส่วน Nearest original pixels จะสุ่มตัวอย่างโดยไม่มีการผสมนั้นและอาจเหมาะกับกราฟิกพิกเซลที่มีอยู่

Ordered dithering แนะนำรูปแบบปกติ ส่วน Floyd-Steinberg จะกระจายความผิดพลาดของสีไปยังเซลล์ข้างเคียง ทั้งสองอย่างสามารถแนะนำโทนสีเพิ่มเติมด้วยชุดสีขนาดเล็ก แต่ก็อาจทำให้รูปร่างเรียบง่ายดูมีสัญญาณรบกวนได้ Dithering ไม่สามารถใช้ได้กับ Original colors

Pixel grid in preview เป็นตัวช่วยดูตัวอย่างสำหรับตารางที่มีขนาดสูงสุด 128 เซลล์บนขอบที่ยาวที่สุด มันไม่ได้ถูกวาดลงในผลลัพธ์ ชุดสีที่ลดลงยังช่วยลดความซับซ้อนของความโปร่งใส: เซลล์ที่โปร่งใสเพียงพอจะถูกล้างออกและเซลล์อื่นๆ จะกลายเป็นทึบแสง

เปรียบเทียบกับ Original และใช้ Undo หรือ Redo เมื่อลองใช้ชุดสีที่แตกต่างกันมาก

04

ส่งออกที่มาตราส่วนจำนวนเต็ม

คงค่า 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 เมื่อคุณต้องการขั้นตอนการทำงานแบบเวกเตอร์แยกต่างหาก

ตาคุณแล้ว

ค้นหารูปภาพภายในพิกเซลที่น้อยลง

ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์

เปิด รูปภาพเป็นพิกเซลอาร์ต

รายละเอียดรูปภาพ

ภาษา38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

เลือกภาษาของคุณ วิดีโอสอนการใช้งานปัจจุบันใช้การบรรยายเป็นภาษาอังกฤษ