【PS】グリッドパターンとフラットデザインで作るゲームストーリー開始画面

こんにちは。ゲームUIデザイナーのはなさくのです。

Photoshopでグリッド＆フラットデザインでゲームストーリー開始画面を作る方法について、ご紹介します。

Photoshop 2023を使用して、カンバスサイズは1920px×1080px、解像度72pixel/inchで作成しています。

（有料版は、ページ最下部からPhotoshopデータをダウンロードできます）

01｜グリッドパターンとフラットデザインで作るゲームストーリー開始画面

STEP1｜グリッドパターンを作成する

ファイル > 新規から469×469pxで新規カンバスを作成します。マス目は66×66pxにして、縦横ラインは、1×469pxにしてください。マス目については、ランダムに白いマスと白の半透明のマスを配置していきます。上図の画像の黒部分は、作成時に見やすくするために指定していますが、実際には透明部分になります。
ここまで作成したら、編集 > パターンを定義を選択して、今回作成したグリッドパターンを登録します。一度登録するといつでも簡単に呼び出しできるため、便利です。

STEP2｜トランジション風の右矢印シェイプを作成する