↑oyajiさんから頂きました。


   
アニメーションGIFの作り方

IBMホームページビルダーの
ウェブアートデザイナーウエブアニメーター
アニメーションGIFを、自己流で、作ります。
先日ウェブのお友達おごじょちゃん
めじろのデジカメのお写真を、
連写で、3枚下さったので、サイズ等を直して
作って見ました。
A切り抜いて加工した像


B切り抜いて加工した像


C切り抜いて加工した像


連写ですが、3枚の画像は、微妙に,角度が違ったので
元の画像は、画像掲示板に、貼って有ったのですが
期間切れですので無いので、上は加工済みの画像です。

それを統合してアニメーションGIFした画像



------------------------------------------------------------
ウェブアートデザイナー全体画像

参照1




------------------------------------------------------------
1.先ずベースに成る画像を、選択します。
 今回は、A画像をウエブアートデザイナーで開きます。
 大きすぎるのでB の位置の切り抜きの選択 を、クリック その時に、右横の▼ を、
 押すと 四角以外に、楕円や軌跡等が、指定できます
 そこで、元の画像を、小さめにしてJPG(jpg)画像を、GIF(gif)に
 するのには、余り大きいとこれから作る画像は、何枚か指定するので
 極力小さめにした方が全体の仕上がりが、軽くなるので、
 Bを、クリックするとCの位置に切り抜きと、言う記号が、現れます。
 そうしたら、マウスで切り抜く場所を指定して切り抜 を、
 クリックすると、@のオブジェクトスタックの中に2枚画像が、出来ます。
 そのうちの切り抜いた上の画像を、残し下の元の画像は、
 Eのオブジェクトを、選択してから、
 オブジェクトスタックの中の元画像にカーソルを、持って行って、
 青い枠に変わったら、
 右クリック削除(D) します。
 そうすると、キャンパスの白い範囲の中に切り抜いたGIF画像が、
 サイズが、違うのを直すのは、切り抜いたGIF画像を、一番左上に、移動して
 その時に、選択したサイズは、Dの位置に表示されます。

 【キャンパスのサイズを、直す】
 編集(E)→キャンパスの設定(S)
 
 手でキャンパスとGIF画像を合わせても良いのですが、
 上手く行かない場合は、Eのオブジェクトを、選択して
 GIF画像にカーソルを、持って行き、クリック指定(四角と青い枠に成る)してから
 右クリック→オブジェクトの編集(O)そうするとX座標(X)とY座標(Y)
 が、いじれます、その数値をそれぞれ 0 に、すると左上端に、GIF画像が移動します。
 
 此処までで、元画像より小さなA画像が、出来ました。


2.さて次はB画像A を、テンプレートギャラリー→右クリック挿入(I)
 
 そのままだと下の@が、見えないので、
 AのB画像を、加工します。
 上の参照1の図面のB の中の自由な形を切り抜きを、クリック
 して、動かしたい所と、下の図面からはみ出さない位に、切り取る
 オブジェクトスタックに、此れで3枚表示その後切り抜いた画像は、そのまま
 Aの挿入した、画像を、選択削除
 此処で切り抜いた画像のこの画像で言えばみかんとか、
 棒やフェンス 等を下の画像と合わせる又合わない場合は、拡大縮小回転等して
 余分な所は、消しゴムツールで、消してAを、作り
 
 画像を統合して、例えば、mejiro02.gif のように名前を、付けて保存
 その後BA
 作った様に、作りmejiro03.gif のように名前を、付けて保存


3.@のA画像とAB
 を、ウエブアニメーターで、統合


あくまで、自己流です。
もっと合理的な、方法が、有ればどうか教えてね〜♪
   









私のジオのホームページへ | メニューのページへ | うたかたデジカメ記へ | 掲示板へ | CGI掲示板と日記へ