【アニメーションGIF講義ポイント】

-----------------------
lesson01
-----------------------

１）e-wordsで調べて概念を簡単に理解してもらう。

２）Flashバナーでもアニメーションが簡単に作れるが、量や仕様の関係でGIFアニメの需要はWEB標準になった今でも多くの制作現場で使用されている。

３）教材フォルダから「anime_banner.pds」を開く。

　→見本を見てもらう。「anime_banner.gif」
　→ブラウザーに直接ドラッグして確認する。

４）ImageReadyに転送する。もしくは始めからImageReadyで開く。

５）ウィンドウ＞アニメーションを開く。

　　→レイヤーウィンドウと同時に使用する。

６）アニメーションウィンドウの数がコマ数であり、タイムラインとなる。

７）見本を確認しながらレイヤーの表示を切り替えつつ、コマ数を増やしていく。

　→現在のフレームを複製でコマ数を増やす。

８）再生ボタンでImageReadyでプレビューしてみる。

　→公開中の文字は最終的に２度点滅。

９）書き出し＞最適化ファイルを別名で保存→ブラウザーで確認する。

-----------------------
lesson02
-----------------------

１）13DEATHのレッスン用をPSDで開く。

２）見本をブラウザーで確認して、一度どのようにPhotoshopで作っているか質問してみる。

　→　ヒントとしては「フィルター」を使っている。（渦巻き）

３）フィルターの回転を使用して、100度ずつ渦巻きをかけながら、元画像をコピーしてレイヤーを複製し、700度まで回転をかけた画像を増やす。（レイヤー合計８枚）

　→　レイヤーの複製時に渦巻きの順番に合わせて連番にする。（元画像01）

４）ImageReadyに転送する。もしくは始めからImageReadyで開く。

５）ウィンドウ＞アニメーションを開く。

　　→レイヤーウィンドウと同時に使用する。

６）アニメーションウィンドウの数がコマ数であり、タイムラインとなる。

７）見本を確認しながらレイヤーの表示を切り替えつつ、コマ数を増やしていく。

　→現在のフレームを複製でコマ数を増やす。

８）再生ボタンでImageReadyでプレビューしてみる。

９）再生を秒数を１コマ、0秒に変え、スピーディに回転させるようにする。

１０）ループの設定を無限に設定。（回数も変えられることを説明）

１１）スムーズにループするアニメーションにするために、前半とは逆の順番でフレームを複製する。（合計15フレームとなる）

１２）書き出し＞最適化ファイルを別名で保存→ブラウザーで確認する。