HTML WEB関係

【Illustrator】イラレで四角・長方形オブジェクトを一部角丸(丸く)する方法は?

投稿日:2020年12月14日 更新日:

Illustrator(イラストレーター)備忘録。今回は、イラレの長方形オブジェクトを丸角にする方法。まとめて角を丸くすることもできるし、一部だけも丸くすることができるのでとても便利。

イラレで四角・長方形オブジェクトを一部角丸(丸く)する方法は

イラレで四角オブジェクトを角を丸くする方法は2つあります。

  • ①スタイライズ
  • ②コーナーウィジェット

ラスタライズで角を丸くする

①長方形を作る
②長方形オブジェクトを選択したまま

効果>スタイライズ>角を丸くする

すると、何PX丸くするか入力出来るのでプレビューを見ながら調整していきます。
このやり方だと全部の角をまとめて丸くできます。

コーナーウィジェットで角を丸くする

コーナウィジェットはオブジェクトの全部の角をまとめて丸めることもできますし、一部を丸めることができる。
スタイライズでは、数字で丸みを指定できますが、コーナーウィジェットはカーソルで丸みを調節することができます。

もともとコーナーウィジェットが表示されてる場合はいいのですが、出ていない場合の方は下記

表示>コーナーウィジェットを表示

illustrator_maru_1

コーナーウィジェットを表示した状態で、長方形オブジェクトを選択すると、丸いマークが内側に表示されます。
illustrator_maru_2

あとはダイレクトツールで丸いマークを内側にドラック。
角がまとめて丸角になります。

長方形オブジェクト、一部だけの角を丸角にする方法

前提はコーナーウィジェットが表示の状態。
ダイレクトツールにして左ドラックしながら丸めたい箇所だけ囲む。
あとは丸いマークを内側にドラックすればOK
illustrator_maru_3

まとめ

結構、使うので助かっております。

スポンサーリンク




スポンサーリンク




-HTML, WEB関係
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

css_object-fit_2

【CSS】画像を親要素内からはみ出さずに合わせて表示する<object-fit>

サイト作っている時にHTMLでデザインした親要素から画像がはみ出してしまう問題を解決したので備忘録。 Contents1 サイトの親要素から画像がはみ出る2 親要素から画像がはみ出ないように色々試して …

wp_error

WPログイン画面でエラー(Cookieがブロック)が出る時の対策<SSLの設定にご注意を>

ある時、ログイン画面で下記のようなエラーがでてしまった。 「エラー: Cookie がブロックされているか、お使いのブラウザーで未対応のようです。WordPress を使うには Cookie を有効化 …

【ドリームウィーバー】カーソルが急に変(アンダーライン)に?対処方法はこれ<DW>

ある時、いつも通りDreamweaverを起動。さあ頑張るぞ!と張り切ってみたけど何かが「変」。とても文字が打ちにくい…。よくよく見たら、カーソルがアンダーラインになっている。今回は急にカーソルが変( …

divタグの囲み枠をテキスト(文字)の幅に調節して修飾させる方法

サイトの修飾ってとても好き。けどなかなかうまく行かなくてイライラ☆ タイトルとかに色をつけたくてdivタグにカラーとか枠指定をすると、画面横いっぱいに色が広がってしまいますよね。 今回はちょうど修飾幅 …

circle_gizagiza (2)

【Illustrator】イラレで丸(円)をギザギザ・なみなみな感じにする方法

今回はIllustrator(イラレ)で円をギザギザ(ラフ)な感じにしていきたいと思います。 Contents1 イラレで丸(円)をギザギザ・ラフ(なみなみ)にした完成図2 作り方3 1:円を作成する …

背景画像

プロフィール画像

あさの まき

WEB関連の仕事をしている旅行と酒を愛してやまない女。 いい大人の雑記。

ツイッター

SPONSORED LINK