Photoshop CS6の演習

応用編1

作成：江澤良孝

複数のイラストからの動画作成

2

複数のイラストを準備する

3

拡張子pngで保存

ブラシで絵を描く

4

ブラシで絵を描く（１）

5

（１）Photoshopをまず起動してください．（２）「ファイル」→「新規」を選択

ブラシで絵を描く（2）

6

（１）単位をmm（２）幅と高さを指定（例：幅：200mm，高さ：127mm）

ブラシで絵を描く（３）

7

（１）ツールボックスから「ブラシツール」を選択

ブラシで絵を描く（４）

8

（２）ブラシサイズ，ぼかしを選択

①ここをクリック

②ブラシサイズ

③ぼかし

ここのどこかをクリックしてもよい

ブラシで絵を描く（５）

9

（３）「描画色」を選択

①ここをクリック

②望みの色をクリック

ブラシで絵を描く（６）

10

（４）ブラシで描く

ブラシで絵を描く（７）（５）「ファイル」→「別名で保存」（PNGで保存）

複数のイラストをレイヤーとして取り込む

12

「ファイル」 ＞ 「スクリプト」 ＞ 「ファイルをレイヤーとして読み込み」

「参照」を使って複数のイラストを指定 すべてのファイルを指定後「OK」をクリック

タイムラインを表示

13

①ウィンドウ ＞ タイムライン とクリック②その後、下部の「ビデオタイムラインを作成」横の▽をクリックして

「フレームアニメーションを作成」を選択③その後、 「フレームアニメーションを作成」をクリック

フレームの複製を作成

14

「選択したフレームを複製」ボタンを３回押して、フレームを４つにする

各フレームの表示レイヤーを調整

15

①フレーム１を選択 → ここをクリックして顔１のレイヤーのみ表示にする他のレイヤーは非表示にする

非表示

表示

各フレームの表示レイヤーを調整

16

①フレーム２を選択 → ここをクリックして顔２レイヤーのみ表示にする他のレイヤーは非表示にする

残りのフレーム３、４も同様にそれぞれ顔３、顔４の表示にする

各フレームの表示秒数を調整

17

「０秒」の横の▽をクリックして、表示秒数を調整

再生回数を調整

18

①「一度」の横の▽をクリックして、再生回数を無限に調整

②再生ボタン▷を押して、アニメーションの動作をチェック

「Web用に保存」をクリック

ファイル ＞ Web用に保存

GIFを指定し、再生を確認して保存をクリック

20

①GIF ②２５６③再生ボタン④保存

ファイル名を指定し、保存

拡張子は、gif

ブラウザで動作の確認をしよう

22

①インターネットブラウザーを起動 ②作成したアニメーションGIFのファイルをドラッグアンドドロップ

完成したGIFアニメーション

23

演習

24

１．イラストを複数枚自分で作成しアニメーションを作成しよう