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

寸法線の作りかた

Illustrator

これは便利!!文字入力できる寸法線の作り方

使用ソフト: Illustrator CC2020  

よく物のサイズや図面で見かける寸法線。
寸法線
これって意外と作るのが面倒だったりしませんか?
今回はそんな文字入力のできる寸法線をスタイルに登録して使い回す方法を解説します。
※[アートボード:A4/縦][カラーモード:CMYK][ラスタライズ効果:300ppi]で作業を進めます。

1.Illustratorで矢印を作成

好きな長さのパスを[ペンツール]や[直線ツール]で1本作成します。
線
パスを選択した状態で[ウィンドウ]→[線]から[線]パネルを表示します。またメニューバー上部にある[線]をダブルクリックしても表示されます。
線パネルの場所
パネルが表示されたらパネル下部の[矢印]の項目でお好きな形状の矢印を両端に設定します。
その際に[先端位置:矢の先端をパスの終点に配置]になっているかを確認します。
矢印を選択
するとこのような矢印が作成出来ました。
両端が矢印

2.塗りを追加して形状を変換

[ウィンドウ]→[アピアランス]から[アピアランス]パネルを開きます。
矢印を選択して[新規塗りを追加]を実行します。
新規塗りを追加後
この際に[線]よりも[追加した塗り]が上に来るように設定します。
[塗り]を追加した後、[塗り]の色を[CMYK:0 0 0 0]に変更します。
塗りの色を変更
追加した塗りを選択したまま、次にアピアランスパネル下部のfx(新規効果を追加)を選択します。
[形状に変換]→[長方形]を選択します。
新規効果を追加
[形状オプション]パネルが開いたら[サイズ:値を指定][幅:10mm][高さ:2mm]に設定をして実行します。
形状オプション
ここまでの手順でスタンダードな寸法線が作成出来ました!!
完成


なぜこうなるのかというと、線の上に追加した塗りが[幅:10mm][高さ:2mm]の長方形になり、線を見えなくしているからです。
説明

3.使い回す為にグラフィックスタイルに登録

[ウィンドウ]→[グラフィックスタイル]を選択します。
先ほど作成した寸法線を選択したまま[グラフィックスタイル]パネルの[新規グラフィックスタイル]を選択して使い回せるように登録をします。
追加
登録したら実際に線にスタイルを適用してみます。
適用

ここで問題が・・・

この寸法線は水平方向なら問題なく機能するのですが垂直方向に適用するとこのようになります。
縦方向
これでは問題がありますね・・・
(なんで線に塗りがついてきてくれないんだろう・・・)
なので縦になった矢印を選択した状態でアピアランスパネルのfxマークのついた[長方形]をダブルクリックします。
ダブルクリック
すると[形状オプション]パネルが開きます。
[形状オプション]パネルが開いたら[サイズ:値を指定][幅:2mm][高さ:10mm]に設定をして実行します。
形状オプションパネル
これで縦方向の寸法線が作成出来ました!!
縦方向の寸法線


なぜこうなるのかというと、線の上に追加した塗りが[幅:2mm][高さ:10mm]の長方形になり、線を見えなくしているからです。
形状を変換

次は斜め問題・・・

では斜めはどうでしょう?
斜め
斜めもやはり間隔が狭くなってしまいます。
なので先ほどと同様に矢印を選択した状態でアピアランスパネルのfxマークのついた[長方形]をダブルクリックします。
ダブルクリック
すると[形状オプション]パネルが開きます。
[形状オプション]パネルが開いたら[形状:楕円形][サイズ:値を指定][幅:10mm][高さ:10mm]に設定をして実行します。
楕円形
これで斜め方向の寸法線が作成出来ました!!
斜め


なぜこうなるのかというと、線の上に追加した塗りが[幅:10mm][高さ:10mm]の円形になり、常に間隔を一定に保つことができるからです。
間隔が一定


斜めの寸法線を使用するときに気をつけること
丸の場合は水平、垂直と異なり下方向への飛び出しが大きくなってしまいます。
そこで元になる線は最背面に配置することが必要になってきます。
斜めの解説
面倒ですがこの斜めの寸法線は円形なので全方向対応できます。
[通常1つずつ行った場合]
1つずつ行った場合
[一度に斜めの寸法線を適用した場合]
1つずつ
すごく便利です!!
使用例)
使用例


いかがでしたか?
何かと使い勝手の良い寸法線をグラフィックスタイルに登録すれば作業スピードUP間違いなしです!!
ぜひ一度試してみてはいかがでしょうか?

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

関連記事

  1. Illustrator

    アクションパネルで大幅時短

    Illustratorで作業をする際、同じ作業を何度も何度もすることっ…

  2. アルミの質感を作ろう

    Illustrator

    本物そっくり!?アルミの質感を再現しよう

    今回は簡単に作れてしまうアルミの質感について解説をします!アルミと…

  3. Illustrator

    矢印の違いって?

    Illustrator使ってみたけど・・・。この矢印カーソル、黒と白で…

  4. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    Illustratorでクリッピングマスクをする方法

    みなさんクリッピングマスクはご存知ですか?クリッピングマスクとはある部…

  5. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜知識編〜

    Illustratorを使用していると何かと耳にする機会の多い「複合パ…

  6. Illustrator

    金色(GOLD)のグラデーションを作ってみよう

    Illustratorで文字を金色にする事って案外多くないですか?…

Language

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. 意外と知らない歯車の作り方

    Illustrator

    意外と知らない?Illustratorで歯車を作ろう
  2. Illustrator

    スターツールで作る丸い花のイラスト
  3. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    How to Create a Clipping Mask in Illustr…
  4. Illustrator

    再配色を使って色を変えてみよう
  5. Photoshop

    「ぼかし」をかけよう!
PAGE TOP