Share via


影像編輯器

本文件說明如何使用 Visual Studio 影像編輯器來檢視和修改材質和影像資源。

您可以使用 [影像編輯器] 處理 DirectX 應用程式環境中所用的豐富材質和影像格式,包括支援常用的影像格式和色彩編碼,Alpha 色頻和 MIP 對應之類的功能,以及 DirectX 支援的許多高壓縮硬體加速材質格式。

支援的格式

影像編輯器支援這些影像格式:

格式名稱

副檔名

可攜式網路圖形

.png

JPEG

.jpg、.jpeg、.jpe、.jfif

Direct Draw 介面

.dds

圖形交換格式 (GIF)

.gif

點陣圖

.bmp、.dib

TIF 檔案格式

.tif、.tiff

TGA (Targa)

.tga

快速入門

本節說明如何將影像加入至 Visual Studio 專案並將其設定為您的需求。

將影像加入至專案

  1. 在 [方案總管] 中,開啟專案的捷徑功能表要將影像儲存至,然後選取 [加入]],則 [新的項目。]。

  2. 在 [加入新項目。] 對話方塊,請在 [安裝] 下方,選取 [圖形],為影像然後選擇適當的檔案格式。 如需如何選擇根據需要的檔案格式的詳細資訊,請參閱下一節。

  3. 指定影像檔的 [名稱] 和您要建立它的 [位置] 。

  4. 選擇 [加入] 按鈕。

Hh315744.collapse_all(zh-tw,VS.110).gif選取影像格式

視您如何規劃使用影像,某些檔案格式比其他可能適當。 例如,有些格式可能不支援您需要像透明或特定色彩格式或可能為這種影像內容未提供適當的壓縮您規劃的功能。

下列資訊可協助您選擇符合您需求的影像格式。

  • 點陣圖 (.bmp)
    點陣圖影像格式。 支援 24 位元色彩的未壓縮影像格式。 點陣圖格式不支援透明度。

  • GIF 影像 (.gif)
    圖形交換格式 (GIF)。 支援高達 256 色的 LZW 壓縮、不失真影像格式。 不適合有大量的色彩詳細資料的相片和影像,但是可針對使用高度色彩一致性的低色彩影像提供良好的壓縮比率。

  • JPG 影像 (.jpg)
    Joint Photographic Experts Group (JPEG) 影像格式。 支援 24 位元色彩的高壓縮、有失真影像格式,適合色彩具有高度一致性的一般壓縮用途影像。

  • PNG 影像 (*.png)
    可攜式網路圖形 (PNG) 影像格式。 支援 24 位元色彩及 Alpha 透明度的普通壓縮、無失真影像格式。 這對自然和人造影像都適用,但無法提供像有失真格式 (例如 JPG 或 GIF) 一樣好的壓縮比。

  • TIFF 影像 (.tif)
    標記的影像檔案格式 (TIFF 或 TIF) 影像格式。 支援數種壓縮配置的彈性影像格式。

  • DDS 材質 (.dds)
    DirectDraw 介面 (DDS) 紋理格式。 支援 24 位元色彩及 Alpha 透明度的高壓縮、有失真材質格式。 其壓縮比率可以高達 8:1。 它是根據 S3 材質壓縮計算而得,這種壓縮可以在圖形硬體上解壓縮。

  • [TGA 影像 (.tga)]
    Truevision Graphics Adapter (TGA) 影像格式 (亦稱為 Targa)。 同時支援高達 24 位元色彩及 Alpha 透明度之色彩對應 (色板) 或直接彩色影像的 RLE 壓縮、不失真影像格式。 不適合有大量的色彩詳細資料的相片和影像,但是可針對使用相同色彩長距離延伸的影像提供良好的壓縮比率。

Hh315744.collapse_all(zh-tw,VS.110).gif設定影像

在您開始使用您所建立的影像一起使用之前,您可以變更它的預設組態。 例如,您可以變更其維度或它所使用的色彩格式。 如需如何設定這些和影像的其他屬性的詳細資訊,請參閱 影像屬性。

注意事項注意事項

在您儲存工作之前,請確定將 [色彩格式] 屬性設定為,如果您要使用特定色彩格式。如果檔案格式支援壓縮,您可以調整壓縮設定,當您第一次儲存檔案,或當您選取 [儲存] 時。

使用影像編輯器

本節說明如何使用影像編輯器來修改材質和影像。

Hh315744.collapse_all(zh-tw,VS.110).gif影像編輯器工具列

[影像編輯器] 工具列包含可協助您使用影像的命令。

會影響影像編輯器狀態的命令位於 [影像編輯器模式] 工具列與進階命令。 工具列在影像編輯器設計介面的最頂端邊緣位於。 繪圖工具位於沿著影像編輯器設計介面的最左邊的邊緣的 [影像編輯器] 工具列。

以下是 [影像編輯器模式] 工具列:

[影像編輯器] 的 [模式] 工具列。

此表描述 [影像編輯器模式] 工具列上的項目,這些項目會依照出現順序左到右列出。

工具列項目

描述

選取

啟用選取影像的矩形區域。 選取某個區域之後,就可以將其剪下、複製、移動、縮放、旋轉、翻轉或刪除。 有使用中的選取範圍時,繪製工具只會影響選取的區域。

不規則選取範圍

啟用選取影像的不規則區域。 選取某個區域之後,就可以將其剪下、複製、移動、縮放、旋轉、翻轉或刪除。 有使用中的選取範圍時,繪製工具只會影響選取的區域。

建立選取範圍

啟用選取影像的類似著色區域。 容限 (也就是類似之相鄰色彩之間的最大差異) 是可以設定的,以納入較小或較大範圍的類似色彩。 選取某個區域之後,就可以將其剪下、複製、移動、縮放、旋轉、翻轉或刪除。 有使用中的選取範圍時,繪製工具只會影響選取的區域。

平移

啟用影像相對於視窗框架的移動。 在 [平移] 模式中,選取影像中的點並四處移動它。

您可以按住 CTRL 鍵暫時啟動 [移動瀏覽] 模式。

縮放

啟用相對於視窗框架顯示或多或少的影像細節。 在 [縮放] 模式中,選影像上的一點,然後左右移動以放大,或上下移動以縮小。

您可以在使用滑鼠滾輪或按下加號 (+) 或減號 (-) 時按住 Ctrl 鍵進行縮放。

縮放成實際大小

使用影像像素與螢幕像素之間的 1:1 關聯性來顯示影像。

縮放至適當比例

在視窗框架中顯示完整影像。

縮放至寬度

在視窗框架中顯示全寬影像。

Grid

啟用或停用顯示像素界限的格線。 直到放大影像才會顯示方格。

檢視下一個 MIP 層級

啟用 MIP 對應鏈結中下一個較大的 MIP 層級。 使用中的 MIP 層級會顯示在設計介面上。 這個項目僅適用於具有 MIP 層級的材質。

檢視上一個 MIP 層級

啟用 MIP 對應鏈結中下一個較小的 MIP 層級。 使用中的 MIP 層級會顯示在設計介面上。 這個項目僅適用於具有 MIP 層級的材質。

紅色色板

綠色色板

藍色色板

Alpha 色頻

啟用或停用特定色彩色板。

注意事項注意事項
有系統地啟用或停用色彩色板,就可以分別挑出一個或多個與其相關的問題。例如,您可以識別出不正確的 Alpha 透明度。

背景

啟用或停用顯示通過影像透明部分的背景。 您可以從下列選項選擇,以設定背景顯示方式:

棋盤式

使用綠色加上指定的背景色彩,顯示棋盤圖案的背景。 您可以使用這個選項讓影像的透明部分更加透明。

白色背景

使用白色顯示背景。

黑色背景。

使用黑色顯示背景。

顯示動畫背景

緩慢平移棋盤式圖樣。 您可以使用這個選項讓影像的透明部分更加透明。

屬性

或者,開啟或關閉 [屬性] 視窗。

進階

包含額外的命令和選項。

篩選條件

提供多種通用影像篩選條件:[黑白]、[模糊]、[增亮]、[暗化]、[邊緣偵測]、[浮凸]、[反轉色彩]、[漣漪]、 [深褐色調] 和 [銳利化]。

圖形引擎

以 D3D11 呈現

使用 Direct3D 11 呈現影像編輯器的設計介面。

以 D3D11WARP 呈現

使用 Direct3D 11 Windows Advanced Rasterization Platform (WARP) 呈現 [影像編輯器] 設計介面。

工具

水平翻轉

沿著水平軸或 X 軸調換影像。

垂直翻轉

沿著垂直軸或 Y 軸調換影像。

產生 Mips

產生影像的 MIP 層級。 如果 MIP 層級已存在,則會從最大的 MIP 層級重新建立。 對較小的 MIP 層級所做的任何變更都已遺失。 若要儲存您產生的 MIP 層級,您必須使用 .dds 格式儲存影像。

檢視

Frame Rate

啟用時,會在設計介面的右上角顯示播放速率。 畫面播放速率是每秒繪製的畫面數目。

提示提示
您可以選擇 [進階] 按鈕再次執行上一個命令。

以下是 [影像編輯器] 工具列:

影像編輯器工具列

下表描述包含在 [影像編輯器] 工具列上的項目,並按照從上到下出現的順序排列。

工具列項目

描述

鉛筆

使用使用中的色彩選取範圍繪製鋸齒筆劃。 您可以將筆劃的色彩和粗細在 [屬性] 視窗中。

筆刷

使用使用中的色彩選取範圍繪製消除鋸齒的筆劃。 您可以將筆劃的色彩和粗細在 [屬性] 視窗中。

噴槍

使用使用中的色彩選取範圍繪製消除鋸齒的筆劃,與影像混合在一起經過一段時間後,濃度變得更高。 您可以將筆劃的色彩和粗細在 [屬性] 視窗中。

滴管

將現用色彩選取設定為所選取之像素的色彩。

Fill

使用使用中的色彩選取範圍填滿影像的區域。 受影響的區域是定義為套用填滿的像素,它是利用相同色彩的像素及色彩的本身來連接每個像素。 如果在作用中選取範圍內套用填滿,則選取範圍會限制受影響的區域。

根據預設,作用中色彩選擇是根據影像的 Alpha 元件,與其受影響的區域一起混合。 若要使用使用中的色彩選取範圍覆寫受影響的區域,請按住 Shift 鍵,然後使用填滿工具。

橡皮擦

如果影像支援 Alpha 色板,將像素設定為完全透明的色彩。 否則,將像素設定為作用中背景色彩。

[直線]、[矩形]、[圓角矩形]、 [橢圓形]

在影像裡繪製一個圖形。 您可以設定外框的色彩和粗細在 [屬性] 視窗中。

若要繪製寬度和高度相等的基本型別,請一邊按住 Shift 鍵一邊繪製。

文字

使用前景色彩選取範圍來繪製文字。 背景色彩是由背景色彩選項來決定。 若為透明背景,背景色彩選取的 Alpha 值必須為 0。 當文字區域為作用中時,您可以設定文字是否繪製具有消除鋸齒的筆劃,因此,您可以將屬性設為 []、 [字型]、 [大小] 和樣式 [粗體]、 [斜體。] 或 [底線](在 [屬性] 視窗中。 文字區域無法再使用時,文字的內容和外觀即完成。

旋轉

將影像順時鐘旋轉 90 度。

Trim

將影像裁剪至使用中的選取範圍。

Hh315744.collapse_all(zh-tw,VS.110).gif使用 MIP 層級

某些特定影像格式,例如 DirectDraw 介面 (.dds) ,支援紋理空間層次細節的 (LOD) MIP 層級。 如需如何產生和使用 MIP 層級的資訊,請參閱 HOW TO:產生 MIP 層級

Hh315744.collapse_all(zh-tw,VS.110).gif透明度與一起使用

特定影像格式,例如 DirectDraw 介面 (.dds),支援透明度。 視您使用的工具而定,有幾種方式可以使用透明度。 若要指定色彩選取範圍的透明程度,請在 [內容] 視窗中設定色彩選取範圍的 [A] (Alpha) 元件。 以下說明不同類型的工具如何控制透明度的套用方式:

工具

描述

[鉛筆]、[筆刷]、[噴槍]、[線條]、[矩形]、[圓角矩形]、[橢圓形]、[文字]

若要使作用中的色彩選取範圍與影像融合,請展開 [內容] 視窗中的 [色頻] 屬性群組,設定 Alpha 色頻上的 [繪製] 核取方塊,然後正常繪製。

若要使用作用中色彩選取範圍彙製,並且保留影像的 alpha 值,請清除 [Alpha] 色頻的 [繪製] 核取方塊,通常再正常繪製。

Fill

若要融合作用中色彩選項與影像,只要選擇要填滿的區域即可。

若要使用使用中色彩選取範圍 (包括 Alpha 色頻的值) 覆寫影像,請按住 Shift 然後選擇要填滿的區域。

Hh315744.collapse_all(zh-tw,VS.110).gif影像屬性

您可以使用 [屬性] 視窗指定影像的各種屬性。 例如,您可以設定寬度和高度屬性來調整影像大小。

下表描述影像的屬性。

屬性

描述

Width

影像的寬度。

Height

影像的高度。

每像素位元數

表示每個像素的位元數目。 這個屬性的值依照影像的 [色彩格式] 而定。

混色圖層

根據選取範圍層的 Alpha 值混合選取範圍層與主要影像則為 True;否則為 False。 這個項目僅適用於支援 Alpha 的影像。

色彩格式

影像的色彩格式。 可以根據影像格式指定各種色彩格式。 色彩格式會定義影像內含的色頻數量及種類,以及定義不同的色頻的大小和編碼。

MIP 層級

使用中的 MIP 層級。 這個項目僅適用於具有 MIP 層級的材質。

MIP 層級計數

影像中的 MIP 層級總數。 這個項目僅適用於具有 MIP 層級的材質。

畫面播放計數

影像中的畫面總數。 這個項目僅適用於支援材質陣列的影像。

框架

目前的框架。 只能檢視第一個框架,當影像已儲存時,所有其他框架都會遺失。

深度切割計數

影像中的深度切割總數。 這個項目僅適用於支援磁碟區材質的影像。

深度配量

目前深度切割。 只能檢視第一個切割,當影像已儲存時,所有其他切割都會遺失。

Hh315744.collapse_all(zh-tw,VS.110).gif調整影像大小

以下是調整影像大小的兩種方式。 在這兩種情況下,[影像編輯器] 會使用雙線性插補重新取樣影像。

  • 在 [屬性] 視窗中指定 [寬度] 和 [高度] 屬性的新值。

  • 選取整個影像,並使用框線標記來調整影像大小。

Hh315744.collapse_all(zh-tw,VS.110).gif使用工具

Hh315744.collapse_all(zh-tw,VS.110).gif選取的區域

[影像編輯器] 中的選取範圍會定義影像的作用中區域,也就是,此區域會受到工具和轉換的影響。 有使用中的選取範圍時,在選取區域外的區域不受多數工作和轉換影響。 如果沒有作用中的選取範圍,則整個影像為作用中。

大部分的工具 ([[鉛筆]、 [筆刷]、 [噴槍]、 [填滿] 和 [橡皮擦]],第 2 原始) 和轉換 ([[旋轉]、 [修剪]、 [反轉色彩]、 [水平翻轉] 和 垂直翻轉]) 是由作用中選取範圍限制或定義的。 any active selection; these tools always behave as if the entire image is the active selection.不過,有些工具 ([滴管] 和 [文字]) 和轉換 ([產生 Mips]) 不受任何作用中選取範圍的影響。這些工具永遠運作得像是整個影像都是作用中選取範圍一樣。

選取區域時,您可以按住 Shift 進行比例 (正方形) 選取,否則選取範圍不受限制。

Hh315744.collapse_all(zh-tw,VS.110).gif調整選取範圍

選取某個區域之後,您可以變更選取標記的大小來調整其大小或影像內容。 當您調整所選區域時,您可以使用下列輔助按鍵變更所選區域的行為,您調整它 (請按住按鍵,您調整大小)。

  • Ctrl
    在調整大小之前,複製所選區域的內容。 當複製調整大小時,這將原始影像維持不變。

  • Shift
    以原始大小比例調整所選區域的大小。

  • ALT
    變更選取範圍的大小。 這讓影像未修改。

這個有效輔助按鍵組合:

Ctrl

Shift

ALT

描述

調整所選區域的內容大小。

Shift

按比例調整所選區域的內容大小。

ALT

調整所選區域的大小。 這會定義新的選取範圍區域。

Shift

ALT

按比例調整所選區域的大小。 這會定義新的選取範圍區域。

Ctrl

複製然後調整所選區域的內容大小。

Ctrl

Shift

複製然後依比例調整所選區域的內容。

Hh315744.collapse_all(zh-tw,VS.110).gif工具屬性

當工具時,您可以使用 [屬性] 視窗指定如何的詳細資料會影響影像。 例如,您可以設定 [鉛筆] 工具的粗細或 [筆刷] 工具的色彩。

您可以設定前景色彩和背景色彩。 兩者都支援 Alpha 色板以使用者定義的不透明度。 設定適用於所有工具。 如果您使用滑鼠,滑鼠左鍵會對應至前景色彩,而滑鼠右鍵對應至背景色彩。

下表說明這些工具屬性。

工具

屬性

[鉛筆]、[筆刷]、[噴槍]、[橡皮擦]

Thickness

定義受工具影響之區域的大小。

文字

消除鋸齒

繪製具有消除鋸齒邊緣的文字。 這可讓文字外觀更平順。

要繪製的文字。

Font

用來繪製文字的字型。

Size

文字的大小。

粗體

將字形設為粗體。

斜體

將字型設為斜體。

底線

讓字型加上底線。

2D 基本

消除鋸齒

繪製具有消除鋸齒邊緣的基本圖形。 這可讓它們的外觀更平順。

Thickness

定義構成基本圖形界限之線條的粗細。

半徑 X

(僅限圓角矩形) 定義基本圖形上下邊緣的圓角半徑。

半徑 Y

(僅限圓角矩形) 定義基本圖形左右邊緣的圓角半徑。

[鉛筆]、[筆刷]、[噴槍]、[2D 基本圖形]

通道

啟用或停用檢視和繪製特定色彩色板。 如果已針對特定色彩色板設定 [檢視] 則該色板在影像中可見,否則不可見。 如果已針對特定色彩色板設定 [繪圖] 則該色板會受繪製作業影響,否則不會。

所有工具和選取項目。

旋轉角度

定義將選取範圍以順時針方向旋轉的數量 (以度數為單位)。

建立選取範圍, 填滿

[容限]

定義將相鄰色彩視為相同色彩時其間允許的最大差異,以便調整組成受影響或選取區域之類似色彩的多寡。 根據預設,這個值為 32,也就是在原始色彩之 32 色階 (較淡或更深) 中的相鄰像素視為區域的一部分。

鍵盤快速鍵

Command

鍵盤快速鍵

切換至 [選取] 模式。

S

切換到 [縮放] 模式

Z

切換到 [全景] 模式

K

全選

Ctrl+A

刪除目前選取範圍

刪除

取消目前的選取範圍

逸出字元

放大

Ctrl+滑鼠滾輪向前轉

Ctrl+PageUp

加號 (+)

縮小

Ctrl-滑鼠滾輪向後轉

Ctrl-PageDown

減號 (-)

向上平移影像

滑鼠滾輪往後捲動

PageDown

向下平移影像

滑鼠滾輪往前捲動

PageUp

向左平移影像

SHIFT + 滑鼠滾輪往後捲動

滑鼠滾輪向左捲動

Shift+PageDown

向右平移影像

SHIFT + 滑鼠滾輪往前捲動

滑鼠滾輪向右捲動

Shift+PageUp

out 實際大小的縮放

Ctrl+0 (0)。

將影像調整成視窗大小

Ctrl+G、Ctrl+F

將影像寬度調整成視窗大小。

Ctrl+G、Ctrl+I

切換格線

Ctrl+G、Ctrl+G

將影像裁剪至目前選取範圍

Ctrl+G、Ctrl+C

檢視下一個 (較詳細的) MIP 層級

Ctrl+G、Ctrl+6

檢視上一個 (較不詳細的) MIP 層級

Ctrl+G、Ctrl+7

切換紅色色板

Ctrl+G、Ctrl+1

切換綠色色板

Ctrl+G、Ctrl+2

切換藍色色板

Ctrl+G、Ctrl+3

切換 Alpha (透明) 色頻

Ctrl+G、Ctrl+4

切換 Alpha 棋盤模式

Ctrl+G、Ctrl+B

切換至不規則選取工具

L

切換至魔術棒選取工具

M

切換至鉛筆工具

P

切換至筆刷工具

B

切換至填滿工具

F

切換至橡皮擦工具

E

切換至文字工具

T

切換到色彩選取工具 (滴管)

I

移動作用中選取範圍及其內容。

方向鍵。

調整作用中選取範圍及其內容。

Ctrl+方向鍵

移動作用中選取範圍,但不移動其內容。

SHIFT + 方向鍵

調整作用中選取範圍,但不調整其內容。

SHIFT + CTRL + 方向鍵

認可目前圖層

Return

減少工具粗細

[

增加工具粗細

]

相關主題

標題

描述

使用 3D 資產來打造遊戲和應用程式

提供可在 Visual Studio 中用來與圖形資產 (例如材質及影像、立體模型和著色器效果) 搭配工作之工具的概觀。

模型編輯器

說明如何使用 Visual Studio 模型編輯器來處理立體模型。

著色器設計工具

說明如何使用 Visual Studio 著色器設計工具,搭配著色器一起運作。