Illustratorの繰り返し図形

Illustratorで二つの図形の間に形を並べる｜ブレンドのステップ数を数える

出典確認日 2026-10-02 · 条件と適用範囲を明示

小さな丸から大きな丸へ、少しずつ変わる形を並べたいときはIllustratorのブレンドを使えます。ステップ数で指定するのは、両端を含む総数ではなく、その間に作る段階です。ここではデスクトップ版Illustratorで、二つの塗りのある円から単純な並びを作ります。

端の二つを先に決め、複雑な見た目を混ぜない

作業用の文書に、小さい円と大きい円を離して置きます。最初はそれぞれ単一の塗りとし、効果や複雑な線を加えない状態で始めます。何が変わったかを数と形で確認しやすくするためです。

既にある複数の図形の隙間をそろえる整列・分布と違い、ブレンドは中間の形を作ります。一つの図形の中を連続的に塗るグラデーションとも区別し、今回は離れた二つの形の間に段階を増やす目的で使います。

選択ツールで二つの円を選び、［オブジェクト］→［ブレンド］→［作成］を選びます。次に［オブジェクト］→［ブレンド］→［ブレンドオプション］を開き、間隔に［ステップ数］に相当するSpecified Stepsを選びます。

説明例では4を指定し、プレビューを確認して確定します。滑らかな色の変化を自動計算するSmooth Colorや、距離を指定するSpecified Distanceとは別の選択です。段階を数えたい場面では、見た目が滑らかになる設定へ任せるのではなく、数を明示します。

二つの元図形だけから作るこの例では、中間4段階に両端2個を加え、見える形は6個になります。形が重なっていると少なく見える場合があるため、端から端まで確認します。これは単純な二図形の例で、三つ以上の元図形や複雑な構成へ総数の式をそのまま当てはめないでください。

大きさが途中で変わる円では、中心の進み方と、輪郭どうしの見た目の隙間も同じではありません。正確な空き寸法を優先する資料なら、ブレンドで段階を作る目的と、別の図形を一定の隙間で分布する目的を分けて考えます。

［ウィンドウ］→［ブレンド］のパネルを使う環境では、ステップや向きに加え、間隔の偏りを調整するイージングなども確認できます。単純な並びを作る今回は、開始側や終了側へ寄せる設定を加えていないかを見ます。

AdobeはイージングのRampが0のとき、従来のように均等なステップ配置になると説明しています。ただし、このことを異なる大きさの図形の輪郭間隔まで等しい保証にはしません。パネルがない環境へ新しい操作を無理に当てはめず、先ほどのブレンドオプションで必要な設定を確認します。

ブレンドパネルのExpandは個々に編集できる図形へ分ける操作、Releaseはブレンドを解除して元の図形へ戻す操作です。中間の一つだけを編集する必要が生じた場合も、先に編集可能なブレンドのコピーを残し、どちらの操作が目的に合うかを確認します。

仕上げでは、端の形、中間の形、重なり、細い部分を出力サイズで確認します。個数が正しいだけで、印刷したときに各段階が見分けられるとは限りません。説明用の図なら、変化を見せるための段階なのか、実際の物の個数を表すのかも読み手へ伝えます。

二つの元図形をブレンドし、中間のステップ数と両端を分けて数えます。分布の設定と形の重なりを点検し、必要な場合だけコピーを拡張して仕上げてください。

Adobe：Create blends
https://helpx.adobe.com/ie/illustrator/desktop/manage-colors/apply-transparency-and-blending/create-object-blends.html
確認日：2026-10-02
二つの単純な塗り付き円。全効果・全形式の対応は主張しない。
Adobe：Blend Options overview
https://helpx.adobe.com/ca/illustrator/desktop/manage-colors/apply-transparency-and-blending/blend-options-overview.html
確認日：2026-10-02
個数例は二つの元図形のみ。距離が輪郭間の空き寸法になるとは主張しない。
Adobe：Blend panel overview
https://helpx.adobe.com/ee/illustrator/desktop/manage-colors/apply-transparency-and-blending/blend-panel-overview.html
確認日：2026-10-02
2026年の新しいパネル。旧版に必ずあるとはしない。異なるサイズの輪郭間隔が均等とはしない。

出典は各記事の判断に必要な範囲で参照しています。機種・アプリ固有の操作は、他の環境で同一になることを保証しません。条件を置いた計算例と、メーカー等が明示した仕様を区別してください。