見出し画像

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

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

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

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

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

円やその他曲線同士の共通接線を生成したいなら,まさにそれ用のIllustratorスクリプトがあります(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. スクリプトを実行してください。

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

実行前
実行後

買う

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

ここから先は

11字

¥ 300

この記事が気に入ったらサポートをしてみませんか?