TOP

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

ウェブアート・デザイナーで画像の角丸を小さく調整する

ウェブアート・デザイナーで画像の角丸を小さく調整する

Tag: 角丸

ウェブアート・デザイナーで画像の角丸を小さく調整する

シリーズ第8弾!ウェブアート・デザイナーで画像の角丸を小さく調整するです。角丸が大きいとやぼったい感じが否めませんね!そこで無理矢理感がありますが手順を載せておきます。シリーズ化する予定は無かったんですが色々とね・・・察してください。


角丸を小さく調整する

「四角形(塗り潰しのみ)」を選択し四角形を作成

【01】「四角形(塗り潰しのみ)」を選択し四角形を作成します。色や大きさはお好みでいいです。


「楕円形・円(塗り潰しのみ)」を選択し円を作成します。

【02】「楕円形・円(塗り潰しのみ)」を選択し円を作成します。


「情報」タブを選択し、「縦横保持比」のチェックをはずして「幅・高さ」のところに「10」と入力します。

【03】円のオブジェクトをダブルクリックします。図形の編集ウィンドゥが開きますので「情報」タブを選択し、「縦横保持比」のチェックをはずして「幅・高さ」のところに「10」と入力します。(好みでOK)


「拡大/縮小」をクリックして「4」倍にします。

【04】「拡大/縮小」をクリックして「4」倍にします。


円のオブジェクトをクリックで選択し、右クリックから「複製」を選択。4つに複製します。

【05】円のオブジェクトをクリックで選択し、右クリックから「複製」を選択。4つに複製します。


円のオブジェクトを四角形の角4つにピタっと綺麗に重ね合わせます。メニューの「編集」→すべて選択。次にメニューの「オブジェクト」→グループ→グループ化しておきます。

【06】円のオブジェクトを四角形の角4つにピタっと綺麗に重ね合わせます。メニューの「編集」→すべて選択。次にメニューの「オブジェクト」→グループ→グループ化しておきます。


オブジェクトを選択し「透明色で塗り潰し」をクリック

【07】オブジェクトを選択し「透明色で塗り潰し」をクリックすると「塗り潰し.....」ウィンドゥがひらくので「はい」をクリックします。


4箇所の角丸の部分を「透明色で塗り潰し」します。

【08】4箇所の角丸の部分を「透明色で塗り潰し」します。

「画面上の色を取得」をクリックして四角形の色を取得。

「塗り潰し」で角丸の赤い部分を塗り潰します。

【09】「画面上の色を取得」をクリックして四角形の色を取得。「塗り潰し」で角丸の赤い部分を塗り潰します。残った細かいところは「ペン」ツールで小さいブラシを使って修正して下さい。元の倍率に戻して確認して見ましょう!


本来の角丸 今回作成した角丸

【10】左が本来の角丸ですが、カッコ悪いですね~。右が今回作成した角丸です、見た目がカッコイイです、自画自賛ですよ(゚∀゚)

あとがき

検索すると違う方法で角丸が出来るみたいですね。
グリッドとか未だ使ったことがありません(;´∀`)


関連記事


最新記事

a:3204 t:2 y:0







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

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

最新の更新 RSS  Valid XHTML 1.0 Transitional