คู่มือ

วิธีวาด pixel art: คู่มือทีละขั้นตอน

pixel art คืออะไร วาดชิ้นแรกใน 7 ขั้นตอนได้อย่างไร เครื่องมือฟรีอย่าง Piskel และไอเดียง่ายๆ Polarzinho แพนด้าความละเอียดสูงจะอธิบายให้ฟัง

Polarzinho กำลังวาดบนแท็บเล็ตปากกา ตัวละคร pixel art กระโดดออกจากจอ และมีพาเลตสีอยู่ข้างๆ

pixel art คือศิลปะที่วาดทีละพิกเซล คล้ายโมเสกของสี่เหลี่ยมจิ๋ว ฉันเป็นแพนด้าความละเอียดสูง แต่สตูดิโอของเรามีเกมทั้งเกมที่ทำด้วยวิธีนี้ เช่น Barrio Kick และ Zombra Survivor ฉันจึงรวบรวมสิ่งที่คุณเรียนรู้ได้จากการมองอย่างละเอียดมาให้

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

เล่น Barrio Kick เล่น Zombra Survivor

pixel art คืออะไร

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

การเตะบอลเริ่มต้นของ Barrio Kick ในแบบ pixel art มีผู้เล่นบนสนามดิน กระดานคะแนน 0 ต่อ 0 และกำแพงกราฟฟิตี

Polarzinhoผู้เล่นแต่ละคนที่นั่นสูงแค่ไม่กี่พิกเซล แต่คุณก็ยังบอกได้ว่าใครเป็นใคร นั่นแหละคือ pixel art ที่ดี

Barrio Kick: ฟุตบอลข้างถนนแบบ pixel art ดูกำแพงกราฟฟิตีและฝูงชนสิ

วิธีทำ pixel art ใน 7 ขั้นตอน

  1. เริ่มจากขนาดเล็ก: ผืนผ้าใบ 16 × 16 หรือ 32 × 32 ยิ่งเล็ก ยิ่งตัดสินใจได้ง่ายว่าแต่ละพิกเซลควรอยู่ตรงไหน
  2. เลือกพาเลตสั้นๆ สี่ถึงแปดสี สีน้อยทำให้ภาพสะอาดขึ้น
  3. วาดเส้นขอบด้วยดินสอขนาดหนึ่งพิกเซล ไม่ต้องทำให้เรียบ
  4. หลีกเลี่ยงขั้นบันไดหยักๆ: ตรงโค้งให้ใช้แถวพิกเซลที่ค่อยๆ เพิ่มหรือลดลง (3, 2, 1) ไม่ใช่กระโดดแบบสุ่ม
  5. เติมด้วยสีพื้นฐาน แล้วตัดสินใจว่าแสงมาจากทางไหน
  6. ใส่เงาด้วยโทนเข้ม 1 หรือ 2 โทนในด้านตรงข้ามแสง และโทนอ่อนหนึ่งโทนในด้านที่ได้รับแสง
  7. ส่งออกภาพโดยขยายด้วยจำนวนเต็ม (2×, 4×, 8×) และใช้วิธี nearest-neighbor เพื่อให้พิกเซลคมชัด

เครื่องมือสำหรับวาด pixel art

  • Piskel: ฟรีและรันบนเบราว์เซอร์ เหมาะกับการเริ่มต้นและอนิเมชันสั้นๆ
  • Aseprite: เสียเงิน และนักพัฒนาเกมใช้กันแพร่หลาย มีเลเยอร์ อนิเมชัน และพาเลต
  • โปรแกรมแก้ไขภาพอะไรก็ได้ ถ้ามีกริด ดินสอขนาดหนึ่งพิกเซล และการซูมที่ไม่ทำให้เรียบ
  • สำหรับพาเลตสำเร็จรูป Lospec รวบรวมไว้หลักพันชุด เรียงตามจำนวนสี

ไอเดียง่ายๆ สำหรับภาพวาดชิ้นแรก

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

เกม pixel art ที่เล่นบนเบราว์เซอร์ได้

การเล่นเกม pixel art คือบทเรียนที่ดีที่สุด มีสองเกมจาก Polar Games ที่คุณศึกษาไปพร้อมกับเล่นได้:

Barrio Kick

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

Zombra Survivor

การเอาชีวิตรอดจากคลื่นซอมบี้บนสามแผนที่ ไอคอนอาวุธในร้านแสดงให้เห็นว่าทำให้ของชิ้นเล็กๆ มีมิติได้อย่างไร

ร้านอาวุธของ Zombra Survivor ในแบบ pixel art มีไอคอนมีดพร้า ปืนพก ปืนลูกซอง และอาวุธอื่นๆ พร้อมราคา

Polarzinhoฉันใช้เวลาชื่นชมไอคอนในร้านมากกว่าซื้ออาวุธ ส่วนซอมบี้ไม่รอฉันเลย

ร้านของ Zombra Survivor (ภาษาโปรตุเกส): อาวุธทุกชิ้นคือไอคอนเล็กๆ ที่มีรายละเอียด

คำถามที่พบบ่อยเกี่ยวกับ pixel art

pixel art คืออะไร?

งานศิลป์ดิจิทัลที่วาดทีละพิกเซล มีสีน้อย และความละเอียดต่ำโดยตั้งใจ

โปรแกรมฟรีที่ดีที่สุดสำหรับ pixel art คืออะไร?

Piskel ฟรี รันบนเบราว์เซอร์ได้ และเหมาะกับผู้เริ่มต้น

ควรเริ่มด้วยผืนผ้าใบขนาดเท่าไร?

16 × 16 หรือ 32 × 32 พิกเซล แล้วค่อยขยายขนาดเมื่อคุ้นมือแล้ว

ลงมือวาด (และเล่น)

เปิด Piskel วาดหัวใจขนาด 8 × 8 แล้วไปศึกษาผลงานของมืออาชีพ: Barrio Kick และ Zombra Survivor อยู่ในปุ่มด้านล่าง

เล่น Barrio Kick เล่น Zombra Survivor