애니메이션 SVG를 만드는 도구?


17

애니메이션 SVG 이미지를 생성하고 편집하는 그래픽 도구가 있습니까? Inkscape는 훌륭하지만 애니메이션을 제외한 모든 작업 을 수행 합니다. Inkscape에서 이미지를 만든 다음 애니메이션 속성을 추가하기 위해 XML을 수동으로 편집했습니다. 이것은 내가 원하는 것을 주었지만 약간 더 복잡한 디자인의 경우 매우 지루할 수 있습니다.


답변:


7

Synfig를 살펴볼 수 있습니다 . 이 줄에서 무언가를 만들어야 할 때 SVG 프레임을 사용하고 XML을 편집했습니다.

무료는 아니지만 저렴하지만 Koolmoves를 살펴보십시오 .Svg 내보내기가 있습니다. 나는 도구를 좋아한다. 어쨌든 SWF 또는 HTML 5와 같은 다른 내보내기는 미래에 대비하고 사용 가능한 편집기에서 더 잘 지원됩니다. svg 내보내기가 완전히 필요한 경우 무시하십시오.


1
20/20의 후시로 오늘에 대해 고려해야 할 사항. SVG 애니메이션보다 미래에 더 안전한 SWF 인 SWF는 실제로 죽었습니다. svg 애니메이션은 여전히 ​​그렇듯이 여전히 존재하지만 여전히 큰 성공은 아닙니다.
joojaa

웹에서 이전에 Flash와 같은 도구로 수행 된 많은 애니메이션이 이제는 종종 JavaScript로 수행된다는 점을 지적 할 가치가 있다고 생각합니다. 내가 올바르게 기억한다면 SVG 애니메이션은 일반적으로 js 코드를 실행하여 달성됩니다.
Scribblemacher

2

Macromedia Dreamviewer 및 Microsoft Expression Blend와 유사한 SVG 애니메이션을 만들기 위해 제작 된 무료 무료 도구가 있습니다.

https://aphalina.com/

면책 조항 : 내 친구 가이 제품을 만들었습니다. 나는 그를 위해 일하지 않습니다.


0

시도 http://archer.graphics를 정확히 애니메이션을하지만 당신은 자바 스크립트 코드를 작성하는 방법을 알고있을 때 당신은 그것으로 아주 멀리 갈 수 있습니다 -


2
주어진 질문을 해결하는 방법을 더 잘 설명하십시오. 이제는 이것이 링크 전용 답변입니다 ... GD.SE에 오신 것을 환영합니다!
Mensch

0

Blender 또는 Synfig Studio를 사용하는 것이 좋습니다. 2D 만 원한다면 Synfig Studio가 좋을 것입니다.

Blender는 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.