web-dev-qa-db-ja.com

単層をPhotoshopで画像としてエクスポートする

私はたくさんのデザイナーから私のデザインのレイヤードPSDを送ってもらっています。そして、Webページに配置するためにデザインの部分を分割する必要があります。私はPhotoshopでかなりの数のことをすることができますが、私はそれではあまり効率的ではありません。

レイヤーにある画像をコピーして新しい画像に貼り付けるという私の昔のやり方は、切り抜きなどに悩まされるにつれて、ずっと時間がかかるようです。

Photoshop CS5を持っているので、何もするために外部のソフトウェアは必要ありませんが、アイコンのように小さいものを入れることができる単一のレイヤを取る方法を考え出し、それをPNGまたはJPGとしてエクスポートするだけです。 。

私は "Export Layers to Files"というスクリプトを知っていますが、それは約1時間かかり、私のすべてのレイヤを膨大な数のファイルにエクスポートしました。私はそのような幅広い解決策を探していませんでした。

これを行う簡単な方法はありますか？

adobe-photoshopadobe-cs5layersphotoshop-cs5
47
Randy Burgess

Photoshopで単一のレイヤーまたはレイヤーのグループを書き出すには、書き出したい関連レイヤーのみを表示する必要があります。 （エクスポートしたくないレイヤーはすべて非表示にし、関連するレイヤーは表示されたままにしてください。）次にに移動します。ファイル - 保存Webの場合は、画像を保存してください。

このプロセスを深く理解するには、この チュートリアルをご覧ください。

26
rzlines

新しいファイルにエクスポートしたいレイヤーを選択します。

トップメニューで、[レイヤー] - > [レイヤーの複製]をクリックします。

2つのオプションがあることに注意してください。一つは新しいレイヤーの名前です。

2つ目は、現在の文書または新しい文書のどちらかの新しいレイヤーの移動先です。 「新規」を選択してください。

55
Daniel Garman

前の答えは、barrapontoが指摘しているように、レイヤーサイズにオートクロップすることはしません。 スマートオブジェクトはこれを修正し、より効率的です：

  1. レイヤーパネルでレイヤーを右クリックし、「スマートオブジェクトに変換」を選択します。
  2. レイヤーをもう一度右クリックしてを選択します。コンテンツの編集

スマートオブジェクトに変換してグループ化する前に、Ctrlキーを押しながら複数のレイヤーをクリックします。

49
reflexiv

@Daniel Garmanの答えに追加します。

  1. Duplicate Layer（メニューを右クリックしてレイヤーを選択） - > NEW（保存時に表示される前に呼び出した名前を失うことがないようにその時点で名前を付けるオプションもあります）
  2. Image - > Trim（透明なピクセルを削除するオプションがあります）
  3. ファイル - > Web用に保存（OSXのCMD-SHIFT-OPT-S）

これはとても簡単な方法です。

10
jriskin

あなたはFile - > Scripts - > Export layers to Filesに行くことによってこれをすることができます

7
Bataa

レイヤーの一部だけをエクスポートする伝統的な方法はスライスを使うことです：

  1. 書き出したくないピクセルが含まれる重なっているレイヤーを非表示にします（目的の領域と重ならない場合は、表示されたままにします）。

  2. 興味のあるセクションのスライスを作成するには、[レイヤー]メニューの[新しいレイヤーベースのスライス]（これはかなり自動です）を使用するか、スライスツールを使用して手動で作成します。新しいスライスが選択されているものだけであることを確認してください（同じフライアウトメニューで、スライスを作成するもののすぐ隣にスライス選択ツールがあります）。

  3. Web用に保存ダイアログで、スライスが選択されていることを確認します（必要に応じて、そのダイアログに独自のスライス選択ツールがあります）。

  4. 保存処理中は、ポップアップメニューが表示されます。すべてが保存されないように、選択したスライスを選択したことを確認してください。

個々の画像がスライスされてHTMLに再組み立てされることが多く、現在はほとんど行われていませんでした。しかし、私はまだこの目的のためにそれらが有用であると思います。

残念ながら、スライス用のインターフェースは更新されておらず、使用するのは少し面倒ですが、それらがあなたの状況に役立つかどうかを確認してください。

1
San

これを行うための昔ながらの伝統的な方法 - この場合、プレCSも同様に機能すると言います。

  1. レイヤー化されたアートワークを1つのレイヤーに減らす - 後で元に戻すことができます
  2. option/alt LAYERパレットでそのレイヤーをクリック - これはあなたの周りのキャンバスではなく、ちょうどそのレイヤーアートワークの選択を与えるでしょう
  3. コピー---編集>コピーまたはオプション/ alt C ====クリップボードにこのレイヤーのコピーがあります。
  4. 新しい文書を作成します - 新しい文書を作成すると、新しい文書はクリップボードにコピーしたサイズになります。
  5. あなたの新しい文書はただ無地の背景を含んでいるでしょう....ただ「ペースト」を押してください - >編集>ペーストまたはoptioin/alt V
  6. この時点であなたは2つの別々の文書を持っています - あなたは元の文書に戻ってその元の状態に戻って平らになっているどんな層でも元に戻すことができます
0
user294738