SVGatorレビュー：専門的なベクターアニメーション

オンラインコンテンツアニメーションの世界は、これまでの数年で著しく変化しました。フラッシュ（およびマクロマインドディレクターのような類似技術）は、現代のウェブの始まりを支えていましたが、フラッシュのサポートが終了したとき、SWFファイル形式は消滅しました。今日、SVGatorが登場しました。SVGは現代の選ばれたベクターフォーマットであり、SVGatorはこのフォーマットをアニメーションするための最も優れた、そして簡単な方法の一つを提供します。それをレビューで詳しく見てみましょう。

この記事はスポンサー付きの記事であり、SVGatorによって可能になりました。実際の内容と意見は、著者の独自の見解であり、投稿がスポンサー付きであっても編集上の独立性が保たれています。

オンラインアニメーションの力

SVGatorは、VueJSで作成されたオンラインSVGアニメーションエディターで、スケーラブルベクターグラフィックス（SVG）のアニメーションを簡素化するように設計されています。サンフランシスコに本社を置くこの会社の目的は、「SVGアニメーションを非技術的なユーザーでも実現可能にし、ウェブ上でのSVGアニメーションの広範な使用を促進する」ことです。

通常、SVGファイルをアニメーションするには、JavascriptやJavaなどのコーディングを行い、SVGファイル内のラインを定義する数学を操作したり、ウェブページ上でそれらを移動させたりする必要があります。SVGatorは、タイムラインとキーフレーム可能なトラックを持つWebアプリケーションを作成することで、これを簡素化しました。つまり、シーン内のすべてのベクターグラフィック要素の位置を調整し、埋め込まれた再生可能なアセットにコンパイルできます。

これにより、ウェブページやモバイルアプリで使用するためのファイルが得られます。新しいモバイルエクスポートオプションが非常に便利で、モバイルアプリ用の軽量でスケーラブルなアニメーションを作成します。

懐かしいベクターツール

今、私がフラッシュについて話しているのは理由があります。私の目には、SVGatorはあの古いベクターアニメーション作業馬に非常に似ているように見えます。これは、ピクセルではなくスムーズなラインをアニメーションするキーフレームベクターアニメーションツールです。つまり、完成したアニメーションはスケーラブルで、サイズを問わず画質の損失なしに再生できます。

ソフトウェアを起動すると、ワークフローに慣れるためのデモシーンが表示されます。インターフェースには、作成中のアニメーションを表示するプレイフィールドがあり、その下には時間の経過に伴う画面上のオブジェクトの進行状況を示すタイムラインがあります。左側には、画面上の形状を操作するツールの列と、作成したアセットのライブラリがあります。

自分のSVGファイル（IllustratorやInkscapeなどの任意のベクターデザインプログラムで作成）をインポートするか、ゼロから自分の形状を描くことができます。

SVGatorでの描画は、任意のベクターエディターを使用するのと同じです。ハンドル付きのベジェ曲線を使用して、完璧にスムーズな曲線を作成できます。また、線の太さや色を好みに合わせて変更したり、ダッシュやドットなどの線の質を変更したりすることもできます。ベクタープログラムを使用したことがあれば、すぐに慣れるでしょう。

このツールはオンラインWebアプリケーションなので、インストールする必要がありません。すべてのアクションはブラウザ内で行われます。これは生産性に驚くべき効果をもたらし、世界中のどのコンピュータのどのブラウザでも座って作業を続けることができるようになります。ノートパソコンやデスクトップで動作し、試したことはありませんが、タブレットでも使用できるでしょう。

SVGatorでのアニメーション作成は簡単です：画面に形を描き、これらの形に対してキーフレームを設定し、次のキーフレームに移動します。形を新しい形に調整し、別のキーフレームを設定します。アニメーションを再生すると、形がスムーズに1つの位置から次の位置にアニメーションします。

最も重要なのは、これは単なるカットアンドペーストアニメーションライブラリではなく、プロフェッショナルなアニメーションソフトウェアであるということです。ただし、アニメーションスキルを新たな高みへ引き上げるための役立つツールがいくつかあることも否定できません。

料金プランの階層が上がるにつれて、形状に対する操作が増えます。これらの操作は「アニメーター」と呼ばれています。無償プランでは、形状の位置、拡大、アンカー、回転、透明度を変更できます。これは基本的なアニメーションです。Liteプランに上がると、モーフィング、傾斜、塗りつぶし、ストロークなどのアニメーション可能な設定を使用できます。これがアニメーションにより多くの柔軟性を追加します。最後に、Proプランでは、今までに述べたすべてを行い、アニメーションに対してインタラクティブな機能を追加し、マウス操作を用いてインターフェースや動的データビジュアライゼーションを構築できるようになります。

Proプランでは、自分のアニメーションをスタイルとスピードで作成するためのグラフィックアセットを含むアセットライブラリにアクセスできます。

私がこのソフトウェアの唯一の欠点として考えられるのは、無償プランと低い階層では実行できる操作の種類に制限があることですが、これは必ずしも問題ではありません。その理由は二つあります。まず第一に、基本的な操作と少しの創造性で非常に多くのことができ、次に、得られるものを考慮すると、プランはそれほど高くはありません。

アクセスレベル

SVGatorは素晴らしいソフトウェアです。使いやすさが好きで、簡単なことをするのに熟練するまでに時間がかかりません。しかし、その深さもあり、少しのトレーニングと練習で非常に迅速にスキルを向上させられます。モバイルエクスポートオプションは、他のすべての利点に加えたボーナスです。タイムラインという私が慣れ親しんだパラダイムを使用している点、そして自分が長い間使用していたフラッシュと非常に似ている見た目と使い方が楽しいです。

SVGatorは強力であるだけでなく、比較的手頃です。ソフトウェアの使用を有料にすることを決めると、さまざまなプランがあります。まず、無償プランがあり、制限付きで永遠に使用できます。使い方を学ぶ間、無制限の静的グラフィックエクスポートが可能で、カレンダーの1ヶ月あたり3つのアニメーションエクスポートと、最大10秒のアニメーションタイムラインが使用できます。基本のアニメーションヘルパーも含まれています。

次に、いわゆるLiteプランがあり、月額11ドル（年額132ドル）で、高度なアニメーターによる製品のエクスポート、無制限の静的エクスポート、月に10回のアニメーションエクスポート、最大1分のアニメーション時間が可能です。基本および高度なアニメーションヘルパーも利用可能です。最後に、月額19ドル（または年額228ドル）のProプランがあり、無償およびLiteのすべてを含む内容に加え、最大5分のアニメーション時間の無制限のエクスポート、アセットライブラリへのアクセス、すべてのインタラクティブオプション、アニメーション速度制御、およびハイパーリンクを提供します。

SVGatorの詳細と無料アカウントへの登録は、SVGatorにアクセスしてください。