โปรแกรมสำหรับสร้างงานศิลปะพิกเซล ศิลปะพิกเซล: ผลงานและนักวาดภาพประกอบที่ดีที่สุด ศิลปะพิกเซลมีลักษณะอย่างไร

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

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

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

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


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


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


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


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


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

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีเปลี่ยนภาพถ่ายบุคคลให้เป็นงานศิลปะพิกเซล ตัวละครสมมุติเกมอาร์เคดตั้งแต่ต้นยุค 90
James May - aka 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” ในเมนูป๊อปอัปของแผง (ขวาบน)
เฟรมแรกเป็นพื้นหลังว่างเปล่า ดังนั้นให้เลือกเฟรมนั้นแล้วคลิกไอคอนถังขยะของแผง (ด้านล่าง) เพื่อลบออก

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

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

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

ผิดปกติพอสมควร แต่เป็นความก้าวหน้าทางวิทยาศาสตร์และเทคโนโลยีของ Mr. ที่ผลักดันกราฟิกพิกเซลไปสู่แถวหน้าในช่วงกลางทศวรรษที่ 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 ของบทเรียน) สำหรับตอนนี้ ฉันจะปรับรูปร่างของศีรษะเล็กน้อยโดยลบพิกเซลสองสามพิกเซลในที่เดียวและเพิ่มเข้าไปในอีกที่หนึ่ง:

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

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

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

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

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

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

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

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

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

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

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

3. การกรอก

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

จาราเมคเกอร์ 2542 - โปรแกรมที่ดีแต่การจำหน่ายดูเหมือนจะหยุดชะงัก

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

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


สูงสุด