Szukasz darmowego animatora SVG online? Jeśli Twoja odpowiedź brzmi tak, to trafiłeś we właściwe miejsce. Ten post zawiera listę witryn animatorów SVG, które pomogą Ci zbudować i animować pliki SVG. (Jeśli chcesz przekształcić swoje obrazy w wideo, możesz wypróbować MiniTool MovieMaker!)
SVG (Scalable Vector Graphics) to format obrazu oparty na XML, podobnie jak działa HTML. Można go animować za pomocą elementów animacji. Istnieje kilka metod animacji SVG, takich jak skrypty, stylizacja i SMIL (Synchronized Multimedia Integration Language).
Poniżej znajdują się najlepsi animatorzy SVG, którzy mogą dodawać animacje i efekty do plików SVG oraz pobierać animowane SVG. Większość z nich zapewnia proste przyciski i elementy sterujące do dodawania animacji. Przyjrzyjmy się teraz bliżej!
Svgator
Jest to dobry animator SVG online, który nie wymaga żadnych zaawansowanych umiejętności kodowania. W kilka sekund możesz wygenerować gotowy do użycia animowany kod SVG z zaimportowanego SVG. Na tej stronie możesz łatwo importować, przeglądać i dostosowywać kod archiwalny, animować i eksportować format SVG.
Dzięki SVGator możesz stworzyć animację SVG, która będzie wyglądać idealnie na ekranie komputera stacjonarnego lub mobilnego, po prostu dodając elementy i animatorów do osi czasu, zmieniając wartości klatek kluczowych i eksportując czysty kod SVG.
Możesz być także zainteresowany:Jak tworzyć filmy animowane [Przewodnik krok po kroku]
aniGen
aniGen to edytor oparty na przeglądarce, który skupia się głównie na tworzeniu i edycji animacji SVG. Ten animator SVG wymaga przeglądarki obsługującej SVG i obsługi JavaScript. Jest dostępny w przeglądarkach Google Chrome i Mozilla Firefox.
Ten edytor pozwala animować klatki kluczowe, dodawać wypełnienia i obrysy, ustawiać węzły podrzędne i nadrzędne oraz dodawać efekty animacji poprzez tworzenie warstw. Możesz ustawić długość pętli animacji i czas trwania każdego elementu. Na koniec możesz wyświetlić podgląd animacji online i wyeksportować ją jako plik SVG.
Natychmiastowy Vivus
Vivus Instant to także jedna z najlepszych stron animatorów SVG. Jest to internetowa wersja Vivusa. Vivus używa JavaScript do animowania SVG, nadając im wygląd rysowania. W porównaniu z Vivusem, Vivus Instant wykorzystuje animacje CSS do animowania SVG.
Korzystając z tego narzędzia do animacji SVG, możesz przesyłać pliki SVG, po prostu je przeciągając. Po przesłaniu pliku SVG automatycznie dodaje animowany obraz wzdłuż ścieżki SVG. Możesz go pobrać bez zmian lub ręcznie dostosować parametry, jak chcesz.
W ustawieniach możesz ustawić typ animacji, dodać opóźnienie, wybrać funkcję czasu trasy i powtórzyć animację.
RAWGraphs
Raw to oparty na otwartym kodzie źródłowym animator SVG, który ułatwia wizualną reprezentację złożonych danych dla każdego. Umożliwia tworzenie interaktywnych obrazów SVG za pomocą biblioteki graficznej D3.js.
Udostępnia szereg różnych gotowych szablonów do wyświetlania danych, półproduktów wizualizacji, wykresów i modeli wizualnych. Jest czysty i łatwy w użyciu. Możesz po prostu skopiować i wkleić swój tekst w Raw.
SVGCircus
SVGCirsus jest również jedną z najlepszych witryn animatorów SVG na tej liście. W porównaniu z innymi narzędziami animatorów SVG nie obsługuje edycji SVG. Alternatywnie umożliwia tworzenie zapętlonych animacji SVG. Ma wbudowany zestaw kształtów geometrycznych, który pozwala dostosować animowane programy ładujące SVG, spinnery i inne zapętlone animacje.
Możesz tworzyć animacje SVG w tych trzech sekcjach, takich jak aktorzy, sztuczki i scenariusz. Te opcje umożliwiają tworzenie od podstaw zapętlonej animacji SVG. Możesz też wybrać ustawienie wstępne i odpowiednio dostosować animację.
Możesz również chcieć wiedzieć:najlepsze oprogramowanie do animacji 2D w 2021 r., które musisz wiedzieć
Wniosek
Wierzę, że ci animatorzy SVG powyżej mogą ułatwić Ci życie w projektowaniu. Jeśli znasz inne witryny z animacją SVG, które nie są tutaj wymienione, podziel się swoimi sugestiami w komentarzach poniżej!