2021.8.18Photoshopの「画像アセット生成」を活用しようPhotoshopデザインPhotoshopで画像の書き出しを行う際、どんな方法を使っていますか?この記事では画像アセット生成をプラグインで簡単に行う方法をご紹介します。画像アセット生成とは?画像アセット生成とは、書き出したい画像のレイヤーやレイヤーグループの名前の最後に拡張子を記述しておくと1クリックで自動的に書き出しを行ってくれる便利な機能です。スライス作業が不要で、重なり合う部分のある画像もレイヤーが異なればそれぞれ書き出すことが可能です。画像アセットの有効化まずは画像アセット機能の有効化をしましょう。アセット」こちらにチェックを入れましょう。あとは保存する度に書き出しが行われます。うまく書き出されていなければ画像アセットのチェックを外したり入れたりを試してみてください。画像アセットの命名規則とは?書き出したいレイヤーやレイヤーグループの末尾に「.jpg」「.gif」「.png」といった拡張子を記述するだけで書き出し自体は完了します。画像アセットをさらに活用していきましょう。画像アセットでは出力画質指定サイズ指定2倍サイズの画像の同時書き出し等が行えます。nekochan2.png24※GIF画像の画質指定はできません。画像のサイズを指定する際には、相対値やpx、cm、mm等の単位を指定します。nekochan1.jpg2倍サイズの画像の同時書き出しRetina対応などで2倍サイズの画像が必要な場合、「,(カンマ)」で区切り命名することで同時に書き出すことができます。Namerで簡単に画像アセット生成、とても便利ですよね。Namer」を活用しましょう。Namerとは無償のプラグインで、3クリックでレイヤーに名前をつけてくれる便利なプラグインです。Adobe公式からダウンロードができますので安心して利用可能です。Namer」と選択していくとプラグインが表示されるようになります。Namerのウインドウから使用したい拡張子を選び画質や2倍サイズを作成するかをチェックし、名前を変更するだけ。あとは保存をするだけで書き出されます。フォルダも自動的に作成し、その中に保存されていきます。2倍サイズの画像も同時書き出しをしたので、このように保存されています。Namerを使うことで入力ミスで想定外の画像を書き出してしまう心配が解消されます。リッキー10分でできる!WordPressのローカル環境が簡単に構築できる「Local」の使い方wordpress。