Aseprite 튜토리얼: 드로잉 기능 팁 - 픽셀 아트 프로그램: 도트 디자인

 픽셀 아트 프로그램인 Aseprite의 튜토리얼을 작성해봤습니다. 간단한 패널 설명과 드로잉 기능에 대한 팁을 정리했어요. 에이스프라이트는 도트 찍는 사람들 사이에서 인기 있는 프로그램입니다. 정말 도트만 찍을 수 있는 그림 프로그램이에요. 제품은 스팀에서 구매하거나 직접 컴파일해서 무료로 다운 받으실 수 있습니다. 컴파일 하는 방법은 제가 이전에 올린 글이 있으니 필요하신 분은 참고하세요.

*한글 패치에 Korean이랑 Korean alternative가 있는데 그냥 Korean 다운 받으시면 됩니다. 둘이 똑같은데 폰트만 다르다고 하더라고요. alternative는 굴림체라고 합니다. 다른 그림 프로그램을 영문으로 사용한 경험이 있다면 그냥 사용하셔도 별로 어렵지 않아요.

 최신 버전인 v1.2.25, 한글 패치 1.2.9-1 기준입니다. 한글 패치를 했을 때 제대로 번역되어 있는 부분에 대해서는 자세히 설명하지 않겠습니다.

 파일 생성 단축키는 Ctrl+N입니다. 당연하지만 저장은 Ctrl+S입니다. 저장은 습관적으로 하시길 바래요.

패널 및 도구 설명

Aseprite의 기본 패널

 레이어 패널(타임라인)이 안 보일 경우, Tab을 누르시면 됩니다.
 Preview는 원하는 위치로 옮길 수 있으며, 밑의 [1:1]아이콘을 클릭하면 없앨 수 있습니다.

Aseprite의 도구와 단축키

 흐림은 말 그대로 부드럽게 흐려지게 하는 효과이고, 혼합은 픽셀 단위로 섞입니다.

흐림(Blur)과 혼합(Jumble) 비교.

 그림 그릴 때는 연필 도구를 사용하시면 됩니다. 손바닥 도구는 작업 영역을 옮길 때 사용하시면 돼요. 다음은 작업을 빠르게 해주는 단축키들입니다.
*키보드 단축키 설정은 Ctrl+Alt+Shift+K 혹은 상단 메뉴의 [편집-키보드 단축키...]로 들어가세요.
• 1, 2, 3, 4, 5, 6: 화면 크기 조절(돋보기)
• 마우스 휠: 화면 확대/축소(돋보기) 
• 스페이스바: 손바닥 도구
• Alt: 스포이드 도구
• Ctrl: 위치 확인 및 이동
• Ctrl+T: 변형
• Delete(Del): 삭제
• Shift+H: 좌우반전
• Shift+V: 상하반전
• Ctrl+Z: 실행 취소
• Ctrl+Shift+Z: 다시 실행
• C: 캔버스 크기 설정
• Ctrl+F: 전체화면
• Ctrl+B: 브러시 생성(원하는 영역을 선택하면 그 부분의 모양을 한 브러시를 사용할 수 있음.)
• Shift+N: 새 레이어 추가
• Ctrl+Shift+I: 선택 영역 반전

레이어

레이어 패널

 세로가 레이어, 가로는 프레임(셀)입니다.
 연속 레이어는 애니메이션을 만들 때 사용됩니다. 연속 레이어를 켜면 위 이미지의 Layer 3처럼 새로운 프레임을 추가했을 때 기존 레이어의 내용이 이어진 채 추가됩니다.

드로잉 기능 팁 - 연필 도구 설정

 연필 도구 설정에는 4가지 항목이 있습니다.
연필 도구 설정

 가장 왼쪽 아이콘을 선택하면 브러시 모양을 선택할 수 있습니다. 모양은 원, 사각형, 선으로 총 세 가지입니다. 사각형과 선을 클릭하면 브러시의 각도도 설정할 수 있어요.
 바로 옆에 있는 설정으로 브러시 크기를 조절하시면 됩니다. 클릭해서 키보드로 입력하셔도 되고, 마우스를 가져다 놓고 마우스 휠로 크기를 조절할 수도 있습니다.

 가장 오른쪽에 있는 Pixel-perfect를 체크하면 선이 더 깔끔하게 그려집니다.

Pixel-perfect를 체크하지 않았을 때와 체크했을 때 비교.
설정을 체크하면 픽셀이 뭉치지 않게 그려집니다.

Ink 종류와 사용하는 방법

 잉크는 총 5가지가 있습니다.
*알파(Alpha)는 투명도입니다.
단순한 잉크(Simple Ink): 평범하게 칠해집니다. 알파 값을 주면 반투명한 색을 덧칠할 수 있습니다.
알파 합성(Alpha Compositing): 알파 값에 따라 레이어 표면과 섞인 것처럼 칠해집니다. 더 자연스럽게 칠해진다고 생각하시면 됩니다.

단순한 잉크와 알파 합성 비교.

알파+색상 복사(Copy Alpha+Color): 같은 레이어에 있던 원래 색을 지우고 알파 값이 있는 색상이 칠해집니다.

알파+색상 복사 예시.
투명도가 있는 색으로 칠해도 원래 있던 색이 지워지고 칠해집니다.

알파 잠금(Lock Alpha): 알파 값은 유지되고, RGB 색상만 변경됩니다.
음영(Shading): 특정 색상을 골라서 그 부분에만 칠할 수 있습니다. 이건 공식 사이트의 예시를 보는 게 좋을 것 같네요.
 그림 그린 색상의 오른쪽, 혹은 왼쪽으로 여러 개를 선택하여 해당 색상에만 칠할 수 있습니다. 팔레트를 정리한 후에 사용해야 하는 기능이네요.

 Dynamics - 디더링하는 방법/필압 설정

*디더링(Dithering): 픽셀 아트처럼 제한된 색상을 사용해야 할 경우, 색이 섞인 것처럼 보이게 하기 위해 점 패턴을 찍는 방식입니다. 점묘화를 생각하시면 됩니다.

Dynamics 설정

 크기가 달라지길 원하면 'Size'행의 칸을, 디더링을 하고 싶다면 'Gradient'를 클릭하세요. 'Angle'은 브러쉬 모양이 돌아가는 겁니다. 기본 원형 브러시일 때는 아무 효과가 없고, 사각형과 선 브러시를 사용할 때 효과가 나타납니다.

 'Pressure'는 필압, 'Velocity'는 속도입니다. 타블렛 사용자들은 필압을 선택하셔도 되지만, 마우스를 사용하는 분들은 필압이 없으므로 속도를 사용하셔야 합니다. 그럼 속도에 따라서 다르게 그려집니다.

속도에 따른 그라데이션을 선택해서 칠한 겁니다.
좀 대충 칠했는데 마우스로도 충분히 할 수 있습니다.

 밑의 'Velocity'를 조절해 민감도를 조절하실 수 있어요. 작은 삼각형을 움직이면서 조절하실 수 있습니다.
 아래는 Dynamics 설정을 소개하는 Aseprite 공식 영상입니다. 사용 방법과 예시가 잘 나와 있어서 가져왔어요.

 이외 간단한 팁들입니다.
• [스프라이트-다듬기]: 현재 그림에 딱 맞게 캔버스 크기가 변경됩니다. 포토샵의 'Trim'과 같은 기능입니다.
• 안내선, 격자 등은 상단 메뉴의 [보기]에서 찾을 수 있습니다.
• 현재 보이는 레이어를 모두 합치고 싶다면 [레이어-Flatten Visible]을 선택하세요.

 에이스프라이트는 다른 그림 툴에 비해 직관적인 편이라서 잘 모르더라도 어렵지 않을 겁니다. 그래도 처음 보는 프로그램은 왠지 막막할 때가 많으니까요. 처음 사용하는 분들에게 도움이 되었길 바랍니다.

댓글 쓰기

0 댓글