編集者の評価: ユーザーの評価:[合計: 0 平均: 0] @media(最小幅: 500px) { } @media(最小幅: 800px) { }
Jitter は、無料のオンライン モーション デザイン ツールで、美しいアニメーション コンテンツとインターフェースを簡単かつ迅速に作成できます。 >。 動画、ウェブサイト、アプリ、ソーシャル コンテンツなどのアニメーションの作成に使用できます。アニメーションが作成されたら、それをビデオ、GIF としてエクスポートすることを選択できます
組み込みのアニメーション プリセットを使用して簡単に開始し、アニメーション化と反復処理をすばやく実行して、重要な要素を追加せずに高品質のコンテンツを作成できます。クリエイティブまたはモーション グラフィックスへの露出。 Figma からデザインをインポートするか、テンプレートから開始することができます。これに加えて、Jitter は画像のすべての要素に対して完全な制御とカスタマイズ機能を提供します。したがって、ブランドの構築とマーケティングが非常に簡単になります。
仕組み
1.この記事の最後にあるリンクを使用して Jitter に移動し、Google 資格情報を使用してサインインします。
2.すべてのアニメーションとファイルを表示する Jitter ダッシュボードが表示されます。新しいファイルをゼロから作成するか、無料のテンプレートを使用してデザインを構築するか、Figma からデザインをインポートするかを選択できます。
3. [新しいファイルを作成] をクリックして最初から作成し、左上のツールバーを使用して、長方形、楕円形、星形などのデザイン要素 (レイヤー) を挿入します。また、ツールバーの最後のアイコンをクリックして、画像またはビデオを追加することもできます。
4.デザイン内の任意の要素をクリックすると、状況依存のパネルが左側に表示されます。このパネルの「デザイン」タブを使用して、レイアウト、色、不透明度、線幅、影などを変更できます。
5.要素をアニメーション化するには、要素を選択し、[アニメーション] タブをクリックしてから、[新しいアニメーション] をクリックします。
6.フェード、スケール、マスクに分類されたさまざまな種類のイン/アウト アニメーション プリセットを使用して、選択した要素を簡単かつ迅速にアニメーション化できます。
7.または、[カスタム] タブをクリックして、変換 (移動、拡大縮小、回転)、スタイル (不透明度、色、影) などのオプションを選択して、独自のアニメーションを作成することもできます。選択したアニメーションごとに、それに関連する設定を構成し、秒単位で期間を指定できます。作成するアニメーションごとに同じプロセスを繰り返します。
8.あなたが設定したすべてのアニメーションとそのタイムラインが画面の下部に表示されます。タイムラインでそれぞれのハンドルをドラッグして、アニメーションの継続時間を変更できます。ドラッグ アンド ドロップを使用して、アニメーションをタイムラインの別の位置に移動することもできます。
9. Figma からデザインをインポートしたい場合は、ダッシュボードの「Figma からインポート」ボタンをクリックし、Figma 資格情報を使用してサインインし、「実行」をクリックして Jitter Figma プラグインを起動します。次に、Figma インターフェイスを使用してデザインを作成し、エクスポートするフレームを選択して、[Jitter にエクスポート] ボタンをクリックします。その後、上記の手順で簡単に説明したのと同じ方法で、Figma からインポートしたデザインをアニメーション化できます。
10.同様に、Jitter ダッシュボードの [テンプレート] をクリックして、ソーシャル メディア、ビデオ タイトル、UI 要素、マーケティング、ロゴ、ステッカー、デバイスなどについてきちんと分類された幅広い無料テンプレートから選択できます。好きなテンプレートを選択したら、前述のようにアニメーションを作成できます。
11.全体的なデザインとアニメーションに満足し、すべてを検証およびテストしたら、右上の [エクスポート] ボタンをクリックして、アニメーションをビデオ (WebP)、GIF ファイル、または Lottie アニメーション ファイルとしてエクスポートすることを選択できます。.
Jitter は、すべてのユーザーが無料で利用できます。 HDエクスポートと透明な背景をサポートする彼らが提供する有料プランもあります. Jitter サブスクリプション プランの詳細については、ここをクリックしてください。
結びのコメント:
Jitter は、個人向けのアニメーション コンテンツとインターフェイスを簡単に作成できる優れた製品です。 Figma からデザインをインポートできることは、提供されている幅広いデザイン テンプレートと同様に大きな利点です。無限のキャンバスと組み込みのアニメーション プリセットは、モーション グラフィックスやアニメーションの経験がなくても使用できる優れた製品です。
ここをクリックして Jitter に移動し、最初のアニメーションを作成します。
