트위치 구독티콘 만들기? 도트찍기로 해결!

트위치 구독티콘 만들기? 도트찍기로 해결!

트위치 구독티콘을 위해서

이미지를 잘라서 리사이징을 했더니

자글자글 꾸겨지는 모습을 흔히 보셨을겁니다

28x28이라는 작은사이즈에도 이유가 있고

112->56->28로 나누는 픽셀수를

잘못 맞춰서 일어나는 현상이기도합니다

112x112

56x56

28x28

리사이징을 했을때 픽셀이 튀는 현상을

나름대로 최소화해서 만들어봤습니다

간단한 그림이라 가능한 부분이기도 한데요

뭘 어떻게 한건지 확대해서 한번 보겠습니다

----------------------------------------

112x112사이즈 그림의 얼굴부분 확대 이미지입니다

보면 선 하나가 4개의 픽셀로 되어있습니다

볼에 핑크색 을 보시면 가로8 세로4로 되어있습니다

눈은 가로12 세로 4로 되어있죠???

4x4블럭을 모아서 그림을 만들었다고 보면됩니다

56x56사이즈 그림의 얼굴부분 확대 이미지입니다

보면 선 하나가 2개의 픽셀로 되어있습니다

볼을 보시면 가로4 세로2로

위의 이미지의 절반으로 리사이징 되었습니다

2x2블럭을 모아서 그림을 만들었다고 보면됩니다

마지막으로

28x28사이즈 그림의 얼굴부분 확대 이미지입니다

보면 선 하나가 1개의 픽셀로 되어있습니다

점으로 그림을 만들었다고 보면됩니다

볼터치를 보시면 가로2 세로1로 되어있습니다

애초에 정확하게 나누어지게 그렸기때문에

이렇게 만들면 도트가 일그러져

픽셀이 튀는 현상을 최소화 할수있지만

표현에 한계가 생긴다는 단점이 있습니다

이러한 계산이 너무 어렵다 생각되시면

28x28의 캔버스에 점으로 도트를 찍고

배수로 확대하는 방법도 있습니다

내친김에 움찔움찔 gif도 만들어봤는데요

도트 찍는거 생각보다 어렵기만 한거 아니니

한번 도전해보시는 것도 괜찮슘다~!

----------------------------------------

해당이미지는 사용중인 이미지로

사용을 목적으로 가져가시면 안됩니다