イラストレータがイラストを作成する際に使用できるツールとして、Ａｄｏｂｅ Ｉｌｌｕｓｔｒａｔｏｒ（登録商標）が知られている。Ｉｌｌｕｓｔｒａｔｏｒは、ベクトル画像によって曲線を表現する。この曲線の描画方式は、「ベジエ曲線」と呼ばれる曲線の生成方式に基づいている。
描画されるオブジェクトの曲線部分は、少なくとも一つのセグメントによって構成される。セグメントは指定された始点に始まり、指定された終点で終わる。ユーザが始点からマウスをドラッグすることによって、始点に始まる方向線を設定することができる。また、ユーザが終点からマウスをドラッグすることによって、ドラッグ方向と反対方向に、終点に始まる方向線を設定することができる。方向線の最先端の点は、方向点と呼ばれる。
例えば、曲線の始点の位置座標を（０，０）、終点の位置座標を（２，０）としよう。始点から設定される方向線の方向点の座標が（０，１）、終点から設定される方向線の方向点の座標が（２，１）とすると、これら４点で構成される長方形の内部がセグメント曲線の描画領域となる。方向線の長さや傾きは任意であるので、一般には、任意の四辺形の内部がセグメントの描画領域となる。四辺形の形が決まれば、描かれるベジエ曲線の形が決定されることになる。
ある四辺形が与えられたとき、ベジエ曲線の生成手順は次の通りである。
第１段階で、始点ａ、始方向点ｂ、終方向点ｃおよび終点ｄの位置座標が与えられたとする。第２段階で、点ａとｂの中点ｅ、点ｂとｃの中点ｆおよび点ｃとｄの中点ｇを求めれば、始点ａ、終点ｄを含めて５点の位置座標が決まる。第３段階で、点ｅとｆの中点ｈ、点ｆとｇの中点ｉを求め、点ｈとｉの中点ｊを求める。点ｊは曲線の通過点となり、線分ｈ－ｉは点ｊにおける曲線の接線に相当する。これによって、ａ，ｅ，ｈ，ｊ，ｉ，ｇ，ｄから成る７点の位置座標が決まる。
第４段階では、ベクトルａ－ｅ，ｅ－ｈ，ｈ－ｊ，ｊ－ｉ，ｉ－ｇ，ｇ－ｄの各々の中点を求めると、点ａ，ｄ，ｊを含めて９点の位置座標が決まる。第５段階以下では、さらに得られたベクトルの中点を求める作業を繰り返すことによって、ベクトルを細分化していき、ベクトルによる曲線近似の精度を高めていく。このとき、点ａ，ｄ，ｊは常に不動点として中点計算に介入することになる。このようにして得られたベクトルの中点の位置座標は曲線の制御点と呼ばれているので、ベジエ曲線はこのような制御点の系列で構成されることになる。
以上述べたベジエ曲線の生成手順をＥｘｃｅｌで実施しよう。
ＥｘｃｅｌのＡ，Ｂ列に、第１段階の点ａ，ｂ，ｃ，ｄの位置座標を定数で設定する。例えば（Ａ２，Ｂ２）＝（０，０）；（Ａ３，Ｂ３）＝（０，１）などである。第２段階はＣ，Ｄ列に、第３段階はＥ，Ｆ列に、第４段階はＧ，Ｈ列に、・・・というように変数を含む式によって設定していく。例えばＣ２セルには＝（Ａ２＋Ａ３）／２、Ｄ２セルには＝（Ｂ２＋Ｂ３）／２の式を設定するといった具合である。点ｊは不動点であるから、＝Ｅ４，＝Ｆ４のように前列の変数を受け継ぐだけとなる。
このように第２段階以下を変数を含む式で表現することによって、Ａ，Ｂ列の定数を変更するだけで最終段階のベジエ曲線を計算し、結果をグラフ表示することができる。
図は、（Ａ３，Ｂ３）を（０．２５，１）に、（Ａ４，Ｂ４）を（１．７５，１）に変更したときのベジエ曲線を示す。これは、第７段階の計算結果である。
例えば、（Ａ３，Ｂ３）を（－０．５，１）に、（Ａ４，Ｂ４）を（２．５，１）に変更してみる。横に膨れた曲線となる。また、（Ａ３，Ｂ３）を（－０．５，０．５）に、（Ａ４，Ｂ４）を（２．５，１）に変更してみる。始方向線と終方向線の長さが異なるが、短い始方向線のウェイトが高い曲線となる。
始点側のみに方向線が付く場合に生成される曲線がどうなるかを考える。この場合には、始点、始方向点、終点の３点で構成される三角形の内部がセグメント曲線の描画領域となる。例えば、（Ａ３，Ｂ３）を（０．２５，１）、（Ａ４，Ｂ４）を同じ（０．２５，１）に変更するだけで、生成される曲線の形を確かめることができる。
終点側のみに方向線が付く場合も同様であり、始点、終方向点、終点の３点で構成される三角形の内部が描画領域となる。例えば、（Ａ３，Ｂ３）を（１．７５，１）、（Ａ４，Ｂ４）を同じ（１．７５，１）に変更するだけで生成される曲線の形を確かめることができる。
ちなみに（Ａ２，Ｂ２）＝（０，０）；（Ａ５，Ｂ５）＝（２，０）のままで、（Ａ３，Ｂ３）＝（０．５，０）に、（Ａ４，Ｂ４）＝（１．５，０）に変更すると、点（０，０）と（２，０）とを結ぶ直線になる。
Ｉｌｌｕｓｔｒａｔｏｒには、オブジェクトを変形させるためのツールが用意されている。「拡大・縮小ツール」は、基準点を中心にオブジェクトを拡大・縮小させる。「リフレクトツール」は、基準点を中心にオブジェクトを反転させる。「シアーツール」は、基準点を中心にオブジェクトを傾ける。「回転ツール」は、基準点を中心にオブジェクトを回転させる。
ベジエ曲線を決定づけているセグメント描画領域の始点、方向点および終点の位置座標が記憶されており、ベジエ曲線を構成する各制御点の位置座標が記憶されているので、オブジェクト変形ツールの処理は容易に推定できる。
「回転ツール」は、基準点を中心にして直交座標を回転させるように各制御点の位置座標を変換すればよい。「リフレクトツール」は、単純な座標変換で実現できる。「シアーツール」は、直交座標系上の各制御点の位置座標を斜交座標系上の位置座標に変換すればよいだろう。「拡大・縮小ツール」は、各セグメントに付随する描画領域を拡大・縮小するだけで曲線を拡大・縮小できるだろう。
Ｉｌｌｕｓｔｒａｔｏｒで「エンベロープ」と言っている機能は、長方形の枠の中にデザインした文字列をイラストするためのツールのようだ。クローズパスとは、ユーザがデザインした任意の閉曲線を含む。このクローズパスのオブジェクトを型とし、任意のエンベロープを変形してこの型にはめ込むことができる。
このような処理は、エンベロープの部分的な拡大・縮小を伴うことになる。型となるオブジェクトを構成する曲線の制御点の位置座標はすべて記憶されている。エンベロープがこの型枠に収まるように変形する技術があるのだろう。
参考文献
広田正康著「Ｉｌｌｕｓｔｒａｔｏｒベジエ曲線トレーニングブック」（ソーテック社）
三浦悟著「Ｉｌｌｕｓｔｒａｔｏｒの基本ルール」（ソフトバンククリエイティブ）
杉原厚吉など著「インターネット時代の数学」（共立出版）
描画されるオブジェクトの曲線部分は、少なくとも一つのセグメントによって構成される。セグメントは指定された始点に始まり、指定された終点で終わる。ユーザが始点からマウスをドラッグすることによって、始点に始まる方向線を設定することができる。また、ユーザが終点からマウスをドラッグすることによって、ドラッグ方向と反対方向に、終点に始まる方向線を設定することができる。方向線の最先端の点は、方向点と呼ばれる。
例えば、曲線の始点の位置座標を（０，０）、終点の位置座標を（２，０）としよう。始点から設定される方向線の方向点の座標が（０，１）、終点から設定される方向線の方向点の座標が（２，１）とすると、これら４点で構成される長方形の内部がセグメント曲線の描画領域となる。方向線の長さや傾きは任意であるので、一般には、任意の四辺形の内部がセグメントの描画領域となる。四辺形の形が決まれば、描かれるベジエ曲線の形が決定されることになる。
ある四辺形が与えられたとき、ベジエ曲線の生成手順は次の通りである。
第１段階で、始点ａ、始方向点ｂ、終方向点ｃおよび終点ｄの位置座標が与えられたとする。第２段階で、点ａとｂの中点ｅ、点ｂとｃの中点ｆおよび点ｃとｄの中点ｇを求めれば、始点ａ、終点ｄを含めて５点の位置座標が決まる。第３段階で、点ｅとｆの中点ｈ、点ｆとｇの中点ｉを求め、点ｈとｉの中点ｊを求める。点ｊは曲線の通過点となり、線分ｈ－ｉは点ｊにおける曲線の接線に相当する。これによって、ａ，ｅ，ｈ，ｊ，ｉ，ｇ，ｄから成る７点の位置座標が決まる。
第４段階では、ベクトルａ－ｅ，ｅ－ｈ，ｈ－ｊ，ｊ－ｉ，ｉ－ｇ，ｇ－ｄの各々の中点を求めると、点ａ，ｄ，ｊを含めて９点の位置座標が決まる。第５段階以下では、さらに得られたベクトルの中点を求める作業を繰り返すことによって、ベクトルを細分化していき、ベクトルによる曲線近似の精度を高めていく。このとき、点ａ，ｄ，ｊは常に不動点として中点計算に介入することになる。このようにして得られたベクトルの中点の位置座標は曲線の制御点と呼ばれているので、ベジエ曲線はこのような制御点の系列で構成されることになる。
以上述べたベジエ曲線の生成手順をＥｘｃｅｌで実施しよう。
ＥｘｃｅｌのＡ，Ｂ列に、第１段階の点ａ，ｂ，ｃ，ｄの位置座標を定数で設定する。例えば（Ａ２，Ｂ２）＝（０，０）；（Ａ３，Ｂ３）＝（０，１）などである。第２段階はＣ，Ｄ列に、第３段階はＥ，Ｆ列に、第４段階はＧ，Ｈ列に、・・・というように変数を含む式によって設定していく。例えばＣ２セルには＝（Ａ２＋Ａ３）／２、Ｄ２セルには＝（Ｂ２＋Ｂ３）／２の式を設定するといった具合である。点ｊは不動点であるから、＝Ｅ４，＝Ｆ４のように前列の変数を受け継ぐだけとなる。
このように第２段階以下を変数を含む式で表現することによって、Ａ，Ｂ列の定数を変更するだけで最終段階のベジエ曲線を計算し、結果をグラフ表示することができる。
図は、（Ａ３，Ｂ３）を（０．２５，１）に、（Ａ４，Ｂ４）を（１．７５，１）に変更したときのベジエ曲線を示す。これは、第７段階の計算結果である。
例えば、（Ａ３，Ｂ３）を（－０．５，１）に、（Ａ４，Ｂ４）を（２．５，１）に変更してみる。横に膨れた曲線となる。また、（Ａ３，Ｂ３）を（－０．５，０．５）に、（Ａ４，Ｂ４）を（２．５，１）に変更してみる。始方向線と終方向線の長さが異なるが、短い始方向線のウェイトが高い曲線となる。
始点側のみに方向線が付く場合に生成される曲線がどうなるかを考える。この場合には、始点、始方向点、終点の３点で構成される三角形の内部がセグメント曲線の描画領域となる。例えば、（Ａ３，Ｂ３）を（０．２５，１）、（Ａ４，Ｂ４）を同じ（０．２５，１）に変更するだけで、生成される曲線の形を確かめることができる。
終点側のみに方向線が付く場合も同様であり、始点、終方向点、終点の３点で構成される三角形の内部が描画領域となる。例えば、（Ａ３，Ｂ３）を（１．７５，１）、（Ａ４，Ｂ４）を同じ（１．７５，１）に変更するだけで生成される曲線の形を確かめることができる。
ちなみに（Ａ２，Ｂ２）＝（０，０）；（Ａ５，Ｂ５）＝（２，０）のままで、（Ａ３，Ｂ３）＝（０．５，０）に、（Ａ４，Ｂ４）＝（１．５，０）に変更すると、点（０，０）と（２，０）とを結ぶ直線になる。
Ｉｌｌｕｓｔｒａｔｏｒには、オブジェクトを変形させるためのツールが用意されている。「拡大・縮小ツール」は、基準点を中心にオブジェクトを拡大・縮小させる。「リフレクトツール」は、基準点を中心にオブジェクトを反転させる。「シアーツール」は、基準点を中心にオブジェクトを傾ける。「回転ツール」は、基準点を中心にオブジェクトを回転させる。
ベジエ曲線を決定づけているセグメント描画領域の始点、方向点および終点の位置座標が記憶されており、ベジエ曲線を構成する各制御点の位置座標が記憶されているので、オブジェクト変形ツールの処理は容易に推定できる。
「回転ツール」は、基準点を中心にして直交座標を回転させるように各制御点の位置座標を変換すればよい。「リフレクトツール」は、単純な座標変換で実現できる。「シアーツール」は、直交座標系上の各制御点の位置座標を斜交座標系上の位置座標に変換すればよいだろう。「拡大・縮小ツール」は、各セグメントに付随する描画領域を拡大・縮小するだけで曲線を拡大・縮小できるだろう。
Ｉｌｌｕｓｔｒａｔｏｒで「エンベロープ」と言っている機能は、長方形の枠の中にデザインした文字列をイラストするためのツールのようだ。クローズパスとは、ユーザがデザインした任意の閉曲線を含む。このクローズパスのオブジェクトを型とし、任意のエンベロープを変形してこの型にはめ込むことができる。
このような処理は、エンベロープの部分的な拡大・縮小を伴うことになる。型となるオブジェクトを構成する曲線の制御点の位置座標はすべて記憶されている。エンベロープがこの型枠に収まるように変形する技術があるのだろう。
参考文献
広田正康著「Ｉｌｌｕｓｔｒａｔｏｒベジエ曲線トレーニングブック」（ソーテック社）
三浦悟著「Ｉｌｌｕｓｔｒａｔｏｒの基本ルール」（ソフトバンククリエイティブ）
杉原厚吉など著「インターネット時代の数学」（共立出版）