AnimateMateを使用してSketchでアニメーションを作成するにはどうすればよいですか?



How Use Animatemate Create Animation Sketch

Sketchはどのようにアニメーションを作成しますか? Sketchは日常のデザイン作業を簡単に処理できるので、Sketchで優れたデザインとアニメーション効果を作成できますか?エディターは、AnimateMateプラグインを提供します。このプラグインは、アニメーション化する要素を簡単に作成および描画でき、非常に使いやすいものです。では、AnimateMateを使用してSketchでアニメーションを作成するにはどうすればよいですか?次に、エディターが特定の手順を表示します。

基本的なアニメーションを作成する
1.新しいアートボードを作成し、正方形を描きます。



2.円を選択するか、「プラグイン-AnimateMate-Creat Animation」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Kを使用します。ポップアップ表示されるダイアログボックスで、キーフレーム番号(キーフレーム番号)とイージングタイプ(アニメーションカーブタイプ)を設定します。



3.サイズ、位置、回転などのグラフィックプロパティを変更するか、「Plugins-AnimateMate-Creat Animation」を再度実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Kを使用して新しいキーフレーム番号を設定します。イージングタイプ。

4.すべてが作成されたら、Artboardを選択して「プラグイン-AnimateMate-アニメーションのエクスポート」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Aを使用します。ポップアップダイアログボックスで、エクスポート構成を設定し、アニメーションをエクスポートします。 。

エクスポートされたGifファイルを通して、Sketchで完成したばかりのアニメーション効果を確認できます。



遅延アニメーションを作成する
今の基本的なアニメーションに加えて、設定したアニメーション効果を遅らせたり、さまざまな要素の効果を順番に作成したりすることもできます。

1.新しいアートボードを作成し、円の列を描きます

2.すべての円を選択し、「プラグイン-AnimateMate-Creat Animation」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Kを使用してアニメーションを設定します。

3.円を移動してから、「プラグイン-AnimateMate-Creat Animation」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Kを使用してアニメーションを設定します。

4.円を初期位置に移動してから、「プラグイン-AnimateMate-Creat Animation」を再度実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Kを使用してアニメーションを設定します。

5.すべての円を選択し、「プラグイン-AnimateMate-オフセットアニメーション」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Oを使用して、ポップアップダイアログボックスでアニメーション遅延プロパティを設定します。

6. Artboardを選択し、「プラグイン-AnimateMate-アニメーションのエクスポート」を実行するか、ショートカットキー⌃Control-⌥Option-⌘Command-Aを使用してアニメーションをエクスポートします。

総括する
AnimateMateを使用すると、Sketchでアニメーションを作成できますが、このプラグインの機能は現時点では十分ではなく、グラフィックの色や形状の属性のアニメーションを完成させることはできません。将来のバージョンでは、より完全なアニメーション制作機能を提供できることを願っています。