[번역] 모양
스케치 사용자 매뉴얼 Sketch User Manual
스케치 공식 홈페이지의 매뉴얼만으로도 처음 시작할 때 큰 도움이 될 것입니다.
비공식 번역으로 자세한 내용은 원문을 참고하시기 바랍니다.
원문: https://www.sketchapp.com/docs/
도형
문서에서 가장 많이 사용하게될 레이어 타입이 도형일 것입니다. 스케치는 Oval, Rectangle, Star 등 다양한 기본 도형을 제공합니다. 몇몇 도형은 각 갯수나 모퉁이 둥굴리기 등 별도의 옵션이 있습니다.
문서에 새 도형을 추가하려면 툴바에서 Insert > Shape 메뉴로 도구를 선택합니다. 캔버스로 클릭-앤-드래그하면 도형이 추가되며 도형 툴로 드래그하면 문서에서 어느 정도 크기로 배치될지 표시됩니다. 별도 옵션이 있는 도형의 경우 Inspector에 옵션이 표시됩니다.
별도 옵션
몇몇 스케치 기본 도형은 추가 옵션이 있습니다. Star과 Rounded Rectangle 도형이 가장 대표적입니다. Star의 경우 둥글기와 조절 가능한 포인트의 갯수를 조절할 수 있으며, Rounded Rectangle의 모서리 둥글기를 조절할 수 있습니다.
모서리 부드럽게 하기
Rectangle의 모서리 둥글기를 조절하기 위한 Smooth Corners 옵션이 있습니다. 이것은 도형의 모서리 둥글기게 실제로 그려지는 것을 조절해줍니다. 애플 제품과 인터페이스에서 사용되는 예시를 통해 알아볼 수 있습니다.
글: The same kind of corners that Apple use
뒤집기
Inspector에 Rotate 옆에 있는 두 버튼은 레이어를 수직,수평으로 뒤집을 수 있습니다. 레이어를 뒤집으면 버튼이 활성화되지만 모양을 뒤집고 Flatten 했을 때는 모양을 회전시켜 원본으로 되돌려야합니다.
도형 어휘
도형을 이루는 기본 요소는 점입니다. 점은 직선, 곡선으로 패스로 연결됩니다. 도형은 하나 혹은 그 이상의 패스를 가지며 하나 이상일 경우 하나의 패스로 합쳐집니다. 패스 결합의 개념에 대해서 더 자세히 알아보시려면 Boolean Operations를 참고하세요.
도형 편집하기
스케치로 캔버스에 다양한 도형을 만들 수 있습니다. Boolean Operations으로 다양한 도형을 조합할 수 있으며 Points를 조절해 모양을 바로 수정할 수 있습니다. 모든 벡터 모양은 Points으로 구성되며 Path라고 부르는 선으로 연결됩니다. 모양의 뼈대를 수정하고 싶으면 Vector Editing 모드로 들어가야합니다.
모양을 편집하기 위해 툴바 메뉴에서 Insert > Shapes > Rectangle 을 선택(혹은 R 버튼)합니다. 캔버스에서 원하는 도형을 그리고 도형을 더블 클릭해 편집합니다.
Editing 모드에 들어가면 각 모서리에 둥근 점이 나타납니다. 아무 Points를 클릭-드래그 하면 Points의 위치가 변하며 모양이 변하는 것을 볼 수 있습니다. 두 Point 사이에 있는 Path 위에 마우스 커서를 올려 새 Point를 추가할 수 있습니다. Point를 지우려면 점을 선택한 뒤 Backspace키를 누릅니다.
Point의 사이 Path는 Point이 연결된 속성에 따라 직선 혹은 곡선으로 표시됩니다. Rectangle의 Point를 더블 클릭하면 Point 속성이 곡선 Path로 변합니다.
Point의 양 옆에 두개의 Handle이 표시되며 Path의 곡률을 조절할 수 있습니다. 이것을 Handle Control Points라 부릅니다. Path를 Handle Control Points로 잡아당긴다고 생각하면됩니다.
Points, Path, Vector shape이 어떻게 작동하는지 더 알아보시려면 Vector Editing 챕터를 살펴보세요.
레이어 평평하게 하기
스케치에서 Shape을 평평하게 하면 Shape 안의 여러 Path가 하나의 Path로 표시됩니다. 이것은 상속구조를 평평하게 하는 것입니다. 하지만 하나로 합쳐지지 않는 Path가 많습니다. 구멍이 있는 Shape의 경우 언제나 외부 모양과 내부의 구멍 모양으로 두개의 Path로 표시됩니다.
만약 평평하게 할 수 없으면 스케치에서 경고메시지를 보냅니다. 무시하고 진행하면 만들었던 Subpath가 다른 Subpath가 대체됩니다.
만약 다른 디자인 툴을 사용하고 있다면 Boolean Operation이 적용되어 평평해진 패스를 볼 수 있을 것입니다. 하지만 스케치에서는 그럴 필요 없이 수정 가능한 독립된 Subpath를 유지하면서 Boolean Opearation을 메뉴에서 사용할 수 있습니다.
회전과 변형
회전 및 변형은 서로 비슷하며 다양한 방법으로 레이어를 편집할 수 있습니다.
스케치에서 선택한 레이어를 회전하는 데는 여러 가지 방법이 있습니다. 회전은 도 단위로 측정 된 숫자값으로 Inspector에서 편집 할 수 있습니다. 이 값을 플러스 또는 마이너스 값으로 변경하여 시계 방향 및 시계 반대 방향으로 각각 회전 할 수 있습니다.
레이어 회전에 더 복잡한 컨트롤이 필요할 경우 툴바에서 회전 버튼을 클릭하여 회전 모드로 들어갑니다. 선택한 레이어의 바깥 쪽을 클릭하고 드래그하여 어느 방향으로든 회전할 수 있습니다. Shift 키를 동시에 누르면 15 ° 씩 회전 할 수 있습니다. 직각 회전을 쉽게 할 수 있으며 등각 투영이나 대각선 효과를 주기도 편합니다. Inspector에 회전 값이 표시됩니다.
기본적으로 레이어는 선택 범위를 중심으로 회전하지만 회전의 기준점을 쉽게 조정할 수 있습니다. 십자 심볼를 클릭-드래그하여 레이어 내부 또는 외부로 드래그하여 해당 지점을 중심으로 회전 할 수 있습니다. 기준점을 레이어의 중간으로 재설정하려면 레이어를 다시 선택하면 됩니다.
Command 키를 누른 상태에서 선택 핸들 중 하나를 드래그하여 회전 모드로 전환하지 않고 캔버스에서 레이어 또는 그룹을 빠르게 회전시킬 수 있습니다.
변형
변형 도구를 사용하여 점을 기울이거나 가상의 3D 효과를 만들어 기존 벡터 도형을 왜곡 할 수 있습니다. 스케치의 변형 도구를 사용하여 하나 이상의 레이어를 동시에 변형 할 수 있습니다.
레이어를 하나 이상 선택하고 툴바의 변형 버튼을 클릭합니다. 4개의 Point 중 하나를 자유롭게 변형하거나 중간에 있는 Point를 눌러 두 개의 꼭지점을 동시에 움직여 레이어를 비틀 수 있습니다.
도형의 꼭지점을 변형하면 반대쪽 꼭지점이 반대로 변형됩니다. 이 방식으로 원근감 효과를 적용하기가 쉽습니다. 한 방향으로만 조정하려면 Command 키를 누른 상태에서 드래그합니다.
마스크
마스크는 다른 레이어의 일부를 선택적으로 표시하는 데 사용됩니다. 예를 들어 이미지 레이어를 원으로 마스킹하면 이미지가 원형 속에 표시됩니다.
모든 도형을 마스크로 만들 수 있습니다. 도형을 선택하고 메뉴에서 Layer > Mask > Use as Mask를 선택하거나 Control-Command-M을 누릅니다. 마스크 위의 모든 레이어는 아래 도형에 포함됩니다.
또한 툴바에서 마스크 항목을 클릭하면 비트 맵 이미지에 마스크를 빠르게 적용 할 수 있습니다. 이렇게하면 마스크 된 이미지 뒤에 사각형이 자동으로 생성됩니다.
마스크 제한
모든 내부 레이어가 잘리지 않게 하려면, 잘리길 원하는 레이어와 마스크를 그룹화해 마스크의 'Influence'를 제한하는 것입니다. 마스크가 그룹 안에 있으면 그룹 외의 항목이 잘리지 않습니다.
경우에 따라 그룹화가 어려울 경우 아래 방법이 있습니다.
1.현재 마스킹된 레이어 중 제외할 도형을 선택하십시오.
2.메뉴에서 Layer > Mask> Ignore Underlying Mask를 선택합니다.
이 레이어와 그 위에 있는 모든 레이어는 더 이상 마스크 처리되지 않습니다. 그러나 일부는 자동으로 마스크 처리 될 수 있으므로 레이어 순서를 변경할 때 주의하십시오!
도형 마스크
이미지 마스킹에 많은 작업이 들어갈 것 같지만 캔버스에서 도형 레이어와 이미지를 선택하고 Layer > Mask > Mask with Selected Shape을 선택하여 이미지에 도형을 마스킹할 수 있습니다. 두 레이어가 새 그룹에 포함되고 도형이 마스크로 바뀝니다.
알파 마스크
기본적으로 마스크는 표면이 표시되고 나머지 부분을 가리는 방식입니다. 다른 방식으로 그라디언트와 투명도를 활용하는 방법입니다.
이 두 번째 모드는 마스크를 선택하고 메뉴에서 Layer > Mask > Mask mode > Alpha Mask로 사용할 수 있습니다.
마스킹의 실제 동작을 보시려면 아래 비디오를 확인해보세요:
가위
가위 도구는 기존 벡터 도형에서 선을 잘라내는 데 사용할 수 있습니다. 도형을 편집하려면 메뉴에서 Layer > Path > Scissors를 선택하십시오.
그런 다음 벡터 도형의 선을 클릭하여 잘라낼 수 있습니다. 작업이 끝나면 도형 바깥 쪽을 클릭하거나 Enter 키 또는 Esc 키를 눌러 가위 도구를 종료합니다. 한 줄만 남았을 때 가위 도구가 자동으로 종료됩니다.
회전 후 복사
특별한 도구로 기본 툴바에 없지만 툴바를 Control-클릭한 뒤 "Customize Toolbar ..."를 선택하여 추가 할 수 있으며 Layer > Path> Rotate Copies 메뉴에서 사용할 수 있습니다.
이 도구는 하나의 레이어를 이용해 점을 중심으로 해당 레이어의 회전해 복사합니다. 예를 들어 잎 하나를 12번 회전하면서 복사해 꽃을 만드는 것입니다.
레이어를 선택한 뒤, Rotate 도구를 활성화하고 사본 수를 입력 한 다음 대화 상자를 닫습니다. 그런 다음 원하는 위치에 놓고 Escape 키를 눌러 확인하십시오.
파편화하기
모든 모양은 원본 모양에 하위 패스로 추가됩니다. 레이어를 분리하려면 Layer > Path> Break Apart을 선택하세요.
연필
연필 도구로 도형을 자유롭게 그릴 수 있습니다. 클릭하고 드래그하여 그릴 수 있으며 완료된 후 Sketch에서 매끄러운 곡선을 위해 패스를 단순화합니다.
도구를 선택하려면 툴바의 Insert > Pencil 메뉴를 선택하십시오 (또는 P 키를 누르십시오).
