適当な角度に引いた線を円の接線にする Illustrator スクリプト

Illustratorで円の接線を描きたくなる状況があります。例えば次のようなときです。

• フォントやロゴのデザイン
• 数学の図版の制作
• アイソメ図やパースの作成

円の接線は，やりかたがわかれば手動で引けます（Illustratorで接線（正円に接する直線）を作る方法 - saucer）。

Illustratorで接線（正円に接する直線）を作る方法 - saucer

また，CADアプリには接線ツールがあったり，接点に強力なスナップが効いたりします。MoI 3DなどはCADによる3Dモデリングツールですが，2Dのベクターデータ作成にも向いています。aiファイルへの書き出しやIllustrator ↔︎ MoI 3D間のコピペができ，操作性も似たところがあっておすすめです。

MoI, 3D modeling for designers and artists

円やその他曲線同士の共通接線を生成したいなら，まさにそれ用のIllustratorスクリプトがあります（s.h's page - [Illustrator] JavaScript scripts > 共通接線）。

s.h's page - [Illustrator] JavaScript scripts

さて，いろいろ解決法を挙げましたが，Illustratorユーザーにとって最もなじみやすいのは最初の「Illustratorで接線（正円に接する直線）を作る方法」でしょう。要約すると次のような流れです。

１　任意のサイズの円を描く
２　適当な角度の線を引く
３　線を円の接点の位置に動かす
４　円の接点の位置にアンカーポイントを追加する

ただ手順３と４がなかなか難しく，手間も時間もかかります。タップ1つで自動的に実現してくれたら嬉しいですね。

そこで今回は，適当な角度に引いた線を円の接線にするIllustrator用スクリプトを紹介します。

動画で見てみたい

あらましを教えて

Illustratorで選択している線を，同じく選択中の円の接線になるよう移動するスクリプトです。線端が接点にぴったり付きます。また円の接点にアンカーポイントを生成するため，その後作業がしやすくなります。

どのバージョンに対応してるの？

Illustrator CS6(v16)かそれ以降のバージョンに対応しています。CS6からの機能を使うため，それより古いバージョンでは動きません。

macOS・Windowsの両方対応しています。

動作確認済み
• macOS 10.14(Intel), 11.6/12.2(Apple Silicon), Windows 10
• Illustrator CS6(v16)，2015.3(v20)〜2022(v26)

使いかた

1. Illustratorで直線パスを1つと，円を1つ選択します。線は図形のセグメントでもOKです。円は基本的に楕円形ツールで描いたものが対象ですが，正32角形と同じくらい円に近ければ円と判断して処理できます。

2. スクリプトを実行してください。

すると，線が円の接線になる位置に移動します。円の接点に近いほうの線端が，ちょうど接点の位置に合う状態です。円にはその位置にアンカーポイントができます。

実行前

実行後

買う

ぜひ購入していただき，下のリンクからダウンロードしてください。