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

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

4.7 (93.8%) 158 โหวต

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

วิธีการวาดภาพทีละเซลล์

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

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

วิธีการวาดภาพทีละเซลล์

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

ปากกาลูกลื่นสำหรับศิลปะพิกเซล

ปากกาสักหลาดสำหรับวาดภาพในเซลล์

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

ดินสอสำหรับวาดภาพตามเซลล์

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

ดูวิดีโอเกี่ยวกับความง่ายในการวาดภาพในเซลล์และผลลัพธ์ที่ได้จะสวยงามเพียงใด:

รูปแบบการวาดภาพอีกสองสามอย่างที่ฉันชอบ:

กราฟิก Dot - เทคโนโลยีศิลปะพิกเซล

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

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

วิธีที่ดีที่สุดที่จะเชี่ยวชาญทุกสิ่งคือการฝึกฝน มาลองฝึกฝนศิลปะพิกเซลกันดีกว่า:

ลองใช้ปากกาน้ำมันสีดำแดงและสมุดโน้ตตาหมากรุก

ก่อนอื่นมาวาดรูปง่ายๆกันก่อน มานับเซลล์ กำหนดโครงร่างและระบายสีตามสีกัน

ตัวอย่างเช่นมาวาดหัวใจกัน:

1. นำใบตาหมากรุกและปากกาที่มีหมึกสีดำใส่ 3 จุดตามภาพ เครื่องหมายจุดว่าเซลล์ใดจะถูกทาสีดำ
   
   
2. วาดเส้นเพื่อแสดงรูปทรงของภาพ
   
   
3. ทำเครื่องหมายสามจุดในแต่ละด้าน ดูรูป
   
   
4. เราทำเครื่องหมายพื้นที่ของภาพวาดด้วยสองเส้น
   
   
5. เรามาวางอีกจุดหนึ่งในแต่ละด้านแล้ววาดขอบเขตใต้จุดบนสุด
   
   
6. ลองวาดจุดในแนวตั้ง 8 จุดและทั้งสองด้าน 4 จุดดังแสดงในรูปด้านล่าง
   
7. โดยการวาดเส้นแนวตั้งดังแสดงในรูปเราจะระบุขอบเขตของการวาดโดยสมบูรณ์
   
8. ในทำนองเดียวกันให้ทำเครื่องหมายส่วนล่างของหัวใจทางซ้ายและขวา
   
   
9. เราร่างเซลล์ตามในภาพของเรา
   
   
10. สิ่งต่อไปที่เราต้องทำคือทาสีทับด้านในของหัวใจด้วยปากกาสีแดง โดยปล่อยให้ไฮไลท์ของแสงไม่ได้ทาสี
    
    
11. และสุดท้าย ใช้ปากกาสีดำแรเงาเซลล์ที่มีเครื่องหมายจุด ตอนนี้คุณได้เรียนรู้วิธีการวาดภาพแปดบิตแล้ว
    
    

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

เอา

• ปากกาสีดำ,
• ดินสอ,
• สมุดบันทึกสี่เหลี่ยม,
• คอมพิวเตอร์,
• ภาพถ่ายหรือภาพจากอินเทอร์เน็ต
• โปรแกรมโฟโต้ชอป

ในการใช้ภาพวาดสามมิติ เราต้องนับจำนวนเซลล์ที่จะทาสีทับ ค่อนข้างยากที่จะไม่ทำผิดพลาดในปริมาณมาก นอกจากนี้ อย่าลืมเลือกเฉดสีที่คล้ายกับภาพต้นฉบับ
เอาล่ะ เรามาดำเนินการกัน:

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

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

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

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

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

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

" 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. แบ่งปันงานของคุณกับผู้อื่นเพื่อรับความคิดเห็นของพวกเขา นี่อาจเป็นวิธีที่ดีในการหาเพื่อนใหม่ที่เป็นกี๊ก

ป.ล.

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