備忘録

【Photoshop】レイヤーを結合して画像を書き出す方法

Photoshopのデザインカンプをもとにコーディング中。画像アセットで画像を書き出したら、バラバラに書き出されてしまった。1つの画像としてまとめて書き出す方法を教えて。

このような疑問に答えます。

こんにちは、フリーランスエンジニアのまさです(@ryoblog2

今回、Photoshopのpsdデータのレイヤーを結合して書き出す方法を紹介します。

【Photoshop】レイヤーを結合して画像を書き出す方法

下の写真は、4つのレイヤーが表示されてます。

複数のレイヤーをShiftキーを押しながら選択。そして右クリックを押し、「レイヤーを結合」を選びます。

これで各レイヤーとして結合され、1つの画像として書き出せます。

余談を話します。

コーダーが画像を書き出しやすいように、デザイナーがレイヤーを結合しておくのが通常です。

しかし、以前私がクラウドソーシングで受注した案件は、すべてのレイヤーが結合されていませんでした。結果、画像の書き出しにすごく時間がかかりました。(他にも、画像を切り抜いたりと加工も必要だった)

コーディングの見積をするときは、デザインカンプを受領し、すぐに画像を書き出せる状態になっているか確認しましょう。結合されていなければ、工数を多めに想定したほうがいいです。

5月のつぶやき

コロナが長引いてますね。
緊急事態宣言が延長されることに。。
家にずっといると退屈ですよね。

動画や本で暇つぶししませんか?

下記のサービスはどれも30日以内に解約すれば完全無料です。0円で試せるのでぜひ。

プライム・ビデオでは14,000本の動画が見放題です。「君の膵臓をたべたい」がイチオシ。浜辺 美波がかわいい。

Audible(オーディブル)では本を1冊聴けます。ホリエモンの多動力がおすすめ。

Amazon Music Unlimitedでは音楽が聴き放題です。Official髭男dismやback numberの曲も。自分はブログ書くときに聴いてます。
※今は期間限定で3ヶ月無料です。チャンス。
  • この記事を書いた人

まさ

Webサイト制作のフリーランスエンジニア。WordPress、SEOが専門。東大大学院経済→富士通営業→iSara6th。広島市在住の30歳。TOEIC960。フリーランス5ヶ月目で月収40万円達成。ブログではWeb製作やプログラミング学習法について書きます。Web製作のご相談をお待ちしております。

おすすめ記事

1

プログラミングの独学が大変。1人で勉強してるけどモチベーションが上がらない。Progateは難しいし。分からないところを質問できる相手もいない。2時間かけてググっても答えが見つからない。このままだと挫 ...

2

Photoshopでデザインカンプを作れるようになりたい。おすすめの方法があれば教えて。by コーダー このような疑問に答えます。 記事の内容 Photoshopでデザインカンプを作る方法をUdemy ...

-備忘録
-

Copyright© まさWEB , 2020 All Rights Reserved Powered by AFFINGER5.