이미지 편집기
이 문서를 작업 하는 방법을 설명의 Visual Studio 보고 텍스처 및 이미지 리소스를 수정 하려면 이미지 편집기입니다.
이미지 편집기를 사용하여 DirectX 응용 프로그램 개발에 사용되는 풍부한 질감과 이미지로 작업할 수 있습니다. 여기에는 널리 사용되는 이미지 파일 형식과 색상 코딩, 알파 채널과 MIP-매핑 같은 기능 및 DirectX가 지원하는 대부분의 고도로 압축된 하드웨어 가속 질감 형식에 대한 지원이 포함됩니다.
지원되는 형식
이미지 편집기는 이러한 이미지 형식을 지원합니다.
형식 이름 |
파일 확장명 |
|---|---|
이식 가능한 네트워크 그래픽 |
png |
JPEG |
.jpg, .jpeg, .jpe, .jfif |
Direct Draw Surface |
.dds |
GIF(Graphics Interchange Format) |
.gif |
비트맵 |
.bmp, .dib |
태그 기반 이미지 파일 형식(TIFF) |
.tif, .tiff |
TGA(Targa) |
.tga |
시작
이미지를 추가 하는 방법을 설명 하 여 Visual Studio 프로젝트 및 요구 사항에 대 한 구성 합니다.
프로젝트에 이미지를 추가 하려면
솔루션 탐색기, 원하는 이미지를 추가 하 고 선택 된 프로젝트에 대 한 바로 가기 메뉴를 열고 추가, 새 항목.
에 새 항목 추가 대화 상자에서 설치 된선택 그래픽, 다음 이미지의 적절 한 파일 형식을 선택 합니다.사용자 요구 사항에 따라 파일 형식을 선택 하는 방법에 대 한 내용은 다음 섹션을 참조 하십시오.
지정 된 이름 이미지 파일의 및 위치 원하는 위치에 만들 수.
추가 단추를 선택합니다.
.gif "Hh315744.collapse_all(ko-kr,VS.110).gif")
이미지 형식을 선택합니다.
어떻게 하면 이미지를 사용 하려면 계획에 따라, 특정 파일 형식을 다른 것 보다 더 적합할 수 있습니다.예를 들어, 일부 형식은 필요한 기능 지원 하지-투명도 나 특정 색 형식 — 또는 계획 하였습니다 이미지 콘텐츠의 종류에 적합 한 압축을 제공 하지 않는.
다음 정보 요구를 만족 하는 이미지 형식을 선택 하는 데 도움이 됩니다.
비트맵 이미지(.bmp)
비트맵 이미지 형식24비트 색을 지원하는 압축되지 않은 이미지 형식입니다.비트맵 형식은 투명도를 지원하지 않습니다.GIF 이미지(.gif)
GIF(Graphics Interchange Format) 이미지 형식최대 256 색을 지원하는 LZW-압축, 무손실 이미지 형식입니다..많은 양의 색상 세부 정보를 가진 사진 및 이미지에는 적합하지 않지만 높은 색상 일관성을 가진 낮은 색상 이미지에 대해서는 좋은 압축 비율을 제공합니다.JPG 이미지 (.jpg)
JPEG(Joint Photographic Experts Group) 이미지 형식24비트 색을 지원하며 높은 수준의 색상 일관성을 가진 이미지의 범용 압축에 적합한 고도로 압축된, 손실 이미지 형식입니다.PNG Image (.png)
PNG(Portable Network Graphics) 이미지 형식24비트 컬러와 알파 투명도를 지원하는 약간 압축된 무손실 이미지 형식입니다.자연 및 인공 이미지에 적합하지만 JPG 또는 GIF 같은 손실 형식의 압축 비율을 제공하지 않습니다.TIFF 이미지(.tif)
TIFF(Tagged Image File Format) 이미지 형식여러 압축 체계를 지원하는 융통성 있는 이미지 형식입니다.DDS 질감(.dds)
DirectDraw Surface(DDS) 질감 형식입니다.24비트 컬러와 알파 투명도를 지원하는 고도로 압축된 손실 질감 형식입니다.압축 비율은 8: 1 정도로 높을 수 있습니다.그래픽 하드웨어에서 압축을 풀 수 있는 S3 질감 압축을 기반으로 합니다.TGA 이미지(.tga)
TGA(Truevision Graphics Adapter) 이미지 형식(Targa라고도 함).색상 매핑(색상표)이나 24 비트 색상과 알파 투명도까지의 직접 컬러 이미지를 모두 지원하는 RLE 압축 무손실 이미지 포맷.많은 양의 색상 세부 정보를 가진 사진 및 이미지에는 적합하지 않지만 동일한 색상의 긴 범위를 가진 이미지에 대해서는 좋은 압축 비율을 제공합니다.
이미지를 구성합니다.
방금 만든 이미지와 함께 작업을 시작 하기 전에 해당 기본 구성을 변경할 수 있습니다.예를 들어, 크기 또는 색 형식을 사용 하 여 변경할 수 있습니다.이러한 속성 및 다른 이미지의 속성을 구성 하는 방법에 대 한 내용은 이미지 속성.
[!참고]
작업을 저장 하기 전에 설정 해야는 색 형식 속성에서 특정 색 형식을 사용 하려는 경우.압축을 지 원하는 파일 형식을 선택 하면 또는 처음 파일을 저장할 때 압축 설정을 조정할 수 있습니다 으로 저장.
이미지 편집기에서 작업
이 섹션에서는 텍스처 및 이미지를 수정 하려면 이미지 편집기를 사용 하는 방법을 설명 합니다.
이미지 편집기 도구 모음
이미지 편집기 도구 모음에는 이미지 작업에 유용한 명령이 포함되어 있습니다.
이미지 편집기의 상태에 영향을 주는 명령 위치에 있는 이미지 편집기 모드 함께 고급 명령 도구 모음.이미지 편집기 디자인 화면의 맨 위 가장자리를 따라 도구 모음이 있습니다.그리기 도구에 있는 이미지 편집기 이미지 편집기 디자인 화면의 왼쪽 가장자리를 따라 도구 모음.
다음은 이미지 편집기 모드 도구 모음입니다.
.png "이미지 편집기 모달 도구 모음.")
이 표에서는 왼쪽에서 오른쪽으로 나타나는 순서에 따라 나열된 이미지 편집기 모드 도구 모음에 있는 항목을 설명합니다.
도구 상자 항목 |
설명 |
|---|---|
Select |
이미지의 사각 영역 선택을 사용합니다.영역을 선택한 후 잘라내거나 복사, 이동, 배율 조정, 회전, 뒤집기 또는 삭제할 수 있습니다.활성 선택 영역이 있으면 그리기 도구는 선택된 영역에만 적용됩니다. |
부정형 선택 |
이미지의 불규칙한 영역 선택을 사용합니다.영역을 선택한 후 잘라내거나 복사, 이동, 배율 조정, 회전, 뒤집기 또는 삭제할 수 있습니다.활성 선택 영역이 있으면 그리기 도구는 선택된 영역에만 적용됩니다. |
지팡이 선택 |
이미지의 유사 색상 영역 선택을 사용합니다.허용치 즉, 비슷하다고 간주되는 인접한 색상 간의 최대 차이는 비슷한 색상의 더 적은 또는 더 넓은 범위를 포함하기 위해 구성될 수 있습니다.영역을 선택한 후 잘라내거나 복사, 이동, 배율 조정, 회전, 뒤집기 또는 삭제할 수 있습니다.활성 선택 영역이 있으면 그리기 도구는 선택된 영역에만 적용됩니다. |
이동 |
창 프레임을 기준으로 이미지의 이동을 사용합니다.Pan 모드에서 이미지의 한 점을 선택한 다음 주변을 이동시킵니다. Ctrl 키를 누르고 있으면 이동 모드를 일시적으로 활성화할 수 있습니다. |
확대/축소 |
창 프레임을 기준으로 다소간 이미지 세부 정보의 표시를 사용합니다.확대/축소 모드로 이미지에서 점을 선택하고 오른쪽이나 아래쪽으로 이동하여 확대하거나 왼쪽이나 위쪽으로 이동하여 축소합니다. 마우스 휠을 사용하거나 더하기 기호(+) 또는 마이너스 기호(-)를 누른 상태에서 Ctrl 키를 눌러 확대하거나 축소할 수 있습니다. |
실제 크기로 확대/축소 |
이미지의 픽셀과 화면의 픽셀간 1:1 관계를 사용하여 이미지를 표시합니다. |
크기에 맞게 |
창 프레임에 전체 이미지를 표시합니다. |
너비에 맞게 확대/축소 |
창 프레임에 이미지의 전체 너비를 표시합니다. |
Grid |
픽셀 경계를 보여주는 표를 사용하거나 사용하지 않도록 설정합니다.이미지를 확대할 때까지는 표가 나타나지 않을 수 있습니다. |
다음 MIP 수준 보기 |
MIP 맵 체인에서 다음으로 큰 MIP 수준을 활성화합니다.활성 MIP 레벨은 디자인 화면에 표시됩니다.이 항목은 MIP 수준을 갖고 있는 질감에만 사용할 수 있습니다. |
이전 MIP 수준 보기 |
MIP 맵 체인에서 다음으로 작은 MIP 수준을 활성화합니다.활성 MIP 레벨은 디자인 화면에 표시됩니다.이 항목은 MIP 수준을 갖고 있는 질감에만 사용할 수 있습니다. |
빨강 채널 녹색 채널 파랑 채널 알파 채널 |
특정 색상 채널을 사용하거나 사용하지 않도록 설정합니다. .gif "참고") 참고
체계적으로 색상 채널을 활성화하거나 사용하지 않도록 설정하여 그 중 하나 이상의 관련된 문제를 격리할 수 있습니다.예를 들어, 잘못된 알파 투명도를 식별할 수 있습니다.
|
Background |
이미지의 투명한 부분을 통해 배경을 표시할지 여부를 사용하거나 사용하지 않도록 설정합니다.다음 옵션 중에서 선택하여 백그라운드를 표시하는 방법을 구성할 수 있습니다.
|
속성 |
또는 속성 창을 열거나 닫습니다. |
고급 |
추가 명령 및 옵션을 포함합니다. 필터 다음과 같은 몇 가지 일반적인 이미지 필터를 제공합니다. 흑백, 흐림, 밝음, 어두음, 가장자리 감지, 볼록, 색 반전, 잔물결, 세피아 톤 및 선명 그래픽 엔진
도구
보기
팁
고급 단추를 선택하여 마지막 명령을 다시 실행할 수 있습니다.
|
다음은 이미지 편집기 도구 모음입니다.
.png "이미지 편집기 도구 모음")
다음 표에서는 위쪽에서 아래쪽으로 나타나는 순서에 따라 나열된 이미지 편집기 도구 모음에 있는 항목을 설명합니다.
도구 상자 항목 |
설명 |
|---|---|
연필 |
활성 색 선택을 사용하여 앨리어싱 스트로크를 그립니다.색상 및 획의 두께 설정할 수 있습니다의 속성 창. |
브러시 |
활성 색 선택을 사용하여 앤티 앨리어싱 스트로크를 그립니다.색상 및 획의 두께 설정할 수 있습니다의 속성 창. |
에어브러시 |
이미지와 함께 혼합되어 시간의 함수로 더욱 포화되는 앤티 앨리어스 선을 그리려면 활성화된 색을 사용합니다.색상 및 획의 두께 설정할 수 있습니다의 속성 창. |
스포이트 |
활성 색 선택을 선택된 픽셀의 색으로 설정합니다. |
Fill |
활성 색 선택을 사용하여 이미지의 영역을 채웁니다.영향을 받는 영역은 동일한 색의 픽셀로 연결되고 동일한 색 차제인 모든 픽셀과 함께 채우기가 적용되는 픽셀로 정의됩니다.현재 선택 영역 안에서 채우기가 적용되면 영향 받은 영역은 선택 영역에 의해 제한됩니다. 기본적으로 활성 색상 선택 항목은 알파 구성 요소에 따라 영향을 받는 이미지 영역과 함께 혼합됩니다.활성화된 색 선택을 사용하여 영향을 받는 영역을 덮어쓰려면 채우기 채우기 도구를 사용할 때 Shift 키를 누르고 있습니다. |
지우개 |
이미지가 알파 채널을 지원하는 경우 픽셀을 완전히 투명한 색으로 설정합니다.그렇지 않으면 픽셀을 현재 배경색으로 설정합니다. |
선, 사각형, 모서리가 둥근 직사각형, 타원 |
이미지에 모양을 그립니다.색 및 윤곽선의 두께를 설정할 수 있습니다의 속성 창. 너비와 높이가 같은 기본 형식을 그리려면 shift 키를 누른 상태에서 그립니다. |
텍스트 |
전경색 선택을 사용하여 텍스트를 그립니다.배경색은 배경 색 선택으로 결정됩니다.투명한 배경의 경우 배경 색상 선택의 알파 값은 0이어야 합니다.텍스트 영역에 활성화 되어 있는 동안 텍스트 앤티 앨리어스 스트로크로 그리고 텍스트를 설정할 수 있는지 여부를 설정할 수 있습니다 값, 글꼴, 크기, 및 스타일-굵게, 기울임꼴, 또는 밑줄이 표시-에서 속성 창.텍스트의 내용과 모양은 텍스트 영역이 더 이상 활성화되지 않으면 종료됩니다. |
회전 |
이미지를 시계 방향으로 90도 회전합니다. |
Trim |
이미지를 활성 선택 영역으로 트리밍합니다. |
MIP 수준에서 작업
DirectDraw Surface(.dds) 같은 일부 이미지 형식은 질감 공간 세부 수준(LOD)에 대한 MIP 수준을 지원합니다.MIP 수준을 생성하고 사용하는 방법에 대한 자세한 내용은 방법: MIP 수준 생성를 참조하십시오.
투명도가 적용 된 작업
DirectDraw Surface(.dds) 같은 일부 이미지 형식은 투명도를 지원합니다.사용 중인 도구에 따라 투명도를 사용할 수 있는 여러 가지 방법이 있습니다.색 선택 영역에 대한 투명도 수준을 지정하려면 속성 창에서 색의 A (알파) 구성 요소를 설정합니다.여러 종류의 도구가 투명도를 적용하는 방법을 제어하는 방식은 다음과 같습니다.
도구 |
설명 |
|---|---|
연필, 브러시, 에어브러시, 줄, 사각형, 둥근 사각형, 타원, 텍스트 |
활성 선택 색상을 속성 창의 이미지와 혼합하기 위해 채널 속성 그룹을 확장하고 알파 채널에 그리기 확인란을 설정한 다음 정상적으로 그립니다. 활성화된 색 선택을 사용하여 그리고 이미지의 알파 값을 원 위치에 놓으려면 알파 채널의 그리기 확인란을 지운 다음 정상적으로 그립니다. |
Fill |
활성 색 선택을 이미지와 혼합하려면 채울 영역만 선택합니다. 알파 채널의 값을 포함하여 활성화된 색 선택을 사용하여 이미지를 덮어쓰려면 Shift를 누른 다음 채울 영역을 선택합니다. |
이미지 속성
사용할 수 있는 속성 이미지의 다양 한 속성을 지정 하는 창.예를 들어, 이미지 크기를 조정 하려면 너비 및 높이 속성을 설정할 수 있습니다.
다음 표에서 이미지 속성에 설명 합니다.
속성 |
설명 |
|---|---|
너비 |
이미지의 너비입니다. |
높이 |
이미지의 높이입니다. |
픽셀 당 비트 수 |
각 픽셀을 나타내는 비트 수입니다.이 속성 값은 이미지의 색 형식에 따라 달라집니다. |
레이어 혼합 |
선택 영역 레이어의 알파 값을 기본 이미지와 선택을 혼합하려면 True이고 그렇지 않으면 False입니다.이 항목은 알파를 지원하는 이미지에만 사용할 수 있습니다. |
색 형식 |
이미지의 색 형식이미지 형식에 따라 다양한 색 형식을 지정할 수 있습니다.색 형식에서는 다양한 채널의 이미지, 크기 및 인코딩에 포함된 색 채널의 수 및 종류를 정의합니다. |
밉 수준 |
활성 MIP 수준입니다.이 항목은 MIP 수준을 갖고 있는 질감에만 사용할 수 있습니다. |
밉 수준 개수 |
이미지에 있는 MIP 수준의 합계이 항목은 MIP 수준을 갖고 있는 질감에만 사용할 수 있습니다. |
프레임 개수 |
이미지의 총 프레임 수이 항목은 질감 배열을 지원하는 이미지에만 사용할 수 있습니다. |
프레임 |
현재 프레임첫 번째 프레임만 볼 수 있습니다. 다른 모든 프레임은 이미지를 저장할 때 손실됩니다. |
깊이 조각 개수 |
이미지의 총 깊이 조각 수이 항목은 볼륨 질감을 지원하는 이미지에만 사용할 수 있습니다. |
깊이 조각 |
현재 깊이 조각.첫 번째 조각만 볼 수 있습니다. 다른 모든 조각은 이미지를 저장할 때 손실됩니다. |
이미지 크기 조정
다음은 이미지 크기를 조정하는 두 가지 방법입니다.두 경우 모두 이미지 편집기는 이중 선형 보간을 사용하여 이미지를 다시 샘플링합니다.
속성 창에서 너비 및 높이 속성에 대해 새 값을 지정합니다.
전체 이미지를 선택하고 테두리 마커를 사용하여 이미지 크기를 조정합니다.
도구를 사용하여 작업
선택된 영역
이미지 편집기에서 선택은 활성화된 이미지 영역을 정의합니다. 즉, 영역은 도구 및 변형에 의해 달라집니다.활성 선택 영역이 있으면 선택된 영역 바깥쪽 영역은 대부분의 도구 및 변형에 의해 영향을 받지 않습니다.활성 선택이 아닌 경우 전체 이미지가 활성화됩니다.
대부분의 도구-연필, 브러쉬, 에어브러쉬, 채우기, 지우개, 및 2 차원 기본 형식-및 변형-회전, 트림, 색 반전, 좌우, 및 상하-제한 또는 현재 선택 영역을 정의 합니다.그러나 스포이트, 텍스트와 같은 일부 도구 및 밉 생성과 같은 변환은 현재 선택 영역에 영향을 받지 않습니다. 이러한 도구들은 항상 전체 이미지가 선택된 것과 같이 동작합니다.
영역을 선택하는 동안 Shift를 누르면 비례(사각형)를 선택할 수 있습니다. 그렇지 않으면 선택은 제한되지 않습니다.
선택 영역 크기 조정
영역 선택 후 선택 마커의 크기를 변경하여 영역 또는 이미지 콘텐츠의 크기를 조정할 수 있습니다.선택한 영역의 크기를 조정 하는 동안 다음 한정자 키를 사용 하 여 (누르고 조정 키) 크기를 조절할 때 선택 영역의 동작을 변경할 수 있습니다.
Ctrl
그 크기가 조정 되기 전에 선택 영역의 내용을 복사 합니다.복사본의 크기를 조정 하는 동안이 원본 이미지 그대로 둡니다.시프트 연산자
선택한 영역의 원래 크기에 비례하여 크기를 조정 합니다.Alt
선택 영역의 크기를 변경합니다.이 이미지를 수정 하지 않고 그대로 둡니다.
유효한 한정자 키 조합은 다음과 같습니다.
Ctrl |
시프트 연산자 |
Alt |
설명 |
|---|---|---|---|
선택한 영역의 콘텐츠 크기를 조정합니다. |
|||
시프트 연산자 |
선택한 영역의 콘텐츠에 비례적으로 크기를 조정합니다. |
||
Alt |
선택한 영역의 크기를 조정합니다.새 선택 영역을 정의합니다. |
||
시프트 연산자 |
Alt |
선택한 영역에 비례적으로 크기를 조정합니다.새 선택 영역을 정의합니다. |
|
Ctrl |
선택한 영역의 콘텐츠를 복사한 다음 크기를 조정합니다. |
||
Ctrl |
시프트 연산자 |
선택한 영역의 콘텐츠를 복사한 다음 비례적으로 크기를 조정합니다. |
도구 속성
도구를 선택한 상태에서 사용할 수 있습니다에서 속성 이미지에 영향을 미치는 방법에 대 한 정보를 지정 하는 창입니다.예를 들어, 연필 도구의 굵기를 설정할 수 있거나 또는 브러시 도구의 색을 설정할 수 있습니다.
전경색과 배경색을 모두 설정할 수 있습니다.둘 모두 사용자 정의 불투명도를 제공하기 위해 알파 채널을 지원합니다.설정은 모든 도구에 적용됩니다.만약 마우스를 사용하면, 마우스 왼쪽 단추는 전경색에 마우스 오른쪽 단추는 배경색에 해당합니다.
다음 표에서는 도구 속성에 대해 설명합니다.
도구 |
속성 |
|---|---|
연필, 브러시, 에어브러시, 지우개 |
|
텍스트 |
|
2-D 원시 |
|
연필, 브러시, 에어브러쉬, 2D 기본 형식 |
|
모든 도구와 선택 |
|
지팡이 선택, 채우기 |
|
바로 가기 키
명령 |
바로 가기 키 |
|---|---|
선택 모드로 전환합니다. |
S |
확대/축소 모드로 전환 |
Z |
이동 모드로 전환 |
K |
모두 선택 |
Ctrl+A |
현재 선택 영역을 삭제합니다. |
삭제 |
현재 선택을 취소합니다. |
이스케이프 |
확대 |
Ctrl+마우스 휠 앞으로 Ctrl+PageUp 더하기 기호(+) |
축소 |
Ctrl-마우스 휠 뒤로 Ctrl-PageDown - 기호 |
이미지를 위로 이동 |
마우스 휠 뒤로 PageDown |
이미지를 아래로 이동 |
마우스 휠 앞으로 PageUp |
이미지를 왼쪽으로 이동 |
Shit+마우스 휠 뒤로 마우스 휠 왼쪽 Shift+PageDown |
이미지를 오른쪽으로 이동 |
Shit+마우스 휠 앞으로 마우스 휠 오른쪽 Shift+PageUp |
실제 크기로 확대/축소 |
Ctrl + 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 |
알파(투명도) 채널 토글 |
Ctrl+G, Ctrl+4 |
알파 체크 무늬 패턴 전환 |
Ctrl+G, Ctrl+B |
부정형 선택 도구로 전환 |
L |
지팡이 선택 도구로 전환 |
M |
연필 도구로 전환 |
P |
브러시 도구로 전환 |
B |
채우기 도구로 전환 |
F |
지우개 도구로 전환 |
E |
텍스트 도구로 전환 |
T |
색 선택(스포이드) 도구로 전환 |
I |
활성 선택 영역 및 해당 내용을 이동합니다. |
화살표 키 |
활성 선택 영역 및 해당 내용의 크기를 조정합니다. |
Ctrl+화살표 키 |
활성 선택 영역은 이동하되 해당 내용은 이동하지 않습니다. |
Shif+화살표 키 |
활성 선택 영역은 크기를 조정하되 해당 내용은 크기를 조정하지 않습니다. |
Shift+Ctrl+화살표 키 |
현재 레이어 커밋 |
Return |
도구 두께 감소 |
[ |
도구 두께 증가 |
] |
관련 항목
제목 |
설명 |
|---|---|
텍스처, 이미지, 3차원 모델 및 셰이더 효과 같은 그래픽 자산으로 작업할 Visual Studio에서 사용할 수 있는 도구에 대한 개요를 제공합니다. |
|
Visual Studio 모델 편집기를 사용하여 3-D 모델 작업을 수행하는 방법을 설명합니다. |
|
Visual Studio 셰이더 디자이너를 사용하여 셰이더 작업을 수행하는 방법을 설명합니다. |