[🖼️작품] Pixel Joint Forum Tutorial [한글판] 04

(의역 심함 주의)

~ 03편 : '피해야 할 것들' 에서 이어짐 ~

#밴딩(Banding)

밴딩이란 간단히 말해서 픽셀들이 일렬로 늘어선 것입니다. 인접한 픽셀들이 x나 y축으로 일렬로 늘어서게 되면 그 픽셀들이 돋보이게 되고, 결과적으로 사각사각한 그리드(격자grid)를 더욱 드러나게 만듭니다. 이는 해상도가 낮다는 사실을 보는 사람에게 주지시키게 되죠.

아래에는 밴딩의 몇가지 사례가 있습니다. (각각의 밴딩에 붙인 이름은 일반적인 용어가 아니라 이 튜토리얼에서 임의로 붙인 이름입니다.)

허깅(Hugging)
아래 보시면 한줄로 늘어선 외곽선 픽셀들이 보이시죠. 외곽선 자체의 역할은 잘 해내고 있지만 내부의 형체를 드러내는 데에는 효과적이지 않을 뿐더러 사각사각한 그리드를 눈에 띄게 만들어버리고 있습니다.

(왼쪽:허깅 / 오른쪽:허깅이 해소된 적절한 예)

두꺼운 픽셀(Fat pixels)

두꺼운 픽셀이라 이름붙인 이것은 홀로 있으면 작은 사각형처럼 보입니다. 덧대어지면 두꺼운 선처럼 보이고 더 덧대어지면 커다란 계단 모양의 밴딩이 되어버립니다.

1칸 건너뛴 밴딩(Skip-one banding)

(왼쪽: 보라색 픽셀이 가로로 밴딩을 만듭니다. / 오른쪽: 한픽셀 없앰으로써 가로로 일렬로 된 형태를 해소했습니다)
두개의 밴딩 사이에 빈칸 1칸이 있음에도 불구하고 우리의 눈에는 격자를 눈에 띄게 해버립니다.

45도 밴딩(45 degree banding)

1픽셀 두께로 외곽선을 쳤지만 밴딩이 생겨버립니다.

#필로우 셰이딩 (<- 명암을 꼭 베개(pillow)처럼 안쪽에서 바깥쪽으로 생각없이 넣었다.. 를 뜻하는 픽셀아트 관용구입니다...)
필로우 셰이딩은 명암을 중앙에서부터 바깥으로 점점 어둡게 띠를 이루며 넣은 것을 의미합니다. 필로우셰이딩은 보통 피해야할 방법으로 여겨집니다. 왜냐하면 광원에 대한 고려가 없고, 그때문에 빛에 의해 나타나는 형태가 아니라 그저 관념적인 형태를 그려넣은 것에 불과하기 때문입니다. 필로우셰이딩은 대개 밴딩 현상을 수반합니다. 빛이 어디에서 오는지 고려해서 명암을 넣는다면 필로우셰이딩을 해결할 수 있습니다.

(왼쪽: 필로우셰이딩(광원을 생각하지 않음) / 오른쪽: 제대로 된 명암넣기(광원이 왼쪽위에서 쏟아짐))

필로우셰이딩이 잘못됐다 말하는 이유는 단지 광원이 보는사람의 시점에서 쏘아질 수 없다는 것 때문이 아닙니다. 광원의 방향이 어때야 한다는 규칙은 없습니다. 필로우셰이딩이 잘못된 이유는 공간에서 광원이 향하는 방향을 생각치않고 그저 기계적으로 명암을 넣었기 때문입니다.
만약 보는 사람 시점에서 광원이 쏘아진다면 아래처럼 그려낼 수 있을 것입니다.

(왼쪽: 필로우셰이딩 / 오른쪽: 적절한 명암넣기(보는사람 시점에서 광원이 쏘아질 때))

#노이즈
많은 경우에 단독으로 떨어진 픽셀(픽셀 클러스터(덩어리)에 속하지 않은 픽셀)은 그자체로는 충분한 정보를 제공하지 못하며, 그저 노이즈처럼 보일 뿐입니다. 노이즈는 전체 그림의 묘사에 도움을 주기는 커녕 그저 보는 사람에게 눈에 거슬리는 잡음처럼 느껴집니다. 그래서 픽셀아트에서 혼자 덩그러니 놓여져 있는 픽셀들은 노이즈로 여겨집니다. 이 튜토리얼에서 '혼자 떨어져있는 픽셀이 만드는 노이즈'를 그냥 간단히 '노이즈'라고 부르겠습니다.
25% 디더링 패턴을 사용할 경우(사실 모든 디더링이 마찬가지지만) 특히 주의를 기울여야 하는 이유는 각각의 따로 떨어진 픽셀들이 만들어내는 '노이즈' 때문입니다.
단독 픽셀들은 픽셀들이 놓여진 그리드 공간(격자)를 더욱 돋보이게 하고 이미지가 저해상도라는 사실을 부각시킵니다. 기억하세요, 픽셀은 언제나 무리지어 다녀야만 합니다. 픽셀 클러스터(픽셀 덩어리)에 속해 있어야 하는 것입니다. 이런 이유로 단독으로 떨어진 픽셀들은 매우 의도적으로 필요한 곳에만 활용되어야 합니다.

아래에는 단독 픽셀들이 적절하게 활용된 예시를 보여드립니다.

반사광 하이라이트를 묘사할 때
단독 픽셀로 디테일을 묘사하면 그 픽셀은 매우 주목받는 존재가 됩니다. 만약 그걸 의도한 것이라면 괜찮습니다. 밝은 반사 하이라이트를 묘사할 때 같은 경우죠. 예를 들어 아래 몬스터의 코 부분 같은 경우입니다.

작지만 필수적인 디테일을 묘사하는 경우

(왼쪽: 하이라이트가 코와 윗입술에 묘사됨 / 오른쪽: 부리와 눈이 단독 픽셀로 묘사됨)

또 작은 이미지에서 눈이나 새의 부리, 별, 작은 물거품 등을 묘사할 때

#셀아웃(Sel-out) (broken outlines)
셀아웃(sel-out : selective outline 또는, 깨진 외곽선broken outlines)은 외곽선에게 배경색과의 안티알리아싱을 먹인 결과입니다. 이건 좋지 않은 안티알리아싱의 예에 속하지만 따로 섹션을 할애할 정도로 흔하게 보이는 실수이기도 합니다.

(왼쪽: 검정외곽선 / 오른쪽: 외곽선에 생각없이 안티알리아싱을 먹인 예)

외곽선에 어두운 색을 칠하는 이런 방식은 배경색에 어떤 컬러가 오더라도 물체가 뭍히지 않게 해주는 요령으로 활용되곤 합니다. 그런데 셀아웃이란 이 외곽선에 광원에 대한 고려없이 기계적으로 첨가한 셰이딩을 가리킵니다. 제대로 광원을 고려해서 외곽선 명암을 수정한다면 이렇게 끊어진 듯 깨진 외곽선이 나오지 않겠죠. 아래를 봐 주세요.

(왼쪽: 외곽선이 왼쪽위에서 쏟아지는 광원을 고려해 처리됨 / 오른쪽: 광원 고려 없이 외곽선을 셀아웃함)

아래에 보다 심플한 예시가 있습니다. 왼쪽위에서 내려오는 광원에 대해 왼쪽 반원의 외곽선은 제대로 묘사되어 있습니다. 그러나 오른쪽 반원은 그렇지 않죠.

셀아웃은 특별한 상황을 고려해서 넣은 경우에는 잘 작동하기도 합니다. 예를 들면 항상 어두운 배경만 나오는 게임의 캐릭터 스프라이트 같은 경우죠. (역주 : 이경우 왼쪽보다는 오른쪽이 더 올바른 예시라 볼 수 있겠습니다)

......이미지 12개도 올라가잖아...? 디용..

다음편은 '팔레트 만들기'

[🖼️작품] Pixel Joint Forum Tutorial [한글판] 04

댓글 4

다른 게시글