Google検索

HP Builder

画像の加工

投稿日:2017年1月7日 更新日:

ホームページビルダーに付属している[ウェブアート デザイナー] と [ウェブ アニメータ]を使って、画像を加工してみましょう。
私がつくったこの画像を少し 変えてみましょう。
                             アニメ画像


Web上の画像の保存の仕方は画像の保存を参考にしてくださいね。
ウェブアニメータを起動させて、この画像をウェブアニメータに取り込みます。
ウェブアニメーター
開く


イメージ
フレームの保存


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

スポンサーリンク

今度は ウェブアートデザイナーを起動させましょう。ウエブアニメータはそのまま起動させておいてください。
ウェブアートデザイナー
キャンバスを開く


ウェブアートデザイナーのキャンバスに小さく表示されました。[拡大/縮小]ボタンで大きくします。
ウェブアートデザイナー キャンバス


オブジェクトの選択


消しゴム


直線ボタンと折れ線ボタン


再度 [拡大/縮小]ボタンをクリックします。
拡大/縮小ボタン


上書き保存


GIF属性の設定


ウェブアニメーターを表示させます。
削除


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


フレームのプロパティ


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


ウエブアニメータのツールから[再生を開始]のボタンをクリックして アニメーションになっているかどうか確かめます。
再生を開始
確認できたら、アニメーションをストップさせましょう。
再生を停止


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


保存


できあがりました~(*^^)vアニメ完成 
お願い・・・フリー素材のサイトでも画像の加工は許可していない人が多いようです。注意書きをよく読んでからにしてくださいね。

検索して分からなかったら【teratail】に質問!

お勧め記事と広告

関連記事

画像の編集

ファイルに画像を挿入したあとでも、サイズを小さくすることができます。 画像の上で右クリックして、メニューの中から[画像を編集]→[画像の編集 ...

罫線のような線の表

表を選択し、マウスの右クリックで[属性の変更]を選択します。 左上のセルをクリック、右下のセルを[Shift]キーを押したままクリックすると ...

ビルダーの検索と置換

サイト内の文字列を置き換えたい時に便利な操作です。 メニューバーの[編集]から[検索]をクリックします。 [検索]ダイアログボックスが表示さ ...

バックアップファイルは要らない

ビルダーの初期設定では、ファイルを上書きするたびにバックアップファイルが作成されますね。 バックアップファイルは不要という人は、バックアップ ...

ビルダーでスライドショーを作成

下のようにボタンをクリックしたり、または自動で写真を次々に切り替えて表示させる機能です。 メニューバーの[挿入]→[画像の効果]→[スライド ...

-HP Builder

Copyright © 2001-2017 初心者のためのOffice講座 All Rights Reserved.

Copyright© 初心者のためのOffice講座 , 2017 AllRights Reserved Powered by AFFINGER4.