친절한효자손 취미생활

[일러스트레이터 기초] 일러스트레이터로 도트이미지(픽셀아트) 그리기



오늘 모처럼 학원나와서 자유롭게 그림(?) 을 그리고 있어요.

다름아닌, 일러스트레이터로 말이지요^^;


지금까지 포토샵으로 픽셀을 찍고(?)있었는데, 일러스트레이터에서 더욱 쉽게

그릴수 있다는 사실을 뒤늦게 깨닫고 말았어요^^;




일러스트레이터에서 도트이미지를 표현할 수 있구요~

포토샵보다더 자유롭게 픽셀수나 크기를 조절 할 수 있어요.


포토샵에서는 어려운 부분이지요. ㅎㅎㅎ


오케이3


그러면, 어떻게 도트이미지를 제작하는지, 그 과정을 보도록 할께요^^

엄청 쉽습니다.





저 툴은, 선툴을 길게 누르고 계시면 보실 수 있는데, 이름이 좀 길어요.

Rectangular grid Tool 이라고 하는 툴인데요, 표만들기랑 비슷하죠?


표처럼 가이드를 만들어 주는건데, 가로/세로를 길이를 같게해서 만들면,

픽셀이미지를 찍을 수 있는 도화지를 제공해 주는 샘이지요^^





툴 선택하시고, 바탕에서 클릭! 하시면 이런 창이 뜹니다.

기본적으로 크기는 2의 제곱으로 하는게 좋으며, 저는 512픽셀로 할께요.


그 밑에 가로 세로 안쪽에 들어갈 줄 수를 정해주는 항목이 있는데,

저는 19로 입력했습니다. 그러면 20칸이 되지요.

수평/수직 모두 동일하게 적용시켜 줍니다.


그 밑에 퍼센트 설정하는건, 치우치게 해 주는 정도인데, 픽셀아트에는 부적합 하므로, 0%로 합니다.





짜잔~! 이렇게 나옵니다^^

이로인해, 기본적인 픽셀단위 도화지는 마련된 샘 입니다.





하나 더 해주셔야 되는데요, 오브젝트 > 라이브 페인트 > 메이크 로 들어가 주세요.





이렇게 한번 설정해 주셔야, 이제 안쪽 네모칸마다 하나씩 체워넣을 수 있게 됩니다.





왼쪽 도구툴에서 저 모양의 아이콘을 찾아주세요.

Live Paint Bucket (K) 이라고 되어있네요~ 단축키가 K 입니다.





그리고 스와치 파레트에서 원하는 색을 찾으시거나~!





이렇게 세부설정을 통해서 별도로 색을 찾으셔도 됩니다^^





자~ 원하는 그림을 그립니다^^ 이렇게 쭈욱~ 드래그 하셔도 되고

하나하나 찍으셔도 됩니다.





요렇게 채워져 나가게 됩니다.





대~ 충 그냥 하트 하나 만들어 보았어요.





짜잔~! 이렇게 완성이 되는 것입니다^^





하나의 오브젝트 이므로, 이렇게 다량 복사가 가능하며,

확대/축소를 해도 절대로 깨지는 일이 없지요^^





또한, 픽셀이라는 독특한 느낌을 살릴수 있도록 이렇게~!

선 색상을 지정해서 만들수도 있습니다.


흰색을 한번 줘볼까요???





요런 느낌이 되는 것입니다^^ 하하~!

이뻐요~! 이뻐~!





복사한 픽셀아트 하트들 입니다^^

이런식으로 자신만의 다양한 픽셀아트를 표현해 보세요!





그리고, 여기서 끝나는 것이 아니라,

이렇게 한번 더 익스팬드를 해주셔야 완벽한 하트만 남게 됩니다^^





이렇게 작은 사각형 단위로만 남게 되지요.

나머지 체워지지 않은 부분은 지워집니다.





그냥 보면 이렇게 깔끔하지 않습니다. 실제로는 다 체워진건데....

버그인가 봐요...ㅠ_ㅠ





이럴때는, 패스파인더에서 오브젝트를 합쳐주시면~! 끝 입니다^^

이렇게 해 주시거나, 저 아이콘이 안보이시면, 윈도우 > Pathfinder 로 들어가시면 됩니다.





짜잔~! 일러스트레이터로 대~충 그린 하트 완성 입니다^^

이렇게 하시면 됩니다~! 참 쉽지요????



홧팅2


이제 픽셀아트는 일러스트레이터에서 한번 만들어 보세요^^

참으로 쉽게 디자인 할 수 있습니다~!


하지만....도트라는게 엄청난 시간과 노력을 투자해야 좋은 이미지가 나오므로~

툴보다도 중요한 것은 우리의 투지 랍니다^^







공유하기

facebook twitter kakaoTalk kakaostory naver band