Adobe認定トレーニングセンター

Illustrator

日の出(放射状)を簡単に作る

使用ソフト: Illustrator CC 2018  

チラシやネット上の広告で、こんな感じの物を見る事ありませんか?
サンプル画像
今回はこの中に使われている放射状の簡単な作り方をご紹介します。
放射状オブジェクト

放射状は3ステップでいける!

1.楕円形ツールで正円を作る

正円を描く
塗りを無し、線を黒(別に好きな色でもいいですよ)で正円を描いてください。
正円はshiftキーを押しながらドラッグです。
図のサイズは100mm×100mmです。

2.線の太さ(線幅)を変更する

線パネルで線幅を100ptに変更してください。
線パネル/線幅100pt線(線幅)を太くする

3.破線にチェックを入れて、数値を変更する

線パネルの破線にチェックを入れてください。
線幅、線分、間隔を変更する事で状態が変わります。
線パネル/線を破線に線を破線に変更

<線幅を200ptにした状態/内から外までの長さ(幅)が変わる>
線パネル/線幅200pt線幅を変更すると線の長さ(幅)が変わります

<線分を10ptにした状態/線の太さが変わる>
線パネル/線分10pt線分で線の太さが変わります

<線分を10ptで間隔5ptにした状態/線と線の間隔が変わる>
線パネル/線分10pt・間隔5pt間隔で線と線の間が変わります

希望の形になるように数値を変更しましょう。
今回は中心に穴が無い形にしたいので、線幅にオブジェクトのサイズ(100mm×100mmで作った円なので100mm)を入力します。
単位が違っても下の図のように自動で変更されます。
線パネル/線幅100mm・破線線分10pt
調整した放射状オブジェクト
形自体はこの3ステップで出来ました!

あとは好きな色(線)に変更して、クリッピングマスクで必要な部分だけにしましょう。
好きな色に変えてクリッピングマスクをかけましょう
放射状オブジェクトの前面に必要な(表示したい)部分のマスク用のオブジェクトを作ります。
放射状オブジェクトと一緒に選択して、command(win ctrl)+7または、メニューバーのオブジェクトからクリッピングマスク作成で完成です。
放射状オブジェクト

日の出の形にしたい場合はマスクをかける前に太陽になるオブジェクトを追加してください。
線を太くしたかったので、線分を20ptに変更し、放射の角度が水平になるよう傾けました。
線パネル/線分20pt
日の出

線の状態でいくか、パスのアウトラインをかけるかは、どのように使いたいかで変わります。
ちなみに下の扇子は同じやり方でパーツを作ってから、アウトラインかけて分解後必要な部分だけにして組みました。
線パネルで作った扇子

数値をいじると色々変化するので、ぜひ試してみてください。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    文字をオブジェクトの上下中央に揃える+目感

    Illustratorで文字をオブジェクトの上下中央に揃えたい時、普通…

  2. Illustrator

    破線・点線の作り方

    簡単な操作で様々な形状の破線や点線を描写できるイラストレーターの機能を…

  3. Illustrator

    【初心者向け】イラレで可愛いお花を作ろう

    みなさん、急に聞いたことも触ったこともないIllustratorのソフ…

  4. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう

    文章を入力しているときに指数や序数の扱いに困ったことはありませんか?…

  5. Illustrator

    フリーハンドで絵を描こう!(鉛筆ツール)

    イラストレーター(Illustrator)の「鉛筆ツール」を使うと、ド…

  6. Illustrator

    地図をつくろう

    イベントPRのチラシなどに必ずあるのが地図です。1回作ってしまうと、何…

Language

CodeCamp

最近の記事

  1. フラットデザインが簡単に作れるフリー素材イラストサイト3選
  1. Illustrator

    Symmetry and vertical symmetry: Mirror d…
  2. Photoshop

    How to stretch images naturally by ̶…
  3. Photoshop

    画像を文字とシェイプでマスクする
  4. Illustrator

    楕円形ツールで作るリアルな雲の作り方
  5. 自動処理[バッチ]で作業スピードアップ

    Photoshop

    自動処理[バッチ]を使用して作業スピードを上げよう
PAGE TOP