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

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

寸法線の作りかた

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

    複合パスを掘り下げてみよう〜実践編〜

    複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です…

  2. Illustrator

    ワープを使って球体に模様をつける

    ワープイラストレーターの「ワープ」とは、オブジェクトの見た目を変形…

  3. Illustrator

    インド国旗を作ろう!その④

    今回はイラストレーター(Illustrator)で三色の旗を作っていき…

  4. クリスタルを埋め込んだ文字を作ろう

    Illustrator

    クリスタルを埋め込んだ文字を作ろう~part1~

    Illustratorでクリスタルを埋め込んだ作ってみましょう!今…

  5. Illustrator

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

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

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

    Illustrator

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

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

人気の記事

  1. キーマカレー

    Others

    ホワイトバランスを設定して良い色合いの写真を撮る
  2. Photoshop

    ゴールドの作り方 レイヤーはたった2枚!
  3. Mac

    Clipy: The Best Free Clipboard App
  4. Illustrator

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

    Use Warp Effect in Illustrator
PAGE TOP