曲線から直線へなめらかに移っていくラインをIllustratorで作成するときは、方向線の角度に注意しなければなりません。しかし、アンカーポイントや方向線を微調整していると、それぞれの角度にギャップが出てしまうことがあります。角度を合わせるには、その都度手動で調整するしかないのですが、その負担を少しでも軽くするためのスクリプトを作りました。ロゴやアイコンなどで正確な作図をする機会が多い方には、それなりに便利なものだと思います。
更新履歴
- GitHubのリポジトリをご確認ください
対応バージョン
- Illustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3
ダウンロード
インストール方法
- ダウンロードしたファイルを解凍します。
- 所定の場所に「ハンドルの角度をセグメントに揃える.jsx」をコピーします。Windows版ではお使いのIllustratorの種類によって保存する場所が異なりますのでご注意ください。
- Illustratorを再起動します。
ファイル > スクリプト > ハンドルの角度をセグメントに揃えると表示されていればインストール成功です。
ファイルをコピーする場所
| OS | バージョン | フォルダの場所 |
|---|---|---|
| Mac | 全 | /Applications/Adobe Illustrator (ver)/Presets/ja_JP/スクリプト/ |
| 32bit Win | CS5まで | C:\Program Files\Adobe\Adobe Illustrator (ver)\Presets\ja_JP\スクリプト\ |
| 64bit Win | CS5, CS6（32bit版） | C:\Program Files (x86)\Adobe\Adobe Illustrator (ver)\Presets\ja_JP\スクリプト\ |
| 64bit Win | CS6（64bit版）以降 | C:\Program Files\Adobe\Adobe Illustrator (ver) (64 Bit)\Presets\ja_JP\スクリプト\ |
- (ver)にはお使いのIllustratorのバージョンが入ります
- 本スクリプトは、CS4以前では動作を検証しておりません
直線と曲線をなめらかに切り替えるときの問題
S字型のパスを作成しているとき、ラインを直線から曲線、または、曲線から直線へなめらかに切り替えたいことがあります。こういうときは、直線の角度と曲線を構成する方向線を同じ角度にするのがポイントです。これで、もっともなめらかに直線と曲線を移行できます。
しかし、ロゴデザインやトレースなどでは、角度や曲線の具合を微調整しながら作業するため、いったん直線と方向線の角度を正確に合わせていたとしても、微調整のなかで少しずつズレてくることがよくあります。こうなると、ラインに不自然な角が出てきたり、いびつな膨らみが出やすくなります。美しくない上に、角度を合わせるのも容易ではありません。こういった作業をよく行う人は、「あるある！」って言いたくなることでしょう。
このスクリプトを使うと
2点のアンカーポイントの角度を計測し、その両端アンカーポイントから伸びる方向線の傾きを揃えます。こうすることで、いつでも曲線と直線の切り替えをなめらかにできます。
使い方
［ダイレクト選択ツール］を使って、直線にしたいセグメントのみ、または、セグメント両端のアンカーポイント2点を選択し、スクリプトを実行します。
方向線の長さについて
初期設定では、元の方向線とアンカーポイントとの直線距離を維持しながら、角度のみを変更します。左右どちらの方向線も、それぞれの長さを維持できます。スクリプトの設定項目をカスタマイズすると（後述）、曲線側の方向線の長さを直線側に統一させることも可能です。
方向線の連動について
初期設定では、ひとつのアンカーポイントから出ている2本の方向線は連動して動き、それぞれ相対する角度となります。スクリプトの設定項目をカスタマイズすると（後述）、曲線側の方向線は変更せず、直線側のみの角度を動かすことも可能です。
設定をカスタマイズする
スクリプトの5〜8行目にあるsynchronize、sameLength、smooth、showAlertの値を変更することで、挙動をカスタマイズすることが可能です。
| キー | 初期値 | 型 | 内容 |
|---|---|---|---|
| synchronize | true | boolean | 同一アンカーポイントから伸びる方向線を連動して動かす（true動かす｜false動かさない） |
| sameLength | false | boolean | 同一アンカーポイントから伸びる方向線の長さを統一する（true統一する｜false元の長さそのまま） |
| smooth | false | boolean | 角度を変えたあとのアンカーポイントをスムーズポイントに設定する。synchronizeがtrueのときのみ有効（trueする｜falseしない） |
| showAlert | true | boolean | オブジェクトやセグメントなどの選択などが適切でない場合に警告を表示する（trueする｜falseしない） |
注意
- 対象となるのは1セグメントのみです。複数セグメントを同時に処理はできません。
- 連続する2つのアンカーポイント、または、単一のセグメントのみが選択された状態でないと、処理は実行されません。
- 処理対象のオブジェクトは単一のパスのみです。グループ、複合パス、シンボル、テキストなどは無視します。複数パスが選択されているときは、その中のひとつを処理対応として認識します（スクリプト側で最初に取得できたPathItem）。
- オブジェクトの種類や構造によって意図しない結果になることもあります。
免責事項
- このスクリプトを使って起こったいかなる現象についても制作者は責任を負えません。すべて自己責任にてお使いください。
- CS5からCC 2015.3で動作の確認はしましたが、OSのバージョンやその他の状況によって実行できないことがあるかもしれません。もし動かなかったらごめんなさい。
ライセンス
- ハンドルの角度をセグメントに揃える.jsx
- Copyright © 2016 Toshiyuki Takahashi
- Released under the MIT license
- http://opensource.org/licenses/mit-license.php
- Created by Toshiyuki Takahashi (Graphic Arts Unit)
Illustratorの書籍を執筆しています。基本機能を重点的に紹介している内容で、初心者がつまづきやすいポイントは特に詳しく解説しています。ベジェ曲線の基本となる、ペンツールについても取り上げていますので、ぜひチェックしてみてください！
- Illustratorプロフェッショナルの教科書 デザイン作成とパス・文字を正しく扱う技術 CC 2014/CC/CS6対応版
-
著者：高橋としゆき
出版社：エムディエヌコーポレーション／サイズ：B5判／ページ：208P／本体価格：本体2,800円＋税
ISBN：978-4-8443-6473-3