BACKSTAGE技術部

群馬職業訓練短期大学校、ポリテクカレッジ群馬のデザイン科卒業生で行われる作品展
「BACKSTAGE」の技術的ブログです。
Adobe Illustrator、Photoshopを中心に手持ちのアプリケーション、デジモノの検証結果やTipsをお伝えしていきたいと思います。
リンクはご自由に。報告も不要です。
<< Illustratorでオープンパスを連続して描くときの新たなパス始点への切換方法 | main | JavaScript for Automation(JXA)でファイルパスからFinderオブジェクトを取得してみる >>
Illustratorでオープンパスの端点から連結せずにパスを描き始める方法
0
    JUGEMテーマ:Adobe CS5
    スクリーンショット 2014-11-01 11月1日0.40.46 土.png
    Illustratorを使っていると時々
    パスの端点から違う種類のパスを描きたくなることがあります。
    ペンツールを使って普通に既存のオープンパス端点からパスを描き始めたり、
    最後にオープンパス端点へ合わせてパスを描くと連結されて同じ線種や塗りになってしまいます。

    そうするとハサミツールで連結されたポイントを切断して改めて片方のパス設定をしないといけないですね。
    これを避けるためには一旦違うところにアンカーポイントを置いて、
    後からダイレクト選択ツールでアンカーポイントが重なるように移動しないといけませんが、
    今回はこの端点に繋がるポイントの移動をペンツールの状態のまま移動もしてしまう方法を紹介したいと思います。

    まず、オープンパスを用意します。
    スクリーンショット 2014-11-04 11月4日1.00.31 火.png
    とりあえず10ptの太さの線を描きました。
    このパスの端点から別の太さのパスを描いてみます。
    スマートガイドはオンにしておいた方がポイントにスナップしやすいのでオンにしておきます。

    線の太さを5ptに設定
    スクリーンショット 2014-11-04 11月4日1.01.04 火.png

    その後、ペンツールのまま何もないところでマウスボタンを押して
    ボタン押しっぱなしの状態でスペースキーを押しっぱなしにします。
    そのまま先ほど用意したパスの端点へドラッグして始点を移動します。
    スクリーンショット-2014-11-04-11月4日1.02.02-火.psd.png

    移動したらスペースキーを離して、マウスボタンを離します。

    スクリーンショット 2014-11-04 11月4日1.06.04 火.png

    始点が移動出来たら後は普通に2点目をクリックして線を描きます。
    スクリーンショット 2014-11-04 11月4日1.06.34 火.png

    同様に繰り返すことで好きなだけ種類の違う線種で書き続けられます。
    スクリーンショット 2014-11-04 11月4日1.07.47 火.png

    次は始点からハンドルを伸ばす曲線にしたいと思います。
    今度の線種は破線にしてみます。
    スクリーンショット 2014-11-04 11月4日1.08.15 火.png
    始点からハンドルを伸ばすときは
    何もないところでマウスボタンを押して
    ボタン押しっぱなしの状態でスペースキーを押しっぱなしで
    始点を移動するところまでは同じです。


    移動した後、スペースキーだけ離してドラッグします。
    今回はハンドルを真横に伸ばしたいと思いますので,
    shiftキーを押しておきます。



    既存のパスに連結させずに始点を設定、ハンドルを伸ばすことが出来ました。
    あとは普通に描画します。
    スクリーンショット 2014-11-04 11月4日1.08.37 火.png
    スクリーンショット 2014-11-04 11月4日1.08.43 火.png

    次々と描いてみます。
    スクリーンショット 2014-11-04 11月4日1.09.12 火.png

    終点を既存のパス端点と同じ位置にしてパスを1周させてみましょう。
    今度は色を変えてみます。
    スクリーンショット 2014-11-04 11月4日1.09.26 火.png

    パスの始点から左にハンドルを出してから
    適度な場所に次のアンカーを描画
    スクリーンショット 2014-11-04 11月4日1.10.10 火.png
    ここまでは上のやり方と同じです

    連結せずに他のパスへ終点を置くのは、始点でやっていたことと同じ事をします。
    目的の終点とは違う位置にポインタを持っていって
    マウスボタンを押してドラッグする前にスペースキーを押しっぱなしにします。
    次にドラッグして目的の位置までドラッグ。
    スクリーンショット-2014-11-04-11月4日1.10.29-火.psd.png

    終点でハンドルを伸ばしたいときは、
    ドラッグ後スペースキーのみ離して、さらにドラッグ。
    スクリーンショット 2014-11-04 11月4日1.11.19 火.png
    ちょっといびつですね。

    ダイレクト選択ツールでアンカーポイントを囲むようにドラッグして選択して調整します。
    スクリーンショット 2014-11-04 11月4日1.11.45 火.png
    スクリーンショット 2014-11-04 11月4日1.11.55 火.png

    実践では地図の三叉路や丁字路に道路をもう一本追加するときやなどに使えると思います。
    例えばこんな丁字路の部分。
    スクリーンショット 2014-11-04 11月4日1.14.42 火.png
    郵便局とGSの間に細い道があるので追加してと依頼があった場合

    マウスボタンをクリックして押しっぱなし&スペースキー
    スクリーンショット 2014-11-04 11月4日1.16.02 火.png

    移動
    スクリーンショット 2014-11-04 11月4日1.16.13 火.png

    スペースキーとボタンを離してからポインタを次の位置まで移動させてクリック。
    スクリーンショット 2014-11-04 11月4日1.17.54 火.png

    線が太いので太さ調節
    スクリーンショット 2014-11-04 11月4日1.18.06 火.png
    スクリーンショット 2014-11-04 11月4日1.18.24 火.png

    間取り図・区画図などもオープンパスの端点と同じ位置に
    アンカーポイントを打つ事が多い図形になるかなと思います。
    ツールの切換も不要ですし、ハンドルの調整も最小限で済むと思いますので、
    早く作業が進みます。
    | タナカ | Illustrator | 01:58 | comments(2) | - | - |
    素晴らしいです。恥ずかしながらずっと探していました。これでペンツールを常用できます。腱鞘炎の心配もなくなりそうです。
    | NK | 2015/11/06 10:02 AM |
    コメントありがとうございます。
    お役に立てて何よりです。
    自分も何かやり方がありそうだと思い、しばらく悩んでましたので出来たときはスッキリしました。
    | タナカ | 2015/11/06 10:19 PM |









    スマホ版
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    << August 2019 >>
    + SELECTED ENTRIES
    + RECENT COMMENTS
    • Illustratorで電光掲示板
      タナカ (09/18)
    • Illustratorで電光掲示板
      留萠本線 (09/18)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (10/03)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      ヤマモト (10/03)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      タナカ (08/18)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      ななし (08/18)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      タナカ (06/06)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      monday (06/06)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (04/29)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      かわだ (04/29)
    + CATEGORIES
    + ARCHIVES
    + BACKSTAGE
    + Amazon
    + 広告

    + にほんブログ村ランキング
    + MOBILE
    qrcode
    + LINKS
    + PROFILE