2020/11/05 09:33

Photoshopでアニメーションを作ってみよう | Photoshopことはじめオンライン講座【アーカイブ】


-

[概要]

Photoshop でも短い動画が作れます。
ここではシネマグラフと呼ばれる短い動画をはじめ、動くバナー制作を通して Photoshop で動画を作る場合のUIのポイントや注意点などをご紹介します。

[目次]
【0;00;56】 今回の内容について
【0;03;39】 動画ファイルを読み込む(teatime.mp4)~バナーに適した動画について
【0;07;26】 タイムラインパネルの操作~作成するデータについて
【0;10;14】 レイヤーを複製~レイヤーをラスタライズ
【0;13;16】 ワークエリアを指定~ループ再生
【0;16;01】 静止画レイヤーにマスクを作成する(選択とマスク)
【0;22;47】 再生して確認~マスクの反転
【0;25;48】 マスクの調整~ワークエリアの調整
【0;30;51】 サイズの変更(切り抜きツール)~画像解像度の調整(スマートオブジェクトに変換)
【0;32;48】 罫線の作成(長方形ツール)~サイズの調整
【0;36;49】 文字の追加(テキストツール)~書式設定(Adobe Fonts)
【0;41;40】 Web 用に保存(従来)
【0;46;02】 パラパラ漫画風アニメーションの作成(Shoes.jpeg)
【0;49;20】 レイヤーを複製~マスクを作成する(投げ縄ツール)
【0;53;18】 スマートオブジェクトについて~レイヤーのコピー&ペースト
【0;58;25】 3コマ目の作成~4コマ目の作成
【0;59;47】 フレームアニメーションを作成~レイヤーからフレームを作成
【1;02;34】 フレームのディレイを設定
【1;03;24】 ビデオタイムラインに変換~文字の追加
【1;05;40】 スマートオブジェクトに変換~タイムラインの調整
【1;06;59】 スマートオブジェクトの編集について
【1;09;41】 罫線の作成(長方形ツール)~サイズの調整
【1;11;59】 Web 用に保存(従来)
【1;15;01】 パラパラ漫画風アニメーションの作成(cosme.jpeg)
【1;22;45】 フレームアニメーションを作成~レイヤーからフレームを作成
【1;23;21】 画像解像度の調整~Web 用に保存(従来)

講座で使用するサンプルデータは下記よりダウンロードしてください。
Photoshop_Seminar10_sample.zip(11.1MB)

※サンプルデータは、個人の練習用としてお使いください。その他の目的での使用や配布などはご遠慮ください。

Copyright © 2022 Adobe Systems Incorporated. All rights reserved.