วิธีการเรียนรู้ภาพเคลื่อนไหว 2d? [ปิด]


43

ฉันจะเรียนรู้วิธีการทำแอนิเมชัน 2d อย่างง่ายได้อย่างไร หรือว่ามันเป็นเพียงแค่การวาดภาพทุกเฟรมใน Photoshop มีเคล็ดลับหรือลูกเล่นหรือไม่? บทแนะนำเพื่อช่วยเริ่มต้นใช้งานหรือไม่

นอกจากนี้ยังมีตัวเลือกซอฟต์แวร์ใดบ้าง (โดยเฉพาะอย่างยิ่งโอเพนซอร์สหรือแม้แต่ฟรี)


1
หากคุณกำลังจะทำอะไรที่ "ซับซ้อน" เหมือนรูปตัวติดที่เดิน / วิ่งในขณะที่พื้นหลังเปลี่ยนไปจากนั้นทันใดนั้นรูปที่ติดกลายเป็นยางลบและการโจมตีกลายพันธุ์เด็กนกติดกับสุนัขบิน (จาก Ride สูงสุดโดย James Patterson ) คุณต้องใช้ Flash
Mateen Ulhaq

14
@muntoo เหตุใดจึงต้องใช้ Flash มันมีปุ่มที่ทำสิ่งนั้นให้คุณโดยอัตโนมัติหรือไม่? ไม่คุณสามารถทำได้ด้วยซอฟต์แวร์ภาพเคลื่อนไหว หรือวาดด้วยมือและสแกนภาพ ...
bummzack

@bummzack ขออภัยฉันหมายถึง "คุณสามารถใช้ Flash" ได้
Mateen Ulhaq

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

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

คำตอบ:


19

ตอนนี้ฉันนึกถึงอนิเมชั่นสองมิติที่คุณสามารถทำได้:

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

ทุกอย่างเกี่ยวกับการให้ภาพลวงตาของการเคลื่อนไหว

ทำอย่างไรให้ดี?

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

เคล็ดลับและลูกเล่น?

ตัวเลือกซอฟต์แวร์?

  • ฉันจะบอกว่ามันขึ้นอยู่กับสิ่งที่คุณพยายามจะทำ หากคุณต้องการเคลื่อนไหวสไปรต์หรือวัตถุอย่างง่าย MS Paint ก็น่าจะพอเพียง
  • GIMPเป็นทางเลือกโอเพนซอร์สสำหรับ Photoshop
  • Photoscapeเป็นโปรแกรมแก้ไขรูปภาพฟรีอีกตัว นอกจากนี้ยังช่วยให้คุณสร้าง GIF แบบเคลื่อนไหวได้ซึ่งเหมาะสำหรับการทดสอบเวลาในภาพเคลื่อนไหวของคุณ
  • Synfigเป็นอีกทางเลือกหนึ่งสำหรับToonBoomสำหรับการทำแอนิเมชั่นโดยไม่ต้องกังวลกับการทวีตแล้วส่งออกไปยังวิดีโอ gif หรืออาจบันทึกบางเฟรมเป็นรูปภาพสำหรับสไปรต์
  • InkScapeเป็นโปรแกรมแก้ไขเวกเตอร์กราฟิกแบบเวกเตอร์ที่เป็นทางเลือกที่น่าสนใจสำหรับAdobe Illustrator

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


10

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

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

นอกจากนี้ยังมี " ตูนบูม " พวกเขามีชุดซอฟต์แวร์ที่แตกต่างกันมากมายสำหรับงานอดิเรก / สนุกกับซอฟต์แวร์แอนิเมชันมืออาชีพ

เครื่องมืออย่าง GIMP และ Photoshop ยังมีฟังก์ชั่นบางอย่างสำหรับแอนิเมชัน แต่นั่นก็เป็นเรื่องพื้นฐานจริงๆ

ตัวเลือกอื่นที่ไม่ชัดเจนสำหรับภาพเคลื่อนไหว 2D คือการใช้โปรแกรม 3D คุณรู้หรือไม่ว่าตอนหลัง ๆ ของSouthparkมีชีวิตชีวาโดยใช้ Maya?

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


4

มีทรัพยากรมากมายให้ทำเช่นนี้

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

http://www.dreamincode.net/forums/topic/194878-xna-animated-sprite/

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

http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyStep_Lessons_in_Flash.htm


4

อนิเมชั่น 2D เป็นทั้งศิลปะและอาชีพ และอันที่จริงยากมากที่จะโท ไม่ใช่อนิเมเตอร์ทุกคนที่ทำ แต่จะมีภาพเคลื่อนไหวที่ดีแน่นอน แต่สำหรับแอนิเมชั่นขั้นพื้นฐานอย่างที่คุณพูด ... มันขึ้นอยู่กับ ส่วนใหญ่เป็นเรื่องง่ายที่จะบรรลุระดับแอนิเมชั่นสไปรท์สำหรับโทรศัพท์มือถือที่ใช้เฟรม 4 เฟรมสำหรับเดินรอบ 24x24 พิกเซลสไปรต์ คุณสามารถทำได้อย่างแน่นอนด้วย Gimp และการใช้เลเยอร์โปร่งใสเพื่อให้เฟรมก่อนหน้าหรือถัดไปซ้อนทับเป็นแนวทาง ("onion skinning") มีคุณสมบัติอื่น ๆ ที่จะช่วยในเรื่องนี้

เมื่อคุณพยายามทำแอนิเมชั่นความละเอียดสูงขึ้น 2d สิ่งที่ซับซ้อนมากขึ้น คำแนะนำอย่างรวดเร็วคือการวาดตัวอย่างเช่นในรอบ 13 เฟรมรอบการเดินเฟรมที่ 1, 7, 13 จากนั้นก็วาด ibetweens ของผู้เล่นเช่น 4, 10 จากนั้นส่วนที่เหลือ (เป็นตัวอย่างที่ไม่ดีสรรพสินค้าใหญ่)

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


2

ฉันอยากจะแนะนำหนังสือ "The Animators Survival Kit" ให้กับคุณมันไม่ได้มีเป้าหมายโดยตรงที่ภาพเคลื่อนไหว 2D โดยใช้ซอฟต์แวร์คอมพิวเตอร์ แต่เพิ่มเติมเกี่ยวกับเทคนิคการทำภาพเคลื่อนไหวทั่วไป

ลิงค์อเมซอน


1

เพียงแค่ไปสำหรับหนังสือเล่มนี้ด้วยดวงตาของคุณปิด! ภาพลวงตาของชีวิต: การเคลื่อนไหวของดิสนีย์

ฉันไม่สามารถเน้นพอวิธีที่น่ากลัวนี้ is.I หนังสือกำลังเพียง quoting วิกิพีเดียรูปแบบ

หลักการพื้นฐานของอนิเมชั่นสิบสองคือชุดของหลักการของอนิเมชั่นที่นำเสนอโดยอนิเมชั่นของดิสนีย์ Ollie Johnston และ Frank Thomas ในหนังสือ 1981 The Illusion of Life: Disney Animation จอห์นสตันและโธมัสตามหนังสือของพวกเขาเกี่ยวกับผลงานของอนิเมชั่นดิสนีย์ชั้นนำตั้งแต่ปี 1930 เป็นต้นไปและความพยายามของพวกเขาในการสร้างภาพเคลื่อนไหวที่สมจริงยิ่งขึ้น วัตถุประสงค์หลักของหลักการคือการสร้างภาพลวงตาของตัวละครที่ยึดมั่นกับกฎพื้นฐานของฟิสิกส์ แต่พวกเขายังจัดการกับปัญหาที่เป็นนามธรรมมากขึ้นเช่นเวลาอารมณ์และการดึงดูดตัวละคร

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

สำหรับแอปพลิเคชัน 2d ฟรีและโอเพนซอร์สฉันชอบMyPaintเป็นอย่างมาก การวาดภาพที่นี่ให้ความรู้สึกเป็นธรรมชาติมาก แม้ว่ามันจะขาดคุณสมบัติพื้นฐานมากมาย สำหรับชมเชยคุณสมบัติพื้นฐานมีเพื่อนเก่าGIMPเตอร์คุณยังสามารถลองKrita เครื่องยนต์ของแปรงนั้นดีกว่า Gimp

สำหรับอนิเมชั่น + การทาสีมีอีกวิธีหนึ่งที่เรียกว่าดินสอซึ่งคุณสามารถสร้างแอนิเมชั่นพื้นฐานด้วยเครื่องมือวาดภาพขั้นพื้นฐานบางอย่าง มันสนุกมากที่ได้ทำงานกับ

คุณสามารถลองเล่นแร่แปรธาตุ (ภาพวาดเท่านั้น) ด้วย


1

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


2
-1 แมทธิวถามเทคนิคการทำภาพเคลื่อนไหว 2 มิติอย่างง่ายคุณแนะนำให้ใช้เวลาเรียน 3-6 เดือน
Markus von Broady

2
หากคุณอ่านคำตอบที่ 3 ของโพสต์ที่ 1 (ซึ่งได้รับ 19 คะแนน) พวกเขาอ้างว่า: "กราฟิกเกม 2D จำนวนมากในวันนี้มีพื้นฐานมาจากโมเดล 3 มิตินี่มีเหตุผลหลายประการ: โมเดล 3 มิติสามารถปรับได้มากกว่าภาพ 2D; สไปรต์ทำให้เกิดความรู้สึกเชิงพื้นที่เนื่องจากพวกมันถูกสร้างขึ้นมาจากการเรนเดอร์วัตถุ 3 มิติ " นี่คือเหตุผลของฉันด้วย การลงทุนในการเรียนรู้การสร้างแบบจำลองตาข่ายสามมิติเพื่อความสามารถใด ๆเป็นการลงทุน 3-6 เดือน หากคุณไม่สนใจใช้เว็บเพื่อหาภาพสำเร็จรูปหรือยินดีที่จะเรียนรู้การวาดภาพ 2 มิติ (การลงทุนด้วย) ก็ไม่มีวิธีอื่นใด :-)
ProfVersaggi

1

ปีนขึ้นไปบนเรือสั้น ๆ ของ Google ชื่อSculptris ในการเดินทางของคุณคุณควรค้นพบโปรแกรมสร้างแบบจำลองสามมิติที่มีชื่อเดียวกัน ในความพยายามในการสร้างแบบจำลองสองมิติของฉันเองฉันก็มาถึงข้อสรุปที่ProfVersaggiมี แต่น่าเสียดายที่ฉันละลายชั่วโมงผิดหวังนับไม่ถ้วนปล่อยให้เลื้อยสมองของฉันมากกว่าความรู้ในโปรแกรมเป็นเครื่องปั่น ฉันพบว่าฉันแบ่งปันความต้องการกับคนอื่น ๆ เพื่อให้ได้ผลตอบแทน "แรงงาน" ที่รวดเร็วยิ่งขึ้น Sculptrisให้สิ่งนี้กับฉัน นอกจากนี้ยังฟรีนับจากโพสต์นี้ ข้อแม้; โปรแกรมนี้ยังอยู่ระหว่างการพัฒนาและประสบปัญหาการขัดข้อง ที่กล่าวว่าผู้สร้างSculptrisมีชนิดพอที่จะใช้คุณลักษณะการกู้คืนความผิดพลาดทำให้เกิดปัญหาเล็กน้อยกว่าความรำคาญเล็กน้อย เปิดกว้าง ดื่มให้ลึก กลืนไม่หงุดหงิด Digest เพียงความรู้ ทำให้เราภูมิใจ เพื่อสรุป , Sculptrisเป็นวิธีที่ง่ายในการสร้างแบบจำลอง 3 มิติสำหรับสไปรท์ของคุณ จากนั้นคุณยังสามารถกดปุ่ม "PrtSc" หรือปุ่ม "หน้าจอพิมพ์" เพื่อคัดลอกภาพของสิ่งที่ปรากฏบนหน้าจอของคุณจะถูกวางในซอฟต์แวร์ภาพเคลื่อนไหว 2 มิติเช่นGraphicsgaleหรือโปรแกรมสีเช่นPaint Shop Pro ฉันไม่สามารถทำให้ง่ายขึ้นสำหรับคุณที่จะทำเพื่อคุณฮ่า ๆ ๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.