เนื้อหา

• ที่จะก้าว
• ส่วนที่ 1 จาก 7: รวบรวมเครื่องมือของคุณ
• ส่วนที่ 2 จาก 7: ฝึกทักษะพื้นฐาน
• ส่วนที่ 3 จาก 7: สร้างโครงร่างของสไปรท์ตัวแรกของคุณ
• ส่วนที่ 4 จาก 7: ระบายสีสไปรท์ของคุณ
• ส่วนที่ 5 จาก 7: การใช้ค่าวรรณยุกต์
• ส่วนที่ 6 จาก 7: ใช้เทคนิคขั้นสูง
• ส่วนที่ 7 จาก 7: การตกแต่งขั้นสุดท้าย

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

ที่จะก้าว

ส่วนที่ 1 จาก 7: รวบรวมเครื่องมือของคุณ

1. ดาวน์โหลดซอฟต์แวร์แก้ไขภาพที่ดี แม้ว่าจะสามารถสร้างภาพพิกเซลในโปรแกรมระบายสีได้ แต่คุณจะพบว่าไม่ใช่เรื่องง่าย โปรแกรมภาพพิกเซลที่ใช้บ่อยที่สุด ได้แก่ :
   • Photoshop
   • Paint.net
   • GIMP
   • Pixen
2. ซื้อแท็บเล็ตวาดภาพ หากคุณต้องการติดตามภาพวาดที่วาดด้วยมือหรือไม่ชอบวาดด้วยเมาส์ให้ใช้แท็บเล็ตและปากกาวาด Wacom เป็นหนึ่งในแบรนด์ยอดนิยมสำหรับการวาดแท็บเล็ต
3. เปิดการแสดงตารางในซอฟต์แวร์แก้ไขภาพของคุณ ไม่ว่าคุณจะเลือกใช้ซอฟต์แวร์ใดให้เปิดมุมมองตาราง สิ่งนี้ช่วยให้คุณเห็นได้ชัดเจนว่าแต่ละพิกเซลถูกวางไว้ที่ใด โดยปกติคุณสามารถเข้าถึงเส้นตารางได้จากเมนูมุมมอง
   • คุณอาจจะต้องตั้งค่าเส้นตารางก่อนเพื่อให้แต่ละสี่เหลี่ยมแทน 1 พิกเซล วิธีการนี้แตกต่างกันไปในแต่ละโปรแกรม ใน GIMP คุณสามารถเปลี่ยนแปลงได้ผ่านเมนูรูปภาพ (เลือก "ตั้งค่าตาราง ... ")
4. เลือกดินสอพิกเซลเดียว เลือกเครื่องมือดินสอในซอฟต์แวร์แก้ไขภาพ จากตัวเลือกดินสอให้เลือกแปรงพิกเซลเดียว ด้วยวิธีนี้คุณสามารถวาดเป็นพิกเซล

ส่วนที่ 2 จาก 7: ฝึกทักษะพื้นฐาน

1. สร้างภาพใหม่ เนื่องจากคุณจะทำงานในระดับพิกเซลภาพจึงไม่จำเป็นต้องมีขนาดใหญ่มาก แบบเต็มหน้าจอใน Super Mario Bros. เกมมีขนาด 256 x 224 พิกเซลเท่านั้น มาริโอเองมีขนาดเพียง 12 x 16 พิกเซลเท่านั้น!
2. ขยายเข้า. เนื่องจากคุณจะทำงานกับแต่ละพิกเซลคุณจะต้องซูมเข้าให้ไกลมากเพื่อให้คุณเห็นเส้นตารางได้ชัดเจนและตำแหน่งที่จะวางแต่ละพิกเซล คุณอาจต้องซูมเข้าถึง 800% เพื่อดูพิกเซลในตาราง
3. ฝึกวาดเส้นตรงฟังดูเหมือนง่าย แต่ถ้าเส้นเบี่ยงเบนไปแม้แต่พิกเซลเดียวตรงกลางก็จะแสดงเป็นความผิดปกติ ฝึกวาดเส้นตรงด้วยเมาส์หรือปากกาวาดภาพเพื่อที่คุณจะได้ไม่ต้องใช้เครื่องมือวาดเส้นทุกครั้ง
4. ฝึกวาดเส้นโค้ง คุณสร้างเส้นโค้งโดยการเลื่อนเส้นพิกเซล ตัวอย่างเช่นคุณสามารถสร้างเส้นโค้งที่สวยงามได้โดยการย้ายพิกเซลหลังจากหกพิกเซลแล้วตามด้วยการเลื่อนไปที่สามพิกเซลและหลังจากนั้นสองพิกเซล จากนั้นการเลื่อนจะถูกย้อนกลับสำหรับส่วนอื่น ๆ ของเส้นโค้ง เส้นโค้งที่ล้มเหลวเริ่มต้นด้วยการเลื่อนสามพิกเซลตามด้วยหนึ่งพิกเซลและอีกสามพิกเซลหรือรูปแบบแปลก ๆ อื่น ๆ
5. ใช้ยางลบเพื่อยกเลิกข้อผิดพลาด เช่นเดียวกับดินสอคุณยังตั้งค่าเครื่องมือยางลบเป็นหนึ่งพิกเซลในแต่ละครั้ง หากเครื่องมือยางลบใหญ่เกินไปจะเป็นการยากที่จะลบพิกเซลอย่างแน่นอน

ส่วนที่ 3 จาก 7: สร้างโครงร่างของสไปรท์ตัวแรกของคุณ

1. ตัดสินใจว่าจุดประสงค์ของเทพดาคืออะไร นี่จะเป็นแอนิเมชั่นหรือจะเป็นภาพนิ่ง? คุณสามารถเพิ่มรายละเอียดให้กับสไปรต์แบบคงที่ได้ แต่พยายามทำให้สไปรท์ที่เคลื่อนไหวง่ายขึ้นเนื่องจากคุณจะต้องวาดส่วนต่าง ๆ สำหรับแอนิเมชั่น หากใช้สไปรต์กับสไปรต์อื่น ๆ ให้คงรูปแบบศิลปะที่ทำให้ทุกอย่างสมบูรณ์
2. ดูว่ามีข้อ จำกัด ใด ๆ เมื่อสร้างสไปรต์สำหรับโปรเจ็กต์ให้ตรวจสอบว่ามีข้อ จำกัด ด้านขนาดหรือสีหรือไม่ สิ่งนี้จะมีความสำคัญมากขึ้นเมื่อคุณเริ่มทำงานในโครงการขนาดใหญ่ที่มีสไปรต์ต่างๆมากมาย
   • ระบบสมัยใหม่ส่วนใหญ่ไม่มีข้อ จำกัด เรื่องสีและขนาดของสไปรท์ หากคุณกำลังพัฒนาเกมโดยเฉพาะสำหรับระบบเก่าคุณอาจพบข้อ จำกัด
3. สร้างร่างการออกแบบ ออกแบบพื้นฐานของสไปรท์บนกระดาษ วิธีนี้จะช่วยให้คุณเห็นว่าสไปรท์จะมีลักษณะอย่างไรรวมทั้งปรับเปลี่ยนท่าทางและคุณสมบัติอื่น ๆ คุณสามารถใช้แบบร่างนี้เพื่อติดตามในภายหลังด้วยแท็บเล็ต (หากมี)
   • เพิ่มรายละเอียดเพิ่มเติมให้กับร่าง สร้างแอตทริบิวต์ที่คุณต้องการเพิ่มเพื่อให้คุณมีความคิดว่าสไปรท์จะมีลักษณะอย่างไรเมื่อเสร็จสิ้น
4. สร้างโครงร่างในโปรแกรมของคุณ ใช้โครงร่างที่ร่างไว้เป็นข้อมูลอ้างอิงหรือติดตามโครงร่างด้วยแท็บเล็ตรูปวาด คุณสามารถคลิกและวาดเพื่อสร้างเส้นหรือวางแต่ละพิกเซลทีละรายการ ทางเลือกเป็นของคุณ
   • สำหรับสไปรท์แรกของคุณให้ใช้สีดำเป็นสีของเส้น วิธีนี้จะทำให้แยกแยะโครงร่างได้ง่ายขึ้น คุณสามารถเปลี่ยนสีของโครงร่างได้ในภายหลัง
5. ทำความสะอาดโครงร่าง ซูมเข้าและลบพิกเซลส่วนเกินออกและทำให้เส้นเรียบร้อย โครงร่างต้องไม่หนากว่าพิกเซล ใช้ดินสอของคุณเพื่อวางพิกเซลเพื่อแก้ไขข้อผิดพลาด
   • มุ่งเน้นไปที่ส่วนที่ใหญ่ขึ้นในขณะที่สร้างโครงร่าง คุณสามารถย้อนกลับและทำการเปลี่ยนแปลงเล็กน้อยในภายหลังได้ตลอดเวลา

ส่วนที่ 4 จาก 7: ระบายสีสไปรท์ของคุณ

1. ทบทวนความรู้พื้นฐานเกี่ยวกับทฤษฎีสี ใช้วงล้อสีเพื่อกำหนดว่าจะเลือกสีใด สีที่อยู่ตรงข้ามกันจะอยู่ห่างจากกันมากในขณะที่สีที่อยู่ใกล้กันในวงล้อสีจะเข้ากันได้ดี
   • เลือกสีที่ทำให้สไปรท์ของคุณโดดเด่นโดยไม่ต้องปะทะกับสีอื่น ๆ หลีกเลี่ยงสีพาสเทลเว้นแต่จะใช้สไตล์นั้นตลอดทั้งโครงการ
2. อย่าใช้มากกว่าสองสามสี ยิ่งคุณใช้สีมากเท่าไหร่สไปรท์ของคุณก็จะยิ่งกวนใจมากขึ้นเท่านั้น ลองดูสไปรต์ที่เป็นสัญลักษณ์แล้วคุณจะพบว่าพวกเขามักใช้เพียงไม่กี่สี
   • มาริโอ - มาริโอสไปรต์คลาสสิกใช้เพียงสามสีที่อยู่ใกล้กัน
   • โซนิค - โซนิคมีรายละเอียดมากกว่ามาริโอดั้งเดิม แต่ยังมีเพียงสี่สีที่มีรูปแบบวรรณยุกต์
   • Ryu - หนึ่งในสไปรต์คลาสสิกจากเกมต่อสู้ Ryu ใช้พื้นที่สีขนาดใหญ่โดยมีการเปลี่ยนแปลงค่าวรรณยุกต์เพียงเล็กน้อยเพื่อกำหนดรูปร่างของตัวละคร ริวมีสีพื้นฐานเพียงห้าสีพร้อมค่าวรรณยุกต์ต่างๆ
3. ใช้สี ใช้เครื่องมือเติมเพื่อระบายสีสไปรท์ของคุณ ณ จุดนี้คุณใช้เฉพาะสีมาตรฐานดังนั้นอย่ากังวลว่ามันจะดูแบน เครื่องมือเติมจะแทนที่พิกเซลทั้งหมดที่ตรงกับพิกเซลที่คุณกดด้วยสีที่เลือกจนกว่าจะตรวจพบขอบเขต

ส่วนที่ 5 จาก 7: การใช้ค่าวรรณยุกต์

1. ระบุ "แหล่งกำเนิดแสง" มุมที่แสงตกกระทบสไปรท์ช่วยกำหนดตำแหน่งที่จะสร้างเงาเพื่อให้ได้เอฟเฟกต์ที่สมจริงและน่าเชื่อยิ่งขึ้น แม้ว่าจะมองไม่เห็นแสง แต่สิ่งสำคัญคือต้องรู้ว่าแสงมาจากไหน
   • อาจเป็นเรื่องง่ายที่สุดที่จะทำให้เกิดเงาเมื่อแหล่งกำเนิดแสงวางอยู่เหนือสไปรท์ไม่ว่าจะอยู่ทางขวาหรือซ้ายเล็กน้อย
2. ใช้ค่าวรรณยุกต์ด้วยสีเข้มกว่าสีฐานเล็กน้อย หากแหล่งกำเนิดแสงมาจากด้านบนเงาจะอยู่ที่ "ด้านล่าง" ของสไปรท์ แรเงาพื้นผิวใด ๆ ที่ไม่ได้รับแสงโดยตรง เพียงเพิ่มพิกเซลสองสามชั้นที่ด้านบนหรือด้านล่างของโครงร่างเพื่อสร้างเงา
   • คุณสามารถลด "ความสว่าง" ของสีพื้นฐานของคุณและเพิ่มค่า "เฉดสี" เล็กน้อยเพื่อให้ได้สีเงาที่ดี
   • อย่าใช้การไล่ระดับสี พวกเขาดูปลอมและไม่เป็นมืออาชีพ คุณสามารถใช้ dithering เพื่อจำลองการไล่ระดับสี (ดูด้านล่าง)
3. เพิ่มเงาที่นุ่มนวลลงไป เลือกเฉดสีระหว่างความมืดของเงาและสีฐานเดิม ใช้เฉดสีนี้เพื่อเพิ่มเลเยอร์เงาใหม่ระหว่างเฉดสีและสีฐาน สิ่งนี้ให้ผลของการเปลี่ยนจากมืดเป็นสว่าง
4. ใช้ไฮไลท์ มีสถานที่บนสไปรท์ที่แสงตกกระทบโดยตรง คุณสามารถเพิ่มไฮไลท์ได้โดยเพิ่มเฉดสีที่อ่อนกว่าสีฐานเล็กน้อย ใช้ไฮไลต์เท่าที่จำเป็นเพราะอาจทำให้เสียสมาธิได้

ส่วนที่ 6 จาก 7: ใช้เทคนิคขั้นสูง

1. พยายามทำงานกับ dithering นี่คือเอฟเฟกต์ที่ช่วยให้ศิลปินสามารถแสดงการเปลี่ยนสีได้ วิธีนี้ช่วยให้คุณสร้างการไล่ระดับสีที่มีเพียงไม่กี่สีโดยการวางพิกเซลสลับกันเพื่อสร้างช่วงการเปลี่ยนภาพ การจัดวางสีของพิกเซลที่แตกต่างกันสองสีในรูปแบบและระดับที่เกิดขึ้นสามารถหลอกตาได้เนื่องจากดูเหมือนว่ามีเฉดสีที่แตกต่างกัน
   • ผู้เริ่มต้นใช้ Rasterizing บ่อยเกินไปดังนั้นจึงไม่ควรใช้วิธีนี้ยกเว้นในบางกรณีที่เกิดขึ้นได้ยาก
2. ฝึกการลบรอยหยัก พิกเซลอาร์ตถูกกำหนดโดยพิกเซลที่สามารถมองเห็นได้ชัดเจน แต่บางครั้งคุณต้องการทำให้เส้นดูเรียบขึ้นเล็กน้อย การลบรอยหยักเป็นเทคนิคที่คุณสามารถทำได้
   • เพิ่มสีกลางให้กับรอยย่นบนเส้นโค้ง เพิ่มเลเยอร์ของสีการเปลี่ยนแปลงรอบ ๆ โครงร่างของเส้นโค้งที่คุณต้องการให้ดูนุ่มนวลขึ้น หากยังคงดูเป็นบล็อกให้เพิ่มเลเยอร์อื่นด้วยสีที่อ่อนกว่า
   • หากคุณต้องการให้สไปรต์ของคุณตัดกันกับพื้นหลังสีใด ๆ อย่าใช้การลบรอยหยักสำหรับขอบด้านนอกของโครงร่าง
3. ใช้โครงร่างที่เลือก นี่คือคำศัพท์สำหรับการใช้สีโครงร่างเดียวกันกับสีเติม สิ่งนี้ทำให้สไปรต์มีลักษณะ "การ์ตูน" น้อยลงเล็กน้อยเนื่องจากโครงร่างดูเป็นธรรมชาติขึ้นเล็กน้อย ใช้โครงร่างเฉพาะสำหรับผิวและโครงร่างแบบดั้งเดิมสำหรับเสื้อผ้า
   • ใช้เฉดสีเข้มกว่าสีฐานของชิ้นส่วนและเพิ่มโครงร่างอย่างเลือกได้ ใช้แหล่งกำเนิดแสงเพื่อเปลี่ยนสีในขณะที่สร้างโครงร่างทำให้สไปรท์ดูเป็นธรรมชาติมากขึ้น สิ่งนี้มีประโยชน์อย่างยิ่งกับการกำหนดสีผิวและกล้ามเนื้อ
   • โครงร่างแบบดั้งเดิมจะใช้ได้ดีหากคุณต้องการให้สไปรต์แตกต่างจากพื้นหลังที่วุ่นวาย

ส่วนที่ 7 จาก 7: การตกแต่งขั้นสุดท้าย

1. ดูสไปรท์อย่างใกล้ชิด ย้อนกลับไปดูสไปรท์ที่ตอนนี้กลายเป็น ตรวจสอบว่ามีอะไรผิดปกติหรือไม่และแก้ไขข้อบกพร่องหรือข้อผิดพลาด
2. เพิ่มรายละเอียด เมื่อคุณระบายสีและใช้ค่าวรรณยุกต์เสร็จแล้วคุณสามารถเพิ่มรายละเอียดต่างๆเช่นข้อความดวงตาคุณสมบัติพิเศษและทุกสิ่งที่ทำให้สไปรท์ดียิ่งขึ้น ความใส่ใจในรายละเอียดในตอนท้ายของโครงการคือสิ่งที่ทำให้มือสมัครเล่นแตกต่างจากศิลปินพิกเซลมืออาชีพ
3. สร้างภาพเคลื่อนไหวของสไปรท์ของคุณ หากคุณทำตามขั้นตอนด้านบนตอนนี้คุณจะมีสไปรต์แบบคงที่เพียงชุดเดียว นี่เป็นงานศิลปะที่ดี แต่ถ้าคุณต้องการสร้างสไปรต์สำหรับเกมพวกเขาอาจจะต้องเป็นภาพเคลื่อนไหว ซึ่งหมายความว่าเฟรมภาพเคลื่อนไหวแต่ละเฟรมมีสไปรต์ของตัวเองโดยมีการเปลี่ยนแปลงเล็กน้อยจากเฟรมก่อนหน้า คอลเลกชันของสไปรต์ทั้งหมดที่ใช้ในแอนิเมชั่นเรียกว่า "สไปรต์ชีต"
   • ดูวิกิฮาวสำหรับข้อมูลเพิ่มเติมเกี่ยวกับการทำให้ภาพต่อเรียงเป็นภาพเคลื่อนไหวใน GIMP
   • การสร้างภาพเคลื่อนไหวที่เป็นเอกลักษณ์และน่าสนใจสำหรับสไปรต์เป็นวิธีหนึ่งที่ศิลปินพิกเซลจะสร้างความแตกต่างจากมือสมัครเล่น แอนิเมชั่นที่ดีสามารถทำให้เทพดามีชีวิตขึ้นมาได้อย่างสมบูรณ์
4. สร้างผลงาน หากคุณต้องการใช้ทักษะศิลปะพิกเซลของคุณในโลกแห่งการพัฒนาวิดีโอเกมคุณจะต้องสร้างผลงานที่มั่นคงเพื่อแสดงให้นายจ้างที่มีศักยภาพ รวมสไปรต์ที่ดีที่สุดของคุณไว้ที่นี่เช่นเดียวกับภาพเคลื่อนไหวบางส่วนหากคุณมี รวมหัวข้อต่างๆเช่นตัวละครสภาพแวดล้อมรายการ ฯลฯ