872 Style の 動くバナーの作り方
Size : 200*40 File Size : 245kB Flame : 72 |
ここでのバナー作成には Image Ready を使用します
背景をループさせるようにうごかすので、まず、同じ模様の場所を探します。 場所が分かったら、その長さを測ります。 この場合は、144pxだったので、 144px + 200px = 344px の長さの背景を作ります。 |
|
|
長さがわかったので、その長さの背景を作ると、こうなります。 | |
|
|
色んなものを表示してみるとこんなかんじになります。144pxが余分になります。この144pxを移動させることでループさせることができるようになります。 | |
ついでに、扇子だけ200px分見えるようにするとこんな感じです。途中の点線は左端から144pxのポイントです。 |
|
|
カンバスサイズを200×40に戻して、背景の端が左端にくるようにして下さい。 アニメーションパレットを開いて、1フレーム目はこのままで、2フレーム目は、扇子の背景を移動ツールで144px動かして下さい。 ちょうど右側の端が背景の端になるようになればOKです。 |
|
|
|
2フレームできたら、アニメーションパレットで両方のフレームを選択してトゥイーンボタンを押します。 出てきたダイアログボックスの「追加するフレーム」に71を入れて「OK」を押せば、73フレームが出来上がります。 出来上がったら、一番最後のフレームを削除して72フレームにします。 |
|
|
|
幅は200pxありますが、移動させた距離は144pxしかないので、72フレームの場合は1フレームあたり2px移動することになります。3pxごとにしたい場合は、48フレーム。4pxでは36フレームになります。 同じように逆方向のものも作れます。 |
おしまい