TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

ウェブアート・デザイナーで画像に枠をつける

ウェブアート・デザイナーで画像に枠をつける

ウェブアート・デザイナーで画像に枠をつける

ウェブアート・デザイナーのシリーズ弟三弾でございます。
今回は、画像に枠をつけてみよう!


枠無しの画像 枠有りの画像

まずは上の2枚の猫の画像をご覧いただきたい。枠があるか無いかの差なんですが、
枠有りの方が「キリッ」と引き締まってみえませんか!
えぇ、そうなんです!枠があったほうが引き締まって見える不思議!!


ウェブアート・デザイナーで画像に枠をつけてみよう

まずは、画像を読み込みます。画像をダブルクリックすると「オブジェクトの編集」ウィンドゥが開きますので、画像の幅と高さをチェックしておきます。

①まずは、画像を読み込みます。画像をダブルクリックすると「オブジェクトの編集」ウィンドゥが開きますので、画像の幅と高さをチェックしておきます。幅300pxの高さ187pxですね。
「×」をクリックして閉じて下さい。


画像は下の方に移動しておきます。「四角形(枠のみ)」をクリックし、赤矢印のように斜めにドラッグしますと枠線ができます。

②画像は下の方に移動しておきます。操作ツールバーの「四角形(枠のみ)」をクリックし、赤矢印のように斜めにドラッグしますと枠線ができます。


枠線をダブルクリックすると「図形の編集」ウィンドゥが開きます。「線タブ」の太さから1ピクセルを選択。

③枠線をダブルクリックすると「図形の編集」ウィンドゥが開きます。
「線タブ」の太さから1ピクセルを選択。


「線タブ」の線種から直線を選択。

④「線タブ」の線種から直線を選択。


「線の色タブ」から黒系の色を選択します。

⑤「線の色タブ」から黒系の色を選択します。


「情報タブ」から「縦横比保持」のチェックははずしておきます。「幅と高さ」は先ほど確認しておいた幅300pxの高さ187pxを入力します。「×」をクリックして閉じて下さい。

⑥「情報タブ」から「縦横比保持」のチェックははずしておきます。「幅と高さ」は先ほど確認しておいた幅300pxの高さ187pxを入力します。「×」をクリックして閉じて下さい。


メニューバーの編集から「すべてを選択」をクリックします。

⑦メニューバーの編集から「すべてを選択」をクリックします。


メニューバーのオブジェクトから「整列」→「中央揃え」をクリックします。

⑧メニューバーのオブジェクトから「整列」→「中央揃え」をクリックします。


メニューバーのオブジェクトから「グループ」→「グループ化」をクリックします。

⑨メニューバーのオブジェクトから「グループ」→「グループ化」をクリックします。


メニューバーのファイルから「Web用保存ウィザード」をクリックし保存します。

⑩メニューバーのファイルから「Web用保存ウィザード」をクリックし保存します。


出来上がりは、上の方にある2枚並んだ右側の画像です。
あまり需要はないけど、こういう小技の情報ってないんですよね!
一人くらいは、必要としている情報と・・・・(^^;

関連記事


最新記事

a:3841 t:3 y:3







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.3.0
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional