ใบหน้าศิลปะพิกเซล โปรแกรมสำหรับสร้างงานศิลปะพิกเซล

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

ขั้นตอน

ส่วนที่ 1

เรารวบรวมทุกสิ่งที่คุณต้องการ

ดาวน์โหลดโปรแกรมแก้ไขกราฟิกที่ดีแน่นอนว่าคุณสามารถสร้างผลงานชิ้นเอกใน Paint ได้ แต่เป็นเรื่องยากและไม่สะดวกนัก จะดีกว่ามากหากทำงานในลักษณะเช่น:

• โฟโต้ชอป
• เพ้นท์.เน็ต
• พิกเซ่น

1. ซื้อแท็บเล็ตกราฟิก.หากคุณไม่ชอบวาดรูปด้วยเมาส์ แท็บเล็ตและสไตลัสคือสิ่งที่คุณต้องการ แท็บเล็ต Wacom นั้นเป็นรุ่นที่ได้รับความนิยมมากที่สุด

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

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

2. วาดด้วยดินสอและแปรงขนาด 1 พิกเซลโปรแกรมแก้ไขกราฟิกควรมีเครื่องมือ "ดินสอ" เลือกและตั้งค่าขนาดแปรงเป็น 1 พิกเซล ตอนนี้คุณสามารถวาด... เป็นพิกเซลได้แล้ว

   ส่วนที่ 2

   ทำงานบนพื้นฐาน

   1. สร้างภาพใหม่เนื่องจากคุณกำลังเรียนรู้วิธีการวาดในรูปแบบศิลปะพิกเซล คุณจึงไม่ควรมุ่งเป้าไปที่ผืนผ้าใบที่ยิ่งใหญ่ ถ้าจำกันได้ในเกม Super Mario Bros. หน้าจอทั้งหมดคือ 256 x 224 พิกเซล และมาริโอเองก็พอดีกับพื้นที่ 12 x 16 พิกเซล!

      ขยายเข้า.ใช่ ไม่เช่นนั้นคุณจะไม่สามารถมองเห็นแต่ละพิกเซลได้ ใช่คุณจะต้องเพิ่มขึ้นอย่างมาก สมมติว่า 800% เป็นเรื่องปกติ

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

      เรียนรู้การวาดเส้นโค้งในเส้นโค้ง ควรมี "ตัวแบ่งบรรทัด" สม่ำเสมอ (ซึ่งมองเห็นได้ชัดเจนในรูปด้านบน) สมมติว่าเริ่มวาดเส้นโค้ง วาดเส้นตรงขนาด 6 พิกเซล ด้านล่างเป็นเส้นตรงขนาด 3 พิกเซล ด้านล่างเป็นเส้นตรงขนาด 2 พิกเซล และด้านล่างเป็นเส้นตรงขนาด 1 พิกเซล ในอีกด้านหนึ่ง วาดสิ่งเดียวกัน (แน่นอนว่ามิเรอร์) นี่คือความก้าวหน้าที่ถือว่าเหมาะสมที่สุด เส้นโค้งที่วาดในรูปแบบ "3-1-3-1-3-1-3" ไม่ตรงตามมาตรฐานศิลปะพิกเซล

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

   ส่วนที่ 3

   การสร้างสไปรท์แรก

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

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

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

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

      • อย่าละเลยรายละเอียดสำหรับร่างของคุณ! วาดทุกสิ่งที่คุณต้องการเห็นในภาพวาดสุดท้าย

   2. ถ่ายโอนภาพร่างไปยังโปรแกรมแก้ไขกราฟิกคุณสามารถลากเส้นร่างบนกระดาษบนแท็บเล็ตหรือวาดทุกอย่างใหม่ด้วยตนเองแบบพิกเซลต่อพิกเซล ไม่สำคัญหรอก คุณสามารถเลือกได้..

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

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

      • เมื่อทำงานแบบร่างอย่าเสียสมาธิกับรายละเอียด - ถึงคราวของพวกเขาแล้ว

   ตอนที่ 4

   ระบายสีสไปรท์

   1. แปรงขึ้นเกี่ยวกับทฤษฎีสีดูจานสีเพื่อดูว่าจะใช้สีอะไร ทุกอย่างเรียบง่ายที่นั่น: ยิ่งสีอยู่ห่างจากกันมากเท่าไรก็ยิ่งมีความแตกต่างกันมากขึ้นเท่านั้น ยิ่งสีอยู่ใกล้กันมากเท่าไรก็ยิ่งคล้ายกันมากขึ้นและดูดีขึ้นเท่านั้น

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

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

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

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

   ตอนที่ 5

   การเพิ่มเงา

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

   • วิธีแก้ไขที่ง่ายที่สุดคือสมมติว่าแหล่งกำเนิดแสงอยู่สูงเหนือสไปรท์มาก โดยอยู่ทางซ้ายหรือขวาเล็กน้อย

   1. เริ่มลงเงาโดยใช้สีที่เข้มกว่าสีฐานเล็กน้อยถ้าแสงมาจากด้านบนเงาจะอยู่ที่ไหน? ถูกต้องที่แสงตรงไม่ตก ดังนั้น หากต้องการเพิ่มเงา เพียงเพิ่มเลเยอร์อีกหลายๆ เลเยอร์ให้กับสไปรท์ด้วยพิกเซลที่มีสีตรงกันด้านบนหรือด้านล่างโครงร่าง

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

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

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

   ตอนที่ 6

   เราใช้เทคนิคการวาดภาพขั้นสูง

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

   • ผู้เริ่มต้นมักจะใช้การทำให้ผอมบางในทางที่ผิด อย่าเป็นเหมือนพวกเขา

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

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

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

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

ปัจจุบันยังไม่ทราบแน่ชัดว่าเทคนิคนี้เกิดขึ้นตั้งแต่เมื่อใด อย่างไรก็ตาม เทคนิคในการจัดองค์ประกอบภาพจากองค์ประกอบเล็กๆ ย้อนกลับไปสู่รูปแบบศิลปะโบราณอื่นๆ เช่น โมเสก การปักครอสติช การทอพรม และการประดับด้วยลูกปัด วลีที่ว่า "ศิลปะพิกเซล" ซึ่งเป็นคำจำกัดความของศิลปะพิกเซลถูกใช้ครั้งแรกในบทความโดย 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 และในขณะที่ค้นหาเนื้อหา ฉันพบบทความทั้งสองนี้

ส่วนที่ 6: การลดรอยหยัก
ตอนที่ 7: พื้นผิวและความเบลอ
ตอนที่ 8: โลกกระเบื้อง

คำนำ

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

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

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

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

สุดท้ายนี้ ฉันต้องขอบคุณศิลปินทุกคนที่ร่วมสร้างคู่มือนี้กับฉันไม่ทางใดก็ทางหนึ่ง: Shin สำหรับผลงานสกปรกและลายเส้นของเขา, Xenohydrogen สำหรับอัจฉริยะด้านสีของเขา, Lunn สำหรับความรู้ด้านมุมมองของเขา และ Panda, Ahruon, Dayo และ Kryon ผู้เคร่งครัดที่มีส่วนร่วมในการแสดงเพจเหล่านี้

ดังนั้นให้ฉันกลับเข้าประเด็น

ส่วนที่ 1: เครื่องมือที่เหมาะสม

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

1.ของเก่าๆ

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

*คุณไม่สามารถเปิดมากกว่าหนึ่งไฟล์ในเวลาเดียวกัน
* ไม่มีการควบคุมจานสี
*ไม่มีชั้นหรือความโปร่งใส
* ไม่มีการเลือกที่ไม่ใช่สี่เหลี่ยม
* ปุ่มลัดไม่กี่
* ไม่สะดวกอย่างยิ่ง

สรุปง่ายๆ ก็คือคุณสามารถลืม Paint ได้เลย ตอนนี้เราจะมาดูซอฟต์แวร์จริงกัน

2. ในที่สุด...

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

3. ครีม

มีโปรแกรมอีกมากมายที่ออกแบบมาสำหรับงานศิลปะพิกเซลมากกว่าที่คิด แต่ที่นี่เราจะพิจารณาเฉพาะโปรแกรมที่ดีที่สุดเท่านั้น พวกมันทั้งหมดมีลักษณะคล้ายกันมาก (การควบคุมจานสี การแสดงตัวอย่างไทล์ซ้ำ ความโปร่งใส เลเยอร์ ฯลฯ) ความแตกต่างอยู่ที่ความสะดวก...และราคา

Charamaker 1999 เป็นโปรแกรมที่ดี แต่การจำหน่ายดูเหมือนจะถูกระงับไว้

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

ซอฟต์แวร์ที่ศิลปินพิกเซลใช้กันทั่วไปคือ ProMotion ซึ่งสะดวกและเร็วกว่า Graphics Gale (แน่นอน) โอ้ใช่แล้วเธอเป็นที่รัก! คุณสามารถซื้อเวอร์ชันเต็มได้ในราคาที่พอเหมาะ... 50 ยูโร ($78)
อย่าลืมเพื่อนๆ Mac ของเราด้วย! Pixen เป็นโปรแกรมที่ดีสำหรับ Macintosh และใช้งานได้ฟรี น่าเสียดายที่ฉันไม่สามารถบอกคุณได้มากกว่านี้เพราะฉันไม่มี Mac หมายเหตุผู้แปล (จากภาษาฝรั่งเศส): ผู้ใช้ Linux (และอื่น ๆ ) ควรลองใช้ และ GrafX2 ฉันขอแนะนำให้คุณลองใช้เวอร์ชันสาธิตทั้งหมดและดูว่าเวอร์ชันใดที่เหมาะกับความสะดวกของคุณ ท้ายที่สุดมันเป็นเรื่องของรสนิยม โปรดทราบว่าเมื่อคุณเริ่มใช้โปรแกรมแล้ว การเปลี่ยนไปใช้โปรแกรมอื่นอาจเป็นเรื่องยากมาก

ยังมีต่อ…

บันทึกของนักแปลจากภาษาฝรั่งเศสเป็นภาษาอังกฤษ

นี่เป็นบทช่วยสอนที่ยอดเยี่ยมเกี่ยวกับศิลปะพิกเซล เขียนโดย Phil Razorbak จาก LesForges.org ขอขอบคุณ Phil Razorback เป็นอย่างยิ่งที่อนุญาตให้ OpenGameArt.org แปลคำแนะนำเหล่านี้และโพสต์ไว้ที่นี่ (จากผู้แปลเป็นภาษารัสเซีย ฉันไม่ได้ขออนุญาต ถ้าใครต้องการก็ช่วยได้ ฉันมีประสบการณ์ในการสื่อสารภาษาอังกฤษไม่มากพอ ภาษาฝรั่งเศสน้อยกว่ามาก)

บันทึกของนักแปลจากภาษาอังกฤษเป็นภาษารัสเซีย

ฉันเป็นโปรแกรมเมอร์ ไม่ใช่ศิลปินหรือนักแปล ฉันแปลให้เพื่อนศิลปิน แต่สิ่งดีๆ ใดๆ ก็ตามที่สูญเปล่า ก็ปล่อยให้มันอยู่ที่นี่
ต้นฉบับเป็นภาษาฝรั่งเศสอยู่ที่นี่ www.lesforges.org
แปลจากภาษาฝรั่งเศสเป็นภาษาอังกฤษได้ที่นี่: opengameart.org/content/les-forges-pixel-art-course
ฉันแปลจากภาษาอังกฤษเพราะฉันไม่รู้ภาษาฝรั่งเศส
ใช่แล้ว นี่เป็นการตีพิมพ์ครั้งแรกของฉัน ดังนั้นจึงยินดีรับข้อเสนอแนะด้านการออกแบบ นอกจากนี้ฉันยังสนใจคำถาม: ส่วนที่เหลือควรเผยแพร่เป็นบทความแยกกันหรือควรอัปเดตและเสริมบทความนี้ดีกว่า ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีเปลี่ยนภาพถ่ายของบุคคลให้เป็นงานศิลปะพิกเซลเหมือนตัวละครในเกมอาร์เคดจากต้นยุค 90
James May - หรือที่รู้จักในชื่อ Smudgethis - พัฒนาสไตล์นี้ในปี 2011 สำหรับมิวสิกวิดีโอสำหรับการแสดงดั๊บสเต็ปร็อค เกมฮิตแรกของ Nero Me & You - ที่เขาสร้างแอนิเมชั่นเพื่อแสดงเกมเก่าที่มีสมาชิกสองคนของ Nero เกมดังกล่าวเป็นเกมแพลตฟอร์มจังหวะ 2 มิติที่มีกราฟิก 16 บิตคล้ายกับ Double Dragon แต่เหนือกว่าเกมคลาสสิกย้อนยุค 8 บิตอย่าง Super Mario Bros.
เพื่อสร้างสไตล์นี้ ตัวละครยังคงต้องมีบล็อก แต่ซับซ้อนกว่าเกมเก่า และแม้ว่าคุณจะต้องใช้จานสีที่จำกัดเพื่อให้ได้รูปลักษณ์ แต่โปรดจำไว้ว่าเกมเหล่านี้ยังคงมีสีอยู่ 65,536 สี
ที่นี่ James จะแสดงให้คุณเห็นถึงวิธีการสร้างตัวละครจากภาพถ่ายโดยใช้ชุดสีแบบเรียบง่ายและเครื่องมือดินสอ
เช่นเดียวกับคู่มือแอนิเมชั่น คุณจะต้องมีรูปถ่ายของบุคคลนั้นด้วย James ใช้รูปถ่ายพังค์ที่รวมอยู่ในไฟล์โปรเจ็กต์สำหรับบทช่วยสอนนี้
เมื่อเสร็จแล้ว ลองดูบทช่วยสอนแอนิเมชัน After Effects 16 บิต ซึ่ง James จะแสดงวิธีใช้ตัวละครตัวนี้ใน AE สร้างภาพเคลื่อนไหว และใช้เอฟเฟกต์เกมย้อนยุค

ขั้นตอนที่ 1

เปิด Animation Guide (16 บิต).psd และ 18888111.jpg (หรือรูปภาพที่คุณเลือก) เพื่อใช้เป็นฐานสำหรับตัวละคร รูปโปรไฟล์ขนาดเต็มจะทำงานได้ดีที่สุด และจะช่วยให้ได้ชุดสีและสไตล์สำหรับฟิกเกอร์ 16 บิตของคุณ
บทช่วยสอนแอนิเมชั่นมีหลายท่าในแต่ละเลเยอร์ เลือกท่าที่ตรงกับท่าในรูปภาพของคุณมากที่สุด - เนื่องจากเราไม่มีขาในเฟรม ฉันจึงเลือกท่ามาตรฐานที่ระดับ 1

ขั้นตอนที่ 2

ใช้ Rectangular Marquee Tool (M) เลือกส่วนหัวจากภาพถ่ายของคุณแล้วคัดลอก (Cmd /Ctrl + C) แล้ววาง (Cmd /Ctrl + V) ลงใน Animation Guide (16 บิต) .psd
ปรับขนาดภาพให้พอดีตามสัดส่วน คุณจะสังเกตได้ว่าเนื่องจากขนาด PSD มีขนาดเล็กมาก รูปภาพจึงจะเริ่มวาดพิกเซลทันที

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

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

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

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

1. เส้นพิกเซล

เส้นเหล่านี้เป็นพื้นฐานสำหรับสไตล์ศิลปะพิกเซลสามมิติแบบทั่วไป (และน่าสนใจ) ซึ่งเป็นสไตล์ที่เราจะใช้ในบทช่วยสอนนี้:

พวกมันแทนสองพิกเซลสำหรับทุกๆ พิกเซลที่อยู่ด้านล่าง เส้นเหล่านี้ดูค่อนข้างอ่อนและใช้สำหรับพื้นผิวสี่เหลี่ยม:

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

ในทางตรงกันข้าม นี่คือเส้นที่มีโครงสร้างไม่เท่ากันบางส่วน:

หักมุมมากและไม่มอง

สวย. หลีกเลี่ยงการใช้มัน

2. เล่ม

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

สร้างเอกสารใหม่ใน Photoshop ด้วยความละเอียด 400 x 400 พิกเซล.

ฉันต้องการเปิดหน้าต่างเพิ่มเติมสำหรับไฟล์เดียวกันโดยใช้เมนู หน้าต่าง > จัดเรียง > หน้าต่าง/บทเรียนใหม่(หน้าต่าง > จัดเรียง > หน้าต่างใหม่…) สิ่งนี้ทำให้สามารถทำงานที่กำลังขยายได้ 600% ตรวจสอบผลลัพธ์ในหน้าต่างซูม 100% - การใช้กริดนั้นขึ้นอยู่กับคุณ แต่บางครั้งฉันก็พบว่ามันรบกวนมากกว่ามีประโยชน์

มาขยายเอกสารและสร้างบรรทัดใดบรรทัดหนึ่งกัน 2:1

ฉันชอบที่จะใช้ 5% สีเทาแทนที่จะเป็นสีดำ เพื่อที่ฉันจะได้เพิ่มเงา (สีดำและความทึบต่ำ) และสามารถเลือกแต่ละสีแยกกันได้โดยใช้ไม้กายสิทธิ์

มีหลายวิธีในการวาดเส้น:

1. การใช้ เครื่องมือเส้น(เครื่องมือเส้น) พร้อมโหมด พิกเซล(พิกเซล) ไม่ได้เลือก ปรับให้เรียบ(Anti-alias) และความหนา 1px- ขณะวาด คำแนะนำเครื่องมือมุมควรแสดงขึ้นมา 26.6°- ในความเป็นจริง เครื่องมือ Line ไม่สามารถเรียกได้ว่าสะดวก แต่จะทำให้เกิดเส้นที่ไม่สม่ำเสมอหากมุมไม่แม่นยำ

2. คุณต้องสร้างการเลือก 20 x 40 พิกเซลจากนั้นเลือก K ดินสอ(เครื่องมือดินสอ) ความหนา 1pxแล้ววาดจุดที่มุมซ้ายล่างของส่วนที่เลือก จากนั้นกดปุ่มค้างไว้ กะคลิก ที่มุมขวาบน Photoshop จะสร้างเส้นใหม่ระหว่างจุดสองจุดโดยอัตโนมัติ หากคุณฝึกฝน คุณสามารถสร้างเส้นตรงได้โดยไม่ต้องเน้นด้วยวิธีนี้

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

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

ตอนนี้มารวมบรรทัดของเรา:

จากนั้น Alt-Offset อีกครั้ง พลิกสำเนาในแนวตั้ง และรวมทั้งสองซีกเข้าด้วยกันเพื่อทำให้พื้นผิวของเราสมบูรณ์:

ถึงเวลาเพิ่ม "มิติที่สาม" Alt-ชดเชยพื้นผิวสี่เหลี่ยมแล้วย้ายไปที่ 44pxลง:

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

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

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

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

ตอนนี้เราต้องลบขอบสีดำออก ใช้เคล็ดลับจากวิธีการวาดเส้นที่สองสำหรับยางลบ (ซึ่งควรตั้งค่าเป็นปกติ เครื่องมือยางลบ(เครื่องมือยางลบ) โหมด ดินสอ(โหมดดินสอ) ความหนา 1px).

เลือกสีของสี่เหลี่ยมด้านบนโดยใช้ ปิเปต(เครื่องมือหยดตา). หากต้องการเลือกเครื่องมือนี้อย่างรวดเร็ว ขณะที่คุณกำลังวาดด้วยดินสอหรือไส้ ให้กด Alt- ใช้สีหยดตาที่ได้เพื่อเติมเส้นแนวตั้งลงตรงกลางของลูกบาศก์ หลังจากนั้นให้ลดความสว่างของสีลงด้วย 15% และเติมสีที่ได้ทางด้านซ้ายของลูกบาศก์ ลดความสว่างลงอีก 10% สำหรับด้านขวา:

คิวบ์ของเราเสร็จสมบูรณ์แล้ว ควรดูสะอาดตาและเรียบเนียนเมื่อซูมเข้า 100% - เราสามารถดำเนินการต่อได้

3. เพิ่มตัวละคร

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

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

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

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

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

วาดผมและส่วนบนของศีรษะ จากนั้นทำให้มุมดูอ่อนลง คุณควรได้รับสิ่งที่คล้ายกับสิ่งนี้:

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

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

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

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

คุณควรจะได้สิ่งนี้:

แน่นอนคุณสามารถใช้สัดส่วนใดก็ได้ที่คุณต้องการ ฉันชอบวาดตัวเลือกต่างๆ เคียงข้างกันก่อนที่จะตัดสินใจว่าตัวเลือกใดดีที่สุด

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

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

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

มีหลายทรงผมที่คุณสามารถลองใช้ได้ นี่คือแนวคิดบางประการ:

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

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

หากคุณต้องการส่งออกผลงานของคุณ PNG เป็นรูปแบบที่เหมาะสมที่สุด

แค่นั้นแหละ งานเสร็จแล้ว!

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

นักแปล:ชาโปวาล อเล็กเซย์