GIFはいたるところにあります。かつては謙虚だったアニメーション画像が、今ではWebの非公式言語になっています。 GIFはTwitterで感情を表現する最も簡単な方法であり、RedditやFacebookでGIFを見るのに時間を浪費する可能性があります。
GIFを見つける場所はたくさんありますが、自分で作成するのに勝るものはありません。 PhotoshopでアニメーションGIFを作成するには、ビデオを変換するか、一連の静止画像を使用します。両方を行う方法を見てみましょう。
ビデオからPhotoshopでGIFを作成する
する方法はたくさんあります ビデオをGIFに変換する 、また、独自のムービーの1つを使用してPhotoshopでGIFを作成することも非常に簡単です。
に行くことから始めます ファイル>インポート>ビデオフレームをレイヤーに 。最初に新しいファイルを作成する必要はありません。ビデオを選択してクリックします 開ける 。
次のダイアログボックスで、ビデオ全体をインポートするか、一部のみをインポートするかを選択できます。後者を選択した場合は、プレビューウィンドウの下にあるトリムハンドルを内側にドラッグして、新しい開始点と終了点を設定します。これらのハンドルの間のすべてがインポートされます。外のすべてが破棄されました。
インポートするビデオが多いほど、結果のGIFが大きくなることに注意してください。
大きなクリップをインポートする場合は、 2フレームごとに制限 (またはそれ以上)は、品質にあまり影響を与えずにサイズを縮小する簡単な方法です。ただし、あまり多くのフレームをカットしないでください。そうしないと、スムーズなGIFが作成されません。
確実に フレームアニメーションを作成する がチェックされている場合は、 わかった 。ビデオのインポートが開始されます。大きさによっては時間がかかる場合があります。完了すると、新しい画像ファイルが作成され、ビデオの各フレームが独自のレイヤーに配置されます。
画面の下部には、 タイムライン パレット。これにより、GIFを構成するすべてのフレームが表示されます。各フレームは、画像内の異なるレイヤーに対応しています。
他の画像の通常のレイヤーと同じように、フレームを追加または削除したり、既存のレイヤーを編集したりできます。ただし、ビデオをGIFに直接エクスポートするには、 演奏する プレビュー用の下部にあるボタン。満足したら、GIFを保存する準備が整います。
PhotoshopでGIFをエクスポートする方法
に移動 ファイル>エクスポート> Web用に保存(レガシー) 。開いたボックスで、形式をGIFに設定します。 色 256に、そして 画像サイズ 全体的なファイルサイズを抑える方法として、より小さなものに変更します。
結果のファイルの大きさは、プレビューウィンドウの左下で確認できます。大きすぎる場合は、 ロッシー 右のスライダー。これは品質に影響しますが、ファイルサイズも大幅に削減します。
最後に、ヒット 保存する アニメーションGIFをエクスポートします。
静止画像を使用してPhotoshopでGIFを作成する
使用するビデオがない場合は、一連の静止画像から手動でGIFを作成できます。あなたを助けるためのアプリがあります 携帯電話で写真をアニメーション化する 、Photoshopでも実行できます。
複数のレイヤーを含む単一の画像ファイルからGIFを作成し、レイヤーはアニメーションの各フレームのコンテンツを提供するために使用されます。開始するには2つの方法があります。
アニメーション用の画像を既に作成している場合は、次の場所に移動して画像をインポートします。 ファイル>スクリプト>ファイルをスタックにロード 。
iphone 11proプライバシースクリーンプロテクター
クリック ブラウズ 、必要なすべての画像を選択して、 わかった 。各画像は、同じファイル内の独自の個別のレイヤーに配置されます。
または、まだイメージを作成していない場合は、ここで作成します。アニメーションの各部分は独自のレイヤーに配置する必要があることに注意してください。
PhotoshopでアニメーションGIFを編集する
仕組みは次のとおりです。
- アニメーションでフレームを手動で作成すると、画像内のすべてのレイヤーが 見える そのフレームに含まれます。
- に設定されたレイヤー 隠れた フレームには含まれません。
フレームごとに画像内のさまざまなレイヤーを表示または非表示にして、アニメーションを作成します。
したがって、最初のフレームでは、背景レイヤーを次のように設定することをお勧めします。 見える および他のすべてのレイヤー 隠れた 。次に、2番目のフレームで、2番目のレイヤーを表示し、次に3番目のフレームで3番目のレイヤーを表示します。始めると明らかになります。
まず、 ウィンドウ>タイムライン 。開いたパネルの中央で、をクリックします フレームアニメーションを作成する 。これにより、アニメーションの最初のフレームが作成されます。の中に レイヤー パレットで、このフレームの一部にしたくないレイヤーを非表示にして、チェックボックスをオフにします。 目 アイコン。
次に、をクリックします 新しいフレーム ボタン。前のフレームを複製します。もう一度、この新しいフレームに含めたくないレイヤーを非表示にして、追加したレイヤーを表示します。
GIFに必要なすべてのフレームを追加するまで、このプロセスを繰り返します。
フレームレートを設定し、ループGIFを作成します
最後に、 フレーム遅延 -これは、事実上、フレームレートです。最初のフレームをクリックしてから、 Shiftキーを押しながらクリック 最後のフレーム。
次に、フレームの1つの下にあるドロップダウン矢印をクリックして、遅延を選択します。 遅延なし アニメーションが急速に実行されることを意味し、特定の秒数は、各フレームがその時間の間画面に表示され続けることを意味します。
最後に、 ループオプション 、タイムラインパネルの下部にあります。 GIFを再生する回数を設定します。ほとんどの場合、次のように設定する必要があります 永遠に 。
今ヒット 演奏する 画面の下部にあるボタンをクリックして、GIFをプレビューします。これで、アニメーションGIFの動作が表示されます。
フレームを選択して表示するレイヤーを調整するだけで、フレームを編集できます(不透明度を調整したり、その他のより高度な調整を行ったりすることもできます)。必要に応じてレイヤーを追加するか、 ごみ箱 それらを削除するアイコン。
満足したら、[GIFのエクスポート]セクションにスキップできます。または、アニメーションを洗練してスムーズなGIFを作成するために読んでください。
トゥイーンによる高度なアニメーション
Photoshopは、トゥイーンと呼ばれる強力なアニメーション機能をサポートしています。これにより、2つの既存のフレーム間でトランジションフレームを自動的に生成することにより、スムーズなGIFアニメーションを作成できます。
たとえば、レイヤーをフェードインさせたいとします。そのレイヤーをに設定して1つのフレームを作成します。 隠れた 、およびに設定された別の 見える 。次に、これら2つのフレーム間を「トゥイーン」し、残りはPhotoshopが行います。
この例では、すべてのフレーム間をトゥイーンして、星空をよりきらめく効果にします。
まず、最初のフレームを選択して、 トゥイーン タイムラインパネルの下部にあるツールバーのボタン。
開いたダイアログボックスで、 トゥイーンと に 次のフレーム 、 と 追加するフレーム 必要なトランジションフレームの数に。数値が大きいほど、効果はスムーズですが遅くなります。クリック わかった 新しいフレームを生成します。
あなたのメモジを話す方法
次に、作成した他の元のフレームに対してこのプロセスを繰り返します。あなたが最後のものを手に入れたら、あなたは設定したいかもしれません トゥイーンと に 最初のフレーム 。これは、ループするGIFの開始に戻るスムーズな移行を作成するのに役立ちます。
ヒット 演奏する 効果をプレビューするボタン。
PhotoshopでGIFをエクスポートする
終了したら、最初にファイルをPSD形式で保存する必要があります。これにより、すべてのレイヤーとアニメーション情報が保存されるため、必要に応じて後で戻って編集することができます。その後、GIFとしてエクスポートできます。
に移動 ファイル>エクスポート> Web用に保存(レガシー) 。開いたダイアログボックスで、形式がGIFに設定されていることを確認します。 色 オプションは256に設定されます(これにより、最高の品質が保証されます)。
変更する可能性のあるその他の設定には、 画像サイズ と ループオプション あなたが前にそれをしなかったなら。
プレビューウィンドウには、ファイルを保存したときのファイルのサイズが表示されます。クリックすることもできます プレビュー ボタンをクリックして、ブラウザウィンドウでアニメーションをテストします。最後に、をクリックします 保存する GIFを保存およびエクスポートします。
PhotoshopでGIFを作成および編集する
PhotoshopでGIFを作成するのは非常に簡単で、結果を完全に制御できるため、実行する価値があります。
また、Photoshopをお持ちでない場合でも、心配する必要はありません。 GIF作成機能も備えた安価なエディターがたくさんあります。
共有 共有 つぶやき Eメール あなたのスマートフォンのための5つの最高のGIFメーカーアプリ場合によっては、ニーズに合ったGIFがオンラインで入手できないことがあります。そのため、これらのGIFメーカーアプリの1つが必要です。
次を読む 関連トピック- クリエイティブ
- アドビフォトショップ
- GIF
- Photoshopチュートリアル
Andyは、テクノロジーについて15年間執筆している、元印刷ジャーナリスト兼雑誌編集者です。その間、彼は数え切れないほどの出版物に貢献し、大規模なテクノロジー企業のためにコピーライティングの仕事を生み出してきました。彼はまた、メディアに専門家のコメントを提供し、業界のイベントでパネルを主催しました。
AndyBettsのその他の作品ニュースレターを購読する
ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。
購読するにはここをクリックしてください