Adobe Photoshop: วาดและทำให้ตัวละครเคลื่อนไหวโดยใช้เทคนิค Pixel Art

ในบทนี้คุณจะได้เรียนรู้วิธีการวาดและทำให้ตัวละครเคลื่อนไหวโดยใช้เทคนิค Pixel Art ในการดำเนินการนี้ คุณจำเป็นต้องมี Adobe Photoshop เท่านั้น ผลลัพธ์จะเป็น GIF พร้อมนักบินอวกาศที่กำลังวิ่งอยู่

โปรแกรม: Adobe Photoshop ความยาก: ระดับเริ่มต้น ระดับกลาง ระยะเวลาที่ต้องการ: 30 นาที – ชั่วโมง

I. การตั้งค่าเอกสารและเครื่องมือ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ในการตั้งค่าเครื่องมือยางลบ (ยางลบ) ให้เลือกโหมดดินสอและตั้งค่าที่เหลือตามที่แสดงในภาพ

ขั้นตอนที่ 3

เปิด Pixel Grid (ดู > แสดง > Pixel Grid) หากไม่มีรายการดังกล่าวในเมนู ให้ไปที่การตั้งค่าและเปิดใช้งานการตั้งค่าการเร่งความเร็วกราฟิก > ประสิทธิภาพ > การเร่งความเร็วกราฟิก

โปรดทราบ: ตารางจะปรากฏบนผืนผ้าใบที่สร้างขึ้นใหม่เมื่อซูมเข้าที่ 600% ขึ้นไปเท่านั้น

ขั้นตอนที่ 4

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

ในการตั้งค่าหน่วยและไม้บรรทัด ให้ตั้งค่าหน่วยไม้บรรทัดเป็นพิกเซล การตั้งค่า > หน่วยและไม้บรรทัด > พิกเซล

ครั้งที่สอง การสร้างตัวละคร

ขั้นตอนที่ 1

และตอนนี้เมื่อทุกอย่างพร้อมแล้ว เราก็สามารถดำเนินการวาดตัวละครได้โดยตรง

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

ขั้นตอนที่ 2

ลดขนาดของภาพร่างเป็นความสูง 60 พิกเซลโดยใช้แป้นพิมพ์ลัด Control+T หรือแก้ไข > การแปลงแบบอิสระ

ขนาดของวัตถุจะแสดงในแผงข้อมูล โปรดทราบว่าการตั้งค่าการแก้ไขจะเหมือนกับที่เราทำในขั้นตอนที่ 4

ขั้นตอนที่ 3

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

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

ปรับโครงร่างให้เรียบโดยวาดเงาตามขอบด้านใน

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

ขั้นตอนที่ 6

สร้างเลเยอร์ใหม่สำหรับไฮไลท์

เลือกโหมดผสมผสานการวางซ้อนจากรายการแบบเลื่อนลงในแผงเลเยอร์ ทาสีด้วยสีอ่อนๆ เหนือพื้นที่ที่คุณต้องการเน้น จากนั้นทำให้ไฮไลท์ดูเรียบเนียนโดยใช้ Filter > Blur > Blur

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

ขั้นตอนที่ 7

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

ตอนนี้ตัวละครพร้อมสำหรับแอนิเมชั่นแล้ว

สาม. แอนิเมชั่นตัวละคร

ขั้นตอนที่ 1

สร้างสำเนาของเลเยอร์ (Layer > New > Layer Via Copy) แล้วเลื่อนขึ้นไป 1 พิกเซลและ 2 พิกเซลไปทางขวา นี่คือจุดสำคัญในแอนิเมชั่นตัวละคร

ลดความทึบของเลเยอร์เดิมลง 50% เพื่อให้คุณมองเห็นเฟรมก่อนหน้าได้ สิ่งนี้เรียกว่า "การปอกเปลือกหัวหอม" (โหมดพหูพจน์)

ขั้นตอนที่ 2

ตอนนี้งอแขนและขาของตัวละครของคุณราวกับว่าเขากำลังวิ่ง

● เลือกมือซ้ายด้วยเครื่องมือ Lasso

● ใช้ FreeTransformTool (แก้ไข > FreeTransform) และกดปุ่ม Control ค้างไว้ เพื่อย้ายขอบของคอนเทนเนอร์เพื่อให้มือเคลื่อนไปด้านหลัง

● เลือกขาข้างหนึ่งก่อนแล้วยืดออกเล็กน้อย แล้วบีบขาอีกข้างตรงกันข้ามให้รู้สึกเหมือนตัวละครกำลังเดินอยู่

● ใช้ดินสอและยางลบ ปรับส่วนของแขนขวาให้อยู่ใต้ข้อศอก

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

ทำสำเนาของเลเยอร์ที่สองแล้วพลิกในแนวนอน ตอนนี้คุณมีท่าพื้นฐาน 1 ท่าและท่าเคลื่อนไหว 2 ท่า คืนความทึบของเลเยอร์ทั้งหมดเป็น 100%

ขั้นตอนที่ 5

ไปที่ Window > Timeline เพื่อแสดงแผง Timeline แล้วคลิก Create Frame Animation

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

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

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

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

" itemprop="รูปภาพ">

ในบทช่วยสอน 10 ขั้นตอนวิธีการวาด Pixel Art ฉันจะสอนวิธีสร้าง "สไปรท์" (อักขระ 2D หรือวัตถุ 2 มิติตัวเดียว) แน่นอนว่าคำนี้มาจากวิดีโอเกม

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

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

เครื่องมือ

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

วิธีการวาดศิลปะพิกเซลใน Photoshop

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

เราจะต้องมีเครื่องมืออีกสองอย่าง: "การเลือก" (ปุ่ม M) และ "ไม้กายสิทธิ์" (ปุ่ม W) เพื่อเลือกและลากหรือคัดลอกและวาง โปรดจำไว้ว่าด้วยการกดปุ่ม Alt หรือ Shift ค้างไว้ขณะทำการเลือก คุณจะสามารถเพิ่มวัตถุที่เลือกหรือแยกออกจากรายการการเลือกปัจจุบันได้ สิ่งนี้มีประโยชน์เมื่อคุณต้องการเลือกวัตถุที่ไม่สม่ำเสมอ

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

สุดท้ายนี้ ตรวจสอบให้แน่ใจว่าคุณจำปุ่มลัดทั้งหมดได้ เนื่องจากจะช่วยประหยัดเวลาได้มาก สังเกต "X" ที่สลับระหว่างสีหลักและสีรอง

เส้น

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

เส้นตรง

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

เส้นโค้ง

เมื่อวาดเส้นโค้ง คุณต้องแน่ใจว่าการลดลงหรือเพิ่มขึ้นสม่ำเสมอตลอดความยาวทั้งหมด ในตัวอย่างนี้ เส้นเรียบร้อยมีช่วง 6 > 3 > 2 > 1 แต่เป็นเส้นที่มีช่วง 3 > 1< 3 выглядит зазубренной.

ความสามารถในการวาดเส้นเป็นองค์ประกอบสำคัญของศิลปะพิกเซล ฉันจะบอกคุณเพิ่มเติมอีกเล็กน้อยเกี่ยวกับการต่อต้านนามแฝง

แนวความคิด

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

หัวข้อสำหรับการคิด

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

มาลองกัน!

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

เซอร์กิต

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

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

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

ในบทช่วยสอนของฉัน ฉันสร้างสไปรท์ที่ค่อนข้างใหญ่ ดังนั้นวิธีแรกจะแสดงที่นี่ มันจะง่ายกว่านี้ถ้าฉันแสดงทุกอย่างชัดเจนและอธิบายสิ่งที่เกิดขึ้น

ขั้นตอนที่หนึ่ง: โครงร่างคร่าวๆ

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

ภาพร่างของฉันเกือบจะตรงกับสิ่งที่ฉันวางแผนไว้เกือบทั้งหมด

ขั้นตอนที่สอง: ขัดโครงร่าง

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

แม้แต่สไปรท์ขนาดใหญ่ก็แทบจะไม่เกิน 200 x 200 พิกเซลเลย วลี “do more with less” เป็นวิธีที่ดีในการอธิบายกระบวนการสร้างพิกเซล ในไม่ช้าคุณจะเห็นว่าแม้แต่พิกเซลเดียวก็มีความสำคัญ

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

สี

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

รุ่นสี HSB

นี่คือตัวย่อภาษาอังกฤษที่ประกอบด้วยคำว่า Hue, Saturation, Brightness มันเป็นเพียงหนึ่งในโมเดลสีคอมพิวเตอร์จำนวนมาก (หรือการแสดงสีเป็นตัวเลข) คุณคงเคยได้ยินตัวอย่างอื่นๆ เช่น RGB และ CMYK มาก่อน โปรแกรมแก้ไขภาพส่วนใหญ่ใช้ HSB ในการเลือกสี ดังนั้นเราจะเน้นไปที่เรื่องนั้น

เว้– เว้คือสิ่งที่เราเคยเรียกว่าสี

ความอิ่มตัว– ความอิ่มตัว – กำหนดความเข้มของสี หากค่าเป็น 100% แสดงว่านี่คือความสว่างสูงสุด หากลดระดับลง ความหมองคล้ำก็จะปรากฏเป็นสีและจะเป็น "สีเทา"

ความสว่าง– แสงที่เปล่งสี ตัวอย่างเช่น สำหรับคนผิวดำ ตัวบ่งชี้นี้คือ 0%

การเลือกสี

การตัดสินใจเลือกสีนั้นขึ้นอยู่กับคุณ แต่มีบางสิ่งที่ต้องคำนึงถึง:

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

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

การใช้สี

การใช้สีทำได้ง่ายมาก หากคุณใช้ Photoshop ให้เลือกส่วนที่ต้องการ เลือกด้วยไม้กายสิทธิ์ (ปุ่ม W) จากนั้นเติมด้วยสีหลัก (Alt-F) หรือสีเพิ่มเติม Ctrl-F)

การแรเงา

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

ขั้นตอนที่หนึ่ง: เลือกแหล่งกำเนิดแสง

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

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

ขั้นตอนที่สอง: การแรเงาโดยตรง

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

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

ขั้นตอนที่สาม: เงาที่นุ่มนวล

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

ขั้นตอนที่สี่: พื้นที่ที่มีแสงสว่าง

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

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

กฎที่เป็นประโยชน์บางประการ

เงาเป็นสิ่งที่ท้าทายสำหรับผู้เริ่มต้นเสมอ ดังนั้นนี่คือกฎบางข้อที่คุณต้องปฏิบัติตามขณะแรเงา

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

หายห่วง

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

ตัวอย่างง่ายๆ

ต่อไปนี้คือตัวอย่างง่ายๆ ว่าคุณสามารถสร้างตัวเลือกการแรเงาสี่ตัวเลือกจากสองสีได้อย่างไร

ตัวอย่างขั้นสูง

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

แอปพลิเคชัน

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

คุณสามารถใช้ dither ได้ตามใจชอบ แต่น่าสังเกตว่ามีเพียงไม่กี่คนเท่านั้นที่ใช้ได้ดีจริงๆ

การเลือกรูปทรง

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

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

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

เปรียบเทียบกับต้นฉบับ:

1. ปรับให้เรียบ

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

เทคนิคที่ 1: ขจัดข้อบกพร่องให้เรียบ

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

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

เทคนิคที่ 2: การปัดเศษการกระแทก

เทคนิคที่ 3: การลบการสิ้นสุดบรรทัด

แอปพลิเคชัน

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

เอฟเฟกต์นั้นบอบบางมาก แต่ก็มีความสำคัญอย่างยิ่ง

ทำไมคุณต้องทำสิ่งนี้ด้วยตนเอง?

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

จบ

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

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

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

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

ความคืบหน้าทั้งหมด:

มันตลกเสมอ นี่คือ GIF ที่แสดงวิวัฒนาการของสไปรท์ของเรา

1. เรียนรู้พื้นฐานของศิลปะและฝึกฝนเทคนิคดั้งเดิม ความรู้และทักษะทั้งหมดที่จำเป็นสำหรับการวาดภาพสามารถนำไปใช้กับพิกเซลได้
2. เริ่มต้นด้วยสไปรท์ขนาดเล็ก ส่วนที่ยากที่สุดคือการเรียนรู้วิธีวางรายละเอียดจำนวนมากโดยใช้จำนวนพิกเซลขั้นต่ำ เพื่อไม่ให้สไปรท์มีขนาดใหญ่เท่ากับของฉัน
3. ศึกษาผลงานของศิลปินที่คุณชื่นชมและอย่ากลัวที่จะไม่สร้างสรรค์ผลงาน วิธีที่ดีที่สุดในการเรียนรู้คือการทำซ้ำชิ้นส่วนของงานของผู้อื่น ต้องใช้เวลามากในการพัฒนาสไตล์ของคุณเอง
4. หากคุณไม่มีแท็บเล็ต ให้ซื้อหนึ่งเครื่อง อาการทางประสาทและความเครียดที่เกิดจากการคลิกซ้ายอย่างต่อเนื่องไม่ใช่เรื่องสนุก และไม่น่าสร้างความประทับใจให้กับเพศตรงข้าม ฉันใช้ Wacom Graphire2 ขนาดเล็ก - ฉันชอบที่มันกะทัดรัดและพกพาสะดวก คุณอาจต้องการแท็บเล็ตที่ใหญ่กว่า ก่อนซื้อให้ทดลองขับสักระยะหนึ่ง
5. แบ่งปันงานของคุณกับผู้อื่นเพื่อรับความคิดเห็นของพวกเขา นี่อาจเป็นวิธีที่ดีในการหาเพื่อนใหม่ที่เป็นกี๊ก

ป.ล.

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

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

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

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

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

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

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

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

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

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

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