Google検索

HP Builder

Print Friendly

画像の加工

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

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


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

開く

イメージ

フレームの保存

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

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

キャンバスを開く

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

オブジェクトの選択

消しゴム

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

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

上書き保存

GIF属性の設定

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

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

フレームのプロパティ

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

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

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

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

保存


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

あなたへのおすすめ

関連記事

ビルダーの検索と置換

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

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

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

Excelデータの挿入

Excelで作成した表を挿入する方法です。 (Excel挿入の機能を使用するためにはExcel97以降のバージョンが必要です。)●メニューバ ...

ページのOGP設定

ホームページビルダーには、OGP設定の機能があります。おそらくバージョンはビルダー17以上だと思います。 [挿入」メニューの[ソーシャルネッ ...

作成したページが文字化けした時の修正方法

現在、ホームページビルダー17を使用しています。 昨日、数枚のページが文字化けしていることに気が付きました。 その時の修正方法を記しておきま ...

-HP Builder

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

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