Illustrator

イラレで注目アイコンを簡単に作成する方法【Illustrator】

  1. HOME >
  2. Adobe >
  3. Illustrator >

イラレで注目アイコンを簡単に作成する方法【Illustrator】

イラレで注目アイコンを簡単に作成する方法【Illustrator】

イラレで注目アイコンを作成

  • Illustratorで注目アイコンを作成するのに、回転ツールを使っている。
  • 回転ツールを使用すると、均等に三角形を配置できない。
  • 簡単に作成できて、調整も簡単にできないの?

ココがポイント

結論:注目アイコンを簡単に作成する方法は2つあります。

  1. 「線」パネルの「破線」を利用する方法。
  2. 「散布ブラシ」パネルを利用する方法。

「線」パネルを使用する方法は、アイコンを作るまでが非常に簡単できれいな円形にできるのが特徴です。

「散布ブラシ」の場合は、アイコン作成までに少し手間がかかりますが、きれいな円形にでき、サイズや間隔の調整も簡単。先がとがっている三角形でもアイコンが作成できる。これらの点が「散布ブラシ」で作成できるアイコンの特徴になります。

それでは、以上の2つの方法を説明してまいります。

 

1.「線」パネルの「破線」を利用する方法

完成イメージ_1

1. Step1 「楕円形ツール」で円の4分の1の扇形を作成

楕円形ツール  Shiftを押しながら正円作成

「楕円形ツール」を選択して、Shiftキーをおしながら好みの大きさの正円形を作成。

 

線幅を好みの大きさに

「線」パネルで好みの太さの線幅に

 

ダイレクト選択ツール  アンカーポイントを削除して4分の1の扇形に

「ダイレクト選択ツール」左と下のアンカーポイントを削除して扇形にします。

 

1. Step2 「線」パネルで「破線」の設定をして注目アイコンにする

「線」パネルで破線にチェック  「破線」の対応した部分

「線」パネルの中にある 破線」にチェックをいれます。

ココがポイント

  • 上図:赤①青①の関係ついて
    実際に見えるアイコンの部分になります。
  • 上図:赤②青②の関係について
    アイコンの線と線の間の幅。透明部分になります。

上図のように、それぞれが対応しており、「破線」の数値を調整して見た目を整えましょう。

線分と間隔の正確な長さを保持  線幅がきれいになる

「線分と間隔の正確な長さを保持」に設定を変えましょう。すると、線の端にあるアイコンの見た目がそろます。

以上で、完成ですお疲れ様でした。

完成イメージ_1

 

2.「散布ブラシ」パネルを利用する方法

完成イメージ_1

2. Step1 「多角形ツール」でもととなる三角形を作成

多角形ツール  三角形を作成

「多角形ツール」を選択して、正三角形を作成します。

ココがポイント

多角形ツールの頂点の数変更

キーボードの上下キー「↑(PgUp)↓(PgDn)」や、イラレオブジェクト上の◇アイコンを上下することで多角形の頂点の数を変更できます。

三角形の形調整

三角形を調整して、注目アイコンのパーツを作成します。

2. Step2 「ブラシ」パネルに「散布ブラシ」として登録

三角形の形調整  ブラシパネルにドラッグアンドドロップ

作成したパーツを、「ブラシ」パネルに「ドラッグアンドドロップ」します。

 

「散布ブラシ」で「OK」

「散布ブラシ」で登録します。

 

2. Step3 「散布ブラシオプション」で見た目を調整して完成

Shiftを押しながら正円作成

「楕円形ツール」で正円を作成し、先ほど登録した散布ブラシを適用します。

 

登録した「散布ブラシ」を適用

登録してある散布ブラシ(今回は「散布ブラシ1」)をダブルクリックして、「散布ブラシオプション」を開きます。

 

回転の基準を「パス」にする

「回転の基準」を「パス」します。
アイコンの大きさを変更できます。
アイコン同士の間を調整できます。

ココがポイント

注目アイコンを作成するときは、「回転の基準」を「パス」にすることがポイントです。

パスにそった回転表示になるため、アイコンが中心にきれいに向いて並んでくれます。

以上で、完成ですお疲れ様でした。

 

 

最後に

お疲れ様でした。

今回は、Illustrator(イラストレーター)の

  • 「線」パネルの「破線」機能
  • 「散布ブラシオプション」「回転の基準」を「パス」にする

以上2つの機能をつかい、注目アイコンを作ってみました。

最後にポイントをまとめています。

ココがポイント

  • 破線の線分設定①=アイコンの幅を設定
  • 破線の間隔設定②=アイコンの線と線の間の間隔を設定

「線」パネルで破線にチェック  「破線」の対応した部分

回転の基準を「パス」にする

「散布ブラシオプション」で「回転の基準」を「パス」にすることで、アイコンが中心にきれいに向いて並んでくれます。

以上になります。最後までご一読いただきありがとうございました。

Contact Form〈お問い合わせはこちらから〉

注目記事

MY BESTランキング

Webページ作成には必携!!

逆引きの見やすさが抜群!!

だから、

  1. HTMLのソースコード画面を読み取れる。
  2. 思い通りのCSSスタイルを調べられる。

是非、一冊手元にもってブログのレイアウトを自作しよう。

たった30分間を続ける重要性がわかる一冊!!

1日たったの30分間

けれども、
それが1週間、1ヶ月、1年となると
大きな差になる。

この本を読むだけで、
1日の生活の中の「たった30分間」の重要性がすぐにわかります。

勉強を始めるモチベーションになる一冊
是非、手元に!!

アフィリエイトならA8.net

最初のアフィリエイトにもってこいのASPです。

操作性がよく、
クリック率+EPCものっているので
初心者にとってありがたい仕組みになっています。

  • この記事を書いた人
  • 最新記事
YusukeMiyoshi

YusukeMiyoshi

Illustrator、Photoshopのテクニック。 WordPressのカスタマイズ についての記事が中心です。 よい本に出会えれば、ご紹介させていただきます。 Twitterのフォローお願いいたします。

-Illustrator

ユウスケの雑記ブログ
Thank you for your follow up.

Copyright© ユウスケの雑記ブログ , 2020 All Rights Reserved Powered by AFFINGER5.