Contents

วิธีสร้าง Pixel Art: สุดยอดคู่มือสำหรับผู้เริ่มต้น

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

การสร้างงานศิลปะพิกเซลบางครั้งเรียกว่า"spriting"ซึ่งมีต้นกำเนิดมาจากคำว่า"sprite"ซึ่งเป็นบิตแมปสองมิติที่รวมเข้าไว้อย่างลงตัวภายในบริบทของภาพที่กว้างขวางยิ่งขึ้น ซึ่งมักจะอยู่ในขอบเขตของวิดีโอเกม

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

เครื่องมือสำคัญสำหรับ Pixel Art

มักสันนิษฐานว่าโปรแกรมซอฟต์แวร์ขั้นสูงที่มีราคาแพงจะให้ผลลัพธ์ที่เหนือกว่าในการสร้างสรรค์งานศิลปะ อย่างไรก็ตาม ความคิดนี้ถูกเข้าใจผิด การเลือกใช้งานด้านศิลปะนั้นขึ้นอยู่กับความชอบส่วนบุคคลในที่สุด มีเครื่องมือศิลปะพิกเซลที่ยอดเยี่ยมมากมายสำหรับทั้งอุปกรณ์ Android และ iOS โดยมีตัวเลือกต่างๆ เช่น Procreate หรือ Tayasui Sketches หรือสำหรับอุปกรณ์ที่ใช้ระบบปฏิบัติการ Windows เราอาจลองใช้โปรแกรมง่ายๆ เช่น Microsoft Paint เพื่อเริ่มการสร้างสรรค์ผลงาน

การใช้นวัตกรรมแทนที่จะพึ่งพาซอฟต์แวร์ที่ใช้คือสิ่งที่ดึงเอาความฉลาดของงานศิลปะพิกเซลออกมาอย่างแท้จริง แม้ว่าแอปพลิเคชันที่มีประสิทธิภาพที่ทำให้กระบวนการง่ายขึ้นและลดเส้นโค้งการเรียนรู้จะเป็นประโยชน์ แต่การนำทางผ่านตัวเลือกต่างๆ อาจกลายเป็นเรื่องล้นหลามเมื่อค้นหาเครื่องมือวาดภาพในอุดมคติ ในบรรดาทางเลือกมากมาย Aseprite มีความโดดเด่นในฐานะแพลตฟอร์มการสร้างสรรค์ภาพพิกเซลระดับแนวหน้าที่นำเสนอชุดคุณสมบัติที่ครอบคลุมที่จำเป็นสำหรับความสำเร็จในสาขานี้

/th/images/tool-icons-for-pixel-art.png

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

ดินสอทำหน้าที่เป็นสื่อศิลปะขั้นพื้นฐานสำหรับการสร้างสรรค์ภาพวาดผ่านความสามารถในการสร้างแต่ละพิกเซลในบริบทการออกแบบกราฟิก

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

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

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

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

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

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

สไปรท์หรือแคนวาสของคุณควรใหญ่แค่ไหน?

ในการเลือกขนาดสไปรท์ ไม่มีการตอบสนองที่ไม่ถูกต้อง อย่างไรก็ตาม เป็นเรื่องปกติที่จะเห็นขนาดที่เป็นผลคูณของ 8 ยกกำลัง 2 (เช่น 8x8, 16x16, 32x32 และอื่นๆ) เนื่องจากข้อจำกัดของระบบคอมพิวเตอร์รุ่นเก่าในการแสดงขนาดเหล่านี้อย่างถูกต้อง

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

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

/th/images/typical-sprite-sizes.png

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

สิ่งสำคัญที่ควรทราบคือแนวโน้มที่แพร่หลายในจอแสดงผลสมัยใหม่จะมีอัตราส่วนภาพ 16:9 โดยที่ช่วงแนวนอน 16 ยูนิตจะสอดคล้องกับมิติแนวตั้ง 9 ยูนิต ลักษณะนี้มักพบเห็นได้ทั่วไปในจอภาพรุ่นต่างๆ และควรนำมาพิจารณาโดยนักพัฒนาเกมเมื่อออกแบบโปรเจ็กต์ของตน

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

/th/images/guide-to-resizing-pixel-art.png

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

เพื่อให้ได้ความละเอียด 1080p เราอาจเลือกใช้ผืนผ้าใบที่มีความกว้าง 384 พิกเซล x สูง 216 พิกเซล จากนั้นจึงขยายให้ใหญ่ขึ้น 500 เปอร์เซ็นต์เพื่อการแสดงผล

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

กระบวนการสปิริต

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

/th/images/spriting-process.png

เพื่อเป็นรากฐานสำหรับความพยายามของคุณ ฉันขอนำเสนอคำแนะนำที่ครอบคลุมซึ่งสรุปแนวทางที่เป็นระบบในการเริ่มโครงการของคุณ รู้สึกอิสระที่จะปฏิบัติตามกรอบการทำงานนี้อย่างเคร่งครัด ละเว้นขั้นตอนบางอย่างตามที่เห็นสมควร หรือรวมส่วนประกอบเพิ่มเติมตามความต้องการและความต้องการของแต่ละบุคคล

เริ่มต้นด้วยภาพร่างคร่าวๆ

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

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

ทำความสะอาดภาพลายเส้น

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

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

/th/images/guide-to-pixel-lines.png

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

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

แนะนำสี

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

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

การสร้างโทนสีที่น่าดึงดูดต้องอาศัยความเข้าใจในทฤษฎีสี เนื่องจากจะต้องเลือกเฉดสีที่โต้ตอบกันอย่างกลมกลืน ขณะเดียวกันก็ผสมผสานความแตกต่างในระดับความอิ่มตัวและความสว่างที่ตัดกันระหว่างแสงและความมืด สำหรับผู้ที่ไม่คุ้นเคยกับหลักการเหล่านี้ การประกอบชุดสีที่สอดคล้องกันอาจเป็นเรื่องท้าทาย

หากคุณต้องการให้คนอื่นคิดแทนคุณ Lospec เป็นฐานข้อมูลออนไลน์ที่ยอดเยี่ยมที่เต็มไปด้วยชุดสีสำเร็จรูป

เพิ่มรายละเอียด ไฮไลท์ และเงา

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

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

/th/images/guide-to-shading-and-form.png

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

บันทึกงานศิลปะของคุณ

เมื่อพิจารณาถึงเนื้อหาที่กำลังบันทึก ควรเลือกใช้รูปแบบไฟล์ที่รองรับเฉดสีและความโปร่งแสงที่สม่ำเสมอที่กว้างใหญ่ สำหรับภาพนิ่งที่ไม่มีการเคลื่อนไหว โดยทั่วไปการบันทึกในรูปแบบ Portable Network Graphics (PNG) ก็เพียงพอแล้ว อย่างไรก็ตาม หากการนำเสนอด้วยภาพประกอบด้วยการเคลื่อนไหว การใช้ Graphics Interchange Format (GIF) อาจพิสูจน์ได้ว่าเหมาะสมกว่าเนื่องจากความสามารถในการแสดงองค์ประกอบที่เคลื่อนไหวได้ ท้ายที่สุดแล้ว สิ่งที่กำหนดตัวเลือกประเภทไฟล์ที่เหมาะสมที่สุดคือคุณลักษณะที่จำเป็นในการนำเสนอแง่มุมต่างๆ ของการสร้างสรรค์ดิจิทัลอย่างถูกต้อง

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

Pixel Art: เรียนรู้ง่าย แต่ยากที่จะเชี่ยวชาญ

ศิลปะพิกเซลเป็นรูปแบบหนึ่งของภาพประกอบดิจิทัลที่แตกต่างจากการวาดภาพดิจิทัลแบบดั้งเดิม เนื่องจากข้อจำกัดโดยธรรมชาติที่กำหนดโดยโครงสร้างแบบตาราง แม้จะมีความแตกต่างนี้ ศิลปะพิกเซลก็มีหลักการพื้นฐานหลายประการร่วมกับทัศนศิลป์รูปแบบอื่นๆ เช่น การวาดภาพและการวาดภาพ ซึ่งช่วยให้ศิลปินที่คุ้นเคยกับสื่อเหล่านี้ปรับตัวได้ง่าย ด้วยการฝึกฝนอย่างสม่ำเสมอ แต่ละบุคคลอาจฝึกฝนทักษะของตนในงานศิลปะพิกเซลและบรรลุความเชี่ยวชาญเมื่อเวลาผ่านไป