[스케치] 더이상 미룰 수 없다! Sketch 시작하기(설치, 아트보드 만들기, 그리드 세팅)

[스케치] 더이상 미룰 수 없다! Sketch 시작하기(설치, 아트보드 만들기, 그리드 세팅)

 

스케치 시작하기

안녕하세요. 당근입니다. 드디어... 오늘은 스케치 사용법을 가지고 왔습니다.

스케치는 맥에서만 지원되고요, 첫 달 무료지만 그 다음부터는 유료입니다. (1년에 99달러)

처음부터 이것저것 하면 머리아프니까 간단하게 설치하고 아트보드를 만들어보고, 그리드까지 세팅해보겠습니다.

 

1. 설치하기

https://www.sketch.com/apps/

Apps

여기에 들어가셔서 다운로드 받으세요.

회원가입

받아지는 동안 회원가입을 합니다.

계정을 입력하고 이름을 쓰고 회사이름 팀이름 등등을 쓰면 됩니다.

 

스케치 웹사이트

웹사이트 메인에서 Try fo free를 누르시면 웹으로 그냥 워크스페이스가 열리는데요.

웹버전

Download the Mac App

여기서 다운로드하셔도 됩니다.

 

Sign in

다운받은 스케치 파일을 실행합니다.

Sign in 해서 로그인하세요.

설치 완료

그럼 아무것도 없는 초기화면이 나오네요. 설치가 잘 되었습니다. New Document를 눌러 바로 뭔가를 만들어볼까요?

 

2. 아트보드 만들기

 

아트보드 만들기

+버튼을 눌러 드롭다운 메뉴에서 Artboard를 선택하시거나 단축키 A를 누르시면 됩니다.

스케치 아트보드

드래그하셔서 아트보드 영역을 지정하셔도 되지만 오른쪽에서 디바이스별로 자세하게 세팅된 사이즈를 선택하셔서 제작하시면 더 편합니다. 샘플이니까 저는 360*640 안드로이드 사이즈를 지정해볼게요.

아트보드 생성

아트보드 생성 끝!

아트보드를 만들었으니 그리드를 세팅해볼까요?

 

3. 레이아웃 그리드 세팅

스케치 그리드 세팅

View에서 Layout Settings... 에 들어갑니다.

스케치 그리드 세팅

여기서 레이아웃을 지정해요.

Total Width는 총 가로 폭에서 좌우 여백을 뺀 너비

Offset은 좌우여백입니다.

Columns의 개수와 Gutter(컬럼 사이의 여백)의 폭 등등을 지정하세요.

그리드 완성

그리드를 만드실 때 참고하시라고 제가 만든 그리드에서 각종 세팅값들을 적어봤어요. 그리드가 치우쳐있다면 Offset 옆에 Center버튼을 누르시면됩니다.

이렇게 그리드를 만들고 작업하시다가 그리드가 걸리적 거린다면?

Show Layout

아까 그리드 생성때와 같이 View에 들어가셔서 Show Layout을 다시 선택해 체크해제해주시면 됩니다.

하지만 여러분은 디자이너고... 그리드를 켜고 끄고 할 때 매번 저걸 누르러 마우스를 움직일 시간이 없습니다.

그러니까 단축키를 써야합니다. ctrl + L 을 누르세요(커맨드 아니고 컨트롤입니다!!!)

 

여기까지 스케치 깔고 아트보드도 만들고~ 그리드도 깔아봤어요.

아직까지 어려운건 하나도 없죠? 스케치 시작하시는 분들께 도움이 됐으면 좋겠네요.

당근이었습니다.