GIFアニメーション(gif)の作成方法:ビデオ、写真、写真から

良い一日!

写真について質問されることがよくあります。確かに、私は写真の描画や編集などの専門家ではありませんが、基本的なトリックには精通しています。

この記事では、GIFアニメーションを作成するいくつかの方法について詳しく説明します。誰も知らない場合、これはGIF形式の通常の画像のように見えますが、ビデオとして再生されます。動的に変化します(左側の記事の最初の図の例)。

そのような写真を作るために、あなたは特別なスキルを持っている必要はありません、ただ欲望と数分の時間で十分です。この記事では、そのようなGIFを作成するためのいくつかのソース(ビデオ、写真、写真)について検討します。

ちなみに私の経験では、人気のある映画や写真のフレームから作成された「GIF」が最も人気があると言えます。写真「GIF」はあまり人気がなく、通常はアバターを作成するために使用されます。

それでは、ビジネスに取り掛かりましょう...

?注意!

この記事では、プロのGIFの作成方法については説明しません。この記事のすべての方法は、初心者ユーザー向けに、可能な限りシンプルかつ効果的に提供されています。そのため、5〜10分で。望ましい結果が得られました!

*

GIFアニメーションを作成する方法

ビデオから

仕事には、マルチメディアファイルを操作するための1つの簡単なプログラム「Video-Master」(初心者ユーザー向けに設計されています!)が必要です。

*

?ビデオマスター

サイト://video-converter.ru/

(注:「Video-Master」プログラム は「Video-Studio」パッケージに含まれています)

ビデオの変換、圧縮、トリミングに最適なソフトウェアの1つ。非常に初心者のユーザーでも、非常に簡単で簡単に使用できます(そのため、そのまま使用することをお勧めします)。

私たちのタスクに関しては、その複雑な機能の中に、私たちが必要とするものがあります-「GIF作成」。以下で検討します...

*

そのため、「Video-Master」プログラムのダウンロードとインストールの問題は省略します(これで問題はないと思います?)。

プログラムを開始したら、[追加]ボタンをクリックして、好きな瞬間(そしてそこからアニメーションを作成したい)のビデオや映画を開きます。

?注意!

アニメーションを30秒より長くしないことをお勧めします。映画全体などの大きなビデオを追加すると、その中から特定の20〜30秒の瞬間が選択され、「gif」が作成されます...

映画を追加する

次に、追加されたビデオのリスト(左側)で、必要なビデオを選択し(一度に2〜3個以上追加した場合)、表示ウィンドウの右上にある[GIF]ボタンをクリックします(下のスクリーンショットを参照?)。

GIF作成

次のステップは、アニメーションを作成する瞬間を選択することです。このため:

  1. アニメーションの開始を設定する場所に大まかに巻き戻します。
  2. 次に、再生ボタンを使用し てビデオ再生をオンにし、目的のフレームに到達したら開始ボタンを押します。
  3. さらに、次のフレームでビデオから選択した部分を完成させる必要があると判断した場合は、終了ボタンを押します
  4. ビデオクリップを選択したら、[次へ]ボタンをクリックします。

GIFアニメーションの開始と終了の選択

次に、アニメーションのサイズを選択する必要があります。この点で、プログラムは非常に柔軟性があります。アバターの標準サイズ(250 x 250ピクセル、200 x 200など)を設定するか、手動モードで特定のサイズを指定できます(私の例で行いました)。

ちなみに、同じステップで、GIFがどのように見えるかを確認できます。

GIFサイズ

最後のステップ:1秒あたりのフレーム数とその再生速度を指定する必要があります。設定を入力すると、画質がどのように変化するかをすぐに評価できます。

フレーム数が多いほど、画像が滑らかになり、より多くのスペースが必要になります。長いGIFは、最大で数十MBになる可能性があります。

フレーム数と再生速度

実際、私のアニメーションは準備ができています(以下の例)。(私の意見では)大きなものから大きなものへとそれをする人にとってはかなり良いです。?

完成した「GIF」...

*

?助けて! 

1)エンドレスループビデオクリップまたはクーブの作成方法(GIF画像の5〜10分の1の重量)

2)ちなみに、写真から独自の動画を作成したい場合は、この記事をよく理解しておくことをお勧めします。

*

写真や写真から(コンピューター上)

ここでは、大きなグラフィックエディタ(PhotoshopやGimpなど)でアニメーションを作成する方法はお勧めしません。第一に、それらのすべてがそれらを持っているわけではなく(そしてパッケージはまだサイズが大きい)、第二に、それらを使用することは、最も単純な「gif」を作成することでさえ、それほど簡単ではありません。

ここでは、マウスを数回クリックするだけで、写真や写真から「gif」を作成する非常に簡単な方法を紹介します。仕事にはPhotoScapeプログラムが必要です。

フォトスケープ

ウェブサイト://www.photoscape.org/ps/main/index.php

写真を操作するための優れた無料プログラム:すべての一般的なグラフィック形式を表示、編集、圧縮できます。

さらに、コラージュ、アニメーションの作成、フレームの追加、スクリーンショットの作成、色の変更などを行うことができます。一般に、このプログラムでは、最も人気のある何百もの画像の問題を解決できます。

アニメーションに関しては、PhotoScapeで一緒に仕事をするのは楽しいことです。もちろん、ここには何百ものツールはありませんが、ツールを使用すると、数分で「gif」を作成できます(プログラムを初めて起動した場合でも)。

*

それでは、ビジネスに取り掛かりましょう。

Photo Scapeを起動すると、エディター、ビューアー、ページテンプレート、組み合わせ、バッチエディター、RAWコンバーターなど、さまざまな可能性が表示されます。[ GIFアニメーションの作成]オプションを選択します(下のスクリーンショットを参照)。

GIFアニメーションを作成する

次に、「gif」を作成するすべての写真を追加する必要があります(これらは、左側のエクスプローラーからウィンドウの上部に転送されます。以下の説明付きの画面を参照してください)。

編集中の画面の中央で、アニメーションがどのように変化するかを常に確認できます(自動的に再生されます)。

右側では、基本的なアニメーション設定を設定できます:再生時間(たとえば、1、2、3秒)、効果の設定(画像が別の背景に対して溶解するか、移動するように、以下に2つの例があります)、画像のサイズ、背景色、何を揃えるかなど。

アニメーションの表示設定。GIFを保存します。

もちろん、プログラムには多くの編集ツールはありませんが、それらはすべて詳細で使いやすいです!実際、あなたの「gif」が「心」にもたらされたら、(右側のメニューにある)「保存」ボタンをクリックするだけです。

ちなみに、Photo Scapeは、「gif」をWebページ用に最適化できるほど小さくします。以下に、このプログラムで作成されたさまざまな効果を持つアニメーションの例をいくつか示します。私の意見では、とてもクールです!

効果1.フレームを背景で塗りつぶします

効果2.フレームを下に移動します

*

写真や写真から(オンライン方式)

サイト番号1:  //gifius.ru/

多種多様な写真や写真からアニメーションを作成する非常に簡単で簡単な方法は、それらをこのサイトにアップロードすることです。サービスはそれらを1つずつ自動的に再生します。

画像の幅と高さ、および再生速度を指定するだけです。次に、結果のアニメーションをダウンロードできます。

また、1つの詳細に注意したいと思います。このサービスは、背景が透明なPNG画像を理解します。アニメーション化するとき、前の画像を完全に「削除」するのではなく、両方の画像を結合します(以下の例)。

ちなみに、このサービスでこの投稿のロゴを作成しました。

簡単で迅速なGIF作成

サイト#2:  //ru.toolson.net/GifAnimation

シンプルで高速なアニメーション作成を備えた別のサイト。必要なのは、複数の画像を順番に(または少なくとも1つ)ダウンロードすることだけです。

次に、将来のアニメーションのサイズ(たとえば、200 x 200ピクセル)を選択し、[新規]ボタンをクリックします。しばらくすると、結果が表示されます(PCにダウンロードできます)。

ちなみに、このサービスには小さな既成の効果があります。たとえば、写真をアップロードして、フレームやハートなどを追加したり、フォーラムやVKの優れたアバターを作成したりできます。とてもかっこいいです!

アニメーション効果:ハート、グレースケール、フレーム

このサイトで作成されたハート付きのGIFアニメーションの例。

サイト#3:  //ezgif.com/maker

アニメーションを作成するための英語のサービス。アニメーションを作成するには、複数の画像を順番に読み込んで、作成ボタンを押す必要もあります。

しかし、...サービスには、結果を編集するための多数のオプションが用意されています。画像のサイズの変更、トリミング、回転、最適化、効果の追加、再生速度の変更、エッジのトリミング、テキストキャプションの追加、ほぼすべてのフレームの編集を行うことができます。

一般に、非常に実際の大きな画像エディタのようなツールの巨大なパッケージ(下のスクリーンショットの例)。

編集オプション

*

今のところ以上です...

他の簡単な方法を見つけた場合は、コメントにいくつかの単語をドロップしてください(事前に感謝します)。

幸運を!

?

初版:2017年6月3日

訂正:1.02.2020