画像の加工（ウェブアニメーターとウェブアートデザイナー）

ホームページビルダーに付属している［ウェブアート デザイナー］と［ウェブ アニメーター］を使って、画像を加工してみましょう。

ここでは、私がつくった以下の画像を少し変えてみます。

Web上の画像の保存の仕方は以下の記事を参考にしてくださいね。

画像の取り込み

ウェブ アニメーターを起動させて、画像をウェブ アニメーターに取り込みます。

［開く］ボタンをクリックして、画像を取り込みます。

イメージに名前を付けて保存

1つのイメージを選択します。

イメージで右クリックして、ショートカットメニューから［フレームの保存］をクリックします。

名前を付けて保存します。

ウェブアート デザイナーの起動

今度は　［ウェブアート デザイナー］を起動させましょう。

ウェブ アニメーターはそのまま起動させておいてください。

［開く］ボタンをクリックします。

先ほど保存した画像を選択して開きます。

［拡大/縮小］ボタンで拡大

［ウェブアート デザイナー］のキャンバスに小さく表示されました。

［拡大/縮小］ボタンで最大の4倍の大きさにします。

オブジェクトの選択

［オブジェクトの選択］ボタンをクリックして、画像をクリックします。画像の周りに黒い点が現れます。

ハートの削除

［消しゴム］ボタンを選択して、ドラッグしてハートを消します。

星を描画

［直線］と［折れ線］ボタンを使って、星を描画します。［折れ線］の最後はダブルクリックです。

元のサイズに

再度　［拡大/縮小］ボタンをクリックして、［1］を選択して元のサイズに戻します。

上書き保存

［上書き保存］のボタンをクリックして、保存します。

［GIF 属性の設定］ダイアログボックスが表示されたら、［OK］ボタンをクリックします。

ウェブ アニメーターへ切り替え

フレームの削除

［ウェブ アニメーター］を表示させます。フレーム上で右クリックして削除します。

［ウェブ アニメーター］と［マイピクチャ］を並べて、画像をドラッグしやすい配置にします。

削除したフレームの箇所へ作成した画像をドラッグします。

［フレームのプロパティ］を表示

挿入した画像で右クリックして、ショートカットメニューから［フレームのプロパティ］をクリックします。

他のフレームのプロパティをみながら、表示時間等を調整します。

ウェブ アニメーターのツールから［再生を開始］のボタンをクリックして　アニメーションになっているかどうかを確かめます。

確認できたら、アニメーションをストップさせましょう。

名前を付けて保存

［ファイル］から［名前を付けて保存］をクリックして、作成したアニメーションに名前を付けて保存します。

できあがりました～(*^^)v

【お願い】フリー素材のサイトでも画像の加工は許可していない人が多いようです。注意書きをよく読んでからにしてくださいね。