ดวงตาศิลปะพิกเซล ศิลปะพิกเซล: ผลงานและนักวาดภาพประกอบที่ดีที่สุด


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

ภาพประกอบที่น่าทึ่ง งานเงาที่ยอดเยี่ยม (ศิลปะพิกเซลของ Polyfonken).

หัวข้อค่อนข้างกว้าง มีลูกเต๋าหลายรูปแบบ


ภาพประกอบของ Rod Hunt มีสีสันและสมจริงมาก ศิลปินผสมผสานกราฟิกแบบเวกเตอร์เข้ากับศิลปะพิกเซล


บล็อกเกอร์ชาวบราซิล-เยอรมัน Thiago, Pi, Jojo และ Mariana นำเสนอตัวเองว่าเป็นตัวละครตัวหนังสือที่น่าหัวเราะและน่าหัวเราะ

ภาพวาดนี้สร้างโดย Juan Manuel Daporta โดยใช้ MS Paint เท่านั้น! งานใช้เวลา 8 เดือน ประทับใจ.

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

สงครามอวกาศในรูปแบบของ Super Robot Wars ในโลกของกราฟิกพิกเซล Roberson มีสไตล์ที่เป็นเอกลักษณ์ของตัวเอง


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

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

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

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

ปัจจุบันยังไม่ทราบแน่ชัดว่าเทคนิคนี้เกิดขึ้นตั้งแต่เมื่อใด อย่างไรก็ตาม เทคนิคในการจัดองค์ประกอบภาพจากองค์ประกอบเล็กๆ กลับไปสู่รูปแบบศิลปะที่เก่าแก่กว่ามาก เช่น โมเสก การปักครอสติช การทอพรม และการประดับด้วยลูกปัด วลีที่ว่า "ศิลปะพิกเซล" ซึ่งเป็นคำจำกัดความของศิลปะพิกเซลถูกใช้ครั้งแรกในบทความโดย Adele Goldberg และ Robert Flegal ในวารสาร Communications of the ACM (ธันวาคม 1982)

การประยุกต์ใช้ศิลปะพิกเซลที่กว้างที่สุดอยู่ในเกมคอมพิวเตอร์ซึ่งไม่น่าแปลกใจ - ทำให้สามารถสร้างภาพที่ไม่จำเป็นต้องใช้ทรัพยากรและดูสวยงามอย่างแท้จริง (ในเวลาเดียวกันพวกเขาใช้เวลามากจากศิลปินและต้องการบางอย่าง มีทักษะจึงต้องการค่าจ้างที่ดี) ยุครุ่งเรืองซึ่งเป็นจุดสูงสุดในการพัฒนา มีชื่ออย่างเป็นทางการว่าวิดีโอเกมบนคอนโซลรุ่นที่ 2 และ 3 (ต้นปี 1990) ความก้าวหน้าทางเทคโนโลยีเพิ่มเติมการเกิดขึ้นของสี 8 บิตแรกจากนั้น True Color การพัฒนากราฟิกสามมิติ - ทั้งหมดนี้เมื่อเวลาผ่านไปผลักดันงานศิลปะพิกเซลไปที่พื้นหลังและอันดับที่สามจากนั้นก็เริ่มดูเหมือนว่าศิลปะพิกเซลนั้น มาถึงจุดสิ้นสุดแล้ว

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

แน่นอนว่าองค์ประกอบถอยหลังเข้าคลองต่างๆ มีบทบาทในการกลับมาของกราฟิกพิกเซล โดยชอบที่จะคิดถึงเกมในวัยเด็กที่ดี โดยพูดว่า: "เอ๊ะ พวกเขาไม่ได้ทำอย่างนั้นอีกต่อไปแล้ว"; สุนทรียภาพที่สามารถชื่นชมความงามของศิลปะพิกเซล และนักพัฒนาอินดี้ที่ไม่รับรู้ถึงความงามของกราฟิกสมัยใหม่ (และบางครั้ง แม้ว่าจะไม่ค่อยรู้วิธีนำไปใช้ในโครงการของตนเอง) นั่นคือเหตุผลที่พวกเขาปั้นงานศิลปะพิกเซล แต่เรายังคงไม่ลดราคาโครงการเชิงพาณิชย์เพียงอย่างเดียว - แอปพลิเคชันสำหรับอุปกรณ์มือถือ การโฆษณา และการออกแบบเว็บไซต์ ดังนั้นตอนนี้ศิลปะพิกเซลอย่างที่พวกเขาพูดกันแพร่หลายในแวดวงแคบ ๆ และได้รับสถานะเป็นศิลปะ "ไม่ใช่สำหรับทุกคน" . และแม้ว่าคนทั่วไปจะสามารถเข้าถึงได้อย่างมากเพราะในการทำงานในเทคนิคนี้ก็เพียงพอแล้วที่จะมีคอมพิวเตอร์และโปรแกรมแก้ไขกราฟิกธรรมดา ๆ อยู่ในมือ! (ความสามารถในการวาดก็ไม่เจ็บเช่นกัน) เรามาเข้าเรื่องกันดีกว่า!

2. เครื่องมือ.

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

ฉันวาดใน Adobe Photoshop เพราะว่ามันสะดวกและเพราะว่าฉันทำมันมาเป็นเวลานานแล้ว ฉันจะไม่โกหกและบอกคุณโดยพึมพำฟันปลอมของฉันว่า "ฉันจำได้ว่า Photoshop ยังเล็กมาก มันเป็นบน Macintosh และหมายเลข 1.0 สิ่งนี้ไม่ได้เกิดขึ้น" แต่ฉันจำ Photoshop 4.0 ได้ (และบน Mac ด้วย) นั่นเป็นเหตุผลว่าทำไมสำหรับฉันจึงไม่มีคำถามในการเลือก ดังนั้น ไม่ ไม่ แต่ฉันจะให้คำแนะนำเกี่ยวกับ Photoshop โดยเฉพาะอย่างยิ่งเมื่อความสามารถของมันจะช่วยลดความคิดสร้างสรรค์ได้อย่างมาก

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

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

3. หลักการทั่วไป

ยังมีหลักการทั่วไปหลายประการที่ไม่เสียหายหากรู้ มีน้อยจริงๆ ฉันเรียกพวกเขาว่า "หลักการ" ไม่ใช่กฎหมาย เพราะมันมีลักษณะเป็นการแนะนำมากกว่า ท้ายที่สุดแล้ว หากคุณสามารถวาดภาพพิกเซลที่สวยงามโดยข้ามกฎเกณฑ์ทั้งหมดได้ ใครล่ะจะสนใจมัน?

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

เส้นโครงร่างและโดยทั่วไปทุกเส้นของการวาดควรมีความหนาหนึ่งพิกเซล (โดยมีข้อยกเว้นที่หายาก)

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

การแตกหักทำให้ภาพวาดมีความเรียบเนียนและสวยงามตามธรรมชาติ และหากชิ้นส่วนที่ 3, 4 และ 5 ชัดเจนและสามารถแก้ไขได้ง่าย ส่วนชิ้นส่วนอื่น ๆ สถานการณ์จะซับซ้อนกว่า - ความยาวของชิ้นส่วนหนึ่งในโซ่ขาดก็ดูเหมือนจะเป็นเรื่องเล็ก แต่เรื่องเล็กก็สังเกตเห็นได้ชัดเจน ต้องฝึกฝนเล็กน้อยเพื่อเรียนรู้ที่จะเห็นสถานที่เหล่านี้และหลีกเลี่ยงสถานที่เหล่านั้น Kink 1 ถูกกระแทกออกจากเส้นเนื่องจากเป็นพิกเซลเดียว - ในขณะที่อยู่ในพื้นที่ที่แทรกไว้ เส้นจะประกอบด้วยส่วนละ 2 พิกเซล เพื่อกำจัดมัน ฉันจึงทำให้ส่วนโค้งเข้าสู่ส่วนโค้งอ่อนลง โดยขยายส่วนบนให้ยาวขึ้นเป็น 3 พิกเซล และเขียนเส้นใหม่ทั้งหมดเป็นส่วนละ 2 พิกเซล ตัวแบ่ง 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. เรานำมาไว้ในใจ เราใช้สีชมพูอ่อนเพื่อระบุไฮไลท์เหนือเมล็ดในส่วนนั้น และด้วยการวางพิกเซลในรูปแบบกระดานหมากรุก เราจะได้รูปลักษณ์ที่ดูมีปริมาตรจากส่วนที่ตัดออก (วิธีการนี้เรียกว่าการไดเทอร์ริ่ง ซึ่งจะอธิบายเพิ่มเติมในภายหลัง) ). เราใช้โทนสีแดงเข้มเพื่อระบุพื้นที่แรเงาในส่วนของแตงโม และใช้โทนสีเขียวเข้ม (พิกเซลในรูปแบบตารางหมากรุกอีกครั้ง) เพื่อให้แตงโมมีปริมาตร

5. การทำสี

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

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

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

อีกสองตัวเลือกเพิ่มเติม:

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

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

เอาล่ะทฤษฎีเพียงพอแล้ว ฉันขอแนะนำให้คุณฝึกฝนอีกสักหน่อย

ศิลปะพิกเซลสามารถวาดได้ในโปรแกรมใดก็ได้สำหรับการทำงานกับกราฟิกแรสเตอร์ มันเป็นเรื่องของการตั้งค่าและประสบการณ์ส่วนตัว (รวมถึงความสามารถทางการเงินด้วย) บางคนใช้ Paint ที่ง่ายที่สุด ฉันทำใน Photoshop เพราะอย่างแรก ฉันทำงานกับมันมาเป็นเวลานาน และประการที่สอง ฉันรู้สึกสบายใจมากขึ้นที่นั่น เมื่อฉันตัดสินใจลองใช้ Paint.NET ฟรี ฉันไม่ชอบเลย - มันเหมือนกับรถยนต์ หากคุณจำรถต่างประเทศที่มีระบบเกียร์อัตโนมัติได้คุณก็ไม่น่าจะเข้าไปใน Zaporozhets ได้ นายจ้างของฉันจัดหาซอฟต์แวร์ลิขสิทธิ์ให้ฉัน ดังนั้นมโนธรรมของฉันจึงชัดเจนต่อหน้าบริษัท Adobe... แม้ว่าพวกเขาจะคิดค่าโปรแกรมในราคาที่ไม่อาจจินตนาการได้ และพวกเขาจะตกนรกเพราะสิ่งนี้

1. การเตรียมงาน.

สร้างเอกสารใหม่ด้วยการตั้งค่าใดๆ (ปล่อยให้ความกว้างเป็น 60, สูง 100 พิกเซล) เครื่องมือหลักของศิลปินพิกเซลคือดินสอ ( เครื่องมือดินสอเรียกโดยปุ่มลัด บี- หากเปิดใช้งานแปรง (และไอคอนแปรง) ในแถบเครื่องมือ ให้วางเมาส์ไว้เหนือแปรงนั้น คลิกค้างไว้ แอล.เอ็ม.บี.– เมนูแบบเลื่อนลงเล็ก ๆ จะปรากฏขึ้นซึ่งคุณควรเลือกดินสอ ตั้งค่าขนาดปากกาเป็น 1 พิกเซล (ในแผงด้านบนด้านซ้ายจะมีเมนูแบบเลื่อนลง แปรง):

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ชุดค่าผสมที่มีประโยชน์อีกสองสามอย่าง - Ctrl+" และ " Ctrl-"ซูมภาพเข้าและออก นอกจากนี้ยังเป็นประโยชน์ที่จะรู้ว่าการกด Ctrlและ " (เครื่องหมายคำพูดรูปแฉกแนวตั้งหรือคีย์รัสเซีย " อี") เปิดและปิดตาราง ซึ่งช่วยได้มากในการวาดภาพพิกเซลอาร์ต ควรปรับระยะห่างของตารางให้เหมาะกับคุณ บางคนพบว่าสะดวกกว่าเมื่อมีขนาด 1 พิกเซล ฉันคุ้นเคยกับความกว้างของเซลล์เป็น 2 พิกเซล คลิก Ctrl+K(หรือไปที่ แก้ไข->การตั้งค่า) ไปยังจุดนั้น เส้นบอกแนว กริด และสไลซ์และติดตั้ง เส้นตารางทุกๆ 1 พิกเซล(ขอย้ำ 2 สะดวกกว่าสำหรับฉัน)

2. การวาดภาพ

ในที่สุดเราก็เริ่มวาด ทำไมต้องสร้างเลเยอร์ใหม่ ( Ctrl+Shift+N) เปลี่ยนเป็นสีปากกาสีดำ (กด ดีตั้งค่าสีเริ่มต้นเป็นขาวดำ) และวาดหัวของตัวละคร ในกรณีของฉัน มันคือวงรีสมมาตรนี้:

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.


ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ฐานด้านล่างและด้านบนมีความยาว 10 พิกเซล จากนั้นมีส่วนละ 4 พิกเซล สาม สาม หนึ่ง หนึ่ง และเส้นแนวตั้งสูง 4 พิกเซล เส้นตรงใน Photoshop สะดวกในการวาดด้วย กะแม้ว่าขนาดของภาพในรูปแบบพิกเซลจะน้อยมาก แต่บางครั้งเทคนิคนี้ก็ช่วยประหยัดเวลาได้มาก หากคุณทำผิดพลาดและวาดมากเกินไป แสดงว่าคุณผิด อย่าเพิ่งอารมณ์เสีย เปลี่ยนไปใช้เครื่องมือยางลบ ( ยางลบด้วยปุ่ม l หรือ "" อี") และลบสิ่งที่คุณไม่ต้องการ ใช่ อย่าลืมตั้งค่ายางลบให้มีขนาดปากกาเป็น 1 พิกเซลด้วย เพื่อจะลบทีละพิกเซล และโหมดดินสอ ( โหมด:ดินสอ) ไม่เช่นนั้นจะล้างผิด เปลี่ยนกลับมาใช้ดินสอขอเตือนผ่าน” บี»

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

เราวาดภาพต่อโดยเพิ่มจมูกหนวดและปาก:

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ตอนนี้ดวงตา:

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

อย่าเพิ่งไปสนใจข้อเท้าตอนนี้ มันดูอึดอัด เราจะแก้ไขเมื่อเราเริ่มเติม การแก้ไขเล็กๆ น้อยๆ: เพิ่มเข็มขัดและพับบริเวณขาหนีบและเน้นข้อเข่าด้วย (โดยใช้ชิ้นส่วนเล็กๆ 2 พิกเซลที่ยื่นออกมาจากแนวขา):

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

3. การกรอก

สำหรับแต่ละองค์ประกอบของตัวละคร ตอนนี้สีสามสีก็เพียงพอแล้ว - สีเติมหลัก สีเงา และสีเส้นโครงร่าง โดยทั่วไป คุณสามารถให้คำแนะนำได้มากมายเกี่ยวกับทฤษฎีสีในงานศิลปะพิกเซล ในระยะเริ่มแรก อย่าลังเลที่จะสอดแนมผลงานของปรมาจารย์และวิเคราะห์ว่าพวกเขาเลือกสีอย่างไร แน่นอนว่าเส้นขีดของแต่ละองค์ประกอบสามารถปล่อยให้เป็นสีดำได้ แต่ในกรณีนี้ องค์ประกอบต่างๆ จะรวมกันอย่างแน่นอน ฉันชอบที่จะใช้สีที่เป็นอิสระซึ่งคล้ายกับสีหลักขององค์ประกอบ แต่มีความอิ่มตัวต่ำ วิธีที่สะดวกที่สุดคือการวาดจานสีเล็กๆ ใกล้กับตัวละครของคุณ จากนั้นนำสีออกมาโดยใช้เครื่องมือหยดสี ( เครื่องมือหยดตา, I):

เมื่อเลือกสีที่ต้องการแล้ว ให้เปิดใช้งานเครื่องมือถัง ( ถังสี, G- นอกจากนี้อย่าลืมปิดการใช้งานฟังก์ชั่น Anti-alias ในการตั้งค่า เราต้องการให้การเติมทำงานอย่างชัดเจนภายในรูปทรงที่วาดไว้และไม่เกินนั้น:

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.


ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

เราเติมตัวละครของเรา หากเราไม่สามารถเติมได้ เราก็วาดด้วยมือด้วยดินสอ

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

Photoshop มีคุณสมบัติการเลือกสีที่สะดวก ( เลือก -> ช่วงสีโดยการจิ้ม eyedropper ลงในสีที่ต้องการ เราจะได้การเลือกพื้นที่ทั้งหมดที่มีสีใกล้เคียงกันและความสามารถในการเติมได้ทันที แต่สำหรับสิ่งนี้ คุณต้องการให้องค์ประกอบของตัวละครของคุณอยู่ในเลเยอร์ที่แตกต่างกัน ดังนั้นสำหรับตอนนี้ เราจะ พิจารณาว่าฟังก์ชันนี้มีประโยชน์สำหรับผู้ใช้ Photoshop ขั้นสูง):

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.


ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

4. เงาและความมัวหมอง

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

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

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

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

ศิลปะพิกเซลสำหรับผู้เริ่มต้น - การแนะนำ.

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

เช้านี้ในขณะที่ท่องอินเทอร์เน็ต ฉันอยากจะเขียนโพสต์เกี่ยวกับ Pixel Art และในขณะที่ค้นหาเนื้อหา ฉันพบบทความทั้งสองนี้

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

ตัวอย่างของศิลปะพิกเซล แฟรกเมนต์

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

ศิลปะพิกเซล ผลงานที่ดีที่สุดและนักวาดภาพประกอบ


เมือง. ผู้เขียน : ซ็อกเกิลส์


ปราสาทเทพนิยาย ผู้เขียน : Tinuleaf


หมู่บ้านยุคกลาง ผู้เขียน: ด็อกดูม


สวนลอยแห่งบาบิโลน ผู้เขียน : จันทรุปราคา


พื้นที่อยู่อาศัย. ผู้เขียน: