AnyPortrait > 메뉴얼 > 화면 캡쳐

화면 캡쳐

1.5.1

AnyPortrait는 유니티를 거치지 않고 직접 화면을 캡쳐하는 기능을 제공합니다.
전문적인 캡쳐 도구는 아니므로 간단히 SNS 등으로 공유하는 정도의 목적으로 사용하시는 것을 권장합니다.
v1.0.3부터 화면 캡쳐 기능이 개선되었으며, 이전버전과 달리 Mac OSX에서도 이 기능을 지원합니다.
변경된 내용을 이 페이지에서 확인하실 수 있습니다.

화면 캡쳐 기능을 이용하기 위해서
(1) Root Unit을 선택합니다.
화면이 캡쳐되는 영역을 보기 위해 (2) Show Frame 버튼을 누릅니다. (기본적으로 켜진 상태입니다.)

오른쪽 화면에서 (1) Capture 탭을 선택합니다.
4개의 화면 캡쳐 도구를 보실 수 있습니다.

Thumbnail : AnyPortrait 에디터의 첫 화면에서 사용하는 썸네일을 캡쳐합니다.
Screenshot : 스크린샷 이미지를 파일로 저장합니다.
GIF Anim : 애니메이션을 선택하여 GIF 애니메이션 파일로 저장합니다.
Spritesheet : 애니메이션들을 선택하여 스프라이트 시트(Sprite Sheet)나 연속된 이미지(Sequence Image)로 저장합니다.

썸네일 만들기

썸네일을 만들 수 있는 화면입니다.

1. 캡쳐 영역 : 이미지로 저장될 영역입니다. 노란색 사각형이 썸네일로 저장되는 영역입니다.
2. 4개의 캡쳐 도구 : 화면 캡쳐하는 4개의 도구입니다. 여기서는 Thumbnail을 선택합니다.
3. 캡쳐 영역 위치 : 캡쳐 영역을 이동할 수 있습니다. 기본적으로는 (0, 0)입니다.
4. 캡쳐 영역 폭과 배경색 : 캡쳐 영역의 폭과 배경 색상을 설정할 수 있습니다. 폭을 설정하면 높이는 자동으로 지정됩니다.
5. 썸네일 미리보기 : 저장된 썸네일을 볼 수 있습니다.
6. 저장 경로 : 썸네일이 저장되는 경로를 지정합니다. Assets 폴더 내에 위치해야합니다.
7. Make Thumbnail : 썸네일을 생성하는 버튼입니다.

(1) 캡쳐 영역의 위치와 크기, 배경색을 설정합니다.
(2) Change 버튼을 눌러서 썸네일 이미지가 저장될 파일 경로를 설정합니다. Assets 폴더 내에 위치해야합니다.
(3) Make Thumbnail 버튼을 눌러서 썸네일을 만듭니다.

썸네일이 저장된 것을 바로 확인할 수 있습니다.

저장된 썸네일은 에디터를 실행하고 캐릭터를 선택할 때 나타납니다.
썸네일을 이용하면 많은 캐릭터를 만들 때 편리합니다.

스크린샷 저장하기

현재 화면은 이미지 파일로 저장하는 기능입니다.
화면 구성은 썸네일 도구와 유사합니다.
캡쳐 영역은 화면상의 하늘색 사각형입니다.
(1) Screenshot 도구를 선택합니다.
(2) 캡쳐 영역의 위치와 크기를 선택합니다.
(3) 저장될 이미지의 크기와 배경색을 선택합니다.
(4) Fixed Aspect Ratio가 활성화되면 폭과 높이의 비율이 일정하게 유지되며, 캡쳐 영역과 이미지 크기의 비율도 동일해집니다.

(1) Take a Screenshot 버튼을 눌러서 이미지를 저장합니다.
(2) 저장 위치는 Assets 폴더의 외부여도 상관이 없습니다.

이미지가 저장되면, 자동으로 저장된 폴더와 이미지가 열립니다.

스크린샷 저장하기 - 애니메이션을 선택하여 화면 캡쳐하기

이번에는 다른 애니메이션을 선택한 뒤, 저장하고자 하는 프레임을 지정하여 화면을 캡쳐해보겠습니다.
(1) Setting 탭으로 이동합니다.
(2) 애니메이션을 선택합니다.
(3) 슬라이더를 이용하여 저장하고자 하는 프레임으로 이동합니다.

(4) 다시 Capture 탭을 선택합니다.
(5) Take a Screenshot 버튼을 눌러서 이미지를 저장합니다.

위와 같이 원하는 애니메이션 포즈를 캡쳐하여 저장할 수 있습니다.

GIF 애니메이션 저장하기

애니메이션을 재생할 수 있는 GIF 파일 포맷으로 저장하는 방법입니다.
GIF Anim (GIF Animation) 도구를 선택하면 위와 같이 다양한 설정들이 나타납니다.

기존 설정을 유지한 상태로 GIF 애니메이션을 만들어봅시다.
(1) 애니메이션을 선택합니다.
(2) Take a GIF Animation 버튼을 누릅니다.

GIF 애니메이션이 캡쳐되기 위해 애니메이션이 동시에 실행이 됩니다.
애니메이션이 캡쳐되는 동안 진행 상황을 확인할 수 있습니다.

주의
이 상태에서 AnyPortrait의 창 위치나 크기를 제어하거나 다른 메뉴나 기능을 선택하면 안됩니다.
외부의 다른 프로그램을 실행하는 것은 상관없습니다.

완성된 GIF 애니메이션 파일을 확인하실 수 있습니다.

스프라이트 시트(Sprite Sheet) 저장하기

애니메이션의 각 프레임을 이미지로 만들고, 이미지들을 합쳐놓은 것을 스프라이트 시트(Sprite Sheet)라고 합니다.
스프라이트 시트는 유니티 뿐만 아니라 다른 2D 게임 엔진에서도 종종 사용되는 에셋 방식입니다.
AnyPortrait v1.0.3 부터 스프라이트 시트 저장 기능이 추가되었습니다.
스프라이트 시트 도구를 선택하면 상당히 많은 설정들을 볼 수 있습니다.

스프라이트 시트를 만드는 순서입니다.
(1) 프레임의 크기를 설정합니다.
(2) 스프라이트 시트의 크기를 설정합니다. 사용하고자 하는 개발 환경에 맞는 가장 큰 크기를 권장합니다.
(3) 크기 압축 방식을 결정합니다. 적은 용량을 위해 Compressed 방식을 권장하지만 이 경우 메타 파일을 확인해야합니다.
(4) 여백과 배경색을 설정합니다. 개발 환경에 맞게 배경색을 결정하는 것이 좋습니다. 여기서는 투명색을 설정했습니다.

위에 이어진 저장 순서입니다.
(1) 같이 저장할 메타 파일을 선택합니다. 개발 환경에 맞게 선택합니다.
(2) 저장하고자 하는 애니메이션들을 선택합니다.
(3) Export 버튼을 누릅니다. 스프라이트 시트일지 시퀸스 파일일지에 따라서 버튼을 누르면 되겠습니다.

완성된 스프라이트 시트입니다.
자동으로 이미지와 폴더가 실행됩니다.
각각의 프레임이 몇개의 이미지 파일로 저장된 것을 볼 수 있습니다.

메타 파일을 열면 저장된 애니메이션의 정보와 프레임의 크기와 위치 정보 등이 기록된 것을 볼 수 있습니다.
XML, JSON은 실제로 사용될 수 있도록 작성되었으며 TXT 포맷은 쉽게 알아보기 쉬운 방식으로 작성되었습니다.

스프라이트 시트(Sprite Sheet) 저장하기 - 시퀸스 이미지로 저장하기

위 과정에서 Export Sequence Files 버튼을 누르면 프레임들이 각각의 이미지로 저장됩니다.

모든 프레임들이 각각의 이미지로 저장되는 것을 볼 수 있습니다.
프레임 크기나 메타 파일이 생성되는 것은 스프라이트 시트와 동일합니다.

스프라이트 시트(Sprite Sheet) 저장하기 - 크기 압축 방식 비교

크기 압축 방식에 따라 스프라이트 시트의 결과가 다르게 나타납니다.
그 차이점은 다음과 같습니다.

왼쪽이 Fixed 방식이고 오른쪽이 Compressed 방식입니다.
Fixed 방식에서는 설정된 프레임 크기대로 스프라이트 시트를 구성합니다.
Compressed 방식에서는 프레임 크기를 기준으로 이미지를 분석하여 최대한 여백이 없도록 크롭을 하여 스프라이트 시트를 구성합니다.
이미지에 따라서 스프라이트 시트에 더 많은 프레임을 포함할 수 있어서 최적화하기 좋습니다.
프레임의 크기는 메타 파일에 저장되어 있습니다.
Compressed 방식이라 하더라도 같은 애니메이션의 프레임들은 동일한 크기를 가지므로, 완벽히 모든 여백이 사라지는 것은 아닙니다.

스프라이트 시트(Sprite Sheet) 저장하기 - 메타 파일 양식

1. XML
1) 스프라이트 시트

<Content> : 루트 노드
<AnimationClip> : 애니메이션 클립 정보가 포함된 그룹 노드
<Clip> : 각각의 애니메이션 클립에 대한 노드
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
<FrameImage> : 프레임 이미지들이 포함된 그룹 노드
<Image> : 각각의 프레임 이미지에 대한 노드
    - AnimationClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - SpriteIndex : 다수의 스프라이트 시트 파일이 생성된 경우, 저장된 이미지 파일의 번호 (시작은 0)
    - X, Y, Width, Height : 프레임의 위치와 크기 (단위는 픽셀)

2) 시퀸스 파일

<Content> : 루트 노드
<AnimationClip> : 애니메이션 클립 정보가 포함된 그룹 노드
<Clip> : 각각의 애니메이션 클립에 대한 노드
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
<FrameImage> : 프레임 이미지들이 포함된 그룹 노드
<Image> : 각각의 프레임 이미지에 대한 노드
    - AnimationClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - FileName : 프레임 이미지의 시퀸스 이미지 파일 이름

2. JSON
1) 스프라이트 시트

AnimationClip : 애니메이션 클립 정보들이 포함된 리스트
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
FrameImage : 프레임 이미지 정보들이 포함된 리스트
    - AnimationClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - SpriteIndex : 다수의 스프라이트 시트 파일이 생성된 경우, 저장된 이미지 파일의 번호 (시작은 0)
    - X, Y, Width, Height : 프레임의 위치와 크기 (단위는 픽셀)

2) 시퀸스 파일

AnimationClip : 애니메이션 클립 정보들이 포함된 리스트
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
FrameImage : 프레임 이미지 정보들이 포함된 리스트
    - AnimationClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - FileName : 프레임 이미지의 시퀸스 이미지 파일 이름

3. TXT
1) 스프라이트 시트

AnimationClip : 애니메이션 클립 정보의 개수
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
FrameImage : 프레임 이미지 정보들의 총 개수
    - ClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - SpriteIndex : 다수의 스프라이트 시트 파일이 생성된 경우, 저장된 이미지 파일의 번호 (시작은 0)
    - X, Y, Width, Height : 프레임의 위치와 크기 (단위는 픽셀)

2) 시퀸스 파일

AnimationClip : 애니메이션 클립 정보들이 포함된 리스트
    - Index : 애니메이션 노드를 구분하는 인덱스
    - Name : 애니메이션 클립의 이름
    - FPS : 애니메이션의 FPS(Frame Per Second)
    - Frames : 애니메이션에 해당하는 프레임 이미지의 개수
FrameImage : 프레임 이미지 정보들이 포함된 리스트
    - ClipIndex : 해당 프레임이 어느 애니메이션에 나타내는 인덱스. Clip 노드의 Index 속성을 의미
    - Frame : 애니메이션 내에서의 프레임 (시작은 0)
    - FileName : 프레임 이미지의 시퀸스 이미지 파일 이름

MP4 영상 저장하기

애니메이션을 선택해서 MP4 영상 파일로 저장하여 내보낼 수 있습니다.
이 기능은 Unity 2017.4 또는 그 이후의 버전에서 사용이 가능합니다.
Unity 2018.1 버전부터는 더 향상된 화질의 영상으로 저장됩니다.

(1) Root Unit을 선택한 상태에서 Capture 탭을 선택합니다.
(2) Animation 탭 (기존의 GIF Anim 탭)을 선택합니다.

(1) 화면을 캡쳐할 영역의 위치와 크기를 정하고, 저장할 영상의 크기를 정합니다.
작업 화면에서 바로 촬영하는 것이므로, 화면 전체를 촬영하는 것은 지원되지 않습니다.
기본적인 1080p 화면을 기준으로 대략 720p (1280x720)까지 촬영이 가능합니다.
(2) GIF와 달리 계속해서 영상이 반복되서 재생되지 않으므로, Loop Count에 적당한 값을 입력합니다.
(3) 촬영하고자 하는 Animation Clip을 선택합니다.
(4) Export as MP4 버튼을 클릭합니다.

MP4 영상 파일의 경로와 이름을 설정하고 저장 버튼을 누릅니다.

애니메이션이 자동으로 재생되면서 영상이 촬영됩니다.
이 과정은 매우 오래 걸리며, 이 과정에는 다른 작업을 하지 마시길 바랍니다.
Cancel 버튼을 눌러서 촬영을 중단할 수 있습니다.
작업이 완료되면 저장된 영상 파일이 자동으로 실행됩니다.

설정 내보내기/가져오기

1.5.1

Export 버튼과 Import 버튼을 누르면 캡쳐 설정을 파일로 내보내거나 가져올 수 있습니다.
일관된 화면 캡쳐를 반복적으로 수행할 때 도움이 됩니다.
모든 캡쳐 모드의 설정이 한꺼번에 파일로 저장됩니다.