adobe cs5 – Photoshopで画像として単一のレイヤーをエクスポートする

adobe-cs5 adobe-photoshop layers photoshop-cs5

デザイナーさんからデザインをレイヤー化したPSDを送ってもらうことが多いのですが、Webページに配置するデザインのピースを割り出さないといけないんですよね。Photoshopでまともな数をこなすことはできるのですが、それを使ってもほとんど効率的ではありません

レイヤー内の画像をコピーして新しい画像に貼り付けるという昔からの方法では、トリミングなどをしているため、時間がかかってしまうようです

私はPhotoshop CS5を持っているので、何かをするために外部のソフトウェアは必要ありませんが、アイコンのような小さなものを保持している可能性のある単一のレイヤーを取って、それをPNGまたはJPGとしてエクスポートする方法を理解する必要があります

私は「レイヤーをファイルにエクスポート」というスクリプトを知っていますが、それは1時間ほどかかり、私のレイヤーのすべてを膨大な数のファイルにエクスポートしました。そんなに大雑把な解決策を探していたわけではありませんでした

簡単な方法はありますか？

　 47　 Randy Burgess　 2011-04-28

ベストアンサー

Photoshopで単一のレイヤーまたはレイヤーのグループをエクスポートするには、エクスポートしたい関連するレイヤーだけを表示する必要があります。(つまり、エクスポートしたくないレイヤーはすべて非表示にして、関連するレイヤーだけを表示しておく必要があります)。その後、「ファイル」-「ウェブ用に保存」に移動し、画像を保存します

このプロセスを深く理解するためには、tutorial.をご覧ください

26　 rzlines　 2011-04-28

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

トップメニューの “レイヤー” –> “レイヤーの複製… “をクリックします

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

2 つ目は、新しいレイヤーの保存先で、現在のドキュメントまたは新規ドキュメントのいずれかを指定します。新規作成」を選択します

55　 Daniel Garman　 2012-06-08

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

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

スマートオブジェクトに変換する前に、複数のレイヤーをCTRL+クリックしてグループ化します

51　 reflexiv　 2013-01-29

私は、@Daniel Garmanさんの回答に付け加えます

  1. レイヤーの複製 (レイヤー上で右クリックしたメニューのいずれか) –> 新しいレイヤーを作成 (保存ステップに移る前にレイヤーの名前がわからなくならないように、その時に名前をつけるオプションも用意されています)
  2. 画像 –> トリム (透過ピクセルを除去するオプションがあります)
  3. ファイル –> ウェブ用に保存（OSXの場合はCMD-SHIFT-OPT-S）

これはかなり手っ取り早い方法ですね

10　 jriskin　 2013-04-30

これは、File -> Scripts -> Export layers to Filesで行えます

7　 Bataa　 2012-01-31

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

  1. 書き出したくないピクセルを含むレイヤーが重なっている場合は非表示にします (興味のある領域と重ならない場合は表示したままにすることができます)

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

  3. ウェブ用に保存ダイアログでは、スライスが選択されたままであることを確認してください(このダイアログには、必要に応じて独自のスライス選択ツールがあります)

  4. 保存中にポップアップメニューが表示されるので、選択したスライスを選択したことを確認してください

スライスは、個々の画像をスライスしてHTMLで再構築することが多かったウェブの初期の時代のために設計されたもので、今ではほとんど使われていません。しかし、私は今でもこの目的には便利だと思っています

残念ながら、スライスのインターフェイスが更新されておらず、少し使いづらいかもしれませんが、あなたの状況に役立つかどうか見てみましょう

1　 San　 2013-01-31

これを行うための昔ながらの伝統的な方法は、この場合は、事前のCSも同様に動作するだろうと言う

  1. レイヤー化されたアートワークを一枚のレイヤーに縮小します – 後で元に戻すことができます
  2. オプション/alt でレイヤーパレットのそのレイヤーをクリックしてください
  3. copy — edit>copy または option/alt C ==== これでクリップボード上にこのレイヤーのコピーができました
  4. 新しいドキュメントを作成してみてください — そうすると、新しいドキュメントはクリップボードにコピーしたものと同じサイズになります
  5. あなたの新しいドキュメントには、単にプレーンな背景が含まれています …. ただ “貼り付け” をヒット –> 編集>貼り付けまたは optioin/alt V
  6. この時点で2つの別々のドキュメントがあります — 元のドキュメントに戻って、レイヤーの平坦化を元の状態に戻すことができます

0　 user294738　 2014-01-30

スポンサーリンク
タイトルとURLをコピーしました