03.레이어, 그래픽 툴 핵심 요소

스케치의 가장 기본적인 요소부터 사용해 볼까요? 일반적으로 그래픽 디자인 툴은 레이어 개념을 사용합니다. 간단하게 색종이를 사용한다고 상상하면 됩니다. 실제 세계와 다른 점은 Ctrl+Z를 할 수 있다는 점이겠군요.

레이어 넣기

네모를 추가해볼까요? 상단 툴바에서 insert > Shape을 선택한 뒤 네모를 선택하거나, 키보드 R을 누릅니다. 이제 커서 모양이 바뀌면 캔버스 위에서 클릭-드래그하면 도형이 추가됩니다. 동일한 방식으로 아트보드, 도형, 벡터, 텍스트 등을 캔버스에 추가할 수 있습니다.

Shift 키를 누르면서 조절하면 비율이 유지됩니다.
Option을 누르면서 조절하면 가운데를 기준으로 조절됩니다.

레이어 선택하기

캔버스에 있는 레이어를 클릭해서 직접 선택하거나 왼쪽의 레이어 리스트에서 선택할 수 있습니다. 레이어를 선택한 상태에서 Shift나 Command 누르고 다른 레이어를 클릭하면 여러 레이어 선택할 수 있습니다.

그룹 내부 레이어는 Command를 누르면서 클릭하면 선택할 수 있습니다.
겹친 레이어는 우클릭을 눌러 select layer에서 고를 수 있습니다.

레이어 옮기기

레이어를 움직이면 자동으로 픽셀이나 주변 레이어에 정렬합니다. Option을 누르면서 드래그하면 레이어가 복사되며, 이전에 한 복사를 반복하려면 Commnad+D 를 누르면 됩니다. 가려진 레이어를 옮길 때는 Option + Command 를 누르면서 드래그하면 선택이 해제되지 않습니다.

자동 정렬되는 레이어
Option+드래그와 Command+D로 요소 복사하기
숨겨진 레이어 선택 유지하면서 이동하기

레이어 크기 바꾸기

클릭 후 단축키를 조합해서 드래그해 크기를 조절하거나, 인스펙터를 이용해서 정교하게 크기를 조절할 수 있습니다. 전체 비율을 유지하면서 크기를 조절할 때는 스케일링 기능을 이용해서 크기를 조절합니다.

클릭+드래그 크기 조절
inspector를 이용한 크기 조절
비율을 유지하는 scale (Command+K)

레이어 정렬하기 – Align

inspector에서 여러 요소들를 정렬할 수 있습니다. 위, 중간, 아래를 정렬하거나, 수평 수직으로 정렬할 수 있습니다.

숫자를 조절해 구체적인 간격을 지정할 수 있습니다.

레이어에 대한 자세한 정보 – Inspector

인스펙터는 캔버스나 레이어 리스트에서 선택한 요소의 속성을 제어하기 위한 영역입니다. 해당 시각 요소의 위치, 크기, 색, 선, 그림자 등을 제어할 수 있습니다. 선택하는 요소의 성격에 따라 표시되는 내용이 달라지고 한개를 선택했을 때, 여러개를 선택했을 때, 그룹을 선택했을 때 등 상태가 다를 때도 표시되는 내용이 달라집니다.

1개를 선택했을 때 인스펙터
2개를 선택했을 때 인스펙터
그룹 내부의 요소를 선택했을 때 인스펙터

크기 변경해도 위치, 크기 고정 시키기 – Resizing

여러 레이어를 그룹으로 묶어 사용할 때 크기를 조절할 때가 있습니다. 이 때 inspector의 resizing 탭에서 Fix size와 Pin to Edge를 이용해 상위 그룹의 크기가 변할 때의 동작을 지정할 수 있습니다.

Fix size를 지정하면 크기가 고정됩니다.
Pin to Edge를 지정하면 위치가 변하지 않습니다.

로드 중…

문제가 발생했습니다. 페이지를 새로 고친 후 다시 시도하세요.