本物の透過
透過グリッドは本物のアルファチャンネル付きで書き出されます。白でも市松でもありません。重なるのは線、そして何もありません。
透過グリッド
透過グリッドを本物のアルファチャンネル付きPNGで作成。キャンバス・セル・線のスタイルを指定して、何にでも重ねられるグリッドをダウンロード。
JPG・PNG・WebP100%ブラウザ内処理正確な正方形セル無料・登録不要
元画像 1920×1080 → 出力 1920×1080 · 10 × 6 セル
透過モードの書き出しはPNGのみです。アルファチャンネルを保持します。
すべてブラウザ内で完結します。画像や設定がサーバーへ送信されることはありません。
透過グリッドとは？
透過グリッドは、透明な面に描かれ、上に重ねるためのグリッドです。動画フレーム、デザインモックアップ、写真、地図。背景が本当に透明（本物のアルファチャンネルで、白や市松模様の模倣でない）であるため、透過グリッドは Photoshop、Figma、Premiere、スライド、Webページにそのまま入り、線だけが見えます。
この透過グリッドジェネレーターは、100ピクセルセルの1920×1080透過キャンバスから始まります。フルHD仕事にそのまま合う設定です。別のサイズが必要なら、キャンバスを4096ピクセルまで広げ、セル間隔をピクセルで正確に決め、下の素材に合う線の色と太さを選べます。任意の画像アップロードで、ダウンロード前に透過グリッドが実素材にどう乗るか確認できます。
書き出しがPNGなのは、PNGだけが透過を保存できるからです。JPGにはできません。ダウンロードされるファイルには、アルファの上にあなたの線しかありません。背景も透かしも圧縮跡もなし。読み込んで、重ねて、合成してください。あらゆるパイプラインに合う、きれいな透過グリッドです。
透過グリッドは何に使うのか
既存のビジュアルの上で位置を判断したい・伝えたいあらゆる場面で、透過グリッドは最速の参照レイヤーです。動画編集はモーションとタイトルをグリッドに揃え、デザインは間隔と三分割を確認し、配信者はオーバーレイのレイアウトを組み、教室では共有画像の上で比率を示します。測るのはグリッド、素材は無傷のまま。
透過PNGはそのための共通言語です。まともな画像・動画ソフトはすべて受け付け、透過を保持し、品質を落とさず透過グリッドの拡大縮小や着色を許します。だからこのツールが透過モードでPNGのみに限定するのです。グリッドが確実に透けて届く形式は、PNGだけです。
- 編集でタイトルと動きを揃える
- モックアップで間隔と三分割を確認
- 配信・HUDオーバーレイを組む
- 地図や写真で比率を示す
- 透過グリッドをあらゆる合成に差し込む
透過グリッドの寸法の決め方
キャンバスは、重ねる対象に合わせます。1920×1080はフルHD動画と大半の画面に、3840×2160は4Kに、正方形はSNS形式に合います。対象が写真なら、その寸法どおりにキャンバスを設定すれば、透過グリッドはピクセル単位で一致します。
セルサイズがリズムを決めます。100ピクセルセルは動画ではっきり読め、50ピクセルは細かい作業のより細かいガイドになり、200ピクセルの大きいセルは背景として控えめです。明るい色と低い不透明度を組み合わせれば、透過グリッドは視聴者を散らさず導けます。
プロジェクトへ組み込む
Photoshop や GIMP では、透過グリッドをコンテンツの上に置き、合成モードを通常またはスクリーンに。キャンバスサイズが違う場合は一度スケールします。動画ソフトではPNGを最上位レイヤーとして読み込み、すべてのフレームで保持されます。スライドやWebでは、コンテンツ領域の上か下の背景画像として使えます。
線が1〜10ピクセルのクリーンなストロークとして本物の幾何の上に描かれているため、透過グリッドは縮小では鮮明を保ち、大きく引き伸ばしたときだけ予想どおり柔らかくなります。さらに精度が要るときは、細いものと太いものの複数の透過グリッドを生成し、切り替えて使ってください。
透過グリッドの作り方（4ステップ）
キャンバスを決める
1920×1080から始めるか、目標サイズを入力。透過グリッドは指定寸法（最大4096px）で生成されます。
セルと線を選ぶ
ピクセル間隔を決め、色・太さ・不透明度を選択。グレーはどんな背景でも中立に見えます。
画像で確認（任意）
写真をドロップすれば、ダウンロード前に透過グリッドが実素材に乗る様子を確認できます。
透過PNGをダウンロード
線だけの本物のアルファPNGを書き出します。デザイン・動画・プレゼンどこでも重ねられます。
重ねるために作られた透過グリッド
ピクセル正確なセル
セルは絶対ピクセルで定義されます。100pxの透過グリッドは動画フレームでもモックアップでも100pxとして読めます。
4Kにも十分な大きさ
キャンバスは各辺4096ピクセルまで。フルHD、4K、大判レイアウトを1ファイルでカバーします。
即時・ローカル
透過グリッドはブラウザ内でリアルタイム描画。アカウントも待ち行列もアップロードもなし。ダウンロードして置くだけ。
透過グリッド FAQ
透過グリッドがPNGのみなのは？
PNGだけが透過を確実に保存できるためです。JPGの透過グリッドは白背景で届き目的を台無しにするため、透過モードはPNGに固定されています。
キャンバスサイズは？
重ねる対象に合わせてください。HD動画は1920×1080、4Kは3840×2160、写真ならその寸法どおりに。透過グリッドがピクセル単位で一致します。
自分の画像で重ねて見られますか？
はい。任意アップロードで、あなたの画像の上に透過グリッドが乗った状態を確認できます。色と不透明度を実素材で調整してからダウンロードを。
拡大しても線は鮮明？
縮小は鮮明のまま。キャンバスを大きく超えて透過グリッドを拡大すると柔らかくなるため、その大きさで再生成してください。数秒です。
透過グリッドは商用利用できますか？
はい。あなたが作った透過グリッドはあなたのものです。クライアント仕事、動画、ゲーム、製品にご利用ください。透かし・クレジット・費用なし。
関連するグリッドツール
同じ精密エンジンを、別の用途に調整したものです。
画像にグリッド
画像に精密なグリッドを重ねる。列数か、正確なピクセル間隔か。線はすべて設定可能で、フル解像度のPNG/JPGに書き出せます。画像にグリッドを思いどおりに。
写真にグリッド
写真にグリッドを重ねる。初期設定は半透明の白線と本物の正方形セル。PNG/JPG書き出し、アップロードは一切なし。写真にグリッドを重ねる最短の道です。
グリッド描画
参照写真を任意のマス割りで区切り、A1/B1ラベルを付けて、PNGまたは印刷対応のPDFとして書き出す。古典的なグリッド描画メソッドのデジタル版です。
グリッドメーカー
2つの機能を1つにした無料グリッドメーカー。どんな画像にも正確な正方形グリッドを重ねることも、ミリ単位で正確な方眼紙PDFを作ることも、すべてブラウザ内で行えます。
方眼紙印刷
正確な方眼紙印刷をベクターPDFでダウンロード。初期テンプレートはUS Letter・6.35mmマス。A4、独自間隔、余白、線のスタイルも選べます。