【サクッと簡単】角を丸くして、心も丸く、優しい心で角丸作成【イラストレーター備忘録】

Adobe
Adobe
スポンサーリンク

「角の丸い四角(角丸)」を作ってみましょうか

完成形 今回できる角の丸い四角

\今回こんなかんじに出来ました/

イラレで作る角丸の完成図
えんかめ
えんかめ

しのごのいわずとりあえずやってみようのコーナー第5弾です

いっぺい
いっぺい

難しいことは置いといて…、ひとまず作ってみよう!
という趣旨のもとお送りしてまぁす

今回はイタストレーター効果内のスタイライズにある「角を丸くする」などで四角に角丸を作ってみます。使用するAdobeの Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。

Adobe CC を初回7日間無料で試す
Adobe 公式サイト

角丸の作り方 イラストレーター作成手順

えんかめ
えんかめ

それではやってまいりましょう

まず、新規ドキュメントを用意。
今回は、印刷のアートボードサイズ:幅200mm、高さ100mmに設定した新規ドキュメントを作成。
(▶︎新規ドキュメントの作成方法はこちら)。

今回使用するドキュメント

まず四角を作る

ツール内の 長方形ツールで黄緑色の四角を作成(今回四角の作り方は省略。作り方の詳細は「四角と丸を作成」の記事を参照)。

関連記事 ▼ツール一覧早見表(画像付き)【Adobeイラストレーター】

幅「150mm」、高さ「60mm」、カラーの塗りCMYKの「C30」「M0」「Y60」「K0」に設定。の色は今回は なし」にしてみた。

塗りのCMYK設定
線のCMYK設定

上記の設定で出来た四角

今回使用する長方形

参考 色の設定の詳細やスウォッチを使用・作成した方法はこちらの記事を参照
▶︎ 塗りや線の色をカラーパネル、カラーピッカー、スウォッチから設定

直角の四角を角丸にする

えんかめ
えんかめ

では早速、直角になっている四角の角を丸くしましょう

いっぺい
いっぺい

オラにそんな馬鹿力があるべか…

えんかめ
えんかめ

力は必要ありませんよ…

出来た四角を選択したまま、メニューの 効果スタイライズ角を丸くする の順で選択。

効果の角を丸くするの場所

すると「角を丸くする」の設定画面が出てくるので、今回は半径を「10mm」に設定。ここの数値で1〜角丸の最大値まで選択したオブジェクトに角丸の指定できる。
最後にOKをクリック。

半径の設定画面

角が丸くなった四角の出来上がり(簡単)。

\完成/

角丸を設定した長方形の完成図

ちなみに、線幅18ptの赤い線をつけるとこんな感じ。

線を追加した角丸の完成図

関連記事最初から角の丸い角丸長方形を作るには【角丸長方形ツール】

[PR]

角丸を変更してみる

変更方法その1:アピアランスで変更可能

四角を選択し、メニューウィンドウアピアランスをチェックで、アピアランスを表示。

アピアランスに先ほど設定した効果の「角を丸くする」が追加されている。このアピアランス内の「角を丸くする」をクリックすれば、先程の設定画面が出てくるので、こちらで再度数値の変更が可能。

アピアランスでの変更解説画面
えんかめ
えんかめ

アピアランスでは、選択したオブジェクトに効いている効果の他、「」「塗り」などの設定項目もみれます

いっぺい
いっぺい

アピアランスは結構使用頻度高めで出番が多いから、ワークスペースにパネル化でもして置いとくといいかもねぇ〜

パネル化した アピアランスは「 << 」「 >> 」で開閉。

コンパクト化したアピアランスの図
アピアランス開閉図

変更方法その2:ライブシェイプで角丸生成&変形可能

ライブシェイプを使用すれば、直角の長方形からも、角丸にした長方形からも、どちらからでも角丸を作れる(変更できる)。

選択したときに表示される コーナーウィジェット(コーナーウィジェットが表示されない場合はメニューの「表示」 >「コーナーウィジェットを表示」を選択)ドラック。この方法でも角丸の半径を最大限まで生成&変更できる。

角丸のコーナーウィッジ解説図
コーナーウィッジをドラッグする図
スポンサーリンク

まとめ 角が取れて丸ぁるくなりました。

えんかめ
えんかめ

ということで、今回はイラストレータの効果「角を丸くする(角丸)についてやってみました

いっぺい
いっぺい

いとも簡単に出来たべな

えんかめ
えんかめ

直角か角丸かだけで全然印象が違うので、場面によって使い分けるといいですね

直角と角丸の雰囲気の違い比較
いっぺい
いっぺい

オラはお腹が空いている時は直角、お腹がいっぱいの時は角丸にしよっかな!フフ…

えんかめ
えんかめ

(謎の基準…)

  • 今回使用したIllustratorはAdobeCCのコンプリートプランに含まれる
  • » Adobe 公式サイト (初回7日無料トライアル)
  • » Amazon (Adobe製品ページ)
  •  

  • イラストレーター単体はこちら
  • » Illustrator(Adobe公式サイト)
  • » Amazon(イラストレーター単体商品ページ)

本日もご清覧ありがとうございました。

スポンサーリンク
えんかめ

コメント

タイトルとURLをコピーしました