ホームページ・ビルダーでWEBサイトを作ろう

ウェブアートデザイナーでロゴを作成する場合は、こちらのページを

１．「ウェブアートデザイナー」の起動

・【スタート】→【すべてのプログラム】→【IBMホームページ・ビルダー】→【ツール】→【ウェブアートデザイナー】

２．画像のサイズを小さくする

【メニューバー】→【編集】→【ファイルから貼り付け】　画像ファイルを指定し、キャンバスに貼り付ける。
貼り付けた画像を選択し、周りをドラッグしてサイズを小さくもできる。

またキャンバスの画像の上で右クリック→【オブジェクトの編集】

縦横比保持にチェックを入れ幅の所に320と入れるとサイズが変更される。決まったサイズにしたい時はここで変更する。

３．画像にフォトフレームの作成

フォトフレームにする画像のサイズを 変更後、画像を選択し、フォトフレームアイコンをクリック。

一覧よりフォトフレームを選び、次へ色を選択すると完了。

ウェブアートデザイナーの素材集の写真からフォトフレームを挿入してみました。

一度決めたフォトフレームもその上で右クリック。オブジェクトの編集→フォトフレームの編集画面から再度、色・形等変更できます。

画像の保存

画像とフォトフレームを選択後　ｗｅｂ用保存ウィザード。

４，画像の加工

画像を選択後ボタンをクリックしていろいろな加工をしてみましょう。

保存は、ｊｐｇファイルでね。

影効果。　ボタン効果。　色調補正。
効果パレットからは、[効果] タブ、[写真] タブ、[色調] タブ、[色温度] タブより様々な加工ができます。

５，画像の切り抜き

その１，切り抜きは、四角や楕円や多角形、自由な範囲の４通りの方法から選ぶ。

操作ツールバーよりハサミの形をした切り抜きアイコンをクリック。
４種類の方法から今回は一番下の「自由な範囲を切り抜き」を選択。

輪郭のぼかし具合は、輪郭の横の三角をクリックしてスライダーで調整する。

その２、丸・四角・多角形以外の吹き出しの形ハートや文字で切り抜きたい場合。

切り抜きたい画像を用意、そしてその画像より少し大きい四角を用意。今回は吹き出しの形で切り抜くので吹き出しをテンプレートギャラリーの素材から吹き出しをキャンバスにドラッグ。サイズを調整。それをコピーしてもう一個の吹き出しも用意。

吹き出しの上で右クリック。

図形の編集から「線」を選び、ひとつは、枠のみ吹き出し。
もう一つは塗りつぶしのみ吹き出しを選択し用意する。

１，オレンジの四角の上に塗りつぶしのみ吹き出しを乗せる。

これを四角形で切り抜きます。

切り抜くとオレンジと緑の部分の一枚の画像になります。

「透明色で塗りつぶし」で緑の部分を透明化する。

この四角を切り抜きたい画像の上に配置。

また、四角形で切り抜く。

画像とオレンジの四角が一枚の画像になります。

そして、オレンジの部分を透明化すると、吹き出しの形で切り抜けます。

周りがちょっとギザギザしているので最初に用意した枠のみを切り抜きに合わせて配置するとすっきり。

素材−図形−記号の中にあるハートなども試してみてね。

もちろん文字でも切り抜けますよ。

次へ（ウェブアートデザイナーでバナー作成）

▲↑へ