이미지 편집기Image Editor

이 문서에서는 Visual StudioVisual Studio 이미지 편집기를 사용하여 질감 및 이미지 리소스를 보고 수정하는 방법에 대해 설명합니다.This document describes how to work with the Visual StudioVisual Studio Image Editor to view and modify texture and image resources.

이미지 편집기를 사용하여 DirectX 앱 개발에 사용되는 여러 종류의 풍부한 질감 및 이미지 형식을 작성할 수 있습니다. 여기에는 널리 사용되는 이미지 파일 형식/색 인코딩, 알파 채널 및 MIP 매핑과 같은 기능 및 DirectX에서 지원하는 고도로 압축된 하드웨어 가속 질감 형식이 포함됩니다.You can use the Image Editor to work with the kinds of rich texture and image formats that are used in DirectX app development—this includes support for popular image file formats and color encodings, features such as alpha-channels and MIP-mapping, and many of the highly-compressed, hardware-accelerated texture formats that DirectX supports.

지원되는 형식Supported formats

이미지 편집기는 다음 이미지 형식을 지원합니다.The Image Editor supports these image formats:

형식 이름Format name 파일 이름 확장명File Name Extension
PNG(Portable Network Graphics)Portable Network Graphics .png.png
JPEGJPEG .jpg, .jpeg, .jpe, .jfif.jpg, .jpeg, .jpe, .jfif
DDS(Direct Draw Surface)Direct Draw Surface .dds.dds
GIF(Graphics Interchange Format)Graphics Interchange Format .gif.gif
BitmapBitmap .bmp, .dib.bmp, .dib
TIFF(Tagged Image File Format)Tagged Image File Format .tif, .tiff.tif, .tiff
TGA(Targa)TGA (Targa) .tga.tga

시작Getting started

이 섹션에서는 Visual StudioVisual Studio 프로젝트에 이미지를 추가하고 요구 사항에 맞게 이미지를 구성하는 방법에 대해 설명합니다.This section describes how to add an image to your Visual StudioVisual Studio project and configure it for your requirements.

프로젝트에 이미지를 추가하려면To add an image to your project

  1. 솔루션 탐색기에서 이미지를 추가하려는 프로젝트의 바로 가기 메뉴를 연 다음 추가, 새 항목을 차례로 선택합니다.In Solution Explorer, open the shortcut menu for the project that you want to add the image to, and then choose Add, New Item.

  2. 새 항목 추가 대화 상자의 설치됨 아래에서 그래픽을 선택한 다음 이미지에 적절한 파일 형식을 선택합니다.In the Add New Item dialog box, under Installed, select Graphics, and then select an appropriate file format for the image. 요구 사항에 따라 파일 형식을 선택하는 방법에 대한 자세한 내용은 다음 섹션을 참조하세요.For information about how to choose a file format based on your requirements, see the following section.

  3. 이미지 파일의 이름 및 해당 파일을 만들려는 위치를 지정합니다.Specify the Name of the image file, and the Location where you want it to be created.

  4. 추가 단추를 선택합니다.Choose the Add button.

이미지 형식 선택Choosing the image format

이미지를 사용하려는 방법에 따라 특정 파일 형식이 다른 파일 형식보다 더 적합할 수 있습니다.Depending on how you plan to use the image, certain file formats might be more appropriate than others. 예를 들어 일부 형식은 필요한 기능(예: 투명도 또는 특정 색 형식)을 지원하지 않거나 계획한 이미지 콘텐츠 종류에 적합한 압축을 제공하지 않을 수 있습니다.For example, some formats might not support a feature that you need—like transparency or a specific color format—or might not provide suitable compression for the kind of image content you have planned.

다음 정보는 요구 사항에 맞는 이미지 형식을 선택하는 데 도움이 될 수 있습니다.The following information can help you choose an image format that meets your needs.

비트맵 이미지(.bmp)Bitmap Image (.bmp)
비트맵 이미지 형식으로,The bitmap image format. 24비트 색을 지원하는 비압축 이미지 형식입니다.An uncompressed image format that supports 24-bit color. 비트 맵 형식은 투명도를 지원하지 않습니다.The bitmap format doesn't support transparency.

GIF 이미지(.gif)GIF Image (.gif)
GIF(Graphics Interchange Format) 이미지 형식으로,The Graphics Interchange Format (GIF) image format. 최대 256색을 지원하는 LZW 압축, 무손실 이미지 형식입니다.An LZW-compressed, lossless image format that supports up to 256 colors. 상당한 색 세부 정보가 있는 사진 및 이미지에는 적합하지 않지만, 색 일관성 수준이 높은 로우 컬러 이미지에 적합한 압축 비율을 제공합니다.Unsuitable for photographs and images that have a significant amount of color detail, but provides good compression ratios for low-color images that have a high degree of color coherence.

JPG 이미지(.jpg)JPG Image (.jpg)
JPEG(Joint Photographic Experts Group) 이미지 형식으로,The Joint Photographic Experts Group (JPEG) image format. 24비트 색을 지원하고 색 일관성 수준이 높은 이미지의 범용 압축에 적합한 고압축 손실 이미지 형식입니다.A highly-compressed, lossy image format that supports 24-bit color and is suitable for general-purpose compression of images that have a high degree of color coherence.

PNG 이미지(.png)PNG Image (.png)
PNG(Portable Network Graphics) 이미지 형식으로,The Portable Network Graphics (PNG) image format. 24비트 색 및 알파 투명도를 지원하는 중간 크기의 압축, 무손실 이미지 형식입니다.A moderately-compressed, lossless image format that supports 24-bit color and alpha transparency. 자연 및 인공 이미지 모두에 적합하지만 JPG 또는 GIF와 같은 손실 형식만큼 양호한 압축 비율은 제공하지 않습니다.It is suitable for both natural and artificial images, but does not provide compression ratios as good as lossy formats such as JPG or GIF.

TIFF 이미지(.tif)TIFF Image (.tif)
TIFF 또는 TIF(Tagged Image File Format) 이미지 형식으로,The Tagged Image File Format (TIFF or TIF) image format. 여러 압축 구성표를 지원하는 유연한 이미지 형식입니다.A flexible image format that supports several compression schemes.

DDS 질감(.dds)DDS Texture (.dds)
DDS(DirectDraw Surface) 질감 형식으로,The DirectDraw Surface (DDS) texture format. 24비트 색 및 알파 투명도를 지원하는 고압축, 손실 질감 형식입니다.A highly-compressed, lossy texture format that supports 24-bit color and alpha transparency. 압축 비율은 8:1만큼 높을 수 있습니다.Its compression ratios can be as high as 8:1. S3 질감 압축을 기반으로 하며 그래픽 하드웨어에서 압축을 풀 수 있습니다.It's based on S3 Texture compression, which can be decompressed on graphics hardware.

TGA 이미지(.tga)TGA Image (.tga)
TGA(Truevision Graphics Adapter) 이미지 형식(Targa라고도 함)으로,The Truevision Graphics Adapter (TGA) image format (also known as Targa). 최대 24비트 색 및 알파 투명도의 색 매핑(색상표) 이미지 또는 직접 컬러 이미지를 모두 지원하는 RLE 압축, 무손실 이미지 형식입니다.An RLE-compressed, lossless image format that supports both color-mapped (color palette) or direct-color images of up to 24-bit color and alpha transparency. 상당한 색 세부 정보가 있는 사진 및 이미지에는 적합하지 않지만, 동일한 색이 길게 채워져 있는 이미지에 적합한 압축 비율을 제공합니다.Unsuitable for photographs and images that have a significant amount of color detail, but provides good compression ratios for images that have long spans of identical colors.

이미지 구성Configuring the image

방금 만든 이미지에 대한 작업을 시작하기 전에 기본 구성을 변경할 수 있습니다.Before you begin to work with the image that you just created, you can change its default configuration. 예를 들어 크기 또는 사용하는 색 형식을 변경할 수 있습니다.For example, you can change its dimensions or the color format that it uses. 이미지에 이러한 속성과 다른 속성을 구성하는 방법에 대한 자세한 내용은 이미지 속성을 참조하세요.For information about how to configure these and other properties of the image, see Image properties.

참고

작업을 저장하기 전에 특정 색 형식을 사용하려면 색 형식 속성을 설정해야 합니다.Before you save your work, make sure to set the Color Format property if you want to use a specific color format. 파일 형식이 압축을 지원하는 경우 파일을 처음 저장하거나 다른 이름으로 저장을 선택할 때 압축 설정을 조정할 수 있습니다.If the file format supports compression, you can adjust the compression settings when you save the file for the first time or when you choose Save As.

이미지 편집기 작업Working with the Image Editor

이 섹션에서는 이미지 편집기를 사용하여 질감과 이미지를 수정하는 방법에 대해 설명합니다.This section describes how to use the Image Editor to modify textures and images.

이미지 편집기 도구 모음Image Editor toolbars

이미지 편집기 도구 모음에는 이미지 작업에 도움이 되는 명령이 포함되어 있습니다.The Image Editor toolbars contain commands that help you work with images.

이미지 편집기의 상태에 영향을 주는 명령은 고급 명령과 함께 이미지 편집기 모드 도구 모음에 있습니다.Commands that affect the state of the Image Editor are located on the Image Editor Mode toolbar together with advanced commands. 도구 모음은 이미지 편집기 디자인 화면의 맨 위 가장자리에 펼쳐져 있습니다.The toolbar is located along the topmost edge of the Image Editor design surface. 그리기 도구는 이미지 편집기 디자인 화면의 가장 왼쪽 가장자리에 펼쳐져 있는 이미지 편집기 도구 모음에 있습니다.Drawing tools are located on the Image Editor toolbar along the leftmost edge of the Image Editor design surface.

이미지 편집기 모드 도구 모음은 다음과 같습니다.Here's the Image Editor Mode toolbar:

이미지 편집기 모드 도구 모음The Image Editor modal toolbar.

다음 표에서는 이미지 편집기 모드 도구 모음에 있는 항목을 설명하며, 왼쪽에서 오른쪽으로 표시된 순서대로 나열되어 있습니다.This table describes the items on the Image Editor Mode toolbar, which are listed in the order in which they appear from left to right.

도구 상자 항목Toolbar Item 설명Description
선택Select 이미지의 사각형 영역을 선택할 수 있습니다.Enables selection of a rectangular region of an image. 영역을 선택하면 해당 영역에 대해 자르기, 복사, 이동, 크기 조정, 회전, 대칭 이동 또는 삭제를 수행할 수 있습니다.After you select a region, you can cut, copy, move, scale, rotate, flip, or delete it. 활성 선택 영역이 있는 경우 그리기 도구만 선택 영역에 영향을 줍니다.When there is an active selection, drawing tools only affect the selected region.
부정형 선택Irregular Selection 이미지의 불규칙한 영역을 선택할 수 있습니다.Enables selection of an irregular region of an image. 영역을 선택하면 해당 영역에 대해 자르기, 복사, 이동, 크기 조정, 회전, 대칭 이동 또는 삭제를 수행할 수 있습니다.After you select a region, you can cut, copy, move, scale, rotate, flip, or delete it. 활성 선택 영역이 있는 경우 그리기 도구만 선택 영역에 영향을 줍니다.When there is an active selection, drawing tools only affect the selected region.
선택 영역 자동 선택Wand Selection 이미지의 비슷한 색 영역을 선택할 수 있습니다.Enables selection of a similarly-colored region of an image. 허용 오차 - 즉 비슷한 색으로 간주되는 인접한 색 간의 최대 차이는 더 좁거나 더 넓은 범위의 비슷한 색을 포함하도록 구성할 수 있습니다.The tolerance—that is, the maximum difference between adjacent colors within which they are considered similar—can be configured to include a smaller or wider range of similar colors. 영역을 선택하면 해당 영역에 대해 자르기, 복사, 이동, 크기 조정, 회전, 대칭 이동 또는 삭제를 수행할 수 있습니다.After you select a region, you can cut, copy, move, scale, rotate, flip, or delete it. 활성 선택 영역이 있는 경우 그리기 도구만 선택 영역에 영향을 줍니다.When there is an active selection, drawing tools only affect the selected region.
이동Pan 창 프레임을 기준으로 이미지를 이동할 수 있습니다.Enables movement of the image relative to the window frame. 이동 모드에서는 이미지의 한 점을 선택한 다음 주변으로 이동합니다.In Pan mode, select a point on the image and then move it around.

Ctrl 키를 누르고 있으면 이동 모드를 일시적으로 활성화할 수 있습니다.You can temporarily activate Pan mode by pressing and holding the Ctrl key.
확대/축소Zoom 창 프레임을 기준으로 다소간의 자세한 이미지 차이를 표시할 수 있습니다.Enables the display of more or less image detail relative to the window frame. 확대/축소 모드에서는 이미지에서 한 점을 선택한 다음 오른쪽 또는 아래쪽으로 이동하여 확대하거나 왼쪽 또는 위쪽으로 이동하여 축소합니다.In Zoom mode, select a point on the image and then move it right or down to zoom in, or left or up to zoom out.

Ctrl 키를 누른 채 마우스 휠을 사용하거나 더하기(+) 기호 또는 빼(-)기 기호를 눌러 확대 또는 축소할 수 있습니다.You can zoom in or out by pressing and holding Ctrl while you either use the mouse wheel or press the Plus Sign (+) or Minus Sign (-).
실제 크기로 확대/축소Zoom to Actual Size 이미지의 픽셀과 화면의 픽셀 간에 1:1 관계를 사용하여 이미지를 표시합니다.Displays the image by using a 1:1 relationship between the pixels of the image and the pixels of the screen.
크기에 맞게 확대/축소Zoom To Fit 창 프레임에 이미지 전체를 표시합니다.Displays the full image in the window frame.
너비에 맞게 확대/축소Zoom To Width 창 프레임에 이미지의 전체 너비를 표시합니다.Displays the full width of the image in the window frame.
눈금Grid 픽셀 경계를 보여 주는 눈금을 사용하거나 사용하지 않도록 설정합니다.Enables or disables the grid that shows pixel boundaries. 눈금은 이미지를 확대할 때까지 표시되지 않을 수 있습니다.The grid might not appear until you zoom into the image.
다음 MIP 수준보기View Next MIP Level MIP 맵 체인에서 다음으로 큰 MIP 수준을 활성화합니다.Activates the next larger MIP level in a MIP map chain. 활성 MIP 수준이 디자인 화면에 표시됩니다.The active MIP level is displayed on the design surface. 이 항목은 MIP 수준이 있는 질감에만 사용할 수 있습니다.This item is only available for textures that have MIP levels.
이전 MIP 수준 보기View Previous MIP Level MIP 맵 체인에서 다음으로 작은 MIP 수준을 활성화합니다.Activates the next smaller MIP level in a MIP map chain. 활성 MIP 수준이 디자인 화면에 표시됩니다.The active MIP level is displayed on the design surface. 이 항목은 MIP 수준이 있는 질감에만 사용할 수 있습니다.This item is only available for textures that have MIP levels.
빨간색 채널Red Channel

녹색 채널Green Channel

파란색 채널Blue Channel

알파 채널Alpha Channel
특정 색 채널을 사용하거나 사용하지 않도록 설정합니다.Enables or disables the specific color channel. 참고: 색 채널 사용을 체계적으로 설정하거나 해제하여 하나 이상의 색 채널과 관련된 문제를 격리할 수 있습니다.Note: By systematically enabling or disabling color channels, you can isolate problems that are related to one or more of them. 예를 들어 잘못된 알파 투명도를 식별할 수 있습니다.For example, you could identify incorrect alpha transparency.
배경Background 이미지의 투명한 부분을 통해 배경을 표시하거나 표시하지 않도록 설정합니다.Enables or disables display of the background through transparent parts of the image. 다음 옵션 중에서 선택하여 배경을 표시하는 방법을 구성할 수 있습니다.You can configure how the background is displayed by choosing from these options:

체크 무늬Checkerboard
지정된 배경색과 함께 녹색을 배경색을 체크 무늬 패턴으로 표시합니다.Uses a green color together with the specified background color to display the background as a checkerboard pattern. 이 옵션을 사용하면 이미지의 투명한 부분을 더 명확하게 만들 수 있습니다.You can use this option to help make transparent parts of the image more apparent.

흰색 배경White Background
흰색을 사용하여 배경을 표시합니다.Uses the color white to display the background.

검은색 배경Black Background
검은색을 사용하여 배경을 표시합니다.Uses the color black to display the background.

배경 애니메이션Animate Background
체크 무늬 패턴을 느리게 이동합니다.Pans the checkerboard pattern slowly. 이 옵션을 사용하면 이미지의 투명한 부분을 더 명확하게 만들 수 있습니다.You can use this option to help make transparent parts of the image more apparent.
속성Properties 속성 창을 열거나 닫습니다.Alternately opens or closes the Properties window.
고급Advanced 추가 명령 및 옵션을 포함합니다.Contains additional commands and options.

필터Filters

흑백, 흐리게, 밝게, 어둡게, 가장자리 추출, 볼록, 색 반전, 잔물결, 세피아 톤선명하게와 같이 몇 가지 일반적인 이미지 필터를 제공합니다.Provides several common image filters: Black and White, Blur, Brighten, Darken, Edge Detection, Emboss, Invert Colors, Ripple, Sepia Tone, and Sharpen.

그래픽 엔진Graphics Engines

D3D11로 렌더링Render with D3D11
Direct3D 11을 사용하여 이미지 편집기 디자인 화면을 렌더링합니다.Uses Direct3D 11 to render the Image Editor design surface.

D3D11WARP로 렌더링Render with D3D11WARP
Direct3D 11 WARP(Windows Advanced Rasterization Platform)를 사용하여 이미지 편집기 디자인 화면을 렌더링합니다.Uses Direct3D 11 Windows Advanced Rasterization Platform (WARP) to render the Image Editor design surface.

도구Tools

좌우 대칭Flip Horizontal
수평 또는 x축을 중심으로 이미지를 뒤바꿉니다.Transposes the image around its horizontal, or x, axis.

상하 대칭Flip Vertical
수직 또는 y축을 중심으로 이미지를 뒤바꿉니다.Transposes the image around its vertical, or y, axis.

MIP 생성Generate Mips
이미지에 대한 MIP 수준을 생성합니다.Generates MIP levels for an image. MIP 수준이 이미 있는 경우 가장 큰 MIP 수준에서 다시 만들어집니다.If MIP levels already exist, they are recreated from the largest MIP level. 더 작은 MIP 수준에 적용되는 변경 내용은 모두 손실됩니다.Any changes that were made to smaller MIP levels are lost. 생성한 MIP 수준을 저장하려면 .dds 형식을 사용하여 이미지를 저장해야 합니다.To save the MIP levels that you have generated, you must use the .dds format to save the image.

보기View

프레임 속도Frame Rate
이 옵션을 사용하도록 설정하면 디자인 화면의 오른쪽 위 모서리에 프레임 속도를 표시합니다.When enabled, displays the frame rate in the upper-right corner of the design surface. 프레임 속도는 초당 그려지는 프레임 수입니다.The frame rate is the number of frames that are drawn per second. 팁: 고급 단추를 선택하여 마지막 명령을 다시 실행할 수 있습니다.Tip: You can choose the Advanced button to run the last command again.

이미지 편집기 도구 모음은 다음과 같습니다.Here's the Image Editor toolbar.

이미지 편집기 도구 모음Image Editor toolbar

다음 표에서는 이미지 편집기 도구 모음에 있는 항목을 설명하며, 위쪽에서 아래쪽으로 표시된 순서대로 나열되어 있습니다.The following table describes the items on the Image Editor toolbar, which are listed in the order in which they appear from top to bottom.

도구 상자 항목Toolbar Item 설명Description
연필Pencil 활성 색 선택 영역을 사용하여 앨리어싱된 선을 그립니다.Uses the active color selection to draw an aliased stroke. 속성 창에서 선의 색 및 두께를 설정할 수 있습니다.You can set the color and thickness of the stroke in the Properties window.
브러시Brush 활성 색 선택 영역을 사용하여 앤티앨리어싱된 선을 그립니다.Uses the active color selection to draw an anti-aliased stroke. 속성 창에서 선의 색 및 두께를 설정할 수 있습니다.You can set the color and thickness of the stroke in the Properties window.
에어브러시Airbrush 활성 색 선택 영역을 사용하여 이미지와 함께 혼합되고 시간 함수로 채도가 더 높아지는 앤티앨리어싱된 선을 그립니다.Uses the active color selection to draw an anti-aliased stroke that blends together with the image and becomes more saturated as a function of time. 속성 창에서 선의 색 및 두께를 설정할 수 있습니다.You can set the color and thickness of the stroke in the Properties window.
스포이트Eyedropper 활성 색 선택 영역을 선택한 픽셀의 색으로 설정합니다.Sets the active color selection to the color of the selected pixel.
채우기Fill 활성 색 선택 영역을 사용하여 이미지 영역을 채웁니다.Uses the active color selection to fill a region of the image. 영향을 받는 영역은 채우기가 적용되는 픽셀로 정의되며, 동일한 색의 픽셀로 연결되는 픽셀 및 동일한 색 자체로 된 픽셀이 모두 포함됩니다.The affected region is defined as the pixel where the fill is applied, together with every pixel that is connected to it by pixels of the same color and that is the same color itself. 채우기가 활성 선택 영역 내에 적용되면 영향을 받는 영역은 선택 영역으로 제한됩니다.If the fill is applied within an active selection, then the affected region is constrained by the selection.

기본적으로 활성 선택 영역은 알파 구성 요소에 따라 영향을 받는 이미지 영역과 함께 혼합됩니다.By default, the active color selection is blended together with the affected region of the image according to its alpha component. 영향을 받는 영역을 덮어쓸 활성 색 선택 영역을 사용하려면 채우기 도구를 사용할 때 Shift 키를 누르고 있습니다.To use the active color selection to overwrite the affected region, press and hold the Shift key when you use the fill tool.
지우개Eraser 이미지에서 알파 채널을 지원하면 픽셀을 완전히 투명한 색으로 설정합니다.Sets pixels to the fully transparent color if the image supports an alpha channel. 그렇지 않으면 픽셀을 활성 배경색으로 설정합니다.Otherwise, sets the pixels to the active background color.
, 사각형, 둥근 사각형, 타원Line, Rectangle, Rounded Rectangle, Ellipse 이미지에 도형을 그립니다.Draws a shape on the image. 속성 창에서 윤곽선의 색 및 두께를 설정할 수 있습니다.You can set the color and thickness of the outline in the Properties window.

너비와 높이가 동일한 기본 형식을 그리려면 Shift 키를 누른 채 그립니다.To draw a primitive that has equal width and height, press and hold Shift as you draw.
텍스트Text 전경색 선택 영역을 사용하여 텍스트를 그립니다.Uses the foreground color selection to draw text. 배경색은 배경색 선택으로 결정됩니다.The background color is determined by the background color selection. 투명한 배경의 경우 배경색 선택의 알파 값이 0이어야 합니다.For a transparent background, the alpha value of the background color selection must be 0. 텍스트 영역이 활성 상태로 있는 동안 텍스트를 앤티앨리어싱된 선으로 그리는지 여부를 설정할 수 있으며, 속성 창에서 텍스트 , 글꼴, 크기 및 스타일(굵게, 기울임꼴 또는 밑줄)을 설정할 수 있습니다.While the text region is active, you can set whether the text is drawn with an anti-aliased stroke, and you can set the text Value, Font, Size, and style—Bold, Italics, or Underlined—in the Properties window. 텍스트 영역이 비활성 상태가 되면 텍스트의 내용과 모양이 완성됩니다.The content and appearance of the text is finalized when the text region is no longer active.
회전Rotate 이미지를 시계 방향으로 90도 회전합니다.Rotates the image 90 degrees clockwise.
자르기Trim 이미지를 활성 선택 영역에 맞게 자릅니다.Trims the image to the active selection.

MIP 수준 사용Working with MIP levels

일부 이미지 형식(예: DirectDraw Surface(.dds))은 질감 공간 LOD(세밀도)에 대한 MIP 수준을 지원합니다.Some image formats—for example, DirectDraw Surface (.dds)—support MIP levels for texture-space Level-of-Detail (LOD). MIP 수준을 생성하고 사용하는 방법에 대한 자세한 내용은 방법: MIP 수준 만들기 및 수정을 참조하세요.For information about how to generate and work with MIP levels, see How to: Create and Modify MIP Levels

투명도 사용Working with transparency

일부 이미지 형식(예: DirectDraw Surface(.dds))은 투명도를 지원합니다.Some image formats—for example, DirectDraw Surface (.dds)—support transparency. 사용하는 도구에 따라 투명도를 사용할 수 있는 몇 가지 방법이 있습니다.There are several ways that transparency can be used, depending on the tool that you are using. 색 선택에 대한 투명도 수준을 지정하려면 속성 창에서 색 선택의 A(알파) 구성 요소를 설정합니다.To specify the level of transparency for a color selection, in the Properties window, set the A (alpha) component of the color selection. 여러 종류의 도구로 투명도를 적용하는 방법을 제어하는 방법은 다음과 같습니다.Here's how different kinds of tools control how transparency is applied:

도구Tool 설명Description
연필, 브러시, 에어브러시, , 사각형, 둥근 사각형, 타원, 텍스트Pencil, Brush, Airbrush, Line, Rectangle, Rounded Rectangle, Ellipse, Text 활성 색 선택과 이미지를 혼합하려면 속성 창에서 채널 속성 그룹을 펼치고, 알파 채널에서 그리기 확인란을 설정한 다음, 정상적으로 그립니다.To blend the active color selection together with the image, in the Properties window, expand the Channels property group and set the Draw checkbox on the Alpha channel, and then draw normally.

활성 색 선택을 사용하여 그리고 이미지의 알파 값을 그대로 유지하려면 알파 채널의 그리기 확인란을 선택 취소한 다음 정상적으로 그립니다.To draw by using the active color selection and leave the alpha value of the image in place, clear the Draw checkbox of the Alpha channel, and then draw normally.
채우기Fill 활성 색 선택과 이미지를 혼합하려면 채울 영역을 선택하기만 하면 됩니다.To blend the active color selection together with the image, just choose the area to fill.

알파 채널 값을 포함하여 활성 색 선택을 사용하여 이미지를 덮어쓰려면 Shift 키를 누른 채 채울 영역을 선택합니다.To use the active color selection—including the value of the alpha channel—to overwrite the image, press and hold Shift and then choose the area to fill.

이미지 속성Image properties

속성 창을 사용하여 이미지의 다양한 속성을 지정할 수 있습니다.You can use the Properties window to specify various properties of the image. 예를 들어 [너비] 및 [높이] 속성을 설정하여 이미지의 크기를 조정할 수 있습니다.For example, you can set the Width and Height properties to resize the image.

다음 표에서는 이미지 속성에 대해 설명합니다.The following table describes image properties.

속성Property 설명Description
너비Width 이미지의 너비입니다.The width of the image.
높이Height 이미지의 높이입니다.The height of the image.
픽셀당 비트 수Bits Per Pixel 각 픽셀을 나타내는 비트 수입니다.The number of bits that represent each pixel. 이 속성의 값은 이미지의 색 형식에 따라 다릅니다.The value of this property depends on the Color Format of the image.
투명 선택 영역Transparent Selection 선택 영역 레이어의 알파 값에 따라 선택 영역 레이어와 주 이미지를 혼합하는 경우 True이고, 그렇지 않으면 False입니다.True to blend the selection layer together with the main image, based on the alpha value of the selection layer; otherwise, False. 이 항목은 알파를 지원하는 이미지에만 사용할 수 있습니다.This item is only available for images that support alpha.
형식Format 이미지의 색 형식입니다.The color format of the image. 이미지 형식에 따라 다양한 색 형식을 지정할 수 있습니다.A variety of color formats can be specified, depending on the image format. 색 형식은 이미지에 포함된 색 채널의 수와 종류 및 다양한 채널의 크기와 인코딩을 정의합니다.The color format defines the number and kind of color channels that are included in the image, and also the size and encoding of various channels.
MIP 수준Mip Level 활성 MIP 수준입니다.The active MIP level. 이 항목은 MIP 수준이 있는 질감에만 사용할 수 있습니다.This item is only available for textures that have MIP levels.
MIP 수준 수Mip Level Count 이미지의 총 MIP 수준 수입니다.The total number of MIP levels in the image. 이 항목은 MIP 수준이 있는 질감에만 사용할 수 있습니다.This item is only available for textures that have MIP levels.
프레임 수Frame Count 이미지의 총 프레임 수입니다.The total number of frames in the image. 이 항목은 질감 배열을 지원하는 이미지에만 사용할 수 있습니다.This item is only available for images that support texture arrays.
프레임Frame 현재 프레임입니다.The current frame. 첫 번째 프레임만 볼 수 있습니다. 이미지를 저장하면 다른 모든 프레임이 손실됩니다.Only the first frame can be viewed; all other frames are lost when the image is saved.
깊이 조각 개수Depth Slice Count 이미지의 총 깊이 조각 수입니다.The total number of depth slices in the image. 이 항목은 볼륨 질감을 지원하는 이미지에만 사용할 수 있습니다.This item is only available for images that support volume textures.
깊이 조각Depth Slice 현재 깊이 조각입니다.The current depth slice. 첫 번째 조각만 볼 수 있습니다. 이미지를 저장하면 다른 모든 조각이 손실됩니다.Only the first slice can be viewed; all other slices are lost when the image is saved.

참고

회전 기준 속성은 모든 도구 및 선택 영역에 적용되므로 항상 속성 창 아래쪽에 다른 도구 속성과 함께 표시됩니다.Because the Rotate by property applies to all tools and selected regions, it always appears at the bottom of the Properties window together with other tool properties. 다른 선택 도구 또는 활성 도구가 없으면 전체 이미지를 암시적으로 선택하므로 회전 기준은 항상 표시됩니다.Rotate by is always displayed because the whole image is implicitly selected when there is no other selection or active tool. 회전 기준 속성에 대한 자세한 내용은 도구 속성을 참조하세요.For more information about the Rotate by property, see Tool Properties.

이미지 크기 조정Resizing images

이미지 크기를 조정하는 두 가지 방법은 다음과 같습니다.Here are two ways to resize an image. 두 경우 모두 이미지 편집기에서 쌍선형 보간을 사용하여 이미지를 다시 샘플링합니다.In both cases, the Image Editor uses bi-linear interpolation to resample the image.

  • 속성 창에서 너비높이 속성에 대한 새 값을 지정합니다.In the Properties window, specify new values for the Width and Height properties.

  • 이미지 전체를 선택하고 테두리 마커를 사용하여 이미지의 크기를 조정합니다.Select the entire image and use the border markers to resize the image.

도구 사용Working with tools

선택 영역Selected regions

이미지 편집기의 선택 영역은 활성 상태의 이미지 영역을 정의합니다. 즉 이 영역은 도구와 변형의 영향을 받습니다.Selections in the Image Editor define regions of the image that are active—that is, the region will be affected by tools and transformations. 활성 선택 영역이 있는 경우 선택 영역 외부의 영역은 대부분의 도구 및 변형의 영향을 받지 않습니다.When there is an active selection, areas outside the selected region are not affected by most tools and transformations. 활성 선택 영역이 없는 경우 이미지 전체가 활성 상태가 됩니다.If there is not an active selection, the entire image is active.

대부분의 도구(연필, 브러시, 에어브러시, 채우기, 지우개 및 2차원 기본 그래픽) 및 변환(회전, 자르기, 색 반전, 좌우 대칭, 및 상하 대칭)은 활성 선택 영역으로 제한되거나 정의됩니다.Most tools—Pencil, Brush, Airbrush, Fill, Eraser, and 2-D primitives—and transformations—Rotate, Trim, Invert Colors, Flip Horizontal, and Flip Vertical—are constrained or defined by the active selection. 그러나 일부 도구(스포이트텍스트) 및 변환(MIP 생성)은 활성 선택 영역의 영향을 받지 않습니다. 이러한 도구는 항상 이미지 전체가 활성 선택 영역인 것처럼 작동합니다.However, some tools—Eyedropper and Text—and transformations—Generate Mips—are not affected by any active selection; these tools always behave as if the entire image is the active selection.

영역을 선택하는 동안 Shift 키를 누른 채 비례(정사각형) 선택 영역을 만들 수 있습니다. 그렇지 않으면 선택 영역이 제한되지 않습니다.While you are selecting a region, you can press and hold Shift to make a proportional (square) selection; otherwise, the selection is not constrained.

선택 영역 크기 조정Resizing selections

영역을 선택하면 선택 영역 마커의 크기를 변경하여 선택 영역 또는 이미지 내용의 크기를 조정할 수 있습니다.After you select a region, you can resize it or its image contents by changing the size of the selection marker. 선택 영역의 크기를 조정하는 동안 다음과 같은 보조 키를 사용하여 크기 조정 시 선택 영역의 동작을 변경할 수 있습니다(크기를 조정할 때 키를 누르고 있음).While you are resizing the selected region, you can use the following modifier keys to change the behavior of the selected region as you resize it (press and hold the key as you resize).

CtrlCtrl
크기를 조정하기 전에 선택 영역의 내용을 복사합니다.Copies the contents of the selected region before it's resized. 이 경우 복사본의 크기를 조정하는 동안 원본 이미지가 그대로 유지됩니다.This leaves the original image intact while the copy is resized.

시프트Shift
선택 영역의 크기를 원래 크기에 비례하여 조정합니다.Resizes the selected region in proportion to its original size.

AltAlt
선택 영역의 크기를 변경합니다.Changes the size of the selection region. 이 경우 이미지가 수정되지 않은 채로 유지됩니다.This leaves the image unmodified.

유효한 보조 키 조합은 다음과 같습니다.Here are the valid modifier key combinations:

CtrlCtrl 시프트Shift AltAlt 설명Description
선택 영역의 내용의 크기를 조정합니다.Resizes the content of the selected region.
시프트Shift 선택 영역의 내용의 크기를 비례적으로 조정합니다.Proportionally resizes the content of the selected region.
AltAlt 선택 영역의 크기를 조정합니다.Resizes the selected region. 이 경우 새 선택 영역을 정의합니다.This defines a new selection region.
시프트Shift AltAlt 선택 영역의 크기를 비례적으로 조정합니다.Proportionally resizes the selected region. 이 경우 새 선택 영역을 정의합니다.This defines a new selection region.
CtrlCtrl 선택 영역의 내용을 복사한 다음 크기를 조정합니다.Copies and then resizes the content of the selected region.
CtrlCtrl 시프트Shift 선택 영역의 내용을 복사한 다음 크기를 비례적으로 조정합니다.Copies and then proportionally resizes the content of the selected region.

도구 속성Tool Properties

도구를 선택한 상태에서 속성 창을 사용하여 이미지에 미치는 영향에 대한 세부 정보를 지정할 수 있습니다.While a tool is selected, you can use the Properties window to specify details about how it affects the image. 예를 들어 연필 도구의 두께 또는 브러시 도구의 색을 설정할 수 있습니다.For example, you can set the thickness of the Pencil tool or the color of the Brush tool.

전경색과 배경색을 모두 설정할 수 있습니다.You can set both a foreground color and a background color. 둘 다 사용자 정의 불투명도를 제공하는 알파 채널을 지원합니다.Both support an alpha channel to provide user-defined opacity. 이 설정은 모든 도구에 적용됩니다.The settings apply to all tools. 마우스를 사용하는 경우 왼쪽 마우스 단추는 전경색에 해당하고 오른쪽 마우스 단추는 배경색에 해당합니다.If you use a mouse, the left mouse button corresponds to the foreground color, and the right mouse button corresponds to the background color.

다음 표에서는 도구 속성에 대해 설명합니다.The following table describes tool properties.

도구Tool 속성Properties
모든 도구 및 선택 도구All tools and selections 회전 기준Rotate by
선택 또는 도구 효과를 시계 방향으로 회전하는 크기(도)를 정의합니다.Defines the amount, in degrees, that the selection or tool effect is rotated in the clockwise direction.
연필, 브러시, 에어브러시, 지우개Pencil, Brush, Airbrush, Eraser 두께Thickness
도구의 영향을 받는 영역의 크기를 정의합니다.Defines the size of the area that is affected by the tool.
텍스트Text 앤티앨리어싱Anti-alias
앤티앨리어싱된 가장자리가 있는 텍스트를 그립니다.Draws text that has anti-aliased edges. 이 경우 텍스트가 더 부드러운 모양으로 표시됩니다.This gives text a smoother appearance.

ValueValue
그릴 텍스트입니다.The text to be drawn.

글꼴Font
텍스트를 그리는 데 사용되는 글꼴입니다.The font used to draw the text.

SizeSize
텍스트의 크기입니다.The size of the text.

굵게Bold
글꼴을 굵게 만듭니다.Makes the font bold.

기울임꼴Italics
글꼴을 기울임꼴로 만듭니다.Makes the font italic.

밑줄 표시Underlined
밑줄이 표시되는 글꼴을 만듭니다.Makes the font underlined.
2차원 기본 그래픽2-D Primitive 앤티앨리어싱Anti-alias
앤티앨리어싱된 가장자리가 있는 기본 그래픽을 그립니다.Draws primitives that have anti-aliased edges. 이 경우 더 부드러운 모양이 제공됩니다.This gives them a smoother appearance.

두께Thickness
기본 그래픽의 경계를 만드는 선의 두께를 정의합니다.Defines the thickness of the line that forms the boundary of the primitive.

반지름 XRadius X
(둥근 사각형만 해당) 기본 그래픽의 위쪽 및 아래쪽 가장자리에 대한 반지름을 정의합니다.(Rounded rectangle only) Defines the rounding radius for the top and bottom edges of the primitive.

반지름 YRadius Y
(둥근 사각형만 해당) 기본 그래픽의 왼쪽 및 오른쪽 가장자리에 대한 반지름을 정의합니다.(Rounded rectangle only) Defines the rounding radius for the left and right edges of the primitive.
연필, 브러시, 에어브러시, 2차원 기본 그래픽Pencil, Brush, Airbrush, 2-D Primitive 채널Channels
보기 및 그리기에 대한 특정 색 채널을 사용하거나 사용하지 않도록 설정합니다.Enables or disables specific color channels for viewing and drawing. 특정 색 채널에 대해 보기가 설정되면 해당 채널이 이미지에 표시됩니다. 그렇지 않으면 표시되지 않습니다.If View is set for a specific color channel, that channel is visible in the image; otherwise, it is not visible. 특정 색 채널에 대해 그리기가 설정되면 해당 채널이 그리기 작업의 영향을 받습니다. 그렇지 않으면 영향을 받지 않습니다.If Draw is set for a specific color channel, that channel is affected by drawing operations; otherwise, it is not.
선택 영역 자동 선택, 채우기Wand Selection, Fill 허용 오차Tolerance
더 적거나 더 비슷한 색이 영향을 받거나 선택한 영역의 일부가 되도록 비슷하게 간주되는 인접한 색 간의 최대 차이를 정의합니다.Defines the maximum difference between adjacent colors within which they are considered similar, so that fewer or more similar colors are made a part of the affected or selected region. 이 값은 기본적으로 32이며, 이는 원래 색의 32 음영(더 밝게 또는 더 어둡게) 내에서 인접한 픽셀이 영역의 일부로 간주된다는 것을 의미합니다.By default, the value is 32, which means that adjacent pixels within 32 shades (lighter or darker) of the original color are considered to be part of the region.

바로 가기 키Keyboard shortcuts

명령Command 바로 가기 키Keyboard shortcuts
선택 모드로 전환Switch to Select mode SS
확대/축소 모드로 전환Switch to Zoom mode ZZ
이동 모드로 전환Switch to Pan mode KK
모두 선택Select all Ctrl+ACtrl+A
현재 선택 영역을 삭제합니다.Delete the current selection 삭제Delete
현재 선택을 취소합니다.Cancel the current selection 이스케이프Escape
확대Zoom in Ctrl+마우스 휠 앞으로Ctrl+Mouse wheel forward

Ctrl+PageUpCtrl+PageUp

더하기 기호(+)Plus Sign (+)
축소Zoom out Ctrl+마우스 휠 뒤로Ctrl-Mouse wheel backward

Ctrl-PageDownCtrl-PageDown

빼기 기호(-)Minus Sign (-)
이미지를 위로 이동Pan the image up 마우스 휠 뒤로Mouse wheel backward

PageDownPageDown
이미지를 아래로 이동Pan the image down 마우스 휠 앞으로Mouse wheel forward

PageUpPageUp
이미지를 왼쪽으로 이동Pan the image left Shit+마우스 휠 뒤로Shift+Mouse wheel backward

마우스 휠 왼쪽Mouse wheel left

Shift+PageDownShift+PageDown
이미지를 오른쪽으로 이동Pan the image right Shit+마우스 휠 앞으로Shift+Mouse wheel forward

마우스 휠 오른쪽Mouse wheel right

Shift+PageUpShift+PageUp
실제 크기로 확대/축소Zoom to actual size Ctrl+0(영)Ctrl+0 (zero)
이미지를 창에 맞게 조정Fit image to window Ctrl+G, Ctrl+FCtrl+G, Ctrl+F
이미지를 창 너비에 맞게 조정Fit image to window width Ctrl+G, Ctrl+ICtrl+G, Ctrl+I
눈금 설정/해제Toggle grid Ctrl+G, Ctrl+GCtrl+G, Ctrl+G
현재 선택 영역에 맞게 이미지 자르기Crop image to current selection Ctrl+G, Ctrl+CCtrl+G, Ctrl+C
다음 MIP 수준(더 높은 세밀도) 보기View next (higher detail) MIP level Ctrl+G, Ctrl+6Ctrl+G, Ctrl+6
이전 MIP 수준(더 낮은 세밀도) 보기View previous (lower detail) MIP level Ctrl+G, Ctrl+7Ctrl+G, Ctrl+7
빨간색 채널 설정/해제Toggle red color channel Ctrl+G, Ctrl+1Ctrl+G, Ctrl+1
녹색 채널 설정/해제Toggle green color channel Ctrl+G, Ctrl+2Ctrl+G, Ctrl+2
파란색 채널 설정/해제Toggle blue color channel Ctrl+G, Ctrl+3Ctrl+G, Ctrl+3
알파(투명도) 채널 설정/해제Toggle alpha (transparency) channel Ctrl+G, Ctrl+4Ctrl+G, Ctrl+4
알파 체크 무늬 패턴 설정/해제Toggle alpha checkerboard pattern Ctrl+G, Ctrl+BCtrl+G, Ctrl+B
부정형 선택 도구로 전환Switch to irregular selection tool LL
자동 선택 도구로 전환Switch to wand selection tool MM
연필 도구로 전환Switch to pencil tool PP
브러시 도구로 전환Switch to brush tool BB
채우기 도구로 전환Switch to fill tool FF
지우개 도구로 전환Switch to eraser tool EE
텍스트 도구로 전환Switch to text tool TT
색 선택(스포이트) 도구로 전환Switch to color-select (eyedropper) tool II
활성 선택 영역 및 해당 내용 이동Move the active selection, and its contents. 화살표 키Arrow keys.
활성 선택 영역 및 해당 내용 크기 조정Resize the active selection, and its contents. Ctrl+화살표 키Ctrl+Arrow keys
활성 선택 영역 이동(해당 내용은 이동 안 함)Move the active selection, but not its contents. Shift+화살표 키Shift+Arrow keys
활성 선택 영역 크기 조정(해당 내용의 크기 조정 안 함)Resize the active selection, but not its contents. Shift+Ctrl+화살표 키Shift+Ctrl+Arrow keys
현재 레이어 커밋Commit the current layer 반환Return
도구 두께 감소Decrease tool thickness [[
도구 두께 증가Increase tool thickness ]]
제목Title 설명Description
게임 및 응용 프로그램을 위한 3D 자산 작업Working with 3-D Assets for Games and Apps Visual StudioVisual Studio에서 질감, 이미지, 3차원 모델 및 셰이더 효과와 같은 그래픽 자산으로 작업하는 데 사용할 수 있는 도구에 대한 개요를 제공합니다.Provides an overview of the tools that you can use in Visual StudioVisual Studio to work with graphics assets such as textures and images, 3-D models, and shader effects.
모델 편집기Model Editor Visual StudioVisual Studio 모델 편집기를 사용하여 3차원 모델 작업을 수행하는 방법을 설명합니다.Describes how to use the Visual StudioVisual Studio Model Editor to work with 3-D models.
셰이더 디자이너Shader Designer Visual StudioVisual Studio 셰이더 디자이너를 사용하여 셰이더 작업을 수행하는 방법을 설명합니다.Describes how to use the Visual StudioVisual Studio Shader Designer to work with shaders.