[📚정보] (수정2) 픽셀 퍼펙트까진 쉬움, -> 도움! -> 봐줘!

[Indie(114.207)]

덕분에 이해도가 올랐어! 완벽하게 구현은 찾아보니 좀 어렵겠지만, 팔레트 사용조건과 로직 몇가지를 보완했거든?

그랬더니 128 팔레트로 설정해도 기존보다 훨씬 적은수 팔레트로 결과물을 만들수 있게 되었고 계단 현상(지터링?)

이라는것도 약간은 보완할 수 있게 했는데 이 방향성이 맞습니까!?!

원본하고 작업본 첨부야!

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

안이, 내가 일단 개발이라 아래 댓글보니 좀 이해 안가는 것도 있어서 도와줘! 우측에 이미지 1px 간격으로 그리드 겹쳐보면

1x1px 간격 안에 단일색만 들어가거든? 난 이게 픽셀퍼펙트라고 알고 있었음.

아래에 뭐 도트당 4픽셀이라고 하는건 1px 16개 모인 4x4px짜리 사각형 부분인거고

이렇게 되면 되는거 아니었어?? 픽셀 정리는 뭐야?

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

내가 여긴 글 잘 안 싸고 다른 쪽에 올렸던건데

픽셀퍼펙트까진 쉬움, 아래는 GPT로 러프하게 뽑아달라고 요청한 시안임. 메인 일러스트와 모서리엔 SD 픽셀 캐릭터 시안을 같이 한장에 뽑아달라고 요청한거임.

SD캐릭터도 작게 보일땐 픽셀처럼 보이지만, 다들 잘 아는 것처럼 확대해보면 실제로 픽셀 이미진 아님. 그리고 저 사각형도 1px 사이즈도 아니고.

이걸 어떻게 픽셀퍼퍽트하게 하느냐? 아래에 올라온 깃헙 툴처럼 나도 비슷하게 만들어서 아래와 같이 쓰고 있음

2, 4, 8 등 픽셀 크기를 정해서 원본이미지를 사각형으로 그룹화하고, 최빈값 혹은 중앙값등을 사용해서 1px로 스케일다운해가면서 새로 이미지를 만들어주면 됨

그럼 확대했을때 아래처럼 명확하게 사각형으로 구분되는 픽셀이미지를 얻을 수 있음. 그리고 내 경우 아래 툴은 팔레트를 64까지만 쓰던데

난 128~256 사이로 설정하고 사용하는데 128아래로 내려갈 시 원본 해상도가 너무 많이 죽더라구.

이후 팔레트에서 투명처리를 할 색상을 클릭해서 제거해주면 아래처럼 깔끔하게 배경까지 투명처리할 수 있음. 

물논 이후 애니메이션 스프라이트를 AI로 만들면 또다시 별도 후처리 필요함..ㅠㅠ

[익명(121.143)]

픽셀퍼펙트는 도트 하나당 1PX에 대응시키는거 아니었나...

[익명(121.143)]

도트하나에 4Px씩 들어가는거 같은데..

[익명(plot8578)]

어떤건 1픽셀식 들어가고 어떤건 4픽셀식 들어가서 안맞는게 문제인건데... 그건 해결안된거 같아보이는데

[익명(118.39)]

픽셀 정리는 안 한거지? 이렇게 쓸 거면 의미없지 않나

[글쓴 Indie(114.207)]

픽셀 정리는 뭐야? 알려조

[익명(118.39)]

베이스가 개발자라 다른 개념으로 이해하신 듯 보통 도트 하면 1픽셀이 1픽셀로 찍고 끽해봤자 16x32 ~ 32x64 정도의 저해상도 도트아트를 떠올리게 되서 그런 쪽을 생각하게 됨

[익명(118.39)]

https://gall.dcinside.com/mgallery/board/view/?id=game_dev&no=213092&page=1
대충 알기 쉽게 올렸음

[Indie 1(121.157)]

이건 픽셀퍼펙트가 아니야;; 도트박이로서 좀 긁히네

[글쓴 Indie(114.207)]

퍼펙트가 어떻게 되어야함? 원래 난 베이스가 개발이라 이정도가 픽셀퍼펙트로 알고있는데

[ProjectER(exit4192)]

@글쓴 Indie(114.207) 픽셀 퍼펙트는 팔레트제약, 그라데이션 제약, 믹셀 아니어야 하고 등등... 그런 내용들이 조금 많지 않을까 싶어요

[글쓴 Indie(114.207)]

@ProjectER 나 그렇게 까지 이해도가 높지 않아 쓴 단어긴 해. 내 이해도는 1 x 1px 간격으로 확대해서 볼때 그리드안에 색이 다 일치만 되면 되는줄알았지

[Indie 1(121.157)]

@글쓴 Indie(114.207) 윗댓이 딱 맞음. AI 한테 물어보면 정확히 알려줄거야. 그런데 그것보다, 픽셀퍼펙트는 개발자의 영역이 아님. 게이머의 영역이지.

[글쓴 Indie(114.207)]

@Indie1(121.157) 지엔장, 어렵구만, 더 개선해볼게!

[Indie 1(121.157)]

@글쓴 Indie(114.207) 팔레트제약: pc98 등에서 12비트(4+4+4)로 표현하면서 팔레트 돌려쓰기를 한 결과 그라데이션제약: 팔레트 돌려쓰기하면서 적은 색으로 그라데이션 표현을 하기 위해 디더링 믹셀: 400x300 등의 CRT 해상도(브라운관 티비)에서 구현하는 레트로 스타일을 지금의 고해상도 화면에서 표현하기 위해 정수배 확대하여 보여줌. n배 확대하는 이미지면 n x n 픽셀 안에 단일 색상이 들어가야 픽셀 퍼펙트. 여러 색이 섞이면 믹셀

[익명(14.46)]

1픽셀에 어떻게 단일이 아닌 색이 들어갈 수 있음?

[글쓴 Indie(114.207)]

맞음. 이해도가 부족했음 ㅎㅎ

[디시콘쓸려고만듦(kimmsssiu)]

픽셀퍼펙트 떡밥 시작이 여기였구나 ㅋㅋㅋㅋㅋㅋㅋ