CanvaでGIFを作る方法(詳細7ステップ)

  • これを共有
Cathy Daniels

Canvaにあるビデオやアニメーションのソーシャルメディアテンプレートを利用し、フレームごとに画像を変えたり要素を追加するスライドを追加することで、オリジナルのGIFを作成できます。 アップロードしたメディアやプリロードされたライブラリにある要素を使用することができます。

こんにちは!アーティスト兼デザイナーのケリーです。

Canvaというウェブサイトはとても使いやすく、楽しいプロジェクトを展開することができるので、私のお気に入りの一つです

今回は、自分のニーズやビジョンに合わせてカスタマイズできるオリジナルのGIFを作る方法を説明します。 既成のGIFを探す場所はたくさんありますが、SNSでの投稿を格上げしたい場合や、友達にパーソナライズしたGIFを送る場合などには、とてもクールな機能ですよ。

CanvaのプラットフォームでGIFを作成する方法を学ぶ準備はできていますか? 素晴らしい!さあ、始めましょう。

キーテイクアウツ

  • GIFを作成するためには、ビデオテンプレートやアニメーションのソーシャルメディア投稿など、複数のフレームを持つことができるテンプレートを使用していることを確認する必要があります。
  • キャンバスに入れるスライドの枚数が少ないほど、GIFはシンプルになります。
  • キャンバスの下に表示される追加した音楽をクリックすると、オーディオの長さ、トランジション、エフェクトを調整・編集することができます。

GIFとは

GIFの発音をいくつか聞いたことがあるかもしれませんが、どのように言われても、GIFとは一体何なのか気になりますよね。 実は、GIFという言葉は、次のフレーズの略なのです。 Graphics Interchange Format これは、基本的に画像のループを回転させ、素早いアニメーションを形成するものです。

GIFは、テキストを使わずに自分の考えを伝える代替手段を見つけたことで、エンゲージメントツールの主流となりました(ただし、GIFの中には実際にテキストを含むものもあります!)。

GIFは、視覚的な表現を通して、考えを表現したり、コメントをしたり、感情を共有する簡単な方法です。 テキストやプレゼンテーション、マーケティングに使用する何千ものGIFを見つけることができるウェブサイトやアプリがありますが、自分でGIFを作成することができるのは常に素晴らしいことです。

Canvaは、ユーザーがプラットフォーム上でデザインする際に、最大限の創造力を発揮できるようにするもので、独自のGIFを作成する際にも、そのカスタマイズをコントロールすることができます

CanvaでGIFを作成する方法

GIFの作成を始める前に、ビデオテンプレートやアニメーションのソーシャルメディア投稿など、複数のフレームやスライドを持つことができるテンプレートを使用していることを確認したいと思います。

これは、プロジェクトで使用するスライドの枚数が、最終的な製品のシンプルさや複雑さに影響するため、重要なことです。

例えば、キャンバスに組み込むスライドが多ければ多いほど、オブジェクトやテキストを動かすアニメーションや時間が増えます。 これから始める方は、まず数枚のスライドでこの機能を使って遊んでみることをお勧めします。 後でいつでもスライドを追加したり、より複雑なGIFを作成したりできますよ

以下の手順で、CanvaでGIFを作成する方法を説明します。

ステップ1. まず、いつも使っているアカウントでCanvaにログインする必要があります。 ホーム画面で、プラットフォームの上部にある検索バーに移動し、複数のスライドで作業できるテンプレートを検索します。 (動画やアニメーションのソーシャルメディア投稿をお勧めします).

ステップ2:GIF作成に使いたい動画テンプレートを選び、クリックします。 これで、選択したテンプレートがすでに埋め込まれている新しいキャンバスが編集用に開かれます。

ステップ3. において の下に、現在プロジェクトに含まれているスライドの数が表示されます。 さらにスライドを追加するには、プラスボタン( + スライドを削除したい場合は、キャンバスの一番下のスライドをクリックし、キーボードの削除ボタン(またはプラットフォームのゴミ箱ボタン)をクリックするだけです。)

ステップ4. キャンバスのセットアップが完了したら、GIFに使用するすべての要素を追加します。 画面の左側にあるメインツールバーに移動してください。

要素タブでは、GIFに使いたい写真、図形、画像を検索してクリックすることができます。

また、自分で作成した要素をアップロードするには、「要素」ではなく「アップロード」タブで ファイルのアップロード ここで、デバイスのメディアをCanvaのライブラリに追加し、アカウントにログインしたときにいつでもアクセスできるようにすることができます。

ステップ5. GIFを作成するための要素を追加しながら、各フレームやスライド内で使用している画像やテキストを移動したり調整することができます。 各要素をクリックして、画面上部の編集ツールバーを利用することができます。

また、追加した要素をフレームごとに徐々に移動させることで、最終的な製品内の動きをよりシームレスにすることを意識してください。

ステップ6: 追加したエレメントに満足したら、それらをクリックし、キャンバスの上部に表示される「アニメート」ボタンをクリックします。

ここでは、ページ上の要素をアニメーション化するか、スライドの動き全体をアニメーション化するか、どちらかを選択することができます。 ページアニメーション または フォトアニメーション .

これにより、特定のスライドやプロジェクト全体など、特定のオブジェクトに使用するアニメーションのスタイルを選択することができます。

先ほども言いましたが、この作業を始めたばかりの頃は使う要素が少ない方が楽ですし、コツがわかってきたら増やしていけばいいのです!複数のスライドに同じアニメーションを適用したり、削除したりしたい場合は、このタブ内で適切なオプションをクリックしてください!(※)。

ステップ6. GIFを保存する準備ができたら、GIFの横にある再生ボタンをクリックすると、アニメーションのプレビューを確認することができます。 シェア ボタンをクリックすると、キャンバスの上にポップアップ画面のレイヤーができ、そこにプロジェクトが保存される速度で再生されます。

ステップ7. 最終的な仕上がりに満足したら、次のページに移動します。 シェア をクリックすると、ファイル形式、スライド、その他の保存オプションが選択できます。 ドロップダウンメニューで、GIFオプションを探し、クリックします。

この手順を踏むと、新しいGIFが作業中のデバイスに保存され、他のプロジェクト、投稿、メディアに統合できます。 ビデオファイルであるため、単純なPDFや写真ファイルよりもダウンロードに少し時間がかかることがあります。

最終的な感想

画像が動くだけのシンプルなGIFでも、複数の要素やテキストを追加したGIFでも、GIFの作成は楽しいスキルであり、あなたのデザインポートフォリオにさらなるエッジを与えてくれることでしょう。

CanvaでGIFを作成したことがありますか? 特にこれからGIFの作成に取り掛かる方にとって、このプロセスを簡単にするためのヒントやコツは見つかりましたか? このプラットフォームでGIFを作成することについてのあなたの考えをぜひお聞かせください!下のコメント欄で共有してください。

Adobe Illustrator のエキスパート、Cathy Daniels です。私はこのソフトウェアをバージョン 2.0 から使用しており、2003 年からチュートリアルを作成しています。私のブログは、Illustrator を学びたい人にとって Web 上で最も人気のある場所の 1 つです。ブロガーとしての仕事に加えて、私は作家およびグラフィック デザイナーでもあります。