Adobe Photoshop: วาดและทำให้ตัวละครเคลื่อนไหวโดยใช้เทคนิค Pixel Art บทนำเกี่ยวกับศิลปะพิกเซลสำหรับเกม วิธีการวาดศิลปะพิกเซลที่สวยงาม

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

คำนำ

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

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

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

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

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

กลับมาที่ประเด็นกัน

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

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

1.ของเก่า

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

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

ในระยะสั้น คุณสามารถลืมเกี่ยวกับโปรแกรมระบายสี ตอนนี้เราจะเห็นซอฟต์แวร์จริง

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

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

3. ครีม

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

ชาราเมกเกอร์ 1999- โปรแกรมที่ดีแต่การกระจายดูเหมือนจะถูกระงับ

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

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

ยังมีต่อ…

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

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

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

ฉันเป็นโปรแกรมเมอร์ ไม่ใช่ศิลปินหรือนักแปล ฉันแปลให้ศิลปินเพื่อนของฉัน แต่สิ่งที่ดีที่เสียไป ปล่อยให้มันอยู่ตรงนี้
ต้นฉบับเป็นภาษาฝรั่งเศสที่นี่ www.lesforges.org
แปลภาษาฝรั่งเศสเป็นภาษาอังกฤษที่นี่: opengameart.org/content/les-forges-pixel-art-course
ฉันแปลจากภาษาอังกฤษเพราะฉันไม่รู้ภาษาฝรั่งเศส
และใช่ นี่เป็นโพสต์แรกของฉัน ดังนั้นยินดีรับข้อเสนอแนะเกี่ยวกับการออกแบบ นอกจากนี้ คำถามคือส่วนที่เหลือควรเผยแพร่เป็นบทความแยกต่างหากหรือควรปรับปรุงและเสริมในส่วนนี้ดีกว่า

Adobe Photoshop: วาดและทำให้ตัวละครเคลื่อนไหวใน เทคนิคพิกเซลศิลปะ

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

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

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

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

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

ขั้นตอนที่ 4

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

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

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

ขั้นตอนที่ 1

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

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

ขั้นตอนที่ 2

ลดขนาดภาพขนาดย่อลงให้สูง 60 พิกเซลโดยใช้แป้นพิมพ์ลัด Control+T หรือคำสั่ง Edit > Free Transform

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

ขั้นตอนที่ 3

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

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

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

ขั้นตอนที่ 6

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

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

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

ขั้นตอนที่ 7

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

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

สาม. ภาพเคลื่อนไหวของตัวละคร

ขั้นตอนที่ 1

สร้างสำเนาของเลเยอร์ (เลเยอร์ > ใหม่ > เลเยอร์ผ่านการคัดลอก) และเลื่อนขึ้นไป 1 px และไปทางขวา 2 px นี่คือจุดสำคัญในการเคลื่อนไหวของตัวละคร

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

ขั้นตอนที่ 2

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

● ไฮไลต์ มือซ้ายเครื่องมือเชือก

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

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

● ใช้ดินสอและยางลบแตะที่แขนขวาใต้ข้อศอก

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

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

ขั้นตอน

ส่วนที่ 1

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

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

• โฟโต้ชอป
• paint.net
• พิกเซล

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

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

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

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

   ส่วนที่ 2

   ฝึกฝนพื้นฐาน

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

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

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

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

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

   ตอนที่ 3

   การสร้างสไปรต์ตัวแรก

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

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

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

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

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

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

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

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

      • เมื่อทำงานกับภาพร่างอย่าวอกแวกกับรายละเอียด - ตาของพวกเขาจะมาถึง

   ตอนที่ 4

   ระบายสีเทพดา

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

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

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

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

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

   ตอนที่ 5

   การเพิ่มเงา

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

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

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

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

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

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

   ตอนที่ 6

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

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

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

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

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

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

4.7 (93.8%) 158 คะแนน

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

สิ่งที่จะวาดภาพวาดบนเซลล์

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

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

วิธีการวาดภาพโดยเซลล์

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

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

เครื่องหมายสำหรับการวาดภาพโดยเซลล์

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

ดินสอสำหรับการวาดภาพโดยเซลล์

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

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

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

Dot Graphics - เทคโนโลยี Pixel Art

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

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

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

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

เริ่มจากการวาดภาพง่ายๆ มานับเซลล์ กำหนดรูปร่าง และตกแต่งตามสีกันเถอะ

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

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

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

เอา

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

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

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

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

ตัวอย่างของศิลปะพิกเซล ชิ้นส่วน

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

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

เมือง. ผู้เขียน: Zoggles

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

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

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

ไตรมาสที่พักอาศัย ผู้เขียน: