Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 最適化されたファイルのための画像の書き出しとメタデータ管理 | Photoshopにおけるプロジェクト管理と書き出しの習得
Adobe Photoshop エッセンシャルズ

最適化されたファイルのための画像の書き出しとメタデータ管理

メニューを表示するにはスワイプしてください

1. 画像の書き出し

Photoshopで完成したプロジェクトを書き出す方法の概要:

  • ファイル > 別名で保存:PSD、PDF、コピーとしてなどの形式でプロジェクトを保存。選択できるファイル形式は限定的;
  • ファイル > 書き出し
    • クイック書き出し(PNG):デフォルト設定でプロジェクトをPNGファイルとして素早く書き出し;
    • 書き出し形式:ファイル形式(PNG、JPEG、GIFなど)の選択、画像やカンバスサイズの調整、ファイルサイズのプレビューが可能。異なるサイズ(例:0.75x、0.5x、2x)で画像を書き出し可能;
  • ファイル > Web用に保存(従来):ウェブやモバイルアプリ用画像に便利な旧式の書き出しオプション。ファイルサイズの最適化や、異なるインターネット速度でのダウンロード時間のプレビューが可能。画像サイズ、ファイル形式、品質設定の調整が可能。調整後、保存先フォルダーを選択しファイル名を変更して画像を保存。

一般的には、書き出し形式コマンドが推奨され、カラープロファイルの埋め込みや最終出力の詳細なコントロールが可能。

2. アートボードの書き出し

  • ファイル > 書き出しに進むと、アートボード専用のオプションが表示:
    • アートボードをファイルへ:各アートボードを個別のファイル(PSD、TIFFなど)として書き出し;
    • アートボードをPDFへ:すべてのアートボードを1つのPDFとして書き出し;
  • より詳細なコントロールが必要な場合は書き出し形式を使用。書き出すアートボード(すべてまたは特定のもの)の選択や、各アートボードごとのファイル形式・設定の指定が可能;
  • アートボード内の特定のアセットや要素を書き出す場合は、書き出したいレイヤーや要素を選択;
  • 右クリックして書き出し形式を選択。書き出しダイアログが開き、選択した要素を個別に書き出し可能;
  • ウェブやモバイル開発者がアセットを個別ファイルとして必要とする場合に特に有用。

3. スライスツールを使った書き出し

  • スライスツールはツールバーの切り抜きツールの下に配置;
  • 書き出したい範囲を囲むように長方形またはボックスを描画。Photoshopは自動的に選択範囲の周囲に他のスライスを生成;
  • 書き出すには、ファイル > 書き出し > Web用に保存を選択;
  • Web用に保存ダイアログで、すべてのスライスが表示される。書き出したいスライスをクリックして選択;
  • 保存時に、すべてのスライス、ユーザースライス(自分で作成したスライス)、または選択したスライスのみを書き出すことが可能;
  • グリッド表示用の画像を書き出す場合、スライスツールを選択し、オプションバースタイル固定アスペクト比、比率を1:1に設定;
  • 最初のスライスを作成後、Alt/Optionキーを押しながらスライスを複製し、同じサイズの複数のスライスを作成;
  • これらのスライスも同様にWeb用に保存で書き出し、必要なスライスを選択;
  • 書き出されたスライスは、InstagramなどのSNSでのグリッド表示に最適な整列状態となる。

4. メタデータと著作権

Note
定義

メタデータとは、他のデータに関する情報を提供するデータ。デジタルファイルの文脈では、メタデータはファイルの内容、構造、管理に関する情報を記述。例えば、デジタル画像ファイルの場合、著者、作成日、ファイルサイズ、解像度、カラースペース、著作権情報、カメラ設定(シャッタースピード、絞り値など)の詳細が含まれる。

メタデータはファイルの整理、検索、管理に役立ち、デジタル資産の権利や利用情報の追跡にも利用可能。著作権メタデータを追加する手順:

  • ファイル > ファイル情報でメタデータウィンドウを開く;
  • 基本タブで著者として自分の名前またはビジネス名を入力。著作権状態を「著作権あり」に設定。オンラインで公開し自由利用を許可する場合は「パブリックドメイン」を選択;
  • **©**記号の後に自分の名前またはビジネス名を記載した著作権表示を追加;
  • 可能であれば自分のウェブサイトURLも記載;
  • IPTCタブに移動し、同様の情報(名前、職種、国、ウェブサイト)を入力。これにより連絡先や著作権情報がファイルに埋め込まれる;
  • JPEGとして書き出す場合は、ファイル > 書き出し > 書き出し形式を選択。書き出しウィンドウでメタデータオプションを「著作権および連絡先情報」に設定;
  • ファイルを保存し、著作権情報がすべて埋め込まれていることを確認;
  • 書き出したJPEGプレビューで開き、ツール > インスペクタを表示(Macの場合)を選択。IPTCタブで著作権および連絡先情報がすべて表示されているか確認。Windowsの場合はファイルを右クリックし、プロパティを選択、「詳細」タブで「著作権」欄を確認。

この手順により、著作権情報をファイルのメタデータに直接埋め込むことで、作品がオンラインで共有された場合でも所有権を主張しやすくなる。

1. 各アートボードを個別のPSDファイルとして書き出したい場合、どのコマンドを使用しますか?

2. Photoshopのスライスツールで実行できる操作はどれですか?

question mark

各アートボードを個別のPSDファイルとして書き出したい場合、どのコマンドを使用しますか?

正しい答えを選んでください

question mark

Photoshopのスライスツールで実行できる操作はどれですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 6.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 6.  3
some-alt