AiBow Tools
ログイン出品する(準備中)

AiBow Grid / 使い方ガイド

English version →

AiBow Grid 使い方ガイド

対象バージョン: v1.0 / 最終更新: 2026年10月3日

AiBow Grid は、画像・シェイプ・テキスト・プリコンポなどのレイヤーの端から、コンポジションの端まで ガイド線を引く After Effects エフェクトです。スイススタイルのレイアウトや、設計図風の モーショングラフィックスを手早く作れます。

はじめかた

  1. 線を引きたいレイヤー(画像・平面・シェイプ・テキスト・プリコンポなど)を選びます
  2. エフェクト → AiBow Tools → AiBow Grid を選びます
  3. 既定値では、絵の外周に薄いグレーの 1 px の線が引かれ、線はレイヤーの後ろを通ります
既定値の AiBow Grid
四角(平面)と星(シェイプ)にそれぞれ適用した例

複数のレイヤーにそれぞれ適用すると、線が重なって格子状のレイアウトになります。 背景が暗いときは Color を明るく、白いときは濃くすると見やすくなります。

絵の端の測り方(Bounds)

Content (Alpha)
透明な部分を除いた、絵の外周に線を引く(既定)
Layer Bounds
レイヤーの四角に線を引く
Layer Bounds
Layer Bounds:プリコンポの四角の端
Content (Alpha)
Content (Alpha):透明部分を除いた絵の端

プリコンポや透明な余白のある画像は、見た目より大きな四角を持っています。 ふだんは既定の Content のままで、絵そのものの端に線が付きます。

線の本数と長さ

Padding
外周の線を外側へ離す距離(マイナスで内側)。既定 0 px
Vertical Lines / Horizontal Lines
縦線・横線を引くか。既定どちらもオン
Columns
縦に何等分するか(1 = 外周のみ、最大 100)。既定 1
Rows
横に何等分するか。既定 1
Extend
To Comp Edge(コンポの端まで)/ Fixed Length(Length 分だけ)
Length
Fixed Length のとき、絵の端から伸ばす長さ。既定 200 px
Columns 1 / Rows 1
Columns 1 / Rows 1:外周だけ
Columns 3 / Rows 3
Columns 3 / Rows 3:中を等分

色・太さ・重ね方

Color
線の色。既定はグレー (190, 190, 190)
Line Width
線の太さ。既定 1 px
Opacity
線の不透明度。既定 100%
Keep Width When Scaled
オンなら、レイヤーを拡大・縮小しても線幅は変わらない。既定オン
Composite
Behind Layer(絵の後ろ、既定)/ In Front of Layer(絵の上)/ Grid Only(線だけ)

px の項目はすべてコンポ上の大きさです。レイヤーを拡大・縮小しても、画面上の大きさは変わりません。

拡大・回転への追従

線はレイヤーの位置・スケール・回転・親子付けに付いてきます。キーフレームで動かしても、 各フレームでそのときの形に合わせて引き直します。

  • 線幅:Keep Width When Scaled がオンなら、200% に拡大しても 50% に縮小しても 1 px の線は 1 px のまま
  • 回転:線はレイヤーと同じ角度に傾き、コンポの端まで伸びます
  • シェイプ・テキスト:絵の端はそのフレームの形から測るので、文字を打ち変えたり形をアニメーションしたりしても付いてきます

線を描くアニメーション

Draw On
線の描かれ具合。既定 100%。キーフレームで動かす
Draw From
Center(絵の端から両側へ)/ Ends(コンポの端から内側へ)/ Start (Sweep)(端から一方向へ)
Stagger
線ごとの時間差。0% = 全部同時、100% = 1本ずつ順番。既定 30%
Order
Vertical First(縦線が先)/ Horizontal First(横線が先)/ Alternate(交互)
Ease Out
線の伸びが最後にゆっくり止まる。既定オン
  1. 0 秒で Draw On を 0% にしてストップウォッチをクリック
  2. 1〜2 秒後で Draw On を 100% にする
  3. Draw From で伸び方を、Stagger と Order で順番を決める

コーナーマーク

線を全部引く代わりに、線同士の交点だけに十字の印を出せます。Style → Type を Corner Marks にし、腕の長さを Mark Size(既定 30 px)で決めます。 Columns / Rows を増やすと、分割線の交点にも印が付きます。Draw On を動かすと、印が交点から育ちます。

Corner Marks
Corner Marks(Columns 3 / Rows 3)

困ったときは

症状対処
線が絵に重ならない既定の Composite(Behind Layer)では線は絵の後ろを通ります。In Front of Layer にしてください
他のレイヤーの上を線が通る線はエフェクトを付けたレイヤーの一部として描かれます。線を一番後ろに置きたいときは、Composite を Grid Only にした複製レイヤーを一番下に置きます
線が絵より大きな四角に付くBounds が Layer Bounds になっています。Content (Alpha) にしてください
線がコンポの端まで届かないレイヤーから各方向 12000 px までしか伸ばせません。レイヤーを極端に縮小しているときに起こります

3D レイヤーでは奥行きとパースを考慮しません。2D レイヤーでお使いください。

動作環境とインストール

  • Windows 10 / 11(64bit)、After Effects 2026 で動作確認済み。Mac は未対応です
  1. After Effects を終了します
  2. AiBowGrid.aex を C:\Program Files\Adobe\Common\Plug-ins\7.0\MediaCore にコピーします(管理者の確認が出たら「続行」)
  3. After Effects を起動すると、エフェクト → AiBow Tools → AiBow Grid に表示されます

ご質問は商品ページの「販売者に質問する」からどうぞ。