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

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

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

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

画像の取り込み

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

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

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

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

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

［イメージに名前をつけて保存］ダイアログボックスが表示されますので、名前を付けて保存します。

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

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

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

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

［キャンバスを開く］ダイアログボックスが表示されますので、先ほど保存した画像を選択して開きます。

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

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

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

オブジェクトの選択

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

画像の加工

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

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

元のサイズに戻して上書き保存

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

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

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

ウェブ アニメーターへ切り替えて画像を挿入

ウェブアニメーターへ切り替えて、フレームを削除して新しい画像をドラッグして差し替えます。

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

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

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

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

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

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

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

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

名前を付けて保存

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

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

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