フォトショップで複数の画像を1つのファイルにまとめる際に、一つ一つ画像を開いてまとめるのは結構手間がかかります。
今回はフォトショップのスクリプトを使って、複数の画像を素早く1つ(レイヤーが分かれた状態)にまとめる方法をご紹介します。
フォトショップのスクリプトを使って複数の画像を1つ(レイヤーが分かれた状態)にまとめる方法を書いた記事です。
![gaogao](https://gaogaolion.com/wp-content/uploads/2022/11/gaogao_fukidashi.png)
フォトショップのバージョンはCC(2022)を使用しています。
今回の方法は画像の枚数が多いほど便利です!
制作の流れ
![フォトショップで複数の写真を一つにまとめる方法](https://gaogaolion.com/wp-content/uploads/2022/08/220804_1-800x457.jpg)
写真ACの上の3枚を使って説明していきます。
![フォトショップのスクリプトで写真を1つにまとめる](https://gaogaolion.com/wp-content/uploads/2022/08/220804_2-800x457.jpg)
まずは3枚とも写真をフォトショップで開きます。
![フォトショップのスクリプト、ファイルをレイヤーとして読み込み](https://gaogaolion.com/wp-content/uploads/2022/08/220804_3-800x457.jpg)
上部メニューの「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」をクリックします。
![フォトショップのレイヤーを読み込む](https://gaogaolion.com/wp-content/uploads/2022/08/220804_4-800x457.jpg)
上のような画面になります。
「開いているファイルを追加」をクリック。
![フォトショップのレイヤーを読み込むスクリプト](https://gaogaolion.com/wp-content/uploads/2022/08/220804_5-800x457.jpg)
左の赤枠のようにファイルの読み込みができました。
「名前順で並べ替え」をクリックして順番を変更することもできます。
最後にOKをクリックします。
![フォトショップで簡単に画像を1つにまとめるスクリプト](https://gaogaolion.com/wp-content/uploads/2022/08/220804_6-800x457.jpg)
新しくウィンドウが作成されて、写真が全て左上を起点にしてレイヤーで分かれています。
簡単に複数の画像を1つのファイルにまとめることができました。
![フォトショップの画像解像度](https://gaogaolion.com/wp-content/uploads/2022/08/220804_7-800x457.jpg)
写真のサイズが異なっていますが、これは元々の画像のピクセルサイズが3枚とも違うので、こういう配置になっています。
いつもやっている画像ファイルのまとめ方
余談ですが、僕がいつもやっている画像を1つにまとめる方法を書きます。
古い方法です。枚数が多い場合は少し手間がかかります。
![フォトショップで画像を移動する](https://gaogaolion.com/wp-content/uploads/2022/08/220804_8-800x457.jpg)
移動したい画像を開いて、上の赤枠のようにファイルウィンドウを下へドラッグします。
![フォトショップの移動ツールで移動する](https://gaogaolion.com/wp-content/uploads/2022/08/220804_9-800x457.jpg)
ウィンドウが離れます。
そのウィンドウを「移動ツール」で移動したいファイルへドラッグして持っていきます。
これで1つの画像としてまとめることができます。(新規の別レイヤーとして作成されています)
![フォトショップで選択をして移動する](https://gaogaolion.com/wp-content/uploads/2022/08/220804_10-800x457.jpg)
同じような方法ですが、移動したい画像を全選択して(ショートカット:コマンド+A、WindowsはCtrl+A)コピー、まとめたい画像ファイルを表示してペーストして持っていきます。この方法でもできます。
どちらにしても合成する枚数が多いと少し手間な方法です。今回のように3枚くらいの画像合成ならこの方法もいいと思います。
枚数が多いほど便利な機能
今回ご紹介した方法は合成する写真が多いほど便利さを実感できると思います。
フォトショップをよく使う方、バナーデザインやWebデザインをされている方は便利な機能なのでぜひ使ってみてください。
今回ご紹介した3枚の写真を合成して、簡単なイメージデザインを作成してみました。
![フォトショップでイメージ広告のデザイン作成](https://gaogaolion.com/wp-content/uploads/2022/08/220804_11-800x457.jpg)
複数の写真のまとめやすさを実感しました。
ご参考になれば幸いです。