背景色が濃い色や原色の場所にフリー素材を使うと、フリー素材の周りに"素材の周りの余白"が出て
しまいます。この"素材の周りの余白"はウェブアートデザイナーで加工して取り除く事ができます。
◆ フリー素材の周りの余白を取り除く方法 ◆
１．メニューバーの「ツール」→「ウェブアートデザイナーの起動」を選択し、ウェブアート
デザイナーを起動します。
２． ボタンをクリックして、加工・編集するキャンパスを選んで開きます。(拡張子は .mif )
以前に保存したキャンパスがなければ、その時に開いたキャンパスで加工・編集します。
３．加工・編集する画像をキャンパスに持ってきます。
|
|
 |
４．画像をキャンパスごと切り抜きます。
操作ツールバーの ボタンをクリックし、 ボタンで
右側の[キャンパスを含む]ボタンを選択します。
適当な切り抜き範囲を決め、加工・編集する画像を囲み、ダブル
クリックでキャンパスごと切り抜きます。
 → 
|
|
 |
５．キャンパスごと切り抜いた画像のキャンパス部分を透明色で塗り
潰します。
操作ツールバーの ボタンをクリックし、 で
透明色で塗り潰す許容範囲を決めます。
許容範囲は 0 から 255 の間で決めます。許容範囲を幾つにするかは
対象によって異なります。許容範囲が低すぎると"素材の周りの余白"が
残ってしまいます。許容範囲が高いと塗り潰しの範囲が画像に食い込み
周りがギザギザになってしまいます。
許容範囲 120 の場合・・
 → 
許容範囲 240 の場合・・
→ 
※ ここではキャンパス部分が透明になっている事が分かるように
背景に色を付けています。 |
６.画像の上にマウスを置いて右クリック→WEB用保存ウィザードを選択、もしくは ボタンを
クリックすると[WEB用保存ウィザード(保存対象の選択-1/4)]ダイアログが表示されるので、
[次へ]ボタンをクリックします。
７.すると[WEB用保存ウィザード(保存形式の選択-2/4)]ダイアログが表示されるので、[ GIF ]・
[ JEPG ]・[ PNG ]の中から保存形式を選択し、[次へ]ボタンをクリックします。
８.すると[WEB用保存ウィザード(○○○ 属性の設定-3/4)]ダイアログが表示されます。
(○○○には、７.で選択した形式名が入ります。) 下図は[ GIF ]を選択した時のダイアログです。
ダイアログの中にある[背景色]スピンボックスの中から「自分のホームページの背景色と同じ色を
選択します。」
[次へ]ボタンをクリックします。
９.すると[WEB用保存ウィザード(保存方法の選択-4/4)]ダイアログが表示されるので、保存方法を
選択し、[完了]ボタンをクリックします。
[ファイルに保存]・[パーソナルフォルダに保存]では、保存する画像に名前を付けます。
１０.後は保存した画像を使うだけです。
※ もしフリー素材を加工してみても"素材の周りの余白"が目立つような場合は使うのを諦めましょう。
サイトを訪問した人に「雑な作りのサイトだなぁ」なんて思われてしまっては大変です。つねに自分が
訪問者になったつもりで冷静にチェックし、見栄えや配色との相性に違和感がない時にだけ使いましょう。
▲ページTOPへ
みんなに使って欲しいウリボ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜ッ |
 ））））））））））））））））））））））））））））））））））））））） |
