เครื่องมือสร้าง SVG แบบเคลื่อนไหวหรือไม่


17

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


คำถามที่เกี่ยวข้อง: superuser.com/questions/171677/…
Denilson Sá Maia

คำตอบ:


7

คุณอาจต้องการที่จะมีลักษณะที่Synfig เมื่อฉันต้องการสร้างบางสิ่งในบรรทัดนี้ใช้เฟรม SVG และแก้ไข xml ตามที่คุณทำ

ไม่ฟรี แต่ราคาถูกลองดูที่Koolmoves แต่ก็มีการส่งออก svg ฉันชอบเครื่องมือ (อย่างไรก็ตามพิจารณาการส่งออกอื่น ๆ เช่น SWF หรือ HTML 5 หลักฐานเพิ่มเติมในอนาคตและได้รับการสนับสนุนที่ดีขึ้นในตัวแก้ไขที่มีอยู่ให้ละเว้นสิ่งนี้หากคุณต้องการส่งออก svg ทั้งหมด)


1
สิ่งที่ต้องพิจารณาเกี่ยวกับสิ่งต่าง ๆ ในวันนี้ด้วยการเข้าใจถึงปัญหาย้อนหลัง 20/20 SWF ที่คาดคะเนได้มากกว่ากันกับภาพเคลื่อนไหว SVG ในความเป็นจริง SWF นั้นตายแล้ว ในขณะที่ภาพเคลื่อนไหว svg ยังคงมีอยู่เช่นเดียวกับที่พวกเขาทำ แต่ก็ยังไม่ประสบความสำเร็จ
joojaa

ฉันคิดว่ามันก็คุ้มค่าที่ชี้ให้เห็นว่า (บนเว็บ) อนิเมชั่นมากมายที่เคยทำด้วยเครื่องมือเช่น Flash ตอนนี้มักใช้ JavaScript ถ้าฉันจำได้ถูกต้องภาพเคลื่อนไหว SVG มักจะทำได้โดยใช้รหัส js
Scribblemacher

2

มีเครื่องมือที่ไม่มีการใช้งานเชิงพาณิชย์สำหรับการสร้างภาพเคลื่อนไหว SVG คล้ายกับ Macromedia Dreamviewer และ Microsoft expression:

https://aphalina.com/

คำเตือน: เพื่อนของฉันทำผลิตภัณฑ์นี้ ฉันไม่ได้ทำงานให้เขา


0

ลองใช้http://archer.graphics - ไม่ใช่แอนิเมชั่น แต่คุณสามารถไปได้ไกลพอสมควรเมื่อคุณรู้วิธีเขียนโค้ดจาวาสคริปต์


2
โปรดอธิบายวิธีแก้ปัญหาให้ดีขึ้น เนื่องจากเป็นตอนนี้จึงเป็นคำตอบสำหรับลิงค์เท่านั้น ... ยินดีต้อนรับสู่ GD.SE!
Mensch

0

ฉันอยากจะแนะนำให้ใช้ Blender หรือ Synfig Studio Synfig Studio จะดีมากถ้าคุณต้องการ 2D เท่านั้น

เครื่องปั่นสามารถนำเข้าและใช้ SVG มันถูกใช้สำหรับ 3D แต่คุณสามารถตั้งค่ากล้องเพื่อใช้ใน 2D


0

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


-1

ลองลิงค์เหล่านี้ด้วย ...

เครื่องมือกราฟิก

https://animatron.com/
http://html.adobe.com/edge/animate/


ยินดีต้อนรับสู่ GD.SE โปรดตรวจสอบเว็บไซต์ความช่วยเหลือเพื่อทำความคุ้นเคยกับการทำงานของสิ่งต่าง ๆ คำตอบของคุณไม่ได้ตอบคำถามเดิมจริง ๆ และมีเพียงลิงก์ (ซึ่งอาจจะมีหรือไม่มีชีวิตในอีกไม่กี่ปีข้างหน้า) โดยไม่มีคำอธิบายว่ามันคืออะไร
Alan Gilbertson
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.