アンドロイド

フォトショップを使ってアニメーションGIFを作成する方法

Anonim

アニメーションGIFは、おそらくウェブ上で最も面白くて使用されているファイルの一部です。 ウェブサイトをさほどスペースを取らずに、楽しい時間を過ごすため、または教訓的な方法でポイントホームを運転するために、それらは同様に使用できます。

しかし、一見複雑に見えますが、GIFを作成するのはそれほど難しくありません。 実際、Photoshopをお持ちの場合は、作成に必要なものがすべて揃っています。これが、このチュートリアルで紹介する内容とまったく同じです。

準備はいい? 始めましょう。

ステップ1:すべてのGIFファイルは異なるフレームで構成されているので、まずGIFファイルを構成する画像ファイルを準備します。 つまり、GIFを構成するさまざまな「フレーム」がすでにあるはずです。 この例では、3つの単純な画像ファイルで構成されたGIFを作成します(下記参照)。

ステップ2: Photoshopでファイルを開き(最初にPhotoshopで作成した場合を除く)、各ファイルが別々のレイヤーに属していることを確認します。 これを確実にするために、最初のファイルが開かれたら、(以下に示される) Layers パネルの右下にある Create a new layer.. ボタンをクリックして、次の画像ファイルを新しいレイヤに貼り付けます。

すべての画像が独自のレイヤーに追加されると、それらはPhotoshopのレイヤーパネルに次のように表示されます。

ステップ3:これで、Photoshopの ウィンドウ メニューに行き、 アニメーション オプションをクリックします。 これでPhotoshopのアニメーションパレットが表示されます。 表示されたら、右下のボタン(下図)をクリックして タイムライン ビューから フレーム ビューに切り替えます。これにより、作業が少し楽になります。

ステップ4:デフォルトでは、アニメーションパレットはあなたが持っている画像(または「フレーム」)の1つだけを表示します。 また、各フレームの下部に、最終GIFファイルに表示される時間も表示されます。 変更したい場合は、それをクリックして希望の時間を選択してください。 選択した時間は残りのフレームにも適用されます。

ステップ5:今、あなたの他の画像が行くところにいくつかのフレームを追加します。 それをするには、アニメーションパレットの 複製フレーム ボタンをクリックしてください。

これでGIFを構成する2番目のフレームが追加されます。 さて、ここでトリックがあります:追加されたすべてのフレームのために、そのフレームのためのあなたの望ましいイメージを含む適切なレイヤーだけが レイヤー パレットで選択されることを確認してください。 下記の画像を確認してください。

レイヤー1とレイヤー2をそれぞれGIFファイルの2番目と3番目のコンポーネントにしたいので、2番目と3番目のフレームにはどちらか一方だけを選択します。 最後に、アニメーションパレットにGIFファイルのすべてのフレームが表示順に表示され、それぞれのフレームの表示時間も設定されます。

ステップ6:間もなく開始予定のGIFのフレームの準備が整ったら、それを保存します。 これを行うには、 [ファイル]メニューの[Webとデバイス用 に 保存]をクリックし ます。 ポップアップウィンドウで、[プリセット]の 下にある[GIF形式]を選択します。

さらに、このウィンドウのあなたのイメージの上のタブをクリックすることによって、あなたはあなたのGIFファイルのために異なる出力品質(もちろん異なるサイズで)を選択することができるでしょう。

GIFのサイズと品質を選択したら、[保存]をクリックして完了です。

あなたのGIFファイルを楽しんでください!