イメージ エディター

このドキュメントに Visual Studio のイメージ エディターを使用する方法をテクスチャおよびイメージのリソースを表示するように変更するにはついて説明します。

イメージ エディターを使用すると、DirectX アプリの開発で使用される多様なテクスチャおよびイメージ形式を処理できます。DirectX がサポートする、人気のイメージ ファイル形式、色のエンコーディング、機能 (アルファ チャネル形式、MIP マッピング形式、高圧縮ハードウェア アクセラレータ テクスチャ形式など) もサポート対象になります。

サポートされる形式

イメージ エディターは次のイメージ形式をサポートします。

はじめに

ここでは Visual Studio のイメージをプロジェクトに追加し、要件の構成する方法について説明します。

イメージをプロジェクトに追加するには

1. [ソリューション エクスプローラー] では、イメージを追加するには [追加] 開き、[新しいアイテム] を選択します。プロジェクトのショートカット メニューが。

2. [新しい項目の追加] のダイアログ ボックスで、[インストール済み] の[ [グラフィックス] は、イメージの適切なファイル形式を選択します。要件に基づいてファイル形式を選択する方法の詳細については、次のセクションを参照してください。

3. イメージ ファイルの [名前] を、を作成する [場所] を指定します。

4. [追加] ボタンをクリックします。

イメージ ファイル形式の選択

イメージを使用する予定したり、特定のファイル形式は、他より適切な場合もあります。たとえば、あるファイル形式には、計画した種類のイメージの内容に必要と同様の透過色または特定のファイル形式または適した圧縮を提供する可能性がある機能をサポートしていない場合。

次の情報は、ニーズを満たすイメージ ファイル形式を選択することができます。

• ビットマップ イメージ (.bmp)
  ビットマップ イメージ形式。24 ビット カラーをサポートしている非圧縮イメージ形式。ビットマップ形式は透明度をサポートしていません。

• GIF イメージ (.gif)
  GIF (グラフィックス インターチェンジ) イメージ形式。最大 256 色をサポートしている、LZW による可逆圧縮イメージ形式。色のディテールを大量に含んだ写真やイメージには適していませんが、カラー コヒーレンスの度合いが高いロー カラー イメージに対しては優れた圧縮比をもたらします。

• JPG イメージ (.jpg)
  JPEG (Joint Photographic Experts Group) イメージ形式。圧縮比の高い非可逆圧縮イメージ形式。24 ビット カラーをサポートし、カラー コヒーレンスの度合いが高いイメージの汎用圧縮に適しています。

• PNG イメージ (.png)
  PNG (ポータブル ネットワーク グラフィックス) イメージ形式。圧縮比が中程度の可逆圧縮イメージ形式。24 ビット カラーとアルファ透明度をサポートしています。自然なイメージと人工的なイメージの両方に適していますが、圧縮比の点では JPG や GIF などの非可逆圧縮形式に劣ります。

• TIFF イメージ (.tif)
  TIFF または TIF イメージ形式。複数の圧縮スキームをサポートしている柔軟なイメージ形式。

• DDS テクスチャ (.dds)
  DirectDraw Surface (DDS) テクスチャ形式。圧縮比の高い非可逆圧縮テクスチャ形式。24 ビット カラーとアルファ透明度をサポートしています。圧縮比は最大で 8:1 になる場合があります。グラフィックス ハードウェアで圧縮解除できる、S3 テクスチャ圧縮に基づいています。

• TGA イメージ (.tga)
  TGA (Truevision Graphics Adapter) イメージ形式 (TARGA とも呼ばれます)。RLE による可逆圧縮イメージ形式。最大 24 ビット カラーとアルファ透明度を持つカラーマップ (カラー パレット) イメージとダイレクトカラー イメージの両方をサポートしています。色のディテールを大量に含んだ写真やイメージには適していませんが、スパンの長い同一カラーを持つイメージに対しては優れた圧縮比をもたらします。

イメージの構成

作成したイメージを使い始める前に、既定の設定を変更できます。たとえば、ディメンションや、使用する色のファイル形式を変更できます。イメージとそのプロパティを構成する方法の詳細については、イメージのプロパティ"を参照してください。

[!メモ]

作業を保存する前に、特定の色のファイル形式を使用する場合は、[色形式] のプロパティを設定してください。ファイル形式が圧縮をサポートする場合は、ファイルを初めて保存する、または [名前を付けて保存] を選択したときに圧縮の設定を調整できます。

イメージ エディターを使用する

ここでは、テクスチャ、イメージを変更するには、イメージ エディターを使用する方法について説明します。

イメージ エディターのツール バー

イメージ エディターのツール バーには、イメージの処理に役立つコマンドがあります。

イメージ エディターの状態に影響を与えるコマンドは高度なコマンドに [Image Editor Mode] のツール バーにあります。ツール バーは、イメージ エディターのデザイン サーフェイスの最上位の端に沿ってあります。描画ツールは、イメージ エディターのデザイン領域の左端の端に沿って [イメージ エディター] のツール バーにあります。

[イメージ エディターのモード] ツール バーを次に示します。

次の表は、[イメージ エディターのモード] ツール バーに、左から右へ順に表示される項目を示します。

ツール バーの項目	説明
選択	イメージの四角形の領域を選択できます。領域の選択後、その領域を切り取り、コピー、移動、拡大縮小、回転、反転、または削除できます。アクティブな選択範囲がある場合、その選択された領域で機能するのは図形描画ツールのみです。
不規則選択	イメージの不規則な領域を選択できます。領域の選択後、その領域を切り取り、コピー、移動、拡大縮小、回転、反転、または削除できます。アクティブな選択範囲がある場合、その選択された領域で機能するのは図形描画ツールのみです。
杖選択	イメージの同系色の領域を選択できます。許容値 (同系色と見なされる範囲内での隣接する色の最大差の値) は、狭いまたは広い同系色範囲を含めるように構成できます。領域の選択後、その領域を切り取り、コピー、移動、拡大縮小、回転、反転、または削除できます。アクティブな選択範囲がある場合、その選択された領域で機能するのは図形描画ツールのみです。
パン	ウィンドウ フレームに応じてイメージを移動できます。[パン] モードでは、イメージのポイントを選択してポイントを動かします。 Ctrl キー長押しすると、[パン] モードを一時的にアクティブにできます。
ズーム	ウィンドウ フレームに応じてイメージを拡大または縮小表示できます。[ズーム] モードで、イメージのポイントを選択し、右または下へ移動して拡大表示するか、左または上へ移動して縮小表示します。 マウス ホイールを使用するか、正符号 (+) または負符号 (-) 押しながら Ctrl キーを長押しすると、拡大または縮小できます。
実際のサイズまで拡大	イメージ ピクセルと画面ピクセルの 1:1 の関係を使用してイメージを表示します。
ウィンドウのサイズに合わせて大きさを変更	ウィンドウ フレームにイメージ全体を表示します。
幅に合わせて大きさを変更	ウィンドウ フレームにイメージの全幅を表示します。
Grid	ピクセルの境界を示すグリッドを有効または無効にします。イメージを拡大しないとグリッドが表示されないことがあります。
次の MIPMAP レベルを表示	MIP マップ チェーン内の次に大きい MIPMAP レベルをアクティブにします。デザイン サーフェイスにアクティブな MIPMAP レベルが表示されます。この項目は MIPMAP レベルがあるテクスチャに対してのみ使用できます。
前の MIPMAP レベルを表示	MIP マップ チェーン内の次に小さい MIPMAP レベルをアクティブにします。デザイン サーフェイスにアクティブな MIPMAP レベルが表示されます。この項目は MIPMAP レベルがあるテクスチャに対してのみ使用できます。
赤チャネル 緑チャネル 青チャネル アルファ チャネル	特定のカラー チャネルを有効または無効にします。 メモ カラー チャネルを体系的に有効または無効にすると、1 つまたは複数のカラー チャネルに関連する問題を特定できます。たとえば、誤ったアルファ透明度を特定できる場合があります。
背景	画像の透明な部分での背景表示を有効または無効にします。背景の表示方法は、次のオプションを選択して構成できます。 [チェッカーボード] 緑色と指定された背景色で、背景をチェッカーボード パターンとして表示します。このオプションを使用すると、イメージの透明な部分が明確になります。 [背景を白にする] 背景を白色で表示します。 [背景を黒にする] 背景を黒色で表示します。 [背景のアニメーション] チェッカーボード パターンを低速でパンします。このオプションを使用すると、イメージの透明な部分が明確になります。
プロパティ	[プロパティ] ウィンドウを表示または非表示にします。
詳細設定	追加のコマンドとオプションがあります。 フィルター 一般的なイメージ フィルターがいくつかあります。[白黒]、[ぼかし]、[輝度]、[暗]、[境界の検出]、[エンボス]、[色の反転]、[水面]、[セピア調]、および [シャープネス] の 10 種類です。 グラフィックス エンジン D3D11 で描画 Direct3D 11 を使用してイメージ エディターのデザイン サーフェイスを描画します。 [D3D11WARP で描画] Direct3D 11 Windows Advanced Rasterization Platform (WARP) を使用してイメージ エディターのデザイン サーフェイスを描画します。 ツール [左右反転] イメージを水平方向または x 軸上で入れ替えます。 [上下反転] イメージを垂直方向または y 軸上で入れ替えます。 [MIPS の生成] イメージの MIPMAP レベルを生成します。MIPMAP レベルが既に存在する場合は、最大の MIPMAP レベルで再作成されます。小さい MIPMAP レベルに対して行われた変更内容はすべて失われます。生成した MIPMAP レベルを保存するには、.dds 形式でイメージを保存する必要があります。 ビュー Frame Rate (フレーム レート) 有効にすると、デザイン サーフェイスの右上の隅にフレーム レートが表示されます。フレーム レートは、1 秒あたりの描画フレーム数です。 ヒント [詳細設定] ボタンをクリックすると、最後のコマンドを再実行できます。

[イメージ エディター] ツール バーを次に示します。

次の表では、[イメージ エディター] ツール バーに、上から下へ順に表示される項目について説明します。

MIPMAP レベルの操作

DirectDraw Surface (.dds) などの一部のイメージ形式では、テクスチャ空間詳細レベル (LOD) の MIPMAP レベルがサポートされます。MIPMAP レベルの生成方法と操作方法の詳細については、「方法: MIP レベルを生成する」を参照してください。

透過性を使用

DirectDraw Surface (.dds) などの一部のイメージ形式では透明度がサポートされます。使用するツールに応じて、透明度を使用できる方法がいくつかあります。色の選択で透明度のレベルを指定するには、[プロパティ] ウィンドウで、色の選択の A (アルファ) 要素を選択します。さまざまな種類のツールで透明度の適用を制御する方法を次に示します。

イメージのプロパティ

イメージのさまざまなプロパティを指定するには [プロパティ] のウィンドウを使用できます。たとえば、イメージのサイズ変更用に幅と高さのプロパティを設定できます。

次の表は、イメージのプロパティを示します。

イメージのサイズ変更

イメージのサイズを変更する方法は 2 つあります。いずれの場合も、イメージ エディターで双一次補間を使用してイメージの縦横比を調整します。

• [プロパティ] ウィンドウの [幅] と [高さ] の各プロパティに新しい値を指定します。

• イメージ全体を選択し、境界線のマーカーを使用してイメージの縦横比を調整します。

ツールの操作

選択された領域

イメージ エディターの選択範囲は、アクティブなイメージの領域を定義します。つまり、この領域はツールと変換の影響を受けます。アクティブな選択範囲がある場合、その選択された領域の外側にある領域は大部分のツールと変換の影響を受けません。アクティブな選択範囲がない場合は、イメージ全体がアクティブになります。

ほとんどのツール [鉛筆]、[ブラシ]、[Airbrush]、[塗りつぶし]、[消しゴム]、2 番目のプリミティブと変換 [回転]、[トリム]、[色の反転]、[左右反転] と [上下反転] は、アクティブな選択して、制約または定義されます。ただし、一部のツール ([スポイト] と [テキスト]) と変換のための [MIPS の生成] はアクティブな選択範囲の影響を受けません。これらのツールは、イメージ全体がアクティブな選択範囲になっているときはいつもどおりに機能します。

領域を選択する場合、Shift キーを長押しして均整の取れた (四角形の) 選択範囲を作成します。そうしないと選択範囲が制限されません。

サイズ変更オプション

領域の選択後、選択範囲のマーカーのサイズを変更すると、領域のサイズを変更したり画像のコンテンツを変更したりすることができます。選択した領域のサイズを変更しているときに、サイズを変更するように選択した領域の動作を変更するには、次の修飾子キーを使用できます (Ctrl キーを押しながらようにサイズ変更など)。

• Ctrl
  サイズを変更する前に選択された領域の内容をコピーします。これは、がサイズ変更されるとき、元のイメージを受けません。

• Shift
  元のサイズに比例して、選択された領域のサイズを変更します。

• Alt
  選択領域のサイズを変更します。これは、イメージのは変更されません。

有効な修飾子キーの組み合わせを次に示します。:

ツールのプロパティ

ツール]をクリックすると、指定するイメージにどのように影響するかについての詳細を [プロパティ] のウィンドウを使用できます。たとえば、鉛筆ツールの太さやブラシ ツールの色を設定できます。

前景色と背景色の両方を設定できます。ユーザー定義の不透明度を指定するアルファ チャネルが両方でサポートされます。設定内容がすべてのツールに適用されます。マウスを使用する場合、マウスの左ボタンは前景色に、右ボタンは背景色に対応します。

次の表では、ツールのプロパティについて説明します。

キーボード ショートカット

関連トピック