메뉴 건너뛰기

창조도시 기록보관소

extra_vars1 캐릭도트 
extra_vars2
extra_vars3
extra_vars4
extra_vars5  
extra_vars6  
extra_vars7  
캐릭터만들기 Pro 도트 그림 강좌 STEP 1-4

●기초 기술, 안티 에일리어징 ●

도트는 한점 한점이 네모진 것이므로, 아무래도 그림의 경계선에 계단이 생겨 버립니다. 그러나 이 문제를, 색의 성질을 이용하는 것으로 해결하는 것이 안티 에일리어징 기술입니다. 도트 그림 작성의 기본중의 기본으로, 향후의 작업에는 없으면 안 되는 기술입니다. 차분히 시간을 들여 연습해, 자신의 것으로 만듭시다.


기본적인 사용법
도트로 그림을 그려 갈 때 나타나는 경계선의 톱니모양, 계단같은 부분을 「계단」이라고 말합니다. 안티 에일리어징라고 하는 것은 기본적으로, 이 계단을 눈에 띄지 않게 없애기 위한 기술입니다. 그림의 경계선(주선이라고 말한다)과 배경을 안티 에일리어징 처리해 거부감없게 만들어 그림을 매끄럽게 보이게 합니다. 안티 에일리어징을 효과적 사용하려면 , 색이 가지는 효과를 알아 둘 필요가 있습니다.

우선 여기에, 검은색에서 흰색으로의 그라데이션을 8색분 준비했습니다. 주선을 흑, 배경은 흰색으로 가정합니다. 맨 밑의 흑보다, 맨 위의 회색이 흰색에 가깝기 때문에, 배경에 녹고 있는것처럼 보입니다. 안티 에일리어징은 이 시각적 효과를 이용하는 기술입니다.

배경의 색이 바뀌어도, 기본적으로는 같습니다. 배경의 색에 가까운 색이 배경에 녹는 것처럼 보입니다.

오른쪽 그림에 있는 5개의 세로선은, 모두 같은 수의 닷수로 그려져 있습니다. 그러나, 오른쪽은, 배경으로 친숙해 지는 색으로 그라데이션을 붙였기 때문에, 같은 길이면서 짧게 보입니다. 안티 에일리어징에 임하기 전에, 이러한 색에 의한 효과를 알아 두면 좋을 것입니다.


안티 에일리어징의 효과:애매하게 만들기
안티 에일리어징을 사용한 그림의 표현 방법으로서 「애매하게 만들기」가 있습니다. 단순한 예로 설명해 봅시다. 설명을 따라, 스스로 그려 보세요.

01. 검은 배경으로 흰 원을 그렸습니다. 원래 치수대에서 봐도, 벌써 계단, 톱니모양으로 한 도트의 모퉁이가 보이고 있습니다. 여기에서는 흰색 원의 가장자리를을 애매하게 만들어서, 배경인 검은색에 녹아드는 듯 깔끔하게 하는 작업을 해 보겠습니다. 사용하는 색은, 위의 항목으로 사용한 검은색에서 흰색으로의 그라데이션 8색입니다.

02. 우선 8색중, 제일흰색에 가까운 색으로 원의 바깥테두리를 덧입혀 보겠습니다. 확대도를 잘 보고, 덧입히는 방법을 흉내내 주세요.

03. 동일 요령으로, 지금 덧입힌 것에, 한층 덧입혀 갑니다. 덧입힐 색은, 1개씩 흑에 가까운 색을 선택해 사용합니다. 8색분의 작업이 끝나면, 오른쪽 그림과 같은 상태가 되겠지요. 그러나, 상하 좌우에 얇은 선이 들어가 있는 것처럼 보여 버리지 않습니까? 또, 원이 처음보다 커져버렸습니다.

04. 확대해 보면, 한층 더 그 선이 현저하게 나타납니다. 그대로 효과로 굳이 사용하는 것도 재미있겠습니다만, 원의 주위를 깨끗하게 애매하게 하고 싶은 경우는, 어떻게 하면 좋을까요...

05. 선이 나타나는 원인은 이 그라데이션과 그라데이션의 경계입니다. 덧붙인 에 덧붙이기를 단순하게 반복했기 때문에, 이러한 상태가 되어 버렸습니다.

06. 이것을 피하려면 , 덧붙이는방법을 바꾸지 않으면 안됩니다. 그러면 다음에, 제일 흰색에 가까운 색은 아니고, 흑방향으로 1개 뛰어 넘은 색을 사용해, 덧붙입시다... 이 때, 원의 안쪽을 덧붙이도록 합니다.


붉은 테두리가 선택색

07. 확대하면, 이와 같이 됩니다. 이 상태는, 흰색, 회색, 흑, 각각의 경계는, 색의 틀림에 따라 확실히 눈에 띕니다.


처리 후


처리 전
08. 거기서, 조금 전에 뛰어넘은 색(흰색에서 왼쪽으로 한칸인 색)을 사용하게 됩니다. 그 색으로 회색의 경계선을 칠하도록 합시다. 다만, 전부 칠해 버리면 의미가 없습니다. [09]의 확대도를 참고해서, 원의 회색을 약간 남기도록 그려 갑니다. 방금전의 회색과 흰색을 어색하지 않게 하기 위해서하고 있는 것을 의식하면서 작업해 봅시다.



붉은 테두리가 선택색

09. [08]의 그림을 확대하면, 이렇게 되어 있습니다. 이것이 안티 에일리어징 처리입니다. 나중에 그린 얇은 회색을 어디에 칠할지가, 그리는 사람의 센스가 됩니다. 원래 치수대에서 봐, 매끈매끈하게 보이게 될 때까지, 반복해서 그리며 기억합시다.

10. 그런데, 이것으로 마지막이 아닙니다. 한층 더 덧붙임을 계속해 봅시다. [06]에서 덧불일때 사용한 색으로부터, 역시 1개 건너 뛴 색을 선택합니다. 이 색을 사용해, 이번엔 바깥쪽을 덧붙입니다.


붉은 테두리가 선택색

11. [10]의 작업이 끝나면, 진한 회색과 진하지 않은 회색의 중간에 있는 색을 사용해, 방금전같은 요령으로 도트를 찍습니다.


붉은 테두리가 선택색

12. 이 요령으로 작업을 반복해 나가면, 왼쪽과 같은 상태가 됩니다. 대충 끝나면, 원래 치수대에서 보면서 세부를 조정해 나갑시다. 안티 에일리어징 처리는, 「반드시 이 정도치에 이 색을 둔다」라고 하는 결정이 없습니다. 자신의 감각을 소중히 하며, 작업해 나갑시다.


처리 후

처리 전
13. 마지막으로, 처리 후와 처리 전을 보고 비교해 보면 어떻습니까? 크기의 아무 변화없이, 경계가 깨끗하게 애매하게 해져 있는 것처럼 보입니다.


안티 에일리어징의 효과:선을 자연스럽게 한다
위에서는 도형의 경계선을 자연스럽게 하는데 안티 에일리어징을 사용하고 있었습니다만, 향후는 「선」을 자연스럽게 하는데, 안티 에일리어징을 사용해 봅시다.

안티 에일리어징 처리가 본령을 발휘하는 것은, 이러한 선의 경우입니다. 그림에는 주선이 있어, 그 주선은 배경과의 색의 차이가 있습니다. 그 때문에, 도트의 라인은 아무래도 계단이 되기 쉽습니다. 그렇지만 주목 해 주었으면 하는 것은, 왼쪽의 그림으로, 모든 선이 계단처럼 보이는 것은 아니다라고 하는 것입니다.

붉은 박스로 표시한 부분은, 원래 치수대에서 봐도 확대해도, 도트의 계단이 신경이 쓰이지 않습니다. 그것은 도트가 수직, 평행으로 줄지어 있기 때문입니다. 이 경우, 안티 에일리어징을 걸칠 필요는 없습니다. 또 45도 단위의 각도를 가진 기울기선의 경우도 같습니다. 에일리어징 제거가 필요한 것은, 그 외의 선입니다.

이 붉은 사각형으로 표시한 부분을 봅시다. 이 선도 비교적 깨끗한 직선으로, 계단같은 느낌은 나지 않습니다. 그렇지만 약간, 세로의 선보다 가늘게 보이지 않습니까?

이것은 도트가 비스듬하게 되는데에 따라 나타난, 도트의 단차가 원인입니다. 그 1 도트의 단차에 의해, 정확히 타일 패턴과 같은 원리로“흰색을 포함한 선”이 되어, 얇게 보여 버립니다.

그 도트 단차를 묻듯이, 흰색과 흑의 중간의 색을 찍습니다. 그러나, 여기서 전의 덧붙일때와 같이 발라 버리면, 선이 배인 것처럼 되어, 너무 굵어져버립니다. 여기선, 위의[08]에서의, 색과 색을 자연스럽게하는 처리만 실시합니다.

선의 각도에 의해, 도트의 단차에는 불균형이 나옵니다. 안티 에일리어징 를 너무 거치면 , 너무 희미해지거나, 선이 굵어지는 등, 수정도 어려워집니다. 선의 굵기를 조절하려면 , 옅은 색만큼 가늘게 보인다고 하는 성질을 이용해 갈 것입니다. 또, 주선그 자체색을 부분적으로 바꾸어 버린다고 하는 방법도 있습니다(검은색을 완전하게 남긴채로 작업하면, 선이 굵어지기 쉽상입니다). 원래 치수대를 항상 보면서, 선의 굵기에 강약이 무심코 달라져 비뚤어지지 않은가를 체크하며 작업합시다.

요령으로서는 한 부분을 집중적으로 마무리하는 것이 아니라, 우선 어두운 색 1색을 사용해 전체를 정돈한 다음에 얇은 색으로 조정해 나가는 방법이, 실패를 줄입니다. 또, 최초로 점을 찍어야 할 장소는, 원래 치수대에서 봐 단차가 큰 부분에서, 단차를 눈에 띄지 않게 되는 것 같은 위치를 선택합니다.

여기서 설명한 작업은, 작업하는 사람의 감각에 의지하는 부분이 크기 때문에, 이것도 연습을 반복해, 자신나름의 감각을 찾아냅시다. 적당하게 선을 그어, 거기에 할 수 있던 계단현상을 눈에 띄지 않게 하는 연습을 합니다. 이번은 직선을 예에 작업을 했습니다만, 곡선의 경우도, 결국 다양한 각도의 직선이 세세하게 연결되고 있는 상태이므로, 직선을 마스터 할 수 있으면, 곡선도 동시에 마스터 할 수 있을 것입니다.


안티 에일리어징의 효과:경계를 자연스럽게 한다
이번에는 검은색과 흰색은 아니고, 색이 붙은 도형을 예로, 주선(경계선)을 자연스럽게게 하는 작업을 해 봅시다.
예를 들어 왼쪽과 같은 모양이나 그림자에도, 색과 색의 경계가 발생하는 경우가 있습니다. 색의 차이가 있으면 있을수록, 경계가 확실히 보이게 되어 버립니다.

배경의 얇은 황색과 도형의 녹색의 사이에, 양쪽 모두의 색을 혼합한 것 같은 중간의 색을 만듭니다.



그 색을 사용해, 도트의 단차가 격렬한 부분을 발라 보겠습니다. 조금은 계단을 제거 할 수 있다고 생각합니다.

방금전 작성한 색과 배경의 색의 중간의 색을 작성해, 경계를 친숙해 지게 하도록 찍습니다.


이 2색을 추가하는 것만으로, 꽤 계단을 줄일 수가 있습니다.

여기서 주의해야 할 것은, 색을 과하게 많이 쓰지 않는것입니다. 너무 많은 색을 사용하면, 경계를 자연스럽게한다고 하는 것보다, xxxx(번역불가-ㅁ-;;)한 사진 같이 되어 버립니다. 경계를 자연스럽게 하는데는 색의 과한 사용은 없다. 이것을 의식하면, 실패가 적게 되겠지요.


STEP 1은 종료!
에일리어징 제거는 익숙해질 때까지는 어려운 기술입니다. 곧바로 마스터 할 수 있는 것은 아니기 때문에, 초조해 하지 않고, 다양한 그림을 그려, 몸에 붙을 때까지 연습합시다. 「선을 깨끗이 하고 싶다」라고 하는 기분을 항상 가지고 있으면, 반드시 할 수 있게 됩니다.




*본 강좌는 일본의 사이트에 올라온 강좌의 번역본 입니다*