คู่มือแอนิเมชั่นศิลปะพิกเซล: ทำให้ตัวละครตัวจิ๋วรู้สึกมีชีวิตชีวา

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

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

เริ่มต้นด้วยภาพเงา

ก่อนรายละเอียดให้ตรวจสอบโครงร่าง หากตัวละครอ่านเป็นรูปร่างที่ชัดเจนในสีเดียว แอนิเมชั่นจะมีโอกาสที่ดีกว่ามาก

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

จำกัด จานสี

สองถึงสี่สีก็เพียงพอแล้วสำหรับตัวอักษรขนาดเล็กส่วนใหญ่ จานสีที่จำกัดช่วยให้แอนิเมชั่นสงบและช่วยให้ทุกพิกเซลเข้ามาแทนที่

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

วางแผนการเคลื่อนไหวหลัก

ถามว่าตัวละครกำลังทำอะไรในประโยคสั้นๆ เพียงประโยคเดียว:

• สไลม์กำลังหายใจ
• หุ่นยนต์กำลังโบกมือ -เห็ดกำลังเด้ง
• ผีกำลังล่องลอย

ประโยคนั้นเป็นรั้วกั้นของคุณ หากรายละเอียดไม่รองรับ ให้ปล่อยรายละเอียดออกไป

ใช้เฟรมน้อยกว่าที่คุณคิด

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

WigglyPaint เพิ่มการเคลื่อนไหวที่มีชีวิตเล็กน้อยให้กับลายเส้น ดังนั้นคุณมักจะสามารถรักษาโครงสร้างให้เรียบง่ายกว่าที่คุณทำในลำดับเฟรมที่วาดด้วยมือ

ดูจุดยึด

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

จุดยึดทำให้แอนิเมชั่นไม่รู้สึกเหมือนตัวละครกำลังละลาย

เพิ่มรายละเอียดรองหนึ่งรายการ

เมื่อการเคลื่อนไหวหลักได้ผล ให้เพิ่มรายละเอียดสนับสนุนหนึ่งรายการ:

• ผมเล็กๆเด้ง
• ผ้าพันคอล้าหลัง
• กระพริบตา
• ประกายไฟ
• เงาที่ทอดยาว

รายละเอียดอย่างหนึ่งทำให้แอนิเมชั่นรู้สึกได้รับการดูแล รายละเอียดห้าประการอาจทำให้อ่านยาก

ข้อผิดพลาดทั่วไป

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

สิ่งเหล่านี้ไม่ใช่ภัยพิบัติ เป็นเพียงสัญญาณที่ทำให้ง่ายขึ้น

ตัวละครตัวแรกที่ดี

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

นั่นก็เพียงพอแล้ว ถ้ามันรู้สึกมีชีวิตชีวา คุณก็ได้เรียนรู้สิ่งนั้น