디시인사이드 갤러리

마이너 갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

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

새우맨(222.120) 2017.04.10 14:48:16
조회 10125 추천 24 댓글 8
														

원문: http://pixeljoint.com/forum/forum_posts.asp?TID=11299

한글판 1편: https://gall.dcinside.com/mgallery/board/view/?id=pixelart&no=1732



(이 번역본은 상당히 의역 되어있습니다)


III. 픽셀아트 용어들

#안티알리아싱 (Anti-aliasing (AA)) (<- 픽셀의 사각사각한 계단 현상을 제거(또는 완화)해주는 트릭)
[안티알리아싱에 대해서 ptoing님이 올린 짤을 참고하셔도 좋습니다(아래)]


viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad680f93ee573f0cc5ce745d07d




안티알리아싱은 들쭉날쭉한 외곽선을 부드럽게 보이게 하는 방법입니다. 일반적인 그래픽툴에서는 안티알리아싱을 기본적으로 사용하고 있기 때문에 사실 우리가 흔하게 접하고 있는 것이라 볼 수 있습니다. 그러나 우리는 픽셀아트를 논하고 있는 것이므로... 여기서 말하는 안티알리이싱은 '내손으로 직접 하는 안티알리아싱'입니다. 프로그램적으로 자동 처리된 것이 아니라 내 손으로 직접 안티알리아싱을 먹인다는 것은 선의 굴곡을 부드럽게 묘사하기 위해 내가 픽셀을 직접 손보는 것입니다. 아래의 짤을 봐주세요.


viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad682a34fe0a22586debe83a521
왼쪽이 AA가 없는 것, 오른쪽이 AA를 먹인 것.

사람들이 안티알리아싱을 손수 넣어줄때 흔히 빠지곤 하는 함정들이 있는데 그건 이어질 "피해야할 것들" 섹션을 참고하세요.

#디더링
디더링은 픽셀들을 특정한 패턴으로 채우는 방식입니다. 보통 두 가지 색상 사이가 자연스럽게 연결되도록 할 때 사용합니다. 두가지 색상이 너무 색상 차이가 클 때 새로운 색을 추가하지 않고 원래 2개의 색상만 가지고 자연스럽게 연결되도록 만드는 테크닉이죠. 이 방법은 특별한 질감을 묘사하기 위해서 사용되기도 합니다. 옛날, LCD가 아닌 CRT 모니터가 일반적일 때에는 이 방법이 특히 쓸모있었습니다. CRT는 LCD보다 각각의 화소가 살짝 번지는 느낌이 있었기 때문에 자연스럽게 두 색상이 섞이는 효과가 있었거든요. 현대에는 LCD 모니터가 일반화됐고, LCD 모니터는 화소를 뚜렷이 출력하기 때문에 이런 패턴들이 너무 확연히 눈에 띄게 되어버려서 예전만큼 좋은 트릭은 아니게 되어버렸지만, 아직도 꽤 쓸만한 방법입니다.

가장 흔한 디더링 패턴은 '50/50 dither' 입니다. '50% dither'라고 부르기도하고 '체커보드 패턴'이라고 부르기도 합니다.

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad6d5a13c90f5fd5c5e13addf0f



위의 예시에서 보듯이 50% dither 말고도 여러가지 패턴을 사용해서 색의 전이를 표현할 수가 있어요.
하지만 이런 패턴들은 때로는 너무 잘 눈에 띄기 때문에 활용할 때 조심할 필요가 있습니다.

'Stylized dithering' 이런 방식도 있는데 패턴에 작은 모양들을 첨가해서 색상 전이에 변화를 준 것입니다.

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad6d0f7a8314347dba9879090b5



'Interaced dithering' 이 방법은 두개의 디더링 영역을 결합해놓은 것입니다. 두 개의 디더링 영역이 합쳐져서 그라데이션을 형성하고 있습니다.

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad685f08439dc2bbe90c7c170c3



'Random dithering' 이것은 흔하게 쓰이는 방식은 아닙니다. 마치 아무렇게나 배치한 듯한 픽셀들이 색상 전이를 표현하고 있습니다. 이 방식은 때로 쓸모있을 수도 있겠지만 일반적으로 권장되는 방식은 아닙니다.

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad6d0a3fcbb5e50057ed7aa42d0



디더링은 유용하지만, 경험이 부족한 아티스트들은 디더링을 잘못 사용하는 경우가 있습니다. 이런 경우들은 "피해야할 것들" 섹션에서 더 다루겠습니다.




#픽셀 클러스터 (픽셀 덩어리) (<- '클러스터'는 '덩어리'라고 보시면 됩니다)


말 그대로 여러 개의 픽셀들이 연결되어 있으면 그게 픽셀 덩어리가 되겠죠. 하지만 그 연결된 픽셀들이 같은 색상이어야만 비로소 이 '픽셀 덩어리'가 어떤 의미를 가지게 됩니다. 픽셀아트를 하는 분들이라면 이렇게 같은 색상의 픽셀들을 덩어리로 묘사함으로써 그게 어떠한 형체를 묘사해낼 수 있다는 사실에 주목해야 할 것입니다. 즉 픽셀아트는 작가가 그 작품에서 '픽셀 덩어리'를 얼마나 잘 구사했느냐에 따라 작품의 성패가 달린 것이라 볼수도 있을 것입니다.  - Ramblethread


픽셀아트에서 점 하나하나를 주의깊게 선택해야만 한다는 것은 당연합니다. 하지만 사실 이건 '점 1개'에 관한 이야기가 아닙니다. 만약 픽셀 하나가 혼자 덜렁 떨어져 있다면 그건 그냥 '노이즈'에 불과할지도 모릅니다. 그런 것보단 픽셀이 언제나 덩어리를 이루도록 하는 게 좋습니다. 같은 색상을 가지면서도 서로 인접한 픽셀들이 그룹을 형성하면 하나의 형태를 만들어내게 됩니다. 각각의 1픽셀은 우리가 다룰 수 있는 최소 블록이지만, 우리가 어떤 의미를 부여할 수 있는 최소 단위는 바로 '픽셀들의 덩어리'입니다. 그리고 개개의 픽셀이 사실은 별로 독립적이지 않다는 것, 그리고 픽셀 덩어리 역시 그 자체로 독립적이지 않다는 사실을 깨닫는 것이 중요합니다. 마치 퍼즐조각처럼 픽셀들의 덩어리는 그 자신의 윤곽을 통해 그 주변의 생김새를 표현해내기 때문입니다. (<-이 문단 의역 쩔음요... 너무 영어 스타일이라 최대한 한국어로 전달될 수 있게 노력함..;;)

아래 예시를 봐주세요. 여기보시면 픽셀 덩어리의 구성에 따라 어떻게 확연히 다른 형태를 연출하는지 느끼실 수 있습니다.(역주.. 솔직히 잘 모르겠음)

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad6d7f67ecbebcb680a61db1705



그리고 따로 떨어진 픽셀들은 그 주변 색에 따라 때로는 쓸데없는 노이즈처럼 느껴지기도 하지만, 그것이 안티알리아싱으로 사용된 경우에는 덩어리의 일부분으로써 읽혀진다는 사실도 참고해주세요.

viewimage.php?id=3db4c823e9d32ab2&no=29bcc427b28477a16fb3dab004c86b6f97928ae591e31d37f62aeb7c4f18a5876196a2b9815a30d3ab4082fdfad682f62e12d988d1b176f8a967





....다음편은 "피해야 할 것들"

추천 비추천

24

고정닉 3

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 말머리 제목 글쓴이 작성일 조회 추천
2864 설문 비난 여론에도 뻔뻔하게 잘 살 것 같은 스타는? 운영자 24/06/03 - -
24973 공지 완장호출용 Pixelart갤로그로 이동합니다. 22.12.26 1858 5
24510 공지 도트갤 공지,가이드 글 [5] Pixelart갤로그로 이동합니다. 22.11.10 28325 31
2385 공지 도트에 관련된 글을 맘편히 올려주세요. [18] 픽셀아트갤로그로 이동합니다. 17.05.22 13668 57
2386 공지 점갤에는 콜라보라는 유익한 문화가 있습니다. 이곳에서 확인해보세요. [22] 픽셀아트갤로그로 이동합니다. 17.05.22 19351 42
29527 ❔질문 에슾 질문 [3] 도붕이(122.43) 17:47 17 0
29526 🖼️작 돝린이 판타지 배경 2 ㅎㄹ(221.168) 12:22 87 7
29525 🖼️작 도트 ㅇㅇ(1.241) 12:19 83 11
29524 🖼️작 흡흡허하는 블아 이오리 제대로정신나간놈갤로그로 이동합니다. 10:49 84 5
29523 ❔질문 도트 고인물 선생님들께 질문 [1] ㅇㅇ갤로그로 이동합니다. 05:14 105 0
29522 🖼️작 1일차 뉴비 도트 시작 [1] 히토즈마다이스키(121.136) 06.04 133 5
29521 ❔질문 에슾 레이어 질문 [2] ㅇㅇ(119.202) 06.04 77 0
29520 ❔질문 에슾 체험판은 저장이 안되는데 [1] 도붕이(1.252) 06.04 70 0
29519 🖼️작 도트 4일차 [1] 도붕이(112.157) 06.04 180 9
29518 🖼️작 매머드 Mk. II [3] 도트초보갤로그로 이동합니다. 06.04 184 8
29517 🖼️작 블아 후우카 [5] 2049갤로그로 이동합니다. 06.04 264 20
29516 🖼️작 빅-망치맨 [2] ㅇㅇ갤로그로 이동합니다. 06.04 223 17
29515 🖼️작 다이빙 헬멧 블서갤로그로 이동합니다. 06.03 177 12
29514 🖼️작 애니메이션 만들려는데 집중력 소모가 장난 아니네 [2] 도붕이(116.45) 06.03 185 4
29513 ❔질문 게임 타일 그리려고 하는데 질문좀 [1] 도붕이(59.16) 06.03 107 0
29512 🖼️작 무기 도트 [1] Rabbbbbbbit갤로그로 이동합니다. 06.03 248 19
29511 🖼️작 GBC풍 디지몬 TVA 성장기들+@ 도트 [3] GGG갤로그로 이동합니다. 06.03 285 22
29510 🖼️작 메이 [2] 호오리갤로그로 이동합니다. 06.03 171 8
29509 ❔질문 산나비 금마리정도면 도트크기가 몇정도인가요 ㄷㄷ? 아는분있나 [2] 루비갤로그로 이동합니다. 06.03 199 1
29508 🔗퍼옴 [인디 팀원 모집] RPG 도트 아티스트 모집합니다 ty갤로그로 이동합니다. 06.03 249 4
29507 🔧피드 도트 애니메이션 질문 & 불 이펙트 질문 [3] 도붕이(182.211) 06.03 190 1
29506 🖼️작 니케 도로시 도트 [3] 물보다깨끗갤로그로 이동합니다. 06.02 218 2
29505 🖼️작 특수요원 [1] 한지갤로그로 이동합니다. 06.02 175 7
29504 🖼️작 간단 마리오 ㅇㅇ(118.216) 06.02 158 6
29503 🖼️작 뉴비 다섯 번째 도트 ㅇㅇ(39.115) 06.02 170 3
29502 🖼️작 도트 [1] ㅇㅇ(211.234) 06.02 333 16
29501 🖼️작 홀로 나쁜 남자 [3] 호오리갤로그로 이동합니다. 06.02 177 6
29500 🔧피드 도트 뉴비 파이프 담배 표현 질문 [3] 도붕이(182.211) 06.01 239 0
29499 🖼️작 뉴비 네 번째 도트 [2] ㅇㅇ(39.115) 06.01 290 8
29498 ❔질문 레이어를 그룹으로 묶어두고 fx 아웃라인 잡는 방법이 따로있어? [4] 도붕이(218.232) 06.01 159 0
29497 🖼️작 두 번째 도트~ [3] KIVVI(221.155) 06.01 268 9
29496 🖼️작 월플풍 도트 찍음 ㅇㅇ갤로그로 이동합니다. 06.01 239 5
29495 🖼️작 잉크기능을 맛본 뉴비 [4] ㅇㅇ(39.115) 06.01 267 1
29494 🖼️작 푸른밤 옥상달빛 mr.life(1.229) 06.01 172 7
29493 🔧피드 도트뉴비조언구합니다>가라조언인데 받을래? [2] dualSkewer갤로그로 이동합니다. 05.31 230 3
29492 🖼️작 돝린이 판타지 배경 그려옴 [8] ㅎㄹ(221.168) 05.31 391 15
29491 ❔질문 psd를 에이스프라이트로 변환하는건 없어? [1] 도붕이(123.142) 05.31 113 0
29490 🖼️작 연습했다 도붕이(211.39) 05.31 152 3
29489 🔧피드 도트 뉴비 조언구합니다 [3] 남무갤로그로 이동합니다. 05.31 255 0
29488 🖼️작 팡타스크급 구축함 [3] 도트초보갤로그로 이동합니다. 05.31 192 8
29487 💡정보 무료 도트 프로그램 Pixelorama 도붕이(117.111) 05.30 427 14
29486 🔗퍼옴 도트겜을 초고해상도로 돌린다면..jpg [1] 슬러시갤로그로 이동합니다. 05.30 296 2
29485 🖼️작 도붕이 그리고 있는거 [8] ㅇㅇ(58.126) 05.30 247 7
29484 🖼️작 아조씨 그리는중 [1] ㅇㅇ(1.241) 05.30 193 5
29483 🖼️작 아마 올해 안에 [5] ㅇㅇ(222.120) 05.30 523 15
29482 💡정보 콜로소보다는 유데미 강의가 가성비가 좋음 [2] 도붕이(117.111) 05.30 241 11
29481 🖼️작 통나무 도트 [1] ㅇㅇ(125.189) 05.30 214 7
29480 🖼️작 도트 도트 [2] 도붕이(122.34) 05.30 188 9
29479 ❔질문 뉴비 도트 찍었는데 질문있음 [4] 도붕이(118.129) 05.30 253 3
29478 🖼️작 날틀 3종 IllIlIll갤로그로 이동합니다. 05.30 157 4
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2