キャンバス上にあるオブジェクトは再編集したり、属性変更が可能です。



編集したいオブジェクトを選択しておき、右クリックで、オブジェクトの編集を選択します。



あるいは、メニューバーの編集から、オブジェクトの編集を選択してください。




選択しているオブジェクトの種類によって、図形の編集、ロゴの編集、ボタンの編集、フォトフレームの編集、、オブジェクトの編集といった画面が開きます。

図形、ロゴ、ボタン、フォトフレーム機能を使って作成したものでも、イメージオブジェクトに変更している場合は、それぞれの編集画面は表示されません。

その代わり、イメージオブジェクトとして扱えるので、ペンツール、消しゴムツールなどでの編集が可能になっています。


例：　ボタンの上に文字を重ね、切り抜いた時は、イメージオブジェクトになっています。
ボタン、文字（ロゴ）の個別の編集は出来ません。

■ボタン作成ウィザードを使ってボタンを作成します。

メニューバーのオブジェクトから、ボタンの作成を選ぶか、
ツールバーの←のアイコンを押します。



ボタン作成ウィザードが出てくるので、好きな形を選びます。

ボタン作成となっていますが、バナー風、アイコン風と色々あります。



好きな色を選びます。色だけではなく、グラデーションや、テクスチャーも選ぶことが出来ます。
完了を押すと、キャンバスにボタンが出来上がります。



好きな大きさに、拡大縮小してください。
保存します。

アンチエイリアスがかかりやすいオブジェクトだと思うので、
オブジェクト保存でもいいとおもいます。

web保存と両方で保存しておけば、後々使い安く、変更もできます。



影効果をつけてみました。

■グリッドを表示します。

メニューバーの編集から、グリッドの表示をえらびます。



キャンバスにグリッドが表示されます。
グリッドの縦横幅を変えたい時は、ファイルの環境設定から、表示を変更します。

■グリッドにあわせるを使用します。



メニューバーの表示から、グリッドに合わせるを選択します。
グリッドが表示されてなくても使用できます。

色々な使い道があるので、覚えておくと便利です。

■フォトフレームの作成機能を使ってみます。




写真っぽく適当に合成した画像で説明します♪

フォトフレームをつけたいオブジェクトを選択します。

ツールバーの←のアイコンか、オブジェクトから、フォトフレームの作成を選択します。

フォトフレーム作成ダイアログが開きます。




まず、フレームの形を選びます。
決まれば、次へを押します。



次に、フレームの色を選びます。
グラデーションや、テクスチャー、その他を押せば、自分で作成した壁紙なども使えます。

決まれば、完了を押します。簡単です。



こんな感じのものが出来ました。
白背景で使いやすいと思います。
これを切り抜き、保存しました。

写真はJPEGが、ベタの多いイラストはGIF,PNGのほうが画像の粗が目立ちにくく、軽く出来ます。



こういった感じのものもありました。
ずいぶん雰囲気がかわります。
ぜひ、子供さんの写真などに使ってみてください。
噴出しなどをつけて、文字も入れたりすると、もっといいかんじかも♪

■ページの背景情報を取得します

HPビルダーのページ編集画面で、開いているページの背景をキャンバスに反映させます。

フレームページの場合は、カーソルがあるページのようです。

メニューバーの設定から、

を選びます。




背景に、適用されました。

■キャンバスの設定
メニューバーの設定から、キャンバスの設定を選びます。




情報タブで、キャンバスの大きさを選択できます。
色で、キャンバスに色や、テクスチャーを適用できます。



wood02を選択してみると・・・。



キャンバスが、木目になりました。
使い方によっては、とても便利な機能です。

写真を撮った時、赤目になっていることがあります。
フラッシュを使った時によくなるのですが、それを修正するツールです。



白々しいほど、赤目になっています。（笑）

補正したい画像を選択します。

メニューバーのツールから、「赤目補正」を選択するか、
ツールバーの←のアイコンを押します。



効果度合、許容範囲をうごかします。
両方の目が赤目になっていることは少ないと思うので、正常な色の方の目の黒い部分を、これでクリックして、色を取得します。

両方赤目の場合は、不自然にならない色を選んでくださいｗ

色が決まったら、赤い部分にカーソルを合わせて、クリックします。
上手くいけば、黒くなります。
許容範囲や、効果度合を変更しながら、何度か試すといいとおもいます。



上の画像を赤目補正したものですが、上手く出来ました。
目が小さい場合は難しいので、普通にペンツールや、ブラシツールなどで修正したほうが早いかもしれません。
（その時は4倍表示にして作業してね。）

■明るさ・コントラストを変更します。

まず、変更したいオブジェクトを選択しておきます。

メニューバーのツールから、「明るさ・コントラスト補正」を選ぶか、

ツールバーの←のアイコンを押します。



変化の程度を見ながら、効果をかけます。
大きい画像なら、この画面でわかりにくいので、プレビューにチェックを入れます。
決まれば、OKを押してください。



明るく、低コントラストにしてみました。
アイコンを使った壁紙などを作るときに、使えます。

■色調補正（色味を変えます）



まず、変更したいオブジェクトを選択します。

メニューバーのツールから、色調補正を選ぶか、ツールバーの←のアイコンを押します。



変化の程度、同色系、プレビューなどを活用して、自分のイメージにしていきます。
大きな画像なら、この画面でわかりにくいので、プレビューにしておきます。
OKを押して、出来上がりです。
写真などの色味が偏っている時などにも使えます。



黄色くして、明るくしてみました。
素材だったら、バリエーションを作るときにも使えます。

■ボタン効果を使用します。

平面の画像に、ボタン効果をかけます。
凹凸や、濃さなどが調整できます。
画像は、余白が無いものが望ましいです。



■効果をかけたいオブジェクトを選択しておきます。

メニューバーのツールから、ボタン効果をえらぶか、
ツールバーのボタン効果のアイコンをクリックしてください。

（このとき、イメージオブジェクトで無い場合、変換しますか？というダイアログが出ますので、変換してもいい場合は変換してください。
心配なときは、変換する前に複製をしておくと安心かな。）



プレビューをクリックすると、仕上がりのイメージが見えるので、わかりやすいです。
凹凸と、影の濃さをイメージする状態に調整したら、OKを押します。



上が凸、下が、凹です。

凹は同色の背景に入れたときによくわかります。


わかるかな・・・ｗ　うーんｗ　変な見本・・・ｗ
ロールオーバーにする時など、2個いっしょに作るカモネ？