インスタのフィード画面で3分割画像だけでなく、6分割や9分割でダイナミックに魅せるスタイルもあります。
ピン留め機能でグリッドバナーやプロフィール看板としてるのも、よく見かけますよね。
🍄はじめに
プロフィール画面のフィードを見たときに、1枚の投稿より面積が3倍（または6倍）になるため、嫌でも目に入る分割画像、あれを作っていこうと思います。
こんな感じのやつです。
とりあえずは3分割でご説明いたします
◼︎３分割画面の基本サイズ
2025年のアップデート以降、インスタのプロフィール画面が縦長（4:5）へと移行したみたいです。
大体左右3％くらい見切れるので余白が必要です。
⭕️投稿するときのサイズ：1080×1350px（4:5）
⭕️フィードで表示されるサイズ： 1013 × 1350px（3:4）
⭕️全体のカンバスサイズ：3039× 1350px（３分割する前・投稿サイズ×３枚分）
⭕️左右の余白：それぞれ32pxくらい
なので、3039× 1350×pxの画像を３分割して 1013 × 1350pxで保存し、新規ファイルの1080×1350pxの上に乗っけるだけです。
フィードで表示されるサイズがわかっているので余白のサイズは気にしなくて大丈夫です。勝手に左右に余白ができます。
◼︎３分割画面作り方
❶画像を3039× 1350pxで作る
分割させたい画像の解像度を3039×1350px（最終的な解像度）の比率で作ります。
ここでは素直に3039×1350pxで作っていきます。
❷ガイドを設定
メニューバーから「表示」→「ガイド」→「新規ガイドレイアウトを作成…」を選択し、３分割したいので「列：3」にして「OK」をクリック。
３分割以上なら「行」にチェックを入れて６分割なら「列：3」「行：2」９分割なら「列：3」「行：3」です。
1013 × 1350px（3:4）に３分割されました。
❸スライスツール
ツールバーから「スライスツール」（
）を選択します。
分割したいガイドの左上から右下にドラッグで囲むと切り取られます。
見た目にわかりにくいのですが、３分割がスライスされてます。
❹書き出し
メニューバーから「書き出し」→「Web用に保存」で保存先に「images」フォルダが自動で作られて分割された3枚の画像が保存されます。
❺新規ファイルを作る
保存した3枚の画像を、投稿するときのサイズ1080×1350px（4:5）にしましょう。
このように左右に余白(黒い部分)ができるように作ります。
新規ファイルを「1080×1350px」で作ります。
❻レイヤーの背景を作る
余白になる部分はインスタに馴染むように白か黒がいいかなと思いますが、個別には見える部分なので好みの色でオッケーです。
ここでは「黒」にしています。
描画色が初期設定になっているのを確認して「option(Winならalt)+デリートキー」で描画色で塗りつぶしましょう。
❼３分割した画像を余白入れて保存する
さっき保存した3枚の画像を直接ドラッグ&ドロップで放り込んでしまいましょう。
センターに配置されたレイヤー３つできます。
あとは、1枚ずつ通常通り保存します。
これで、ジャストサイズで３分割されてた画像の完成です！
🍓さいごに
この方法で６分割もできちゃうので、多分９分割（やったことない）もいけます。
綺麗に並ぶと、なかなか楽しいのでやってみてください。
もちろん、宣伝やグリットバナーとしても最適です！
Comments are closed