Unity デザイナーズ・バイブル 6月6日発売!

【Photoshop】複数のGIFアニメーションを一箇所に集める方法と連番やMP4に変換する方法

0

photoshop-convert-gif

GIFアニメーションでキャプチャを取ってしまい、Photoshop(※)で力ずく編集してみました。

やはり非効率的なので、PhotoshopからMP4に変換して、AEで編集することをおすすめします。

※AfterEffectsはGIFが読み込めない。

複数のGIFアニメーションを一箇所に集める方法

  • Photoshopを起動して、GIFアニメーションのデータをドラッグ&ドロップ

  • 下側にタイムラインが表示される。左下のアイコンを押して、ビデオタイムラインに変換

f:id:min0124:20170820192557p:plain

  • レイヤーパネルを選択し、Ctrl+Alt+A(全選択)+Ctrl+G(グループ化)で一箇所にまとめる。

f:id:min0124:20170820192856p:plain

  • 他のGIFアニメーションも同様にビデオタイムライン表示&グループ化

f:id:min0124:20170820194838p:plain

  • レイヤーパネル>グループを複製から、一箇所に集める。

f:id:min0124:20170820195009p:plain

  • グループを配置し、再生確認

f:id:min0124:20170820195346g:plain

GIFアニメーションを連番やMP4に変換する方法

GIFをアニメーション何個も再生とPhotoshopでの再生が非常に重くなり非効率です。

結局、連番やMP4で出力して、AfterEffectsで編集したほうが、効率的でおすすめです。

  • ビデオタイムライン>ビデオをレンダリング→PNG連番やH264を選択して出力

f:id:min0124:20170820200021p:plain



photoshop-summary-article


便利な機能紹介!Photoshopに関する作り方まとめ



photoshop-summary-article


作業効率化!Phoshopスクリプトに関する作り方まとめ

フォトショップのソフト


eyecatch-buy-adobe-creative-cloud
【Adobe Creative Cloud】最安!アドビ認定スクールから購入する方法(+講座付き)

フォトショップの参考書籍

すいみん
独学で勉強できてしまうPhotoshopですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります
すいみん
専門誌の定期購読をするなら月額980円の「Kindle Unlimited」がおすすめです!


eyecatch-amazon-kindle-unlimited
【Kindle Unlimited】CGデザイナーにおすすめ!専門書読み放題の電子書籍サービス

以上、すいみん(@cg_method)でした!

0