ホームページビルダーに付属している[ウェブアート デザイナー]と[ウェブ アニメーター]を使って、画像を加工してみましょう。
ここでは、私がつくった以下の画像を少し変えてみます。
Web上の画像の保存の仕方は以下の記事を参考にしてくださいね。
-
Webページの画像を保存するにはショートカットメニューから
Webページの画像は右クリックして、簡単に自分のパソコンに保存することができます。 Internet Explorer以外のブラウザでも同じ ...
画像の取り込み
ウェブ アニメーターを起動させて、画像をウェブ アニメーターに取り込みます。
[開く]ボタンをクリックして、画像を取り込みます。
イメージに名前を付けて保存
1つのイメージを選択します。
イメージで右クリックして、ショートカットメニューから[フレームの保存]をクリックします。
名前を付けて保存します。
ウェブアート デザイナーの起動
今度は [ウェブアート デザイナー]を起動させましょう。
ウェブ アニメーターはそのまま起動させておいてください。
[開く]ボタンをクリックします。
先ほど保存した画像を選択して開きます。
[拡大/縮小]ボタンで拡大
[ウェブアート デザイナー]のキャンバスに小さく表示されました。
[拡大/縮小]ボタンで最大の4倍の大きさにします。
オブジェクトの選択
[オブジェクトの選択]ボタンをクリックして、画像をクリックします。画像の周りに黒い点が現れます。
ハートの削除
[消しゴム]ボタンを選択して、ドラッグしてハートを消します。
星を描画
[直線]と[折れ線]ボタンを使って、星を描画します。[折れ線]の最後はダブルクリックです。
元のサイズに
再度 [拡大/縮小]ボタンをクリックして、[1]を選択して元のサイズに戻します。
上書き保存
[上書き保存]のボタンをクリックして、保存します。
[GIF 属性の設定]ダイアログボックスが表示されたら、[OK]ボタンをクリックします。
ウェブ アニメーターへ切り替え
フレームの削除
[ウェブ アニメーター]を表示させます。フレーム上で右クリックして削除します。
[ウェブ アニメーター]と[マイピクチャ]を並べて、画像をドラッグしやすい配置にします。
削除したフレームの箇所へ作成した画像をドラッグします。
[フレームのプロパティ]を表示
挿入した画像で右クリックして、ショートカットメニューから[フレームのプロパティ]をクリックします。
他のフレームのプロパティをみながら、表示時間等を調整します。
ウェブ アニメーターのツールから[再生を開始]のボタンをクリックして アニメーションになっているかどうかを確かめます。
確認できたら、アニメーションをストップさせましょう。
名前を付けて保存
[ファイル]から[名前を付けて保存]をクリックして、作成したアニメーションに名前を付けて保存します。
できあがりました~(*^^)v
【お願い】フリー素材のサイトでも画像の加工は許可していない人が多いようです。注意書きをよく読んでからにしてくださいね。