언리얼 엔진의 페이퍼 2D 스프라이트 에디터 | 언리얼 엔진 5.7 문서

프로젝트에 스프라이트(Sprites) 를 추가한 다음에는 스프라이트의 크기, 콜리전 또는 렌더링 행동을 조정하거나 수정해야 할 수도 있습니다. 언리얼 엔진 의 스프라이트 에디터(Sprite Editor) 를 사용하면 캐릭터, 오브젝트 및 타일 스프라이트를 조정할 수 있습니다.

스프라이트 에디터를 열려면 콘텐츠 브라우저(Content Browser) 에서 스프라이트를 더블클릭 합니다. 여러 스프라이트를 열려면 해당 스프라이트를 모두 선택하고 우클릭 한 다음 컨텍스트 메뉴 에서 편집(Edit) 을 선택하면 됩니다.

아래에 몇 가지 툴과 패널이 하이라이트된 스프라이트 에디터의 개요 이미지가 나와 있습니다.

1: 툴바

2: 에디터 모드

3: 스프라이트 리스트

툴바

아래 표에서는 스프라이트 에디터에서 스프라이트 작업 시 사용할 수 있는 고유한 툴바 의 툴을 참조할 수 있습니다.

툴	아이콘	설명
Scr Tex		뷰(View) 스프라이트 에디터 모드 내에서 작업하는 동안 현재 스프라이트가 추출된 스프라이트 시트의 컨텍스트에 현재 스프라이트를 표시하도록 스프라이트 뷰포트를 토글할 수 있습니다. 현재 스프라이트는 하이라이트되고 스프라이트 시트의 나머지 스프라이트는 어둡게 표시됩니다.
다른 스프라이트(Other Sprites)		소스 리전 편집(Edit Source Region) 스프라이트 에디터 모드 내에서 작업하는 동안 스프라이트 시트 내의 다른 스프라이트를 포함하는 바운딩 박스를 토글할 수 있습니다.
스프라이트 이름(Sprite Names)		소스 리전 편집 스프라이트 에디터 모드 내에서 작업하는 동안 뷰포트의 스프라이트에 오버레이되는 스프라이트 이름을 토글할 수 있습니다.
스프라이트 추출(Extract Sprites)		소스 리전 편집 스프라이트 에디터 모드 내에서 작업하는 동안 스프라이트 추출 창을 열어 현재 스프라이트가 추출된 스프라이트 시트에서 스프라이트를 다시 추출할 수 있습니다.
박스 추가(Add Box)		콜리전 편집(Edit Collision) 또는 렌더지오 편집(Edit RenderGeom) 스프라이트 에디터 모드 내에서 작업하는 동안 박스 콜리전 또는 렌더 바운더리 셰이프를 추가할 수 있습니다.
폴리곤 추가(Add Polygon)		콜리전 편집(Edit Collision) 또는 렌더지오 편집(Edit RenderGeom) 스프라이트 에디터 모드 내에서 작업하는 동안 커스텀 폴리곤 콜리전 또는 렌더 바운더리 셰이프를 추가할 수 있습니다. 폴리곤 추가 툴을 선택한 다음에는 뷰포트 내에서 클릭하여 커스텀 셰이프에 대한 새 버텍스를 생성할 수 있습니다. 스프라이트 에디터는 자동으로 새 버텍스와 기존 버텍스를 연결합니다.
원 추가(Add Circle)		콜리전 편집 스프라이트 에디터 모드 내에서 작업하는 동안 원 콜리전 셰이프를 추가할 수 있습니다.
픽셀 그리드에 스냅(Snap to pixel grid)		모든 콜리전 또는 렌더 바운더리 셰이프 버텍스를 스프라이트 픽셀 그리드에 스냅할 수 있습니다. 실제로 스프라이트와 콜리전 및 렌더 바운더리 셰이프를 정렬하는 데 유용합니다.

스프라이트 에디터 모드

스프라이트 에디터에는 언리얼 엔진에서 스프라이트를 수정하고 편집하는 데 사용할 수 있는 네 가지 모드가 있습니다.

뷰 모드

뷰(View) 스프라이트 에디터 모드에서는 머티리얼(Materials) 및 피벗 모드(Pivot Mode) 같은 스프라이트의 프로퍼티를 수정할 수 있습니다.

스프라이트 에디터 프로퍼티 레퍼런스

아래에서 스프라이트 에디터 프로퍼티와 그 기능에 대한 설명을 참조할 수 있습니다.

일부 프로퍼티는 특정 에디터 모드 내에서만 액세스할 수 있습니다. 이러한 모드 제한은 에디터와 프로퍼티 설명에 명시되어 있습니다. 모드별 프로퍼티 설명은 관련 스프라이트 에디터 모드 섹션을 참조하세요.

프로퍼티	설명
소스 UV(Source UV)	소스 텍스처 또는 스프라이트 시트 내의 위치(픽셀)입니다.
소스 치수(Source Dimension)	소스 텍스처 또는 스프라이트 시트 내의 치수(픽셀)입니다.
소스 텍스처(Source Texture)	소스 텍스처 또는 스프라이트 시트 에셋을 참조합니다.
추가 텍스처(Additional Textures)	숫자 슬롯을 차지하는 추가 소스 텍스처를 설정합니다. 이러한 텍스처는 게임플레이 중에 블루프린트를 사용하여 참조되고 적용될 수 있습니다.
디폴트 머티리얼(Default Material)	스프라이트 렌더링 시 사용할 디폴트 머티리얼 을 할당합니다. 이 머티리얼은 할당된 다른 머티리얼이 없을 때 사용되는 디폴트 머티리얼입니다. 스프라이트 머티리얼에 대한 자세한 내용은 스프라이트 머티리얼 문서를 참조하세요.
유닛별 픽셀(Pixels per unit)	레벨에서 스프라이트의 스케일링을 설정합니다. 기본적으로 이 프로퍼티는 1로 설정되는데, 그러면 스프라이트의 한 픽셀이 1 언리얼 유닛 (cm) x 1 언리얼 유닛 이 되도록 스프라이트의 크기가 조절됩니다.
피벗 모드(Pivot Mode)	스프라이트가 피벗할 수 있는 포인트를 설정합니다. 뷰 스프라이트 에디터 모드의 뷰포트에서 위젯을 사용하여 피벗 포인트를 설정할 수 있습니다. 또한, 드롭다운 메뉴에서 프리셋 위치를 선택하여 피벗 포인트를 설정할 수도 있습니다. 커스텀(Custom) 옵션을 선택하면 X 및 Y 값을 사용하여 커스텀 피벗 포인트(Custom Pivot Point) 를 수동으로 설정할 수 있습니다.
트리밍 전 소스 이미지에서의 원점(Origin in Source Image Before Trimming)	아틀라싱 적용 전에 소스 이미지 내의 스프라이트 원점을 참조합니다.
트리밍 전 소스 이미지 치수(Source Image Dimension Before Trimming)	트리밍 전에 소스 이미지의 치수, 높이 (X) 및 너비 (Y) 를 참조합니다.
소스 이미지에서 트림 적용(Trimmed in Source Image)	활성화하면 소스 파일이 트리밍 전 소스 이미지에서의 원점 및 트리밍 전 소스 이미지 치수 프로퍼티를 사용하여 스프라이트에 아틀라싱을 적용합니다.
소스 이미지에서 회전(Rotated in Source Image)	활성화하면 소스 파일이 X 와 Y 치수를 교체해 스프라이트 시트 및 모든 추출된 스프라이트를 반시계 방향 으로 90 도 회전합니다.
소스 텍스처 치수(Source Texture Dimension)	트리밍 후에 소스 이미지의 치수, 높이 (X) 및 너비 (Y) 를 참조합니다.
픽셀 그리드에 피벗 스냅(Snap Pivot to Pixel Grid)	활성화하면 스프라이트의 피벗 포인트(Pivot Point) 가 스프라이트 픽셀 그리드에 정렬되도록 스냅됩니다. 이 프로퍼티를 비활성화하여 더 정확한 피벗 포인트를 설정할 수 있습니다.
소켓(Sockets)	여기서 스프라이트 소켓(Sprite Sockets) 을 스프라이트에 추가 (+) 할 수 있습니다. 스프라이트 소켓은 다른 오브젝트를 특정 위치의 스프라이트에 어태치하는 데 사용됩니다. 스프라이트 소켓을 생성한 다음에는 소켓의 로컬 트랜스폼 및 이름 을 정의할 수 있습니다. 그러면 블루프린트에서 스프라이트 소켓을 참조하고 사용할 수 있습니다.

소스 리전 편집 모드

소스 리전(Source Region) 스프라이트 에디터 모드에서는 스프라이트 시트나 소스 파일에서 추출한 스프라이트를 편집할 수 있습니다.

하얀색 박스 로 표시된 스프라이트의 소스 영역 가장자리를 클릭 하고 드래그 하여 스프라이트 시트에서 추출한 스프라이트의 바운더리를 수정할 수 있습니다.

콜리전 편집 모드

콜리전 편집(Edit Collision) 스프라이트 에디터 모드에서는 스프라이트의 콜리전 바운더리를 편집할 수 있습니다.

아래에서 특정 콜리전 편집 스프라이트 에디터 모드 프로퍼티와 그 기능에 대한 설명을 참조할 수 있습니다.

프로퍼티 설명

스프라이트 콜리전 도메인(Sprite Collision Domain)

스프라이트가 사용할 콜리전 타입을 설정합니다. 없음(None) 을 선택하면 스프라이트는 피직스 오브젝트와 충돌하지도 않고 다른 피직스 오브젝트에 영향을 주지도 않습니다. Use 3D Physics 옵션을 선택하면 스프라이트가 오브젝트와 충돌하고 다른 오브젝트가 이 스프라이트와 충돌할 수 있습니다.

Use 3D Physics 세팅은 프로젝트의 필요에 맞춰 콜리전 프로퍼티를 미세 조정하는 데 사용할 수 있는 다양한 프로퍼티로 스프라이트 에디터의 콜리전 세팅을 채웁니다.

콜리전 지오메트리 타입(Collision Geometry Type)

여기서 스프라이트를 둘러쌀 콜리전 지오메트리의 타입을 설정할 수 있습니다. 다음 옵션 중에서 선택할 수 있습니다.

Source Bounding Box: 추출 그리드의 치수로 설정된, 스프라이트의 단순한 바운딩 박스를 사용합니다.
Tight Bounding Box: 투명 레이어 또는 배경을 제외한 스프라이트의 치수에 딱 맞는 콜리전 박스를 사용합니다.
Shrink Wrapped: 스프라이트의 에지를 따르는 콜리전 박스를 사용하여 스프라이트에서 잘린 부분을 생성합니다.

콜리전 두께(Collision Thickness) 스프라이트 콜리전 도메인 이 Use 3D Physics 로 설정된 경우, 이 프로퍼티는 스프라이트 콜리전 지오메트리의 돌출 두께를 설정합니다. 기본값은 10 입니다. 이 값을 늘리면 돌출 두께가 두꺼워지고, 값을 줄이면 두께가 얇아집니다.

콜리전 프리셋(Collision Presets)

여기서 콜리전 세팅 프리셋 목록 중에서 선택하거나 커스텀(Custom) 옵션을 선택하여 다양한 프로퍼티에 액세스할 수 있습니다. 다음과 같은 콜리전 세팅 프리셋을 선택할 수 있습니다. 스프라이트는 다음과 같이 작동합니다.

콜리전 없음(No Collision): 콜리전과 스프라이트의 인터랙션이 비활성화됩니다.
모두 차단(Block All): 스프라이트가 기본적으로 모든 액터를 차단하는 월드 스태틱(WorldStatic) 오브젝트로 작동합니다. 새 커스텀 채널은 모두 자체 디폴트 반응을 사용합니다.
모두 오버랩(OverlapAll): 스프라이트가 기본적으로 모든 액터를 오버랩하는 월드 스태틱 오브젝트로 작동합니다. 새 커스텀 채널은 모두 자체 디폴트 반응을 사용합니다.
모두 차단 다이내믹(BlockAllDynamic): 스프라이트가 기본적으로 모든 액터를 차단하는 월드 다이내믹(WorldDynamic) 오브젝트로 작동합니다. 새 커스텀 채널은 모두 자체 디폴트 반응을 사용합니다.
모두 오버랩 다이내믹(OverlapAllDynamic): 스프라이트가 기본적으로 모든 액터를 오버랩하는 월드 다이내믹 오브젝트로 작동합니다. 새 커스텀 채널은 모두 자체 디폴트 반응을 사용합니다.
폰만 무시(IgnoreOnlyPawn): 스프라이트가 폰(Pawn) 및 비히클(Vehicle) 오브젝트를 무시하는 월드 다이내믹 오브젝트로 작동합니다. 모든 다른 채널은 디폴트로 설정됩니다.
폰(Pawn): 스프라이트가 폰 오브젝트 로 작동합니다. 모든 재생 가능 캐릭터 또는 AI의 캡슐에 사용할 수 있습니다.
관전자(Spectator): 스프라이트가 월드 스태틱 오브젝트를 제외한 모든 다른 액터를 무시하는 폰 오브젝트 로 작동합니다.
캐릭터 메시(Character Mesh): 스프라이트가 캐릭터 메시(Character Mesh) 오브젝트에 사용되는 것과 똑같은 폰 오브젝트로 작동합니다. 모든 다른 채널은 디폴트로 설정됩니다.
피직스 액터(PhysicsActor): 스프라이트가 시뮬레이팅(Simulating) 액터로 작동합니다.
디스트럭터블(Destructible): 스프라이트가 디스트럭터블(Destructible) 액터로 작동합니다.
인비저블 월(InvisibleWall): 스프라이트가 보이지 않는 월드 스태틱 오브젝트로 작동합니다.
인비저블 월 다이내믹(InvisibleWallDynamic): 스프라이트가 보이지 않는 월드 다이내믹 오브젝트로 작동합니다.
트리거(Trigger): 스프라이트가 트리거에 사용되는 월드 다이내믹 오브젝트로 작동합니다. 모든 다른 채널은 디폴트로 설정됩니다.
래그돌(Ragdoll): 스프라이트가 시뮬레이팅 스켈레탈 메시 컴포넌트(Simulating Skeletal Mesh Component) 로 작동합니다. 모든 다른 채널은 디폴트로 설정됩니다.
비히클(Vehicle): 스프라이트가 비히클, 월드 스태틱 및 월드 다이내믹 오브젝트를 차단하는 비히클(Vehicle) 오브젝트로 작동합니다. 모든 다른 채널은 디폴트로 설정됩니다.
UI: 스프라이트가 기본적으로 모든 액터를 오버랩하는 월드 스태틱 오브젝트로 작동합니다. 새 커스텀 채널은 모두 자체 디폴트 반응을 사용합니다.

커스텀(Custom) 을 선택하면 다음 옵션을 사용하여 스프라이트 콜리전 프로퍼티를 미세 조정할 수 있습니다.

프로퍼티	설명
콜리전 활성화됨(Collision Enabled)	활성화 시 사용되는 콜리전 메서드를 선택합니다. 다음 옵션 중에서 선택할 수 있습니다. 콜리전 없음(No Collision): 피직스 엔진에서 아무런 일도 일어나지 않습니다. 공간 쿼리(레이 캐스트, 스윕, 오버랩) 또는 시뮬레이션(리지드 바디, 컨스트레인트)에 사용할 수 없습니다. 퍼포먼스 측면에서는 최상입니다(특히 움직이는 물체의 경우). 쿼리만 (피직스 콜리전 없음)(Query Only (No Physics Collision)): 공간 쿼리(레이 캐스트, 스윕 및 오버랩)에만 사용됩니다. 시뮬레이션(리지드 바디, 컨스트레인트)에는 사용할 수 없습니다. 캐릭터 이동 및 물리적 시뮬레이션이 필요 없는 작업에 유용합니다. 시뮬레이션 트리에 데이터가 들어가지 않으므로, 그에 따른 퍼포먼스 향상이 있습니다. 피직스만 (쿼리 콜리전 없음)(Physics Only (No Query Collision)): 피직스 시뮬레이션(리지드 바디, 컨스트레인트)에만 사용됩니다. 공간 쿼리(레이 캐스트, 스윕, 오버랩)에는 사용할 수 없습니다. 본 단위 탐지가 필요 없는 캐릭터의 불안정한 부분에 사용됩니다. 쿼리 트리에 데이터가 들어가지 않으므로, 그에 따른 퍼포먼스 향상이 있습니다. 콜리전 켜짐 (쿼리 및 피직스)(Collision Enabled (Query and Physics)): 공간 쿼리(레이 캐스트, 스윕, 오버랩)와 시뮬레이션(리지드 바디, 컨스트레인트) 모두에 사용할 수 있습니다.
오브젝트 타입(Object Type)	스프라이트가 차지할 레이어를 설정합니다. 선택 가능한 옵션은 다음과 같습니다. 월드 스태틱(WorldStatic) 월드 다이내믹(WorldDynamic) 폰(Pawn) 피직스 바디(PhysicsBody) 비히클(Vehicle) 디스트럭터블(Destructible)
콜리전 반응(Collision Responses)	스프라이트의 콜리전 프로퍼티와 표현 프로퍼티의 특정 측면에 대해 스프라이트가 행동하는 방식과 재생 중에 표시되는 방식을 토글합니다. 프로퍼티를 무시하는 무시됨(Ignored), 프로퍼티로 스프라이트를 오버랩할 수 있는 오버랩(Overlap), 프로퍼티가 스프라이트와 연계되지 않게 차단하는 차단(Block) 으로 각 프로퍼티를 토글할 수 있습니다. 다음 프로퍼티를 사용하여 해당 행동 중 하나를 토글할 수 있습니다. 비저빌리티(Visibility): 런타임 중에 스프라이트를 표시할지 여부를 토글합니다. 카메라(Camera): 스프라이트가 카메라 액터와 충돌할 수 있는지 여부를 토글합니다. 월드 스태틱(WorldStatic): 스프라이트가 레벨에서 월드 스태틱 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 월드 다이내믹(WorldDynamic): 스프라이트가 레벨에서 월드 다이내믹 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 폰(Pawn): 스프라이트가 레벨에서 폰 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 월드 다이내믹(WorldDynamic): 스프라이트가 레벨에서 월드 다이내믹 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 피직스 바디(PhysicsBody): 스프라이트가 레벨에서 피직스 바디 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 비히클(Vehicle): 스프라이트가 레벨에서 비히클 오브젝트와 충돌할 수 있는지 여부를 토글합니다. 디스트럭터블(Destructible): 스프라이트가 레벨에서 디스트럭터블 오브젝트와 충돌할 수 있는지 여부를 토글합니다.

렌더 셰이프(Render Shapes)

여기서 다이내믹 콜리전 바운더리에 대한 콜리전 셰이프를 스프라이트에 추가할 수 있습니다. 원하는 만큼 콜리전 셰이프를 추가(+) 할 수 있으며, 각 콜리전 셰이프는 해당 프로퍼티를 사용하여 수정할 수 있습니다. 콜리전 박스별로 다음과 같은 프로퍼티를 조정할 수 있습니다.

셰이프 타입(Shape Type):

콜리전 셰이프(Collision Shapes)

여기서 다이내믹 콜리전 바운더리에 대한 콜리전 셰이프를 스프라이트에 추가할 수 있습니다. 툴바 버튼(박스 추가, 폴리곤 추가 및 원 추가 )을 사용하여 콜리전 셰이프를 더 추가할 수 있습니다. 각 콜리전 셰이프는 배열로 표시되며 해당 프로퍼티를 사용하여 수정할 수 있습니다.

콜리전 셰이프별로 다음과 같은 프로퍼티를 조정할 수 있습니다.

셰이프 타입(Shape Type): 콜리전 셰이프의 셰이프 타입을 참조합니다.
버텍스(Vertices): 콜리전 셰이프 버텍스의 X 및 Y 위치를 설정합니다.
박스 크기(Box Size): 셰이프의 X 및 Y 치수 스케일을 설정합니다. 이 옵션은 박스 또는 원 콜리전 셰이프로 작업할 때만 편집할 수 있습니다.
회전(Rotation): 콜리전 셰이프의 회전(도)을 설정합니다.
네거티브 와인딩(Negative Winding): 활성화하면 콜리전 셰이프의 와인딩, 즉 버텍스 위치 적용 순서가 버텍스의 순서와 상관없이 반전됩니다. 이 옵션은 폴리곤 콜리전 셰이프로 작업할 때만 편집할 수 있습니다.

렌더지오 편집 모드

렌더지오 편집(Edit RenderGeom) 스프라이트 에디터 모드에서는 스프라이트 렌더 바운더리를 편집하여 오버드로를 수정할 수 있습니다.

edit render geometry geom button sprite editor

아래에서 특정 렌더지오 편집 스프라이트 에디터 모드 프로퍼티와 그 기능에 대한 설명을 참조할 수 있습니다.

프로퍼티	설명
렌더 지오메트리 타입(Render Geometry Type)	프로젝트에서 스프라이트 렌더링에 사용할 렌더 지오메트리 타입을 선택합니다. 선택 가능한 옵션은 다음과 같습니다. Source Bounding Box: 이 옵션은 소스 이미지와 같은 치수의 박스를 사용합니다. 스프라이트를 스프라이트 시트에서 추출했다면, 이 렌더 지오메트리는 스프라이트 추출 메서드와 같은 치수의 박스를 사용합니다. Tight Bounding Box: 투명 영역을 제외하고 스프라이트 주위에 딱 맞는 바운딩 박스를 사용합니다. Shrink Wrapped: 버텍스 병합 회피, 알파 한계치, 디테일량 및 엡실론 간소화(Simplify Epsilon) 프로퍼티 값을 사용하여 스프라이트의 셰이프에 맞게 성형되는 커스텀 렌더 지오메트리를 생성합니다. Fully Custom: 스프라이트를 렌더링할 커스텀 X 및 Y 지오메트리 치수를 설정합니다. Diced: 하나의 큰 정사각형 렌더 지오메트리를 작은 정사각형으로 분할하는 방법으로, 수축 래핑 방법보다 더 적은 버텍스를 사용해 투명한 배경을 덜 포함하면서 스프라이트를 포함합니다.
서브디비전 X별 픽셀(Pixels Per Subdivision X)	Diced 모드 사용 시 여기서 X축 의 단일 서브디비전 크기(픽셀)를 설정할 수 있습니다.
서브디비전 Y별 픽셀(Pixels Per Subdivision Y)	Diced 모드 사용 시 여기서 Y축 의 단일 서브디비전 크기(픽셀)를 설정할 수 있습니다.
버텍스 병합 회피(Avoid Vertex Merging)	활성화하면 버텍스 병합을 회피하여 추가 버텍스를 보존할 수 있습니다. 이는 실험단계의 프로퍼티이므로, 프로젝트에서 이 기능에 의존해서는 안 됩니다.
알파 한계치(Alpha Threshold)	알파 컬러 또는 투명 컬러 값을 무시하는 한계치 역할을 하는 값을 설정합니다. 기본값은 0.0 으로, 이 경우 100% 투명 값만 무시되고, 이 프로퍼티 값을 높일수록 덜 투명한 알파 값이 무시되며, 값을 1.0 으로 설정하면 모든 컬러 값이 무시됩니다.
디테일량(Detail Amount)	수축 래핑 시 고려할 디테일의 양입니다. 0은 낮은 디테일이고, 1은 높은 디테일입니다.

스프라이트 리스트

스프라이트 리스트(Sprite List) 패널을 사용하여 같은 소스 파일 또는 스프라이트 시트 의 다른 스프라이트에 액세스할 수 있습니다.

스프라이트 리스트 패널에서 스프라이트를 더블클릭 하여 스프라이트 에디터에서 다른 스프라이트를 열 수 있습니다.