UI 텍스처 머티리얼 컬렉션

SDF 텍스처(SDF Texture)

텍스처 효과(Texture Effects)

텍스처 마스크(Texture Mask)

외곽선이 흐릿한 텍스처 셰이프입니다. 다음을 커스터마이징하는 파라미터를 설정할 수 있습니다.

• 컬러

• 셰이프

• Stroke

• 그림자(Shadow)

텍스처를 회전하고 페더할 수도 있습니다.

9개의 커스터마이징 가능한 서로 다른 특수 효과가 있는 텍스처입니다.

모든 효과는 파라미터 입력을 사용하여 커스터마이징하는 머티리얼 함수를 기반으로 합니다.

텍스처 마스크는 입력에 따라 텍스처의 일부를 숨깁니다. 다음을 커스터마이징할 수 있게 하는 파라미터를 설정할 수 있습니다.

• 컬러

• 셰이프

• Stroke

파라미터

설명

GIF

텍스처(Texture)

드롭다운 메뉴에서 SDF 텍스처를 선택합니다.

색상(Color)

텍스처 색상을 선택합니다.

글로우 최대(Glow Max)

셰이프 가장자리의 글로우를 증가 및 감소시킵니다.

값이 0에 가까우면 셰이프의 외곽선이 뚜렷해집니다.

값이 1에 가까우면 셰이프의 외곽선 글로우가 증가합니다.

회전(Rotation)

중앙에서 텍스처를 회전합니다.

값을 0.25로 설정하면 텍스처를 왼쪽으로 90도 회전합니다. 값을 -0.25로 설정하면 오른쪽으로 90도 회전합니다.

텍스처 페더 양(Texture Feather Amount)

GlowMax 파라미터 사용 중 SDF 텍스처 가장자리에 적용할 페더 양을 결정합니다.

값을 높게 설정하면 페더의 양이 증가하고, 값을 낮게 설정하면 페더의 양이 감소합니다.

파라미터

설명

GIF

섀도 글로우 최대(Shadow Glow Max)

텍스처 섀도의 글로우 양을 결정합니다.

값이 0에 가까우면 셰이프 외곽선이 뚜렷해집니다.

값이 1에 가까우면 셰이프의 외곽선 글로우가 증가합니다.

섀도 오프셋 X(Shadow Offset X)

X축을 따라 텍스처 섀도의 오프셋 정도를 결정합니다.

값이 클수록 텍스처에서 섀도가 멀어집니다.

값이 작을수록 텍스처에서 섀도가 가까워집니다.

섀도 오프셋 Y(Shadow Offset Y)

Y축을 따라 텍스처 섀도의 오프셋 정도를 결정합니다.

값이 클수록 텍스처에서 섀도가 멀어집니다.

값이 작을수록 텍스처에서 섀도가 가까워집니다.

섀도 오파시티(Shadow Opacity)

텍스처 섀도의 오파시티를 결정합니다.

값이 1에 가까우면 선택한 색상의 오파시티가 증가합니다.

값이 0에 가까우면 색상의 오파시티가 감소합니다.

섀도 회전(Shadow Rotation)

중앙에서 텍스처 섀도를 회전합니다.

값을 0.25로 설정하면 텍스처 섀도를 왼쪽으로 90도 회전합니다.

섀도 두께(Shadow Thickness)

텍스처 섀도의 두께를 결정합니다.

값을 높게 설정하면 섀도 두께가 증가합니다.

값을 낮게 설정하면 두께가 감소합니다.

파라미터

설명

GIF

내부 스트로크 색상(Inner Stroke Color)

텍스처의 내부 스트로크 색상을 결정합니다.

내부 스트로크 글로우 최대(Inner Stroke Glow Max)

텍스처 내부 스트로크의 최대 글로우 양을 결정합니다.

내부 스트로크 두께(Inner Stroke Thickness)

내부 스트로크의 두께를 결정합니다.

값을 높게 설정하면 스트로크 두께가 증가하고, 낮게 설정하면 감소합니다.

내부 스트로크 두께 글로우 최대(Inner Stroke Thickness Glow Max)

텍스처의 내부 스트로크 글로우 두께를 결정합니다.

값을 높게 설정하면 스트로크의 글로우 두께가 증가하고, 값을 낮게 설정하면 텍스처 내부 스트로크의 글로우 두께가 감소합니다.

외부 스트로크 색상(Outer Stroke Color)

외부 스트로크의 색상을 결정합니다.

외부 스트로크 글로우 최대(Outer Stroke Glow Max)

텍스처 외부 스트로크의 글로우 양을 결정합니다.

값이 0에 가까우면 셰이프의 외곽선이 뚜렷해집니다.

값이 1에 가까우면 셰이프의 외곽선 글로우가 증가합니다.

외부 스트로크 두께(Outer Stroke Thickness)

텍스처 외부 스트로크의 두께를 결정합니다.

값을 높게 설정하면 스트로크 두께가 증가하고, 낮게 설정하면 두께가 감소합니다.

외부 스트로크 두께 글로우 최대(Outer Stroke Thickness Glow Max)

텍스처 외부 스트로크의 글로우 두께를 결정합니다.

값을 높게 설정하면 스트로크 글로우 두께가 증가하고, 낮게 설정하면 감소합니다.

파라미터

설명

GIF

텍스처(Texture)

드롭다운 메뉴에서 텍스처를 선택합니다.

타일링 X(Tiling X)

X축을 따라 텍스처를 타일링합니다.

값이 1이면 텍스처를 타일링하지 않습니다.

값이 1보다 크면 X축을 따라 타일을 추가합니다.

타일링 Y(Tiling Y)

Y축을 따라 텍스처를 타일링합니다.

값이 1이면 텍스처를 타일링하지 않습니다.

값이 1보다 크면 Y축을 따라 텍스처에 타일을 추가합니다.

X 이동(Translate X)

X축을 따라 텍스처를 이동합니다.

UMG 내부에서 시퀀서(Sequencer)로 X 이동 파라미터를 타기팅하여 텍스처에 애니메이션을 적용할 수 있습니다.

Y 이동(Translate Y)

Y축을 따라 텍스처를 이동합니다.

UMG 내부에서 시퀀서로 Y 이동 파라미터를 타기팅하여 텍스처에 애니메이션을 적용할 수 있습니다.

이동 속도 X(Translate Speed X)

X축을 따른 이동 속도를 결정합니다.

이동 속도 Y(Translate Speed Y)

Y축을 따른 이동 속도를 결정합니다.

파라미터

설명

GIF

스케일링 여부(Is Scaling)

텍스처의 스케일링 효과를 결정합니다.

스케일링 최대 속도(Scaling Maximum Speed)

텍스처 스케일링 효과의 최대 속도를 결정합니다.

스케일링 최소 속도(Scaling Minimum Speed)

텍스처 스케일링 효과의 최소 속도를 결정합니다.

시작 크기(Start Size)

애니메이션 시작 시점의 텍스처 크기입니다.

중간 크기(Middle Size)

애니메이션 중간 시점의 텍스처 크기입니다.

종료 크기(End Size)

애니메이션 종료 시점의 텍스처 크기입니다.

파라미터

설명

GIF

워핑 여부(Is Warping)

텍스처의 워핑 효과량을 결정합니다.

진폭 X(Amplitude X)

X축을 따라 스트레치 효과를 적용합니다.

진폭 Y(Amplitude Y)

Y축을 따라 스트레치 효과를 적용합니다.

빈도 X(Frequency X)

X축을 따라 텍스처에 사인파 효과를 적용합니다.

빈도 Y(Frequency Y)

Y축을 따라 텍스처에 사인파 효과를 적용합니다.

워프 속도(Warp Speed)

텍스처에 워프 효과가 적용되는 속도를 결정합니다.

파라미터

설명

GIF

픽셀화 여부(Is Pixelated)

텍스처에 픽셀 효과를 추가합니다.

값이 0이면 텍스처에 픽셀 효과를 적용하지 않습니다.

값이 1이면 텍스처를 완전히 픽셀화합니다.

픽셀 수(Number of Pixels)

텍스처의 픽셀 수를 결정합니다.

값이 1이면 텍스처를 사각형으로 바꿉니다. 픽셀을 추가하면 픽셀화된 셰이프가 만들어집니다.

파라미터

설명

GIF

반동 여부(Is Bouncing)

효과의 반동률을 결정합니다.

반동 속도(Bounce Speed)

텍스처의 반동 속도를 결정합니다.

반동 X(Bounce X)

X축을 따라 적용할 반동 효과량을 결정합니다.

반동 Y(Bounce Y)

Y축을 따라 적용할 반동 효과량을 결정합니다.

파라미터

설명

GIF

하프톤 여부(Is Halftone)

효과의 사용 여부와 하프톤 효과의 오파시티를 결정합니다.

값을 높게 설정하면 효과의 오파시티가 증가하고, 낮게 설정하면 효과의 오파시티가 감소합니다.

도트 밀도(Dot Density)

효과의 도트 밀도를 증가시킵니다.

값을 높게 설정하면 도트의 개수가 증가하고, 도트의 크기가 감소합니다.

값을 낮게 설정하면 도트의 개수가 감소하고, 도트의 크기가 증가합니다.

도트 글로우 최대(Dot Glow Max)

도트 주위에 적용할 글로우 최대량을 결정합니다.

값을 양수로 설정하면 도트가 별로 표시되고, 음수로 설정하면 도트가 원으로 표시됩니다.

도트 글로우 최소(Dot Glow Min)

도트 주위의 글로우 최소량을 결정합니다.

값을 사용하여 배경과 도트의 색상을 변경할 수 있습니다. 값을 5 이상으로 설정하면 효과가 하나의 색상으로 페이드됩니다. 마찬가지로, 값을 -7 미만으로 설정하면 효과가 하나의 색상으로 페이드됩니다.

도트 최대 크기(Dot Max Size)

도트의 최대 크기를 결정합니다.

도트 최소 크기(Dot Min Size)

도트의 최소 크기를 결정합니다.

그레이디언트 색상 1(Gradient Color 1)

하프톤 효과의 주요 색상을 결정합니다.

그레이디언트 색상 2(Gradient Color 2)

하프톤 효과의 2차 색상을 결정합니다.

하프톤 패닝 속도 X(Halftone Pan Speed X)

X축을 따른 도트의 이동 속도를 결정합니다.

하프톤 패닝 속도 Y(Halftone Pan Speed Y)

Y축을 따른 도트의 이동 속도를 결정합니다.

하프톤 회전(Halftone Rotation)

도트의 이동 방향을 회전합니다.

파라미터

설명

GIF

스텝 그레이디언트 여부(Is Stepped Gradient)

텍스처에 스텝 그레이디언트 효과를 적용할지 여부를 결정합니다.

스텝 그레이디언트 양(Stepped Gradient Amount)

텍스처에 적용할 스텝 그레이디언트의 양을 결정합니다.

파라미터

설명

GIF

색조 그레이디언트 오파시티(Tint Gradient Opacity)

그레이디언트의 색상 오파시티를 결정합니다.

값을 낮게 설정하면 텍스처의 오파시티가 감소하고, 높게 설정하면 머티리얼의 오파시티가 증가합니다.

색조 1(Tint Color 1)

그레이디언트의 첫 번째 색상을 결정합니다.

색조 1 위치(Tint Color 1 Position)

그레이디언트의 첫 번째 색상 위치를 결정합니다.

색조 2(Tint Color 2)

그레이디언트의 두 번째 색상을 결정합니다.

색조 2 위치(Tint Color 2 Position)

그레이디언트의 두 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 두 번째 색상 선택 표시 크기가 증가합니다.

색조 3(Tint Color 3)

그레이디언트의 세 번째 색상을 결정합니다.

색조 3 위치(Tint Color 3 Position)

그레이디언트의 두 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 두 번째 색상 선택 표시 크기가 증가합니다.

색조 그레이디언트 켜기(Tint Gradient On)

텍스처에 그레이디언트 효과를 적용할지 여부를 결정합니다.

색조 그레이디언트 회전(Tint Gradient Rotation)

그레이디언트의 방향을 회전합니다.

색조 방사상 그레이디언트(Tint Radial Gradient)

그레이디언트를 방사상 그레이디언트로 변경합니다.

색조 방사상 그레이디언트 크기(Tint Radial Gradient Size)

방사상 그레이디언트 크기를 결정합니다.

파라미터

설명

GIF

알파 오파시티(Alpha Opacity)

텍스처의 알파 색상 오파시티를 결정합니다.

값을 낮게 설정하면 텍스처의 오파시티가 감소하고, 높게 설정하면 머티리얼의 오파시티가 증가합니다.

알파 색상 1(Alpha Color 1)

그레이디언트의 첫 번째 색상을 결정합니다.

알파 색상 1 위치(Alpha Color 1 Position)

그레이디언트의 첫 번째 색상 위치를 결정합니다.

알파 색상 2(Alpha Color 2)

그레이디언트의 두 번째 색상을 결정합니다.

알파 색상 2 위치(Alpha Color 2 Position)

그레이디언트의 두 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 두 번째 색상 선택 표시 크기가 증가합니다.

알파 색상 3(Alpha Color 3)

그레이디언트의 세 번째 색상을 결정합니다.

알파 색상 3 위치(Alpha Color 3 Position)

그레이디언트의 세 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 세 번째 색상 선택 표시 크기가 증가합니다.

알파 그레이디언트 켜기(Alpha Gradient On)

텍스트에 그레이디언트를 적용할지 여부를 결정합니다.

알파 그레이디언트 회전(Alpha Gradient Rotation)

그레이디언트의 방향을 회전합니다.

알파 방사상 그레이디언트(Alpha Radial Gradient)

그레이디언트를 방사상 그레이디언트로 바꿉니다.

알파 방사상 그레이디언트 크기(Alpha Radial Gradient Size)

방사상 그레이디언트 크기를 결정합니다.

파라미터

설명

GIF

텍스처(Texture)

드롭다운 메뉴에서 텍스처를 선택합니다.

텍스처 알파(Texture Alpha)

텍스처의 알파 색상을 결정합니다.

값이 1이면 흰색입니다. 1보다 작은 값은 흰색 값을 감소시키고 배경 색상과 블렌드합니다.

텍스처 위치 X(Texture Position X)

X축을 따라 텍스처를 위치시킵니다.

텍스처 위치 Y(Texture Position Y)

Y축을 따라 텍스처를 위치시킵니다.

텍스처 스케일 X(Texture Scale X)

X축을 따라 텍스처의 스케일을 조절합니다.

텍스처 스케일 Y(Texture Scale Y)

Y축을 따라 텍스처의 스케일을 조절합니다.

파라미터

설명

GIF

커스텀 채우기 텍스처(Custom Fill Texture)

드롭다운 메뉴에서 채우기 텍스처를 선택합니다.

알파 채우기(Fill Alpha)

마스크의 알파 색상을 결정합니다.

값이 1이면 흰색이며, 1보다 작은 값은 흰색 값을 감소시키고 배경 색상과 블렌드합니다.

채우기 색상 1(Fill Color 1)

그레이디언트의 첫 번째 색상을 결정합니다.

채우기 색상 1 그레이디언트 위치(Fill Color 1 Gradient Position)

그레이디언트의 첫 번째 색상 위치를 결정합니다.

채우기 색상 2(Fill Color 2)

그레이디언트의 두 번째 색상을 결정합니다.

채우기 색상 2 그레이디언트 위치(Fill Color 2 Gradient Position)

그레이디언트의 두 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 두 번째 색상 선택 표시 크기가 증가합니다.

채우기 색상 3(Fill Color 3)

그레이디언트의 세 번째 색상을 결정합니다.

채우기 색상 3 그레이디언트 위치(Fill Color 3 Gradient Position)

그레이디언트의 세 번째 색상 위치를 결정합니다.

값을 높게 설정하면 그레이디언트가 반대쪽에서 시작하도록 변경됩니다.

값을 낮게 설정하면 세 번째 색상 선택 표시 크기가 증가합니다.

채우기 색상 방사상 그레이디언트 크기(Fill Color Radial Gradient Size)

배경의 그레이디언트 크기를 결정합니다.

채우기 그레이디언트 유형(Fill Gradient Type)

그레이디언트 유형을 방사상에서 선형으로 변경합니다.

글로우(Glow)

배경의 글로우 양을 결정합니다.

선형 그레이디언트 채우기 회전(Linear Gradient Fill Rotation)

원을 중심으로 그레이디언트를 회전합니다.

셰이프(Shape)

텍스처 주위 마스크의 셰이프를 결정합니다.

셰이프 회전(Shape Rotation)

텍스처를 중심으로 마스크 셰이프를 회전합니다.

셰이프 크기(Shape Size)

텍스처 주위 마스크 셰이프의 크기를 결정합니다.

하단 좌측 코너 반경(Bottom Left Corner Radius)

이 파라미터를 변경하면 사용한 값에 따라 하단 좌측에 둥근 코너를 추가합니다.

하단 우측 코너 반경(Bottom Right Corner Radius)

이 파라미터를 변경하면 사용한 값에 따라 하단 우측에 둥근 코너를 추가합니다.

상단 좌측 코너 반경(Top Left Corner Radius)

이 파라미터를 변경하면 사용한 값에 따라 상단 좌측에 둥근 코너를 추가합니다.

상단 우측 코너 반경(Top Right Corner Radius)

이 파라미터를 변경하면 사용한 값에 따라 상단 우측에 둥근 코너를 추가합니다.

파라미터

설명

GIF

간격 두께(Gap Thickness)

외곽선과 텍스처 간 간격 크기를 결정합니다.

외곽선 알파(Outline Alpha)

외곽선의 알파 색상을 결정합니다.

값이 1이면 완전한 알파 색상이며, 1보다 작은 값은 색상 값을 감소시키고 배경과 섞입니다.

외곽선 색상 1(Outline Color 1)

외곽선 그레이디언트의 첫 번째 색상을 결정합니다.

외곽선 색상 1 위치(Outline Color 1 Position)

외곽선 그레이디언트의 첫 번째 색상 위치를 결정합니다.

외곽선 색상 2(Outline Color 2)

외곽선 그레이디언트의 두 번째 색상을 결정합니다.

외곽선 색상 2 위치(Outline Color 2 Position)

외곽선 그레이디언트의 두 번째 색상 위치를 결정합니다.

외곽선 색상 3(Outline Color 3)

외곽선 그레이디언트의 세 번째 색상을 결정합니다.

외곽선 색상 3 위치(Outline Color 3 Position)

외곽선 그레이디언트의 세 번째 색상 위치를 결정합니다.

외곽선 두께(Outline Thickness)

외곽선의 두께를 결정합니다.

파라미터

설명

GIF

마스크 프리뷰 표시(Show Mask Preview)

마스크 프리뷰의 오파시티를 결정합니다.

값이 0이면 프리뷰가 표시되지 않으며, 값이 1이면 마스크가 완전히 표시됩니다.

마스크 위치 X(Mask Position X)

X축을 따라 마스크를 위치시킵니다.

마스크 위치 Y(Mask Position Y)

Y축을 따라 마스크를 위치시킵니다.

마스크 높이(Mask Height)

마스크의 높이를 결정합니다.

마스크 너비(Mask Width)

마스크의 너비를 결정합니다.

파라미터

설명

GIF

경사 X(Slant X)

X축을 따라 배경과 마스크 외곽선을 기울입니다.

경사 Y(Slant Y)

Y축을 따라 배경과 마스크 외곽선을 기울입니다.