04.도형, 형태 다루기

레이어를 이해하고 나면 이제 가장 기본적으로 사용할 여러 도형들을 살펴봅니다. 원, 네모, 별 등 다양한 기본 도형을 제공하며, 원하는 모양을 직접 그릴 수도 있습니다.

도형 편집

insert를 통해 다양한 도형을 추가하거나 펜 툴을 이용해 새로운 모양을 그릴 수 있습니다. 모든 벡터 요소는 Points로 구성되며 Path라고 부르는 선으로 연결됩니다. Shape을 편집하고 싶으면, 레이어를 선택하고 Enter를 누르거나 더블 클릭합니다.

선 다루기

Pen 툴로 선을 삽입할 수 있습니다. 선을 삽입하고 옵션에서 끝 모양, 꺽임 모양을 따로 설정할 수 있습니다.

변형

Enter를 눌러 편집 모드에 들어가면 조절할 수 있는 Points가 표시됩니다. 편집 모드에 들어가면 Move, Pen, Bend, Paint Bucket 기능을 사용할 수 있습니다. Move를 이용해 포인트를 선택할 수 있고, Pen을 이용해 점을 추가하거나 새로운 모양을 추가할 수 있습니다. Bend(단축키 Command)를 누르면서 포인트를 선택하면 곡률을 지정할 수 있습니다. Paint Bucket을 누르면 손쉽게 Shape의 색을 바꿀 수 있습니다.

회전

레이어를 선택하고 선택 박스의 꼭지점에 마우스를 올리고 커서가 바뀌면 클릭+드래그 해서 레이어를 회전할 수 있습니다. Inspector에서 수치로 조절할 수도 있습니다.

가위

Shape에서 Path를 삭제하고 싶을 때 사용합니다. Shape을 선택하고 포인트를 추가했다가 삭제하면 Path가 함께 삭제됩니다.

원 다루기

O를 눌러 원을 삽입할 수 있습니다. 원을 선택하면 arc 기능을 이용해 다양한 각도의 호를 그릴 수 있습니다.

별 다루기

Menu > Shape 에서 별을 삽입할 수 있습니다. 별을 선택해 꼭지점의 둥글기를 설정할 수 있고, 내부의 점을 선택해 별의 뾰족함을 조절하거나 각의 개수를 조절할 수 있습니다.

불린 제어

불린 제어(Boolean은 참과 거짓을 표현하는 단어)는 레이어를 결합했을 때의 어떻게 표시되는지를 정하는 기능입니다. 2개 이상의 레이어가 겹쳤을 때 어떤 부분을 표시하고 어떤 부분을 가릴지를 지정할 수 있습니다.

  • Union: 겹치는 레이어를 합칩니다.
  • Subtract: 아래에 있는 레이어에서 다른 레이어를 뺍니다.
  • Intersect: 두 레이어가 겹치는 부분을 표시합니다.
  • Difference: 두 레이어가 겹치지 않는 부분을 표시합니다.
  • Flatten selection (Command+E): 두 레이어를 하나의 Shape으로 합칩니다.

마스크

다른 레이어 속에 레이어를 숨기는 기능입니다. 모든 Shape은 마스크화 할 수 있습니다. 도형을 선택하고 우클릭 후 Mask를 선택하거나 Control+Commnad+M을 누르면 됩니다. 레이어 리스트에서 가장 밑에 있는 레이어에 위의 레이어가 담깁니다. 특정 레이어들만 마스크되길 원하면 그룹핑을 하면 됩니다.

How to figma Basic