พิกเซลอาร์ตหรือกราฟิกพิกเซลเป็นภาพวาดดิจิทัลที่สร้างขึ้นในโปรแกรมแก้ไขแรสเตอร์แบบพิกเซลต่อพิกเซล พิกเซล (พิกเซล) - องค์ประกอบกราฟิกที่เล็กที่สุดของภาพ กล่าวอีกนัยหนึ่งก็คือประเด็น และภาพวาดพิกเซลทั้งหมดประกอบด้วยกลุ่มจุดจำนวนนับไม่ถ้วน ส่งผลให้มีความไม่สม่ำเสมอเล็กน้อย ราวกับติดตามได้ไม่ดี แต่นั่นคือความงามของภาพเหล่านี้
เกร็ดประวัติศาสตร์
โปรแกรมใดบ้างที่สามารถสร้างศิลปะพิกเซลที่ทันสมัยได้
มีโปรแกรมแก้ไขแรสเตอร์ฟรีมากมาย แต่บ่อยครั้งกว่าที่อื่นเรียกว่า Microsoft Paint และ Adobe Photoshop จริงอยู่ Paint ถือเป็นเครื่องมือที่สะดวกน้อยกว่าในการสร้างภาพศิลปะพิกเซลมากกว่า Adobe Photoshop ทำไม ในโปรแกรมนี้:
เป็นการยากมากที่จะได้ภาพที่สม่ำเสมอและสมมาตร
เมื่อบันทึกในรูปแบบ jpg จะมีความผิดเพี้ยนของสีที่รุนแรง
ยากที่จะวาดเงาและไฮไลท์
ดังนั้นพวกเขาจึงพยายามให้ความสำคัญกับ Adobe Photoshop โปรแกรมนี้มีตัวเลือกการทำงานมากกว่าโปรแกรมระบายสี ที่ช่วยให้คุณวาดไม่ใช่ตัวละครแต่ละตัวด้วยการออกแบบที่เรียบง่าย แต่ทั้งภาพ นอกจากนี้ พิกเซลอาร์ตเองยังแก้ไขได้ง่ายและรวดเร็วยิ่งขึ้น ได้ และคุณสามารถถ่ายโอนการเปลี่ยนสีใน Adobe Photoshop ได้อย่างราบรื่นและเป็นธรรมชาติ
วิธีหลีกเลี่ยงข้อผิดพลาดใน Pixel Art
Pixel art คือชุดของพิกเซลที่มี "จุด" สี่เหลี่ยมจัตุรัสหรือสี่เหลี่ยม เมื่อภาพถูกดึงออกมาจาก "จุด" ดังกล่าว มันจะกลายเป็นมุม ความเรียบของเส้นจะหายไป ด้านหนึ่งนี่คือการ์ดโทรศัพท์ของ Pixel Art และอีกทางหนึ่ง ฉันต้องการความราบรื่นมากกว่านี้ซึ่งจะทำให้ภาพดูเรียบร้อยและน่าสนใจสำหรับผู้ใช้ ปัญหานี้ในภาษาของศิลปินพิกเซลเรียกว่า kinks หรือ "jaggies"
Jaggies เป็นชิ้นส่วนที่ทำให้เส้นทุกเส้นมีลักษณะเป็นหยัก โดยปกติแล้วจะกำจัดด้วยวิธีใดวิธีหนึ่งต่อไปนี้:
เพิ่มส่วนของเส้นนอกเส้นยาว 2, 3 หรือมากกว่าพิกเซล
ลดความยาวของพิกเซลในพื้นที่ที่โดดเด่น
ส่วนใหม่ของบรรทัดถูกสร้างขึ้นจากหลายพิกเซลเดียว
เพิ่มพิกเซลเดียวลงในพื้นที่ขรุขระระหว่าง "จุด" ที่ยาวกว่า เป็นต้น
ในการกำจัดข้อผิดพลาดอย่างถูกต้อง คุณต้องจำกฎหลัก: ความยาวขององค์ประกอบของเส้นโค้งควรลดลงหรือเพิ่มขึ้นทีละน้อย คุณต้องจำไว้ว่าการขยับส่วนของเส้นด้วยความสูงสองพิกเซลขึ้นไปจะนำไปสู่การทำลายความราบรื่น
ดังนั้นจึงจำเป็นต้องมีการฝึกวาดอย่างต่อเนื่อง คุณสามารถใช้เส้นตรงเฉียงชุดหนึ่งเพื่อช่วยไม่ให้หักมุมเพื่อช่วยให้มองเห็นได้ง่ายและช่วยในการมองเห็นได้
วิธีสร้างเงาใน Pixel Art
อีกจุดสำคัญในงานศิลปะพิกเซลคือระดับเสียง เช่นเดียวกับตัวเลือกกราฟิกอื่น ๆ ทำได้โดยใช้ไฮไลท์และเงา ในการสร้างเงาในงานศิลปะพิกเซล คุณต้องเปลี่ยนจากสีอ่อนเป็นสีเข้มหรือจากสีหนึ่งไปอีกสีหนึ่งได้อย่างราบรื่น เพื่อให้บรรลุผลนี้ มักใช้เทคโนโลยีการผสม - การผสมสีหรือการผสมสี กล่าวอีกนัยหนึ่งบนขอบของสองสีพวกเขาจะผสมในรูปแบบกระดานหมากรุก วิธีนี้เกิดขึ้นกับฉากหลังของดอกไม้ที่ขาดแคลน ด้วยความช่วยเหลือของการผสมหมากรุกสองสี เป็นไปได้ที่จะได้สีที่สามที่ไม่ได้อยู่ในจานสี
อย่างไรก็ตาม หลังจากที่จานสีขยายออกไปอย่างเห็นได้ชัด เทคโนโลยีการฟอกสียังคงเป็นที่ต้องการ แต่คุณต้องจำไว้ว่าการเปลี่ยนจากสีหนึ่งไปอีกสีหนึ่งด้วยความกว้างหนึ่งพิกเซลนั้นดูไม่ดี มันกลับกลายเป็นแค่หวี ดังนั้น
พื้นที่ผสมขั้นต่ำต้องมีอย่างน้อยสองพิกเซล และยิ่งช่วงการเปลี่ยนภาพกว้างเท่าไหร่ก็ยิ่งดีเท่านั้น
นอกจากนี้ เมื่อสร้างเงา:
สิ่งสำคัญคือต้องกำหนดว่าแสงจะตกบนวัตถุจากด้านใดและจากด้านใด สิ่งนี้จะทำให้ภาพวาด "สด" รวมทั้งเข้าใจว่าจะวาดเงาได้ที่ไหน ตัวอย่างเช่น หากแสงส่องไปทางขวา พื้นที่เงาจะตั้งอยู่ทางด้านซ้าย เป็นต้น
คุณต้องใช้สีที่เข้มกว่าสีพื้นฐานมาก เหล่านั้น. ควรแสดงเงาโดยใช้สีเข้มกว่าบริเวณที่แรเงา ตัวอย่างเช่น หากวัตถุเป็นสีแดง เงาของมันจะเป็นสีแดงเบอร์กันดีหรือสีน้ำตาลเข้ม
อย่าลืมเงามัว เพื่อจุดประสงค์นี้ เฉดสีจะถูกเลือกซึ่งตามจานสี จะอยู่ระหว่างสีพื้นฐานและสีเงา เฉดสีนี้อยู่ระหว่างชั้นของสองสีนี้ ผลลัพธ์ก็คือเอฟเฟกต์ของการเปลี่ยนจากบริเวณที่มืดไปเป็นบริเวณที่สว่างกว่าจะถูกสร้างขึ้นอย่างราบรื่น
วิธีรับแสงสะท้อนบน Pixel Art
ไฮไลท์ เหมือนเงา ให้ระดับเสียงกับวัตถุที่วาด มักจะตั้งอยู่ด้านที่แสงตกกระทบ แต่ถ้าวัตถุนั้นควรจะมีพื้นผิวที่มันวาว เช่น ถ้วยกระเบื้อง ดาบที่ทำจากเหล็ก ฯลฯ ก็จำเป็นต้องมีไฮไลท์ในบริเวณที่แรเงาด้วย
ในการสร้างไฮไลท์ในบริเวณที่แสงตกกระทบ คุณต้องใช้สีที่จะสว่างกว่าสีหลักมาก คุณไม่จำเป็นต้องกระตือรือร้นในความสว่างของจุดนี้ มันอาจจะดูไม่เป็นธรรมชาติ บ่อยครั้ง แสงสะท้อนจะแสดงเป็นสีขาวโดยไม่มีการเปลี่ยนภาพ สิ่งนี้ไม่ได้เกิดขึ้นในธรรมชาติ ใช่แล้ววัตถุจะดูแบน
ในการสร้างไฮไลท์จากด้านข้างของเงา คุณต้องใช้สีที่สว่างกว่าสีที่ใช้กับเงา และในกรณีนี้จำเป็นต้องมีการเปลี่ยนแปลงที่ราบรื่นซึ่งสามารถทำได้โดยใช้หลายเฉดสีในคราวเดียว
แน่นอนว่าการจะตระหนักรู้ทั้งหมดนี้จำเป็นต้องมีการฝึกฝน และเป็นการดีที่สุดที่จะเริ่มต้นด้วยวัตถุธรรมดา
การวาดภาพในระดับพิกเซลนั้นมีลักษณะเฉพาะในทัศนศิลป์ ด้วยความช่วยเหลือของพิกเซลที่เรียบง่าย ผลงานชิ้นเอกที่แท้จริงจะถูกสร้างขึ้น แน่นอนคุณสามารถสร้างภาพวาดดังกล่าวบนแผ่นกระดาษได้ แต่การสร้างรูปภาพโดยใช้โปรแกรมแก้ไขกราฟิกทำได้ง่ายกว่าและถูกต้องมากขึ้น ในบทความนี้ เราจะวิเคราะห์โดยละเอียดเกี่ยวกับตัวแทนของซอฟต์แวร์ดังกล่าว
โปรแกรมแก้ไขกราฟิกที่ได้รับความนิยมมากที่สุดในโลกที่สามารถทำงานได้ในระดับพิกเซล ในการสร้างรูปภาพดังกล่าวในตัวแก้ไขนี้ คุณเพียงแค่ต้องดำเนินการตามขั้นตอนการกำหนดค่าล่วงหน้าสองสามขั้นตอน ทุกสิ่งที่ศิลปินต้องการเพื่อสร้างงานศิลปะอยู่ที่นี่
แต่ในทางกลับกัน ฟังก์ชั่นมากมายไม่จำเป็นสำหรับการวาดภาพพิกเซลอาร์ต ดังนั้นจึงไม่สมเหตุสมผลที่จะจ่ายเงินมากเกินไปสำหรับโปรแกรม หากคุณจะใช้มันสำหรับฟังก์ชันบางอย่างเท่านั้น หากคุณเป็นหนึ่งในผู้ใช้เหล่านี้ เราขอแนะนำให้คุณให้ความสนใจกับตัวแทนอื่นๆ ที่มุ่งเน้นเฉพาะด้านกราฟิกพิกเซล
PyxelEdit
โปรแกรมนี้มีทุกสิ่งที่คุณต้องการเพื่อสร้างภาพวาดดังกล่าว และไม่มีคุณลักษณะที่ศิลปินจะไม่ต้องการมากเกินไป การตั้งค่าค่อนข้างง่ายในจานสีคุณสามารถเปลี่ยนสีเป็นโทนสีที่ต้องการได้และการเลื่อนหน้าต่างอย่างอิสระจะช่วยให้คุณปรับแต่งโปรแกรมสำหรับตัวคุณเอง
PyxelEdit มีคุณสมบัติไทล์ต่อผ้าใบที่มีประโยชน์เมื่อสร้างวัตถุที่มีเนื้อหาคล้ายกัน เวอร์ชันทดลองสามารถดาวน์โหลดได้จากเว็บไซต์อย่างเป็นทางการ และไม่มีข้อจำกัดในการใช้งาน คุณจึงสัมผัสได้ถึงผลิตภัณฑ์ก่อนตัดสินใจซื้อ
Pixelformer
ในลักษณะที่ปรากฏและการทำงาน นี่คือโปรแกรมแก้ไขกราฟิกทั่วไป แต่มีคุณสมบัติเพิ่มเติมหลายประการสำหรับการสร้างภาพพิกเซล นี่เป็นหนึ่งในไม่กี่โปรแกรมที่แจกจ่ายฟรีอย่างแน่นอน
นักพัฒนาซอฟต์แวร์ไม่ได้วางตำแหน่งผลิตภัณฑ์ของตนว่าเหมาะสมสำหรับการสร้างงานศิลปะพิกเซล พวกเขาเรียกมันว่าเป็นวิธีที่ดีในการวาดโลโก้และไอคอน
กราฟิกเกล
ในซอฟต์แวร์ดังกล่าวเกือบทั้งหมด พวกเขาพยายามแนะนำระบบแอนิเมชั่นรูปภาพ ซึ่งส่วนใหญ่มักจะใช้ไม่ได้เนื่องจากฟังก์ชันที่จำกัดและการใช้งานที่ไม่ถูกต้อง ใน GraphicsGale ก็เช่นกัน ไม่ใช่ทุกอย่างจะดีนักกับสิ่งนี้ แต่อย่างน้อยฟังก์ชันนี้ก็สามารถทำงานได้ตามปกติ
สำหรับการวาดภาพ ทุกอย่างเหมือนกับเครื่องมือแก้ไขจำนวนมาก: ฟังก์ชันพื้นฐาน จานสีขนาดใหญ่ ความสามารถในการสร้างหลายเลเยอร์ และไม่มีอะไรเหลือเฟือที่จะรบกวนการทำงาน
คาร่าเมคเกอร์
Character Maker 1999 เป็นหนึ่งในโปรแกรมที่เก่าแก่ที่สุด มันถูกสร้างขึ้นเพื่อสร้างตัวละครหรือองค์ประกอบแต่ละตัวที่จะใช้ในโปรแกรมอื่นสำหรับแอนิเมชั่นหรือฝังในเกมคอมพิวเตอร์ จึงไม่เหมาะกับการสร้างภาพวาดมากนัก
อินเทอร์เฟซไม่ค่อยดี แทบทุกหน้าต่างไม่สามารถย้ายหรือปรับขนาดได้ และเลย์เอาต์เริ่มต้นก็ไม่ได้ดีที่สุด อย่างไรก็ตาม คุณสามารถใช้มันได้
โปรโมชั่น NG
โปรแกรมนี้เหมาะสำหรับเกือบทุกอย่าง ตั้งแต่อินเทอร์เฟซที่ออกแบบมาอย่างดี ซึ่งเป็นไปได้ที่จะย้ายหน้าต่างโดยอิสระจากหน้าต่างหลักไปยังจุดใดก็ได้และปรับขนาดหน้าต่างเหล่านั้น และปิดท้ายด้วยสวิตช์อัตโนมัติจากหลอดหยดเป็นดินสอ ซึ่ง เป็นเพียงคุณสมบัติที่สะดวกสบายอย่างเหลือเชื่อ
มิฉะนั้น Pro Motion NG เป็นเพียงซอฟต์แวร์ที่ดีสำหรับการสร้างภาพศิลปะพิกเซลในทุกระดับ สามารถดาวน์โหลดเวอร์ชันทดลองได้จากเว็บไซต์อย่างเป็นทางการและทดสอบเพื่อตัดสินใจซื้อเวอร์ชันเต็มเพิ่มเติม
Aseprite
ถือได้ว่าเป็นโปรแกรมที่สะดวกและสวยงามที่สุดในการสร้างภาพพิกเซลอาร์ต การออกแบบอินเทอร์เฟซเพียงอย่างเดียวก็คุ้มค่า แต่นั่นไม่ใช่ข้อดีทั้งหมดของ Aseprite มีความสามารถในการทำให้ภาพเคลื่อนไหวได้ แต่ไม่เหมือนกับตัวแทนก่อนหน้านี้ มันถูกนำไปใช้อย่างถูกต้องและสะดวกต่อการใช้งาน มีทุกอย่างเพื่อสร้างภาพเคลื่อนไหว GIF ที่สวยงาม
พิกเซลอาร์ต(เขียนโดยไม่มียัติภังค์) หรือ พิกเซลอาร์ต- ทิศทางของศิลปะดิจิทัล ซึ่งประกอบด้วยการสร้างภาพที่ระดับพิกเซล (เช่น หน่วยตรรกะขั้นต่ำที่รูปภาพประกอบด้วย) ไม่ใช่ภาพแรสเตอร์ทั้งหมดที่เป็นภาพศิลปะพิกเซล แม้ว่าภาพทั้งหมดจะประกอบด้วยพิกเซลก็ตาม ทำไม เพราะในท้ายที่สุด แนวคิดของภาพพิกเซลอาร์ตไม่ได้รวมผลลัพธ์ไว้มากเท่ากับกระบวนการสร้างภาพประกอบ ทีละพิกเซล แค่นั้นเอง หากคุณถ่ายภาพดิจิทัล ให้ลดขนาดลงอย่างมาก (เพื่อให้มองเห็นพิกเซลได้) และอ้างว่าคุณวาดเองตั้งแต่ต้น - นี่จะเป็นการปลอมแปลงจริง แม้ว่าจะมีคนธรรมดาที่ไร้เดียงสาที่จะยกย่องคุณสำหรับการทำงานหนักของคุณ
ตอนนี้ยังไม่ทราบแน่ชัดว่าเทคนิคนี้เกิดขึ้นเมื่อใด รากเหง้าหายไปที่ไหนสักแห่งในช่วงต้นทศวรรษ 1970 อย่างไรก็ตาม เทคนิคการจัดองค์ประกอบรูปภาพจากองค์ประกอบเล็กๆ น้อยๆ ได้ย้อนกลับไปสู่รูปแบบศิลปะแบบโบราณ เช่น โมเสก การเย็บข้าม การทอพรม และการประดับด้วยลูกปัด วลี "ศิลปะพิกเซล" เป็นคำจำกัดความของศิลปะพิกเซลถูกใช้ครั้งแรกในบทความโดย Adele Goldberg และ Robert Flegal ในวารสาร Communications of the ACM (ธันวาคม 1982)
ผิดปกติพอสมควร แต่เป็นความก้าวหน้าของวิทยาศาสตร์และเทคโนโลยีที่ผลักดันกราฟิกพิกเซลไปยังตำแหน่งสุดท้ายในช่วงกลางทศวรรษที่ 90 และกลับมาสู่เกมในเวลาต่อมา - เผยให้เห็นอุปกรณ์พกพาของโลกในรูปแบบของโทรศัพท์มือถือและพีดีเอ ท้ายที่สุด ไม่ว่าอุปกรณ์ใหม่จะมีประโยชน์เพียงใด เราทุกคนรู้ดีว่าถ้าคุณเล่นไพ่คนเดียวไม่ได้ อย่างน้อยก็ไร้ค่า ที่ไหนที่มีหน้าจอที่มีความละเอียดต่ำ ที่นั่นก็มีภาพพิกเซล อย่างที่พวกเขาพูด ยินดีต้อนรับกลับมา
2. เครื่องมือ
คุณต้องการอะไรในการสร้างภาพพิกเซล? ดังที่ฉันได้กล่าวไว้ข้างต้น คอมพิวเตอร์และโปรแกรมแก้ไขกราฟิกใดๆ ที่สามารถทำงานได้ในระดับพิกเซลก็เพียงพอแล้ว คุณสามารถวาดได้ทุกที่ แม้แต่ใน Game Boy แม้แต่บน Nintendo DS แม้แต่ใน Microsoft Paint (อีกสิ่งหนึ่งคือการวาดภาพในส่วนหลังนั้นไม่สะดวกอย่างยิ่ง) มีตัวแก้ไขแรสเตอร์มากมาย หลายตัวใช้งานได้ฟรีและใช้งานได้เพียงพอ เพื่อให้ทุกคนสามารถตัดสินใจเลือกซอฟต์แวร์ได้ด้วยตนเอง
ฉันวาดใน Adobe Photoshop เพราะมันสะดวกและนานมากแล้ว ฉันจะไม่โกหกและพูดพึมพำฟันปลอมของฉันว่า “ฉันจำได้ว่า Photoshop ยังเล็กมาก มันอยู่ใน Macintosh และมันอยู่ที่ 1.0” นี่ไม่ใช่ แต่ฉันจำ Photoshop 4.0 ได้ (และใน Mac ด้วย) สำหรับฉันแล้ว คำถามเกี่ยวกับการเลือกก็ไม่เคยเกิดขึ้น ดังนั้นจึงไม่ ไม่ แต่ฉันจะให้คำแนะนำเกี่ยวกับ Photoshop โดยเฉพาะอย่างยิ่งเมื่อความสามารถของมันจะช่วยให้ความคิดสร้างสรรค์ง่ายขึ้นอย่างมากดังนั้น คุณจำเป็นต้องมีโปรแกรมแก้ไขกราฟิกที่ให้คุณวาดด้วยเครื่องมือในหนึ่งพิกเซลสี่เหลี่ยม (พิกเซลยังสามารถไม่เป็นสี่เหลี่ยมจัตุรัสได้ เช่น กลม แต่เราไม่สนใจพวกมันในขณะนี้) หากเอดิเตอร์ของคุณรองรับชุดสีใดก็ได้ เยี่ยมมาก ถ้ามันช่วยให้คุณบันทึกไฟล์ได้ด้วย - เยี่ยมมาก คงจะดีถ้ารู้วิธีทำงานกับเลเยอร์ เพราะเมื่อทำงานกับรูปภาพที่ค่อนข้างซับซ้อน จะสะดวกกว่าที่จะแยกองค์ประกอบออกเป็นเลเยอร์ต่างๆ แต่โดยรวมแล้วนี่เป็นเรื่องของนิสัยและความสะดวก
เราควรจะเริ่มเลย? คุณอาจจะรอรายการกลเม็ดเคล็ดลับ คำแนะนำที่จะสอนวิธีการวาดภาพพิกเซลหรือไม่? และความจริงก็คือ ไม่มีอะไรมาก วิธีเดียวที่จะเรียนรู้วิธีการวาดพิกเซลอาร์ตคือการวาดตัวเอง พยายาม พยายาม ไม่ต้องกลัวและทดลอง ลอกงานคนอื่นได้ตามสบาย อย่ากลัวที่จะดูไม่เป็นต้นฉบับ (ขอแค่อย่าเอางานคนอื่นมาเป็นของตัวเองก็พอ อิอิ) วิเคราะห์งานของอาจารย์อย่างระมัดระวังและรอบคอบ (ไม่ใช่ของฉัน) และวาด, วาด, วาด ลิงก์ที่มีประโยชน์มากมายกำลังรอคุณอยู่ที่ส่วนท้ายของบทความ3. หลักการทั่วไป
อย่างไรก็ตาม มีหลักการทั่วไปบางประการที่ควรรู้ มีเพียงไม่กี่ข้อเท่านั้น ฉันเรียกมันว่า "หลักการ" ไม่ใช่กฎหมาย เพราะพวกเขาค่อนข้างเป็นที่ปรึกษา ท้ายที่สุด หากคุณสามารถวาดภาพพิกเซลอาร์ตที่แยบยลโดยข้ามกฎทั้งหมด - ใครจะสนล่ะ?
หลักการพื้นฐานที่สุดสามารถกำหนดได้ดังนี้ หน่วยขั้นต่ำของภาพคือพิกเซล และถ้าเป็นไปได้ องค์ประกอบทั้งหมดขององค์ประกอบควรเป็นสัดส่วนกับมัน ฉันจะถอดรหัส: ทุกสิ่งที่คุณวาดประกอบด้วยพิกเซลและพิกเซลควรอ่านในทุกสิ่ง ไม่ได้หมายความว่าจะไม่มีองค์ประกอบในภาพเลย เช่น 2x2 พิกเซล หรือ 3x3 แต่ก็ยังดีกว่าที่จะสร้างภาพจากแต่ละพิกเซล
เส้นขีดและโดยทั่วไปทุกเส้นของรูปภาพควรมีความหนาหนึ่งพิกเซล (มีข้อยกเว้นที่ไม่ค่อยพบ)
หงิกงอกีดกันการวาดภาพของความเรียบเนียนและความงามตามธรรมชาติ และถ้าชิ้นส่วนที่ 3, 4 และ 5 ชัดเจนและแก้ไขได้ง่าย สถานการณ์ก็ซับซ้อนกว่ากับส่วนอื่น - ความยาวของชิ้นส่วนในห่วงโซ่แตกอยู่ที่นั่น มันอาจจะดูเหมือนเรื่องเล็ก แต่เป็นเรื่องเล็กที่เห็นได้ชัดเจน ต้องฝึกฝนเล็กน้อยเพื่อเรียนรู้ที่จะเห็นและหลีกเลี่ยงสถานที่ดังกล่าว Kink 1 หลุดออกจากเส้นเพราะเป็นพิกเซลเดียว - ในขณะที่อยู่ในพื้นที่ที่เป็นลิ่ม เส้นจะประกอบด้วยส่วนที่ 2 พิกเซล เพื่อกำจัดมัน ฉันทำให้ส่วนโค้งเข้าไปในส่วนโค้งอ่อนลงโดยขยายส่วนบนเป็น 3px และวาดเส้นใหม่ทั้งหมดในส่วน 2px ตัวแบ่งที่ 2 และ 6 เหมือนกัน - เป็นส่วนย่อยของความยาว 2 พิกเซลอยู่แล้วในพื้นที่ที่สร้างด้วยพิกเซลเดียว
ชุดตัวอย่างเบื้องต้นของเส้นเฉียง ซึ่งพบได้ในคู่มือศิลปะพิกเซลเกือบทุกฉบับ (ของฉันก็ไม่มีข้อยกเว้น) จะช่วยหลีกเลี่ยงไม่ให้เกิดการแตกเมื่อวาด:
อย่างที่คุณเห็น เส้นตรงประกอบด้วยส่วนที่มีความยาวเท่ากัน โดยเลื่อนไปหนึ่งพิกเซลเมื่อวาด - นี่เป็นวิธีเดียวที่จะบรรลุผลของความเป็นเส้นตรง วิธีการก่อสร้างที่พบบ่อยที่สุดคือส่วนที่มีความยาว 1, 2 และ 4 พิกเซล (ยังมีวิธีอื่นๆ อีก แต่ตัวเลือกที่นำเสนอควรจะเพียงพอสำหรับการนำแนวคิดทางศิลปะมาปรับใช้เกือบทุกอย่าง) ในสามสิ่งนี้ ความนิยมสูงสุดสามารถเรียกได้ว่าความยาวของเซ็กเมนต์ 2 พิกเซลอย่างมั่นใจ: วาดส่วน, ย้ายปากกา 1 พิกเซล, วาดส่วนอื่น, ย้ายปากกา 1 พิกเซล, วาดส่วนอื่น:
ง่ายใช่มั้ย? มันต้องใช้นิสัย การรู้วิธีวาดเส้นเอียงโดยเพิ่มทีละ 2 พิกเซลจะช่วยในเรื่องภาพสามมิติ ดังนั้นเราจะพิจารณาอย่างละเอียดในครั้งต่อไป โดยทั่วไปแล้วเส้นตรงนั้นยอดเยี่ยม - แต่จนกว่าจะมีงานวาดปาฏิหาริย์เกิดขึ้น ที่นี่เราต้องการเส้นโค้ง และเส้นโค้งที่แตกต่างกันมากมาย และเรานำกฎง่ายๆ มาใช้ในการปัดเศษเส้นโค้ง: ความยาวขององค์ประกอบเส้นโค้งควรลดลง/เพิ่มขึ้นทีละน้อย.
ทางออกจากเส้นตรงไปยังการปัดเศษเป็นไปอย่างราบรื่นฉันระบุความยาวของแต่ละส่วน: 5 พิกเซล, 3, 2, 2, 1, 1, อีกครั้ง 2 (แนวตั้งแล้ว), 3, 5 และอื่น ๆ ไม่จำเป็นว่าเคสของคุณจะใช้ลำดับเดียวกัน ทุกอย่างขึ้นอยู่กับความราบรื่นที่จำเป็น ตัวอย่างการปัดเศษอื่น:
อีกครั้งที่เราหลีกเลี่ยงข้อบกพร่องที่ทำให้ภาพเสียไปมาก หากคุณต้องการตรวจสอบสื่อการเรียนรู้ ฉันมีสกินสำหรับ Winamp ที่วาดโดยผู้เขียนที่ไม่รู้จัก ว่างเปล่า:
มีข้อผิดพลาดร้ายแรงในรูปภาพ และการปัดเศษไม่สำเร็จ และพบข้อผิดพลาด พยายามแก้ไขรูปภาพตามสิ่งที่คุณรู้อยู่แล้ว นั่นคือทั้งหมดสำหรับฉันด้วยเส้นฉันเสนอให้วาดเล็กน้อย และอย่าปล่อยให้ความเรียบง่ายของตัวอย่างหลอกคุณ คุณสามารถเรียนรู้การวาดโดยการวาดภาพเท่านั้น แม้แต่สิ่งง่ายๆ เช่นนั้น
4.1. เราวาดขวดด้วยน้ำดำรงชีวิต
1. รูปร่างของวัตถุในขณะที่คุณไม่สามารถใช้สีได้
2. ของเหลวสีแดง
3. เปลี่ยนสีของแก้วเป็นสีน้ำเงิน เพิ่มพื้นที่แรเงาภายในฟอง และพื้นที่แสงบนพื้นผิวที่ต้องการของของเหลว
4. เพิ่มไฮไลท์สีขาวบนฟองสบู่ และเงาสีแดงเข้มกว้าง 1 พิกเซลบนพื้นที่ของเหลวที่ติดกับผนังฟองสบู่ ดูดีใช่มั้ย?
5. ในทำนองเดียวกัน เราวาดขวดด้วยของเหลวสีน้ำเงิน - นี่คือแก้วสีเดียวกัน บวกกับสีน้ำเงินสามเฉดสำหรับของเหลว
4.2. เราวาดแตงโม
มาวาดวงกลมและครึ่งวงกลมกัน - นี่จะเป็นแตงโมและชิ้นที่ผ่าแล้ว
2. ทำเครื่องหมายการตัดบนแตงโมและบนชิ้น - เส้นขอบระหว่างเปลือกโลกและเนื้อ
3. เติม สีจากจานสี สีเขียวเฉลี่ยคือสีของเปลือกโลก สีแดงเฉลี่ยคือสีของเนื้อกระดาษ
4. ระบุพื้นที่เปลี่ยนผ่านจากเปลือกถึงเนื้อ
5. แถบแสงบนแตงโม (ในที่สุดเขาก็ดูเหมือนตัวเอง) และแน่นอน เมล็ดพืช! หากคุณข้ามแตงโมกับแมลงสาบพวกเขาจะกระจายตัว
6. เรานึกถึง เราใช้สีชมพูอ่อนเพื่อระบุไฮไลท์เหนือเมล็ดในส่วนใดส่วนหนึ่ง และเมื่อจัดวางพิกเซลในรูปแบบกระดานหมากรุก เราก็จะได้ปริมาตรจากส่วนที่ตัดออก (วิธีการนี้เรียกว่า Dithering ในภายหลัง) เราใช้โทนสีแดงเข้มเพื่อระบุตำแหน่งแรเงาในส่วนของแตงโม และใช้สีเขียวเข้ม (อีกครั้งคือพิกเซลของกระดานหมากรุก) เพื่อเพิ่มระดับเสียงให้กับแตงโม
5. การทำ Dithering
Dithering หรือ Blending เป็นเทคนิคของการผสมพิกเซลในรูปแบบที่เรียงลำดับอย่างชัดเจน (ไม่เสมอไป) ในพื้นที่ที่มีพรมแดนติดกันสองแห่งที่มีสีต่างกัน วิธีที่ง่ายที่สุด ธรรมดาที่สุด และมีประสิทธิภาพคือการสลับพิกเซลในรูปแบบกระดานหมากรุก:
การรับเกิดขึ้นเนื่องจาก (หรือค่อนข้างตรงกันข้ามกับ) ข้อ จำกัด ทางเทคนิค - บนแพลตฟอร์มที่มีจานสีที่ จำกัด การทำ Dithering ทำให้เป็นไปได้โดยการผสมพิกเซลของสองสีที่ต่างกันเพื่อให้ได้อันที่สามที่ไม่ได้อยู่ในจานสี:
ในยุคของความเป็นไปได้ทางเทคนิคที่ไร้ขีดจำกัด หลายคนกล่าวว่าความจำเป็นในการปรับสีได้หายไปเอง อย่างไรก็ตาม การใช้อย่างเหมาะสมจะทำให้งานของคุณมีสไตล์ย้อนยุคที่แฟนเกมเก่าทุกคนจะจำได้ โดยส่วนตัวแล้วฉันชอบใช้การปรับสี ฉันไม่ค่อยรู้จักมันดีนัก แต่ฉันรักมันอีกสองตัวเลือกสำหรับการทำ dithering:
สิ่งที่คุณต้องรู้เกี่ยวกับการปรับสีเพื่อให้สามารถใช้งานได้ ความกว้างขั้นต่ำของโซนการผสมต้องมีอย่างน้อย 2 พิกเซล (ตัวตรวจสอบเดียวกันนั้น) เป็นไปได้มากขึ้น ดีกว่าที่จะไม่ทำน้อยด้านล่างนี้เป็นตัวอย่างของการปรับสีที่ไม่ถูกต้อง แม้ว่าที่จริงแล้วเทคนิคดังกล่าวสามารถเห็นได้บ่อยบนสไปรท์จากวิดีโอเกม แต่คุณต้องตระหนักว่าหน้าจอโทรทัศน์ทำให้ภาพเรียบขึ้นอย่างมาก และหวีและการเคลื่อนไหวนั้นไม่ได้รับการแก้ไขด้วยตา:
ทฤษฎีเพียงพอแล้ว ฉันแนะนำให้คุณฝึกฝนอีกสักหน่อย
ศิลปะพิกเซลสามารถวาดได้ในโปรแกรมกราฟิกแรสเตอร์ใด ๆ มันเป็นเรื่องของความชอบและประสบการณ์ส่วนตัว (รวมถึงความสามารถทางการเงินด้วยแน่นอน) มีคนใช้ Paint ที่ง่ายที่สุด ฉันทำใน Photoshop - เพราะอย่างแรกเลย ฉันใช้งานมันมาเป็นเวลานาน และประการที่สอง ฉันสบายใจกว่าเมื่ออยู่ที่นั่น ยังไงก็ตาม ฉันตัดสินใจลองใช้ Paint.NET ฟรี ฉันไม่ชอบมันเลย - มันเหมือนกับว่ารถยนต์ที่จำรถต่างประเทศที่มีระบบเกียร์อัตโนมัติใน Zaporozhets นั้นไม่น่าจะนั่งลงได้ นายจ้างของฉันจัดหาซอฟต์แวร์ลิขสิทธิ์ให้ฉัน ดังนั้นฉันจึงมีจิตสำนึกที่ชัดเจนต่อหน้า Adobe Corporation ... แม้ว่าราคาสำหรับโปรแกรมของพวกเขาจะคิดไม่ถึง และพวกเขาก็ต้องตกนรกด้วย
1. การเตรียมตัวก่อนเข้าทำงาน
สร้างเอกสารใหม่ด้วยการตั้งค่าใดก็ได้ (ให้กว้าง 60 พิกเซล สูง 100 พิกเซล) เครื่องมือหลักของศิลปินพิกเซลคือดินสอ ( เครื่องมือดินสอ, เรียกใช้โดยปุ่มลัด บี). หากแถบเครื่องมือเปิดใช้งานแปรง (และไอคอนรูปแปรง) ให้วางเมาส์เหนือแถบเครื่องมือ กด . ค้างไว้ LMB- เมนูแบบเลื่อนลงขนาดเล็กจะปรากฏขึ้นซึ่งคุณควรเลือกดินสอ ตั้งค่าขนาดปากกาเป็น 1 พิกเซล (ในแผงด้านบนทางด้านซ้าย เมนูแบบเลื่อนลง แปรง):
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.ชุดค่าผสมที่มีประโยชน์อีกสองสามรายการ " Ctrl+" และ " Ctrl-» ซูมเข้าและออกจากภาพ นอกจากนี้ยังเป็นประโยชน์ที่จะรู้ว่าการกด Ctrlและ " (คำพูด - ต้นคริสต์มาสหรือกุญแจรัสเซีย " อี”) สลับเปิดและปิดตาราง ซึ่งช่วยได้มากเมื่อวาดภาพพิกเซลอาร์ต ขั้นตอนกริดควรปรับด้วยตัวคุณเองด้วยจะสะดวกกว่าสำหรับบางคนเมื่อเป็น 1 พิกเซลฉันคุ้นเคยกับความกว้างของเซลล์เป็น 2 พิกเซล คลิก Ctrl+K(หรือไปที่ แก้ไข->การตั้งค่า) ไปที่จุด Guides, Grid & Slicesและติดตั้ง เส้นตารางทุกๆ 1 พิกเซล(สำหรับฉันฉันจะทำซ้ำสะดวกกว่า 2).
2. การวาดภาพ
สุดท้ายมาเริ่มวาดกัน ทำไมต้องสร้างเลเยอร์ใหม่ ( Ctrl+Shift+N) เปลี่ยนเป็นสีปากกาสีดำ (กด ดีกำหนดสีเริ่มต้นเป็นขาวดำ) และวาดหัวของตัวละคร ในกรณีของฉันมันเป็นวงรีสมมาตร:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ฐานด้านล่างและด้านบนมีความยาว 10 พิกเซล จากนั้นจะมีส่วนที่ 4 พิกเซล สาม สาม หนึ่ง หนึ่ง และเส้นแนวตั้งสูง 4 พิกเซล สะดวกในการวาดเส้นตรงใน Photoshop ด้วยแคลมป์ กะแม้ว่าขนาดของภาพในรูปแบบพิกเซลจะน้อยมาก แต่เทคนิคนี้บางครั้งช่วยประหยัดเวลาได้มาก หากคุณทำผิดพลาดและดึงมากเกินไป ปีนผ่านไป - อย่าท้อถอย เปลี่ยนไปใช้เครื่องมือยางลบ ( ยางลบด้วยล. หรือ คีย์ " อี") และลบสิ่งที่คุณไม่ต้องการ ใช่ อย่าลืมตั้งค่ายางลบให้กำหนดขนาดปากกาเป็น 1 พิกเซลด้วย เพื่อที่มันจะลบทีละพิกเซล และโหมดดินสอ ( โหมด: ดินสอ) มิฉะนั้นจะไม่ลบสิ่งที่จำเป็น สลับกลับไปเป็นดินสอ ฉันเตือนคุณ ผ่าน " บี»
โดยทั่วไป วงรีนี้ไม่ได้ถูกวาดอย่างเคร่งครัดตามกฎของศิลปะพิกเซล แต่สิ่งนี้จำเป็นสำหรับแนวคิดทางศิลปะ เพราะนี่คือหัวในอนาคต มันจะมีตา จมูก ปาก - รายละเอียดเพียงพอที่จะดึงความสนใจของผู้ชมมาที่ตัวเองในที่สุด และกีดกันความปรารถนาที่จะถามว่าทำไมหัวถึงมีรูปร่างผิดปกติเช่นนี้
เรายังคงวาดเพิ่มจมูกหนวดและปาก:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.ตอนนี้ตา:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.โปรดทราบว่าในขนาดที่เล็กเช่นนี้ ดวงตาไม่จำเป็นต้องกลม ในกรณีของฉัน สิ่งเหล่านี้คือสี่เหลี่ยมจัตุรัสที่มีความยาวด้าน 5 พิกเซล ซึ่งไม่มีการวาดจุดมุม เมื่อกลับสู่มาตราส่วนเดิม จะดูค่อนข้างกลม บวกกับความรู้สึกของความกลมยังสามารถปรับปรุงได้ด้วยความช่วยเหลือของเงา (เพิ่มเติมเกี่ยวกับเรื่องนี้ในภายหลัง ดูส่วนที่ 3 ของบทเรียน) ในระหว่างนี้ ฉันจะแก้ไขรูปร่างของศีรษะเล็กน้อยด้วยการเช็ดจุดพิกเซลสองสามจุดในที่หนึ่งแล้วทาสีในอีกที่หนึ่ง:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.เราวาดคิ้ว (ไม่มีอะไรที่แขวนอยู่ในอากาศ - ฉันมีสไตล์นี้) และเลียนแบบการพับที่มุมปากทำให้รอยยิ้มมีความหมายมากขึ้น:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.มุมยังดูไม่ค่อยดีนัก หนึ่งในกฎของศิลปะพิกเซลกล่าวว่าแต่ละพิกเซลของเส้นขีดและองค์ประกอบสามารถสัมผัสได้ไม่เกินสองพิกเซลที่อยู่ติดกัน แต่ถ้าคุณศึกษาสไปรท์จากเกมในช่วงปลายยุค 80 - ต้นยุค 90 อย่างรอบคอบ ข้อผิดพลาดนี้สามารถพบได้บ่อย บทสรุป - ถ้าคุณทำไม่ได้ แต่ต้องการจริงๆ คุณก็ทำได้ รายละเอียดนี้สามารถเล่นกับเงาได้ในระหว่างการเติม ดังนั้นสำหรับตอนนี้เราวาดต่อไป เนื้อตัว:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.อย่าเพิ่งไปสนใจข้อเท้าตอนนี้ มันดูงุ่มง่าม เราจะแก้ไขเมื่อเราเติมจนเต็ม การแก้ไขเล็กน้อย: มาเพิ่มเข็มขัดและพับตรงบริเวณเป้าและเลือกข้อเข่า (โดยใช้ชิ้นส่วนเล็กๆ 2 พิกเซลที่ยื่นออกมาจากแนวขา):
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.3. เติม
สำหรับแต่ละองค์ประกอบของตัวละครตอนนี้ สามสีก็เพียงพอแล้วสำหรับเรา - สีเติมหลัก สีเงา และสีเส้น โดยทั่วไป ตามทฤษฎีของสีในศิลปะพิกเซล คุณสามารถแนะนำสิ่งต่างๆ มากมาย ในระยะเริ่มต้น อย่าลังเลที่จะสอดแนมงานของผู้เชี่ยวชาญและวิเคราะห์ว่าพวกเขาเลือกสีอย่างไร แน่นอนว่าจังหวะของแต่ละองค์ประกอบสามารถปล่อยให้เป็นสีดำได้ แต่ในกรณีนี้องค์ประกอบจะรวมกันอย่างแน่นอน ฉันชอบที่จะใช้สีอิสระที่ใกล้เคียงกับสีหลักขององค์ประกอบ แต่มีความอิ่มตัวต่ำ จะสะดวกที่สุดในการวาดจานสีเล็กๆ ใกล้กับตัวละครของคุณ จากนั้นจึงนำสีจากจานสีโดยใช้เครื่องมือ eyedropper ( เครื่องมือ Eyedropper, I):
หลังจากเลือกสีที่ต้องการแล้ว ให้เปิดใช้งานเครื่องมือฝากข้อมูล ( ถังสี G). นอกจากนี้ อย่าลืมปิดฟังก์ชัน Anti-alias ในการตั้งค่า เราต้องการให้การเติมทำงานอย่างชัดเจนภายในเส้นขอบที่วาดไว้ และไม่ไปไกลกว่านั้น:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
เราเติมตัวละครของเราซึ่งไม่สามารถเติมได้ - เราวาดด้วยดินสอด้วยตนเอง
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.ให้ความสนใจกับข้อเท้า - เนื่องจากพื้นที่เหล่านี้มีความหนาเพียง 2 พิกเซล ฉันต้องละทิ้งจังหวะทั้งสองด้านและดึงมันจากด้านเงาที่ตั้งใจไว้เท่านั้นโดยปล่อยให้เส้นของสีหลักมีความหนา หนึ่งพิกเซล โปรดทราบด้วยว่าฉันทิ้งคิ้วให้เป็นสีดำ แม้ว่ามันจะไม่สำคัญก็ตาม
Photoshop มีการเลือกที่สะดวกตามคุณสมบัติสี ( เลือก->ช่วงสีโดยการจิ้มสีที่ต้องการด้วย eyedropper เราจะได้การเลือกพื้นที่ที่มีสีใกล้เคียงกันทั้งหมดและความสามารถในการเติมสีได้ทันที แต่สิ่งนี้ต้องการให้องค์ประกอบของตัวละครของคุณอยู่ในเลเยอร์ต่าง ๆ ดังนั้นสำหรับตอนนี้เราจะพิจารณา ฟังก์ชันนี้มีประโยชน์สำหรับผู้ใช้ Photoshop ขั้นสูง):
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
4. แรเงาและสีคล้ำ
ตอนนี้เลือกสีของเงาแล้วเปลี่ยนเป็นดินสอ ( บี) จัดวางสถานที่ที่ร่มรื่นอย่างระมัดระวัง ในกรณีของฉัน แหล่งกำเนิดแสงอยู่ที่ใดที่หนึ่งทางด้านซ้ายและด้านบน ด้านหน้าของตัวละคร ดังนั้นเราจึงทำเครื่องหมายทางด้านขวาด้วยเงาโดยเน้นที่ด้านล่าง ใบหน้าจะกลายเป็นเงาที่ร่ำรวยที่สุด เพราะมีองค์ประกอบเล็กๆ มากมายที่ให้ความโล่งใจโดยใช้เงาในมือข้างหนึ่ง และอีกข้างหนึ่งทำให้เกิดเงา (ตา จมูก รอยพับ):
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.เงาเป็นเครื่องมือการมองเห็นที่ทรงพลังมาก เงาที่ออกแบบมาอย่างดีจะส่งผลดีต่อรูปลักษณ์ของตัวละคร - และความประทับใจที่เขาจะมีต่อผู้ชม ในงานศิลปะพิกเซล พิกเซลเดียวที่วางผิดที่ สามารถทำลายงานทั้งหมดได้ ในเวลาเดียวกัน ดูเหมือนว่าการแก้ไขเล็กน้อยดังกล่าวจะทำให้ภาพดูสวยขึ้นมาก
ส่วน dithering'อ่า ในภาพที่มีขนาดจิ๋วเช่นนี้ ในความคิดของฉัน มันไม่จำเป็นเลย วิธีการนี้ประกอบด้วย "การนวด" สองสีที่อยู่ใกล้เคียง ซึ่งทำได้โดยการส่ายพิกเซล อย่างไรก็ตาม เพื่อให้คุณได้ไอเดียเกี่ยวกับเทคนิคนี้ ฉันยังคงแนะนำบริเวณเล็กๆ ของการผสม บนกางเกง บนเสื้อเชิ้ต และเล็กน้อยบนใบหน้า:
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.
ศิลปะพิกเซลสำหรับผู้เริ่มต้น | บทนำ.โดยทั่วไป อย่างที่คุณเห็น ไม่มีอะไรซับซ้อนเป็นพิเศษ พิกเซลอาร์ตเป็นที่น่าสนใจเพราะเมื่อเรียนรู้รูปแบบบางอย่างแล้วทุกคนสามารถวาดได้ดีด้วยตัวเอง - เพียงแค่ศึกษางานของอาจารย์อย่างถี่ถ้วน แม้ว่าใช่ แต่ความรู้พื้นฐานบางประการเกี่ยวกับการวาดภาพและทฤษฎีสีก็ยังไม่เสียหาย กล้า!
เมื่อเดินบนอินเทอร์เน็ตในตอนเช้า ฉันต้องการเขียนโพสต์เกี่ยวกับ Pixel Art เพื่อค้นหาเนื้อหา ฉันพบสองบทความนี้
ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีเปลี่ยนภาพถ่ายของบุคคลให้เป็นภาพศิลปะพิกเซลในฐานะตัวละครเกมอาร์เคดที่สมมติขึ้นจากช่วงต้นทศวรรษ 90James May - aka Smudgethis - พัฒนาสไตล์นี้ในปี 2011 สำหรับมิวสิกวิดีโอสำหรับการแสดงร็อก dubstep เพลงฮิตเรื่องแรกของ Nero คือ Me & You ซึ่งเป็นที่ที่เขาสร้างแอนิเมชั่นเพื่อแสดงเกมเก่าที่มีสมาชิกสองคนของ Nero เกมดังกล่าวเป็น platformer จังหวะ 2 มิติที่มีกราฟิก 16 บิตคล้ายกับ Double Dragon แต่เหนือกว่าเกมคลาสสิกย้อนยุค 8 บิตอย่าง Super Mario Bros.
ในการสร้างสไตล์นี้ ตัวละครยังคงต้องบล็อก แต่ซับซ้อนกว่าเกมที่เก่ากว่า และในขณะที่คุณต้องใช้จานสีที่จำกัดเพื่อให้ได้รูปลักษณ์ จำไว้ว่าเกมเหล่านี้ยังคงมี 65,536 สี
James จะแสดงให้คุณเห็นถึงวิธีการสร้างตัวละครจากภาพถ่ายโดยใช้จานสีธรรมดาและเครื่องมือดินสอ
เช่นเดียวกับคู่มือแอนิเมชั่น คุณจะต้องมีรูปถ่ายของบุคคลนั้นด้วย James ใช้รูปถ่ายของพังค์ที่รวมอยู่ในไฟล์โครงการสำหรับบทช่วยสอนนี้
เมื่อเสร็จแล้ว ให้ลองดูบทช่วยสอนแอนิเมชั่นอาฟเตอร์เอฟเฟกต์ 16 บิตที่เจมส์จะแสดงให้คุณเห็นถึงวิธีการใช้ตัวละครตัวนี้ใน AE ทำให้เคลื่อนไหว และใช้เอฟเฟกต์เกมย้อนยุค
ขั้นตอนที่ 1
เปิดคู่มือแอนิเมชั่น (16 บิต) .psd และ 18888111.jpg (หรือรูปภาพที่คุณเลือก) เพื่อใช้เป็นฐานสำหรับตัวละคร รูปโปรไฟล์แบบเต็มจะทำงานได้ดีที่สุดและช่วยให้คุณได้จานสีและสไตล์สำหรับรูปร่าง 16 บิตของคุณคู่มือแอนิเมชั่นมีหลายท่าในเลเยอร์ที่แยกจากกัน เลือกท่าที่เข้ากับท่าในรูปภาพของคุณมากที่สุด - เนื่องจากเราไม่มีขาอยู่ในกรอบ ฉันจึงเลือกท่ามาตรฐานที่ระดับ 1
ขั้นตอนที่ 2
การใช้ Rectangular Marquee Tool (M) เลือกส่วนหัวจากภาพถ่ายของคุณแล้วคัดลอก (Cmd /Ctrl + C) แล้ววาง (Cmd /Ctrl + V) ลงใน Animation Guide (16 บิต).psdปรับขนาดภาพให้พอดีตามสัดส่วน คุณจะสังเกตได้ว่าขนาด PSD มีขนาดเล็กมาก รูปภาพจะเริ่มวาดพิกเซลทันที
ขั้นตอนที่ 3
สร้างเลเยอร์ใหม่และวาดโครงร่างด้วยดินสอสีดำขนาด 1 พิกเซล (B) โดยใช้คู่มือแอนิเมชั่นที่ให้มาและรูปภาพเป็นฐาน \ พีคู่มือที่ให้มานี้จะช่วยพัฒนาตัวละครต่างๆ ตั้งแต่ร่างบอสที่ตัวใหญ่ขึ้นหรือตัวเมียที่ผอมลง นี่เป็นคำแนะนำคร่าวๆ สำหรับการเขียนและแอนิเมชั่นตัวละครในอาร์ตเวิร์คพิกเซลของฉัน
ขั้นตอนที่ 4
ใช้ Eyedropper Tool (I) สุ่มตัวอย่างบริเวณโทนสีผิวที่เข้มที่สุดในภาพถ่าย และสร้างสี่เหลี่ยมสีขนาดเล็ก ทำเช่นนี้อีกสามครั้งเพื่อสร้างจานโทนสีผิวสี่สีสร้างเลเยอร์อื่นใต้เลเยอร์โครงร่าง และใช้แปรง 1 พิกเซลและจานสี 4 สีเพื่อแรเงารูปภาพ (ใช้รูปภาพเป็นแนวทางอีกครั้ง) \ พี
วิธีที่ดีที่สุดคือเก็บองค์ประกอบทั้งหมดของงานศิลปะของคุณหรือเลเยอร์ต่างๆ ไว้ เนื่องจากจะทำให้นำองค์ประกอบเหล่านั้นกลับมาใช้ใหม่กับรูปร่างอื่นๆ ได้ง่าย สิ่งนี้มีประโยชน์อย่างยิ่งสำหรับ "ผู้ร้าย" เนื่องจากเกม 16 บิตส่วนใหญ่ใช้ตัวเลขที่คล้ายกันมาก ตัวอย่างเช่น บัดดี้คนหนึ่งอาจมีเสื้อแดงและมีด ในขณะที่อีกคนหนึ่งเหมือนกันหมด ยกเว้นเสื้อสีน้ำเงินและปืน
ขั้นตอนที่ 5
ทำขั้นตอนนี้ซ้ำสำหรับส่วนอื่นๆ ของรูปภาพ โดยแรเงาผ้าให้เข้ากับองค์ประกอบอื่นๆ ในรูปภาพต้นฉบับ อย่าลืมสุ่มตัวอย่างต่อไปด้วยเครื่องมือ Eyedropper เพื่อสร้างจานสีก่อน เนื่องจากมีชุดสีที่สอดคล้องกันซึ่งดูดีและเข้ากับจานสีที่ค่อนข้างจำกัดของเกม 16 บิตขั้นตอนที่ 6
เพิ่มข้อมูลเพื่อปรับปรุงตัวละครของคุณด้วยเฉดสี รอยสัก ต่างหู และอื่นๆ รับประทานอาหารเย็นที่นี่และคิดว่าคุณต้องการให้ตัวละครของคุณปรากฏในสภาพแวดล้อมของเกมอย่างไร บางทีพวกเขาอาจใช้ขวานหรือมีแขนหุ่นยนต์?ขั้นตอนที่ 7
เพื่อให้ตัวละครของคุณมีชีวิต ทำซ้ำขั้นตอนก่อนหน้าโดยใช้เลเยอร์แนะนำภาพเคลื่อนไหวอีกห้าชั้น กระบวนการนี้อาจใช้เวลาสักครู่ในการควบคุมและสร้างผลลัพธ์ที่ราบรื่น แต่ทางลัดสามารถทำได้โดยการนำองค์ประกอบจากเฟรมก่อนหน้ามาใช้ใหม่ ตัวอย่างเช่น ในลำดับหกเฟรมนี้ ส่วนหัวยังคงไม่เปลี่ยนแปลงขั้นตอนที่ 8
ในการตรวจสอบลำดับของแอนิเมชั่น ให้เปิดแผงแอนิเมชั่นใน Photoshop และตรวจสอบให้แน่ใจว่าได้เลือกเฉพาะเฟรมแรกของแอนิเมชั่นเท่านั้น คุณสามารถเพิ่มเฟรมใหม่และเปิดและปิดเลเยอร์เพื่อสร้างแอนิเมชั่นของคุณได้ แต่วิธีที่เร็วที่สุดคือการใช้คำสั่ง "สร้างเฟรมจากเลเยอร์" ในเมนูป๊อปอัปของแผง (บนขวา)เฟรมแรกเป็นพื้นหลังเปล่า ดังนั้นให้เลือกและคลิกที่ไอคอนถังขยะของแผงควบคุม (ที่ด้านล่าง) เพื่อลบ
ย้อนกลับไปในศตวรรษที่ 20 เกมคอมพิวเตอร์กลายเป็นพื้นที่กว้างของการใช้กราฟิกพิกเซลโดยเฉพาะในยุค 90 ด้วยการพัฒนากราฟิก 3 มิติ พิกเซลอาร์ตเริ่มลดลง แต่แล้วกลับมีชีวิตขึ้นมาด้วยการพัฒนาการออกแบบเว็บ การถือกำเนิดของโทรศัพท์มือถือและแอปพลิเคชันมือถือ
Pixel Art เป็นเทคนิคพิเศษในการสร้างภาพในรูปแบบดิจิทัล ซึ่งแสดงในโปรแกรมแก้ไขกราฟิกแรสเตอร์ ซึ่งศิลปินทำงานร่วมกับหน่วยที่เล็กที่สุดของภาพดิจิทัลแรสเตอร์ - พิกเซล ภาพดังกล่าวมีความละเอียดเล็กน้อย ซึ่งแต่ละพิกเซลจะมองเห็นได้ชัดเจน ศิลปะพิกเซลดำเนินการมาเป็นเวลานานและต้องใช้ความอุตสาหะขึ้นอยู่กับความซับซ้อนของการวาดภาพ - ทีละพิกเซล
กฎพื้นฐานของศิลปะพิกเซล
องค์ประกอบที่สำคัญที่สุดของภาพพิกเซลอาร์ตคือสิ่งที่เรียกว่าการวาดเส้น กล่าวคือ รูปทรงของมัน พิกเซลอาร์ตใช้เส้น - เส้นตรงและเส้นโค้ง
เส้นตรง
กฎสำหรับการวาดเส้นในงานศิลปะพิกเซลคือ เส้นควรประกอบด้วยส่วนที่เลื่อนไปด้านข้างทีละพิกเซลเมื่อคุณวาด หลีกเลี่ยงข้อผิดพลาดหลักของศิลปินศิลปะพิกเซลมือใหม่: พิกเซลไม่ควรสัมผัสกัน ทำให้เกิดมุมฉาก
ในกรณีของเส้นตรง คุณสามารถทำให้งานของคุณง่ายขึ้นโดยใช้รูปแบบเส้นเฉียงที่รู้จักกันดี:
ดังที่เห็นจากภาพ เส้นตรงทั้งหมดที่นำเสนอประกอบด้วยส่วนพิกเซลเดียวกัน เลื่อนไปทางด้านข้างด้วยระยะห่างหนึ่งพิกเซล และที่นิยมมากที่สุดคือส่วนของพิกเซลหนึ่ง สอง และสี่พิกเซล เส้นตรงธรรมดาๆ ดังกล่าวเรียกว่าเส้น "ในอุดมคติ" ในรูปแบบภาพพิกเซล
เส้นตรงอาจมีรูปแบบที่แตกต่างกัน ตัวอย่างเช่น คุณสามารถสลับส่วนสองพิกเซลกับส่วนหนึ่งพิกเซลได้ แต่เส้นดังกล่าวจะดูไม่สวยงามนัก โดยเฉพาะเมื่อภาพขยายใหญ่ขึ้น แม้ว่าจะไม่ละเมิดกฎของพิกเซลก็ตาม ศิลปะ.
เส้นโค้ง
วาดเส้นตรงได้ง่ายกว่าเพราะเลี่ยงการหักงอ ซึ่งไม่ใช่กรณีของเส้นโค้ง การก่อสร้างนั้นยากกว่า แต่ต้องวาดเส้นโค้งบ่อยกว่าเส้นตรง
นอกเหนือจากข้อห้ามเดียวกันเกี่ยวกับการก่อตัวของมุมฉากจากพิกเซลเมื่อวาดเส้นโค้งก็จำเป็นต้องจดจำธรรมชาติของการกระจัด ความยาวของส่วนของพิกเซลควรเปลี่ยนเท่าๆ กัน ค่อยๆ เพิ่มขึ้นและลดลงอย่างราบรื่นเช่นเดียวกัน กราฟิกแบบพิกเซลไม่อนุญาตให้มีข้อผิดพลาด
คุณไม่น่าจะสามารถวาดเส้นโค้งที่สมบูรณ์แบบด้วยการเคลื่อนไหวของมือข้างเดียวได้โดยไม่ละเมิดกฎข้อเดียว ดังนั้น คุณสามารถใช้สองวิธี: วาดเส้นโดยวาดทีละพิกเซล หรือวาดเส้นโค้งปกติแล้วแก้ไขโดยลบ พิกเซลพิเศษจากเฟรมที่เสร็จแล้ว
dithering
ในงานศิลปะพิกเซล มีบางอย่างเช่นการหรี่แสง เป็นวิธีการผสมพิกเซลของสีต่างๆ เพื่อสร้างเอฟเฟกต์การเปลี่ยนสี
วิธีการปรับสีที่ได้รับความนิยมมากที่สุดคือการจัดเรียงพิกเซลในรูปแบบกระดานหมากรุก:
วิธีนี้เกิดจากข้อจำกัดทางเทคนิคในจานสี เพราะเพื่อให้ได้สีม่วง จำเป็นต้องวาดพิกเซลสีแดงและสีน้ำเงินในรูปแบบกระดานหมากรุก:
และต่อมา การแยกสีมักใช้เพื่อถ่ายทอดระดับเสียงอันเนื่องมาจากแสงและเงาในภาพ:
เพื่อให้ภาพพิกเซลแบบ Dithered ทำงานได้ดี พื้นที่การผสมต้องมีความกว้างอย่างน้อยสองพิกเซล
ซอฟต์แวร์ศิลปะพิกเซล
ในการสร้างสรรค์งานศิลปะในลักษณะพิกเซล คุณสามารถใช้ตัวแก้ไขกราฟิกที่รองรับการวาดประเภทนี้ ศิลปินทุกคนทำงานกับโปรแกรมที่แตกต่างกันตามความชอบของพวกเขา
จนถึงทุกวันนี้ หลายคนชอบวาดด้วยพิกเซลในโปรแกรมมาตรฐานที่รู้จักกันดีของระบบปฏิบัติการ Windows - Microsoft Paint โปรแกรมนี้เรียนรู้ได้ง่ายจริง ๆ แต่ก็เป็นลบด้วย - ค่อนข้างเป็นพื้นฐาน ตัวอย่างเช่น ไม่รองรับการทำงานกับเลเยอร์และความโปร่งใส
โปรแกรมภาพพิกเซลที่ใช้งานง่ายอีกโปรแกรมหนึ่งซึ่งมีเวอร์ชันสาธิตที่สามารถพบได้บนอินเทอร์เน็ตฟรีแน่นอนคือ GraphicsGale ข้อเสียของโปรแกรมคือ บางที ความจริงที่ว่าโปรแกรมไม่รองรับการบันทึกภาพพิกเซลในรูปแบบ .gif
เจ้าของ Mac สามารถลองใช้โปรแกรม Pixen ได้ฟรี และผู้ใช้ระบบปฏิบัติการ Linux ควรทดสอบโปรแกรม GrafX2 และ JDraw ด้วยตนเอง
และแน่นอน ตัวเลือกที่ยอดเยี่ยมสำหรับการสร้างภาพพิกเซลอาร์ตคือ Adobe Photoshop ซึ่งมีฟังก์ชันการทำงานที่หลากหลาย ช่วยให้คุณทำงานกับเลเยอร์ รองรับความโปร่งใส และให้การทำงานที่เรียบง่ายด้วยจานสี ด้วยความช่วยเหลือของโปรแกรมนี้ เราจะดูตัวอย่างง่ายๆ ของการวาดภาพพิกเซลด้วยตัวเราเอง
วิธีการวาด Pixel Art ใน Photoshop
เช่นเดียวกับงานวิจิตรศิลป์แบบดั้งเดิม รูปร่าง เงา และแสงมีความสำคัญในงานศิลปะพิกเซล ดังนั้นก่อนที่คุณจะเรียนรู้วิธีวาดภาพพิกเซลอาร์ต ให้ลองใช้ปัญหาเพื่อทำความคุ้นเคยกับพื้นฐานการวาดภาพ - ฝึกวาดด้วยดินสอบนกระดาษ
การวาด "บอลลูน"
เริ่มจากที่ง่ายที่สุด - วาดบอลลูนธรรมดา สร้างไฟล์ใหม่ใน Photoshop ด้วยความละเอียดหน้าจอ 72 dpi มันไม่สมเหตุสมผลเลยที่จะกำหนดขนาดภาพให้ใหญ่ - นี่คือภาพพิกเซล เลือกแปรงแบบแข็งและทึบ กำหนดขนาดเป็น 1 พิกเซล
วาดครึ่งโค้งเล็กๆ จากซ้ายไปขวา โดยลากจากล่างขึ้นบน จำกฎของภาพพิกเซล: รักษาสัดส่วนของเซ็กเมนต์ให้เท่ากัน ย้ายพวกมันไปด้านข้างทีละพิกเซล โดยไม่ทำให้เกิดการหักงอและมุมฉาก จากนั้นสะท้อนส่วนโค้งนี้โดยวาดส่วนบนของบอลลูน
โดยหลักการเดียวกัน ให้วาดส่วนล่างของลูกบอลและด้าย เติมลูกบอลด้วยสีแดงโดยใช้เครื่องมือเติม ตอนนี้ยังคงเพิ่มระดับเสียง - ลูกบอลของเราดูแบนเกินไป วาดแถบสีแดงเข้มที่ด้านล่างขวาของบอลลูน แล้วใช้สีย้อมบริเวณนี้ ที่มุมซ้ายบนของลูกบอล ให้วาดแสงจ้าของพิกเซลสีขาว
ง่ายแค่ไหนมาดูกัน - บอลพร้อม!
รูป "หุ่นยนต์"
และตอนนี้เรามาลองวาดภาพด้วยวิธีดั้งเดิมกัน จากนั้นเราจะล้างพิกเซลเหล่านั้นที่ละเมิดกฎของศิลปะพิกเซล
เปิดเอกสารใหม่ ร่างคร่าวๆ ของหุ่นยนต์ในอนาคต:
ตอนนี้คุณสามารถทำความสะอาดทุกสิ่งที่ขวางทางและวาดพิกเซลตามความจำเป็น:
ในทำนองเดียวกัน ให้วาดส่วนล่างของหุ่นยนต์ อย่าพลาดโอกาสในการวาดเส้นที่ "สมบูรณ์แบบ" ในสถานที่ที่เหมาะสม
รายละเอียดร่างกายของหุ่นยนต์ ศิลปินมากประสบการณ์หลายคนแนะนำให้คุณเตรียมจานสีให้พร้อมก่อนเริ่มงาน ซึ่งเป็นชุดสีที่คุณจะใช้ในการสร้างงานในลักษณะพิกเซล สิ่งนี้ช่วยให้คุณบรรลุความสมบูรณ์สูงสุดของภาพ สร้างจานสีบนพื้นที่ว่างของพื้นที่ทำงาน Photoshop - ตัวอย่างเช่น ในรูปแบบของสี่เหลี่ยมหรือจุดสี จากนั้นหากต้องการเลือกสีที่ต้องการ ให้คลิกที่สีด้วยเครื่องมือ Eyedropper
คุณสามารถเริ่มเติมรูปทรงได้ "ตกแต่ง" ตัวหุ่นยนต์ด้วยสีหลัก สีของเราคือสีน้ำเงินลาเวนเดอร์
เปลี่ยนสีของโครงร่าง - เติมด้วยสีน้ำเงินเข้ม ตัดสินใจว่าแหล่งกำเนิดแสงอยู่ที่ไหนในภาพวาดของคุณ เรามีมันอยู่ที่ใดที่หนึ่งด้านบนและทางขวาด้านหน้าของหุ่นยนต์ มาวาดหน้าอกของตัวละครของเราเพิ่มระดับเสียง:
ทางด้านขวา ให้ทำเครื่องหมายเงาที่ลึกที่สุดในร่าง ลากไปตามรูปร่างของลำตัว จากเงานี้ จากขอบถึงกึ่งกลาง ให้วาดเงาที่สว่างกว่าที่หายไปในบริเวณที่ต้องการซึ่งส่องสว่างด้วยแหล่งกำเนิดแสง:
เพิ่มไฮไลท์ให้หุ่นยนต์ในทุกพื้นที่ที่ควรสะท้อนแสง:
ให้ขาหุ่นยนต์มีลักษณะเป็นทรงกระบอกด้วยเงาและแสง ในทำนองเดียวกัน ทำรูจากวงกลมบนหน้าอกของหุ่นยนต์:
ตอนนี้ มาปรับปรุงภาพโดยการเพิ่มองค์ประกอบของภาพพิกเซลที่เราพิจารณาก่อนหน้านี้ - การปรับสี - ไปยังพื้นที่เงาของลำตัว
คุณสามารถละเว้น Dithering บนไฮไลท์และขา - พวกมันเล็กเกินไปแล้ว ด้วยความช่วยเหลือของพิกเซลที่มืดและสว่าง ให้วาดหมุดย้ำบนหัวของหุ่นยนต์แทนฟัน และวาดเสาอากาศตลกด้วย สำหรับเราแล้ว ดูเหมือนว่ามือของหุ่นยนต์จะวาดได้ไม่ค่อยดี - หากคุณพบปัญหาเดียวกัน ให้ตัดวัตถุใน Photoshop ออกแล้วเลื่อนลง
แค่นั้นแหละ - หุ่นยนต์พิกเซลตลกของเราพร้อมแล้ว!
และด้วยความช่วยเหลือของวิดีโอนี้ คุณจะได้เรียนรู้วิธีสร้างแอนิเมชั่นศิลปะพิกเซลใน Photoshop:
เอาไปบอกเพื่อน!
อ่านบนเว็บไซต์ของเรา:
แสดงมากขึ้น