【初心者脱却】Photoshopでよく使う「スライスからの書き出し」「画像アセットの生成」とは？

この記事では、Photoshopでよく使っている「スライスからの書き出し」「画像アセットの生成」の操作について説明しています。コーダーとしてコーディングを行っていく中では必須の操作です！

それまでは、Photoshop（フォトショップ）やIllustrator（イラストレーター）などのデザインツールを全く触ったことがなかったのですが、Web制作のアルバイトをする中で、当たり前のようにPhotoshopやIllustratorを使うので、今回は、Photoshopでよく使っている操作である「スライスして書き出しを行う」、「画像アセットの生成」について書いていきます。

なので、

コーダーのアルバイトをしたいと考えているけど、その際によく使うPhotoshopの機能について知りたい。「スライス」「書き出し」「画像アセット」って何のこと？

という方は是非読んでみてください！

コーダー（アルバイト）として働いている中で、よく使っているPhotoshopのスライス、画像アセットの生成の操作

コーダーとしてアルバイトをしている中で、Photoshop（フォトショップ）でよく、「スライスして書き出し」を行なったり、「画像アセットの生成」を行ったりするので、それらについて説明していきます。

Photoshop（フォトショップ）で画像をスライスして書き出しを行う

「スライスして書き出しを行う」という言葉を最初に聞いたときは、何のことを言っているのか分かりませんでした…

ここでいう「スライスする」とは「画像を切り出す」ということです。画像が複数枚あった際にそれを分割する用途で使います。

「書き出す」とは「ファイル形式を変える」ことで、Photoshopの場合、拡張子が「.psd」のPSDファイルを「.jpg」や「.png」に変換することが多いです。

それでは、実際に「スライスして書き出しを行う」手順について説明していきます！

Photoshop（フォトショップ）で画像アセットの生成を行う

先ほどは「スライスして書き出し」を行なっていましたが、Photoshop CC以降で追加された機能である「画像アセット生成」を使えばスライスを行わずとも画像を生成することができます。

画像アセット生成を使うメリットとしては、スライス作業を行わなくて良いことでしょう。1pxずれていたのでスライスし直すといった面倒な作業をしなくても済みます。

結局、Photoshop（フォトショップ）のスライスと画像アセット生成のどちらを使えば良いのか？

Photoshop（フォトショップ）を使い始めた頃はスライスで書き出していましたが、現在は、画像アセットの生成を主に使っています。

画像アセットを使っている理由としては、以下です。

ただ、「このサイズで書き出したいけどサイズ変更が面倒」という時にはスライスも使ったりしています。

Photoshop（フォトショップ）でよく使う「スライスからの書き出し」「画像アセットの生成」｜まとめ

ここまで、Photoshop（フォトショップ）の「スライスして書き出しを行う」「画像アセットの生成」を行う方法について書いてきました

まとめると…

以上、最後まで読んでいただきありがとうございました。