Photoshopによるgifアニメを使ったバナー制作

過去に授業でPhotoshopを使って動きのあるバナーを制作しましたので、忘れないように手順を記しておきます。

作成したバナーです。

 作成手順

 2種類のタイトルと4種類の色のシューズを準備しました。

「ウィンドウ」メニュー内の「タイムライン」を選択します。

「フレームアニメーションを作成」を選択します。

1フレーム目

1フレーム目はタイトル「Air Max 90iD」と、「シューズ青」を選択します。

ディレイは2秒を選択しました。

2フレーム目

2フレーム目は1フレーム目をコピーします。

「NIKIiDでカスタマイズ」と、「シューズ緑」を選択します。

3フレーム目 

3フレーム目は2フレーム目をコピーします。 

タイトル「Air Max 90iD」と、「シューズ茶」を選択します。

4フレーム目

4フレーム目は3フレーム目をコピーします。

「NIKIiDでカスタマイズ」と、「シューズ桃」を選択します。

gifファイルを作成する前に繰り返し回数を「無限」にしておくと、gifファイルを表示しているときには無限に繰り返します。

これは元にしたバナーです。