ブログ投稿用に無料でアニメーション GIF を作成する方法

おそらく、アニメーション GIF をソーシャル メディアと関連付けることができます。

これらは通常、娯楽用の短いビデオの一種であり、多くの場合、YouTube ビデオから抜粋した小さなスニペットです。

楽しみのためだけの場合は、無料の gif ライブラリがあればオンラインで何千ものものを見つけることができるので、アニメーション gif を自分で作成する必要はありません。

おそらく、この投稿の主題が本当のページめくりの本に関するものである場合、以下のようなものを追加できます.

これまで作成された中で最もエキサイティングな高品質の gif ではないことは承知していますが、ほとんどのブログ プラットフォームでブログ投稿に追加できることを示すには適しています。

WordPress を使用している場合は、画像エディターですべての画像を読み込むのと同じ方法で gif を読み込むことができます。

gifってどうやって作るの？

インターネットで見られる GIF の多くは、ビデオ ファイルから作成され、ビデオ フレームをレイヤーに変換したものです。

かなり多くの作業が必要です。 その中には、何百もの個別のファイル インポート ビデオ フレームを使用するものもあります。

ビデオを gif に変換するには、ビデオの個々のフレームをコピーする必要があります。

Photoshop でアニメーション GIF を作成する人もいますが、これは少し複雑です。

私は専門家ではありません。 しかし、私が理解できることから、レイヤーからフレームをロードしてから、ファイルをスタックにロードする必要があります。

私には複雑すぎるので、ここでやめました。

ブログの投稿や記事の場合、gif ファイルは用途が限定された画像ファイルです。 しかし、時々、それらは役に立ちます。

この投稿を書く前に、ヘッダー画像をいじりました。

すべての実験の後、私は静止画像にとどまることにしました。 しかし、すべての作業を無駄にしないように、これが私が作成した gif バージョンです。

ブログ投稿ですぐに使用できるフレーム アニメーションを作成するために機能します。

簡単なGIFの作り方

アニメーション GIF を作成する最も簡単な方法は、無料のオンライン gif クリエーターまたは gif メーカーを使用することです。

それらの多くがあり、それらはすべて同様の方法で機能します。

ただし、最初に、GIF の作成に使用するスライドを作成する必要があります。

上記の例では、Canva を使用して 4 つの画像を作成し、各画像の単語とテキストの色を変更しました。

次に、無料のオンライン gif メーカー ツールを使用しました。 Google 検索を行うと、選択肢がたくさんあります。

「画像をアップロード」をクリックしてファイルを選択するだけです。 各画像は新しいレイヤーを作成します。

次に、それらをすべてアップロードしたら、GIF をプレビューする前に微調整を行うことができます。

スライドの順序が間違っている場合は、ドラッグ アンド ドロップで変更できます。

変更できる設定がいくつかあります。

キャンバスのサイズは画像のサイズと同じです。 ブログに合わせて設定しますが、一般的には 750px で十分です。

もちろん、大きすぎるとファイルサイズが大きくなり、ページの読み込み速度が遅くなる可能性があります.

アニメーション速度は、スライドが変化する速さです。 この設定を試して、作成する gif の種類に最適な速度を見つける必要があります。

設定を選択したら、[GIF アニメーションを作成] をクリックします。

次に、「表示」または「ダウンロード」を含むメニューロードが下に表示されます。 ファイルのダウンロードをクリックすると、gif が作成されます。

画像プレビューアでファイルを開こうとすると、スライドしか表示されません。 新しい gif を確認するには、Chrome、Safari、または Firefox で開く必要があります。

ブログ投稿の gif で何ができますか?

ブログでの gif の主な用途は、情報や長いリストを要約することです。

ブログ ページで列を使用することは、レスポンシブではないため、もはやお勧めできません。

つまり、携帯電話では正しく表示されません。

小さな画面に合わせて列のサイズが縮小されます。 すると、文字が小さすぎて読めなくなります。

列を使用せずに、最も人気のある 75 冊の本のリストを含めたい場合、ノート PC ではページの下に、電話やタブレットではさらに下に伸びてしまいます。

より良い方法は、gif を使用することです。

繰り返しますが、スライドを作成する必要がありますが、今回はスクリーンショットを使用してから、それらをすべて同じサイズにトリミングしました。

これで、私の 75 冊の本のリストが占有するページ スペースが大幅に減りました。

また、携帯電話やタブレットなどの小さな画面では、GIF は自動的にサイズが変更されて収まります。

上記の gif を最適化して、できるだけ速く読み込まれるようにしました。

ただし、テキストをより鮮明にしたい場合は、使用する圧縮の量を選択できます。

結論

すべてのブログ投稿や記事で gif を使用するわけではありません。

しかし、特に管理しやすいスペースに多くの情報を収めるのに役立ちます。

何が機能し、何が機能しないかを見つけるのに数回の試行が必要でした。

私が見つけたのは、新しいgifを作成しようとする前に、使用した画像のサイズを変更することが不可欠であるということでした.

この計算は、ブログで現在使用している画像サイズから行うことができます。

犯しがちな最大の間違いは、ブログ ページの最大幅よりもはるかに広い gif を作成することです。

これはテーマで確認できます。 サイドバーを使用する場合、幅は 600 ～ 800 ピクセルになることがあります。

おそらく実際のブログ ページの 2 倍の幅の gif を使用すると、ブログ プラットフォームによって自動的にサイズ変更されます。

問題ないように見えますが、ファイル サイズが大きいため、ページの読み込み速度が大幅に低下します。

サイズの問題を別にすれば、ブログ投稿に gif を含めることに特別なことはありません。

適切な理由により、適切な場所で GIF を使用してください。 これらは、ブログ投稿の一部として使用して、読者にいくつかの種類の情報をより良い形で提供するための実用的なツールになる可能性があります.

関連資料: 50 の無料ライティング ソフトウェア ツールとアプリ