【Photoshop】覚書:PC画面録画→動画を画面トリム(クロップ)してgifアニメにする

f:id:take_model:20181229001708p:plain

無料の動画ソフトは慣れないUIで扱いづらかったり、画面トリムが出来なかったりで、良いのないかな~と思っていたらPhotoshopで出来ました。

PC画面録画(Windows10)

  1. [Winキー+G]を押すと↓のようなバーが出てくるので録画スタート。
    f:id:take_model:20181228233606p:plain:w500
  2. 録画が始まると↓が出てくるので好きなタイミングで停止。
    f:id:take_model:20181228234116p:plain:w200
  3. 録画が完了すると、以下のフォルダに.mp4が格納されます。
    C:\Users\${User名}\Videos\Captures

Macの動画キャプチャ方法は割愛。
※初回は上記以外の手順が必要かもしれません 。

Photoshopで編集してgifアニメにする

まずは読み込み

  • こんな感じの画面になります。
    f:id:take_model:20181229001637p:plain:w500

画面トリム(クロップ)する

  • 切り抜きツールでトリムできます。
    f:id:take_model:20181229001708p:plain:w500

シーンをカットする

  • バーをカットしたいところにずらしてハサミマークをクリック。
    f:id:take_model:20181229001825p:plain:w650
  • シーンが分割されるので、不要なシーンを選択してDelキーで削除。
    f:id:take_model:20181229002609p:plain:w650

書き出し

  • [Ctrl+Shift+Alt+S] でWeb用に保存 >フォーマットをGifにして保存。
    (画像が大きい, シーンが長いとかなり時間かかります。↓の画像の容量では重すぎたので、カラーを下げたり別途Optimizeかけたりして容量を減らしました)。
    f:id:take_model:20181229002048p:plain:w500

完成

f:id:take_model:20181229001002g:plain:w300

最新情報をチェックしよう!