반응형

1번 : 이미지 가장자리에 여백이 없고 Filter Mode를 Bilinear로 세팅.

2번 : 이미지 가장자리에 여백이 없고 Filter Mode를 Pointer로 세팅.

3번 : 이미지 가장자리에 4방으로 2px의 여백을 주고 Filter Mode를 Bilinear로 세팅.

4번 : 이미지 가장자리에 4방으로 2px의 여백을 주고 Filter Mode를 pointer로 세팅.

UI Canvas에서 설정 별 이미지 깨짐 현상 비교

보통 Sprite 이미지를 임포트 해서 Canvas 상에 올린 후 로테이션값을 조절해 사용하다보면 위 이미지에서 처럼 가장자리가 깨지거나 혹은 가장자리만 깨지는 현상을 경험할 수 있다. 결론부터 얘기해서 3번처럼 보이게 하기 위해서는 포토샵에서 아래처럼 이미지의 바깥쪽에 1~2px의 여백을 만들어 가져오면 해결된다. 가져온 이미지는 Filtermode를 Bilinear 또는 Trilinear로 선택해주고 Apply시켜준다.

포토샵에서 이미지 가장자리에 강제로 여백을 준다.
Filter Mode

 

 

참고 : https://gamedev.stackexchange.com/questions/139626/is-ui-anti-aliasing-broken-in-unity-5-6

 

Is UI anti-aliasing broken in Unity 5.6?

I have a project that was started in Unity 5.5. When I open it in 5.6, most 2D graphics look like they're not anti-aliased: left is 5.6, right is 5.5 What you see there are UI Images in a Canvas....

gamedev.stackexchange.com

 

반응형

+ Recent posts