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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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