ガイド

PSD・色・書き出しについてのノート

ファイル形式、編集モデル、何を書き出すべきかを、手を動かせる言葉で説明します。

タグで絞り込む PSDWebsRGBカラーマネジメントファイル形式ブラウザマスクレイヤー作業の流れ切り抜き書き出し

まずここから

髪の毛や半透明の縁をきれいに抜くには、選択範囲とマスクの違いを理解し、境界を後から調整できる状態を保つことが近道です。

インストールもアップロードもせずに、PSD を開き、レイヤーを整え、PNG を納品するまで。向いている作業と向かない作業を分けます。

作業ファイルと納品ファイルの違い、可逆圧縮と非可逆圧縮、透過の有無を軸に、主要な画像形式の使い分けを整理します。

画面に出す画像をどう書き出すか。寸法を先に決め、PNG / JPEG / WebP を使い分け、無駄な再サンプリングを避ける手順です。

同じファイルが端末によって違って見えるのはなぜか。カラースペース、埋め込みプロファイル、書き出し時の変換を実務の言葉で説明します。

レイヤー、調整レイヤー、マスク、クリッピングがどう組み合わさるか。元のピクセルを書き換えずに編集を重ねる仕組みを整理します。

PSD は単なる画像ではなく、レイヤー・マスク・チャンネル・メタデータを抱えたコンテナです。その構造を知ると、編集ソフトの挙動が読みやすくなります。

先に触ってみたい方へ

ブラウザでレイヤー付き PSD を開き、パネルがガイドとどう対応するか見てください。