모양과 도구

Pixso의 캔버스

Pixso에서는 캔버스에 레이어를 직접 추가할 수 있습니다. 특정 장치 또는 화면 크기를 설계하는 경우 캔버스가 수행하는 설계용 컨테이너를 만들어야 할 수 있습니다.

이전에 디자인 도구를 사용한 적이 있다면, Pixso의 캔버스에 빠르게 익숙할 것입니다.

기존 캔버스와는 달리 캔버스를 다른 캔버스 안에 중첩하고 더 복잡한 디자인을 만들 수 있습니다.

캔버스에서는 레이아웃 그리드, 자동 레이아웃, 비율 제한 및 프로토타이핑과 같은 많은 기능을 사용할 수 있습니다.

프레임 만들기

프레임 도구를 사용하여 캔버스에 프레임을 만듭니다. 프레임 도구를 선택하는 방법은 다음과 같습니다.

• 단축키 A 또는 F 사용합니다.

• 도구바에서 프레임 도구를 선택합니다.
• 캔버스에 다양한 프레임 크기를 만들 수 있습니다.

• 캔버스를 클릭하여 100 x 100 크기의 기본 프레임을 작성합니다.

• 캔버스를 클릭하고 드래그하여 사용자 지정 크기의 프레임을 작성합니다.

• 오른쪽 사이드바의 드롭다운 목록을 사용하여 프레임 설정을 선택합니다.

• 기존 오브젝트 주위에 프레임을 만들고, 단일 또는 여러 오브젝트를 선택하고, 마우스 오른쪽 단추를 클릭하고, "프레임 만들기"를 선택하거나, 단축키 Ctrl + Alt + G(Option+Command+G)를 사용합니다.

프레임 속성

프레임은 다음 속성을 지원합니다.

동근 모서리 변경: 프레임의 모서리를 둥글게 하여 부드러운 모서리를 만듭니다.

프레임을 초과하면 숨기기: 프레임에서 경계를 벗어나는 개체를 숨깁니다.

레이아웃 그리드: 시각적 구조를 설계하는 데 도움이 되는 레이아웃 그리드를 만듭니다.

비율 제한: 프레임의 크기를 조정하고 그중 있는 대상에 비율 제한을 적용할 때 하위 대상이 반응하는 방식을 정의합니다.

자동 레이아웃: 자동 배치 설정을 위해 내용에 응답하는 동적 프레임을 만듭니다.

채우기: 단색 채우기, 그라데이션, 이미지(PNG, JPEG, SVG)를 프레임에 적용합니다.

스트로크: "프레임"에 스트로크를 추가하여 테두리 또는 윤곽선을 작성합니다.

효과: 프레임에 그림자 또는 흐림 효과를 추가합니다.

프로토타이핑: 캔버스의 패널 사이를 이동하는 대화형 프로토타입을 만듭니다.

프레임 단축키

• 하위 대상 선택하기: Enter 또는 Return

• 다음 동급 대상 선택하기：Tab

• 이전 동급 대상 선택하기：Shift+Tab

• 상위 대상 선택하기：Shift+Enter

프레임 중첩

다른 프레임 내에 프레임을 만들어 새로운 계층 구조나 관계를 만들 수 있습니다.

1. 최상위 프레임: 캔버스에 직접 위치한 모든 프레임입니다. 프레임이 최상위인 경우 다른 프레임, 그룹 또는 개체 내에 중첩될 수 없습니다. 참고: 최상위 프레임은 레이어 패널에서 굵게 표시되고 이름은 캔버스에 표시됩니다.
2. 중첩된 프레임: 다른 프레임 내에 배치된 프레임입니다. 프레임은 상위 프레임 또는 다른 중첩된 프레임에 배치할 수 있습니다. 중첩된 프레임은 상위 프레임과 하위 프레임입니다.
3. 하위 ：프레임에 있는 모든 개체입니다.

프레임 크기 조정

프레임의 크기 또는 비율 변경하는 것을 포함하여 캔버스의 다른 대상처럼 프레임과 상호 작용할 수 있습니다. 프레임의 크기를 변경하는 방법에는 및 가지가 있습니다.

1. 프레임을 드래그하여 크기를 조정하기: 캔버스에서 프레임을 선택하거나 왼쪽 사이드바에서 프레임을 선택하고 프레임의 모서리 또는 테두리를 드래그하여 크기를 조정합니다. 하위 대상에 대한 비율 제한을 무시하려면 Ctrl 키( Command 키)를 누른 채로 드래그합니다.
2. 오른쪽 사이드바의 "프레임" 패널을 사용하여 아프레임의 "너비"과 "높이"를 조정하고 입력을 지원합니다. " + -、* / % " 로 수학적 연산을 위해 값을 빠르게 조정을 지원합니다.

3. 내용 에워싸기: 단축키(Ctrl + Alt + Shift + R / Option + Command + Shift + R)를 사용하거나 버튼을 클릭하여 프레임의 크기를 하위 레이어 크기에 맞게 조정할 수 있습니다.

프레임 및 조합

조합을 사용하면 레이어를 한 레이어로 처리할 수 있도록 그룹화할 수 있습니다.

프레임

• 이 그룹에 레이어를 추가하려면 드래그하기만 하면 됩니다.

• 이 그룹에서 레이어를 제거하려면 레이어를 끌어내기만 하면 됩니다.

• 그룹을 해제하려면 프레임을 선택하고 마우스 오른쪽 버튼을 클릭한 다음 "조합 취소"를 선택하거나 다음 단축키를 사용하십시오.
• macOS：Command+Shift+G
• Windows：Ctrl+Shift+G

조합

• 조합을 만들려면 일부 레이어를 선택하고 마우스 오른쪽 단추를 누른 후 "조합하기"를 선택하거나 다음 단축키를 사용하십시오.
• macOS：Command-G
• Windows：Ctrl + G

• 레이어를 그룹에 추가하려면 레이어를 끌어오기만 하면 됩니다.

• 그룹에서 레이어를 제거하려면 레이어를 끌어다 놓기만 하면 됩니다.

• 그룹화를 해제하려면 프레임을 선택하고 해당 프레임을 마우스 오른쪽 단추로 클릭한 다음 그룹화를 선택하거나 단축키를 사용합니다.
• macOS：Command+Shift+G
• Windows：Ctrl+Shift+G

벡터

벡터 레이어 만들기

1. 펜 도구를 사용하여 벡터 레이어 만듭니다.

1. 도형 도구를 사용하여 벡터 레이어를 만들고 도형을 만드는 동안 Shift를 누르고 도형의 종횡비를 1:1로 잠급니다.

벡터 레이어 편집하기

벡터 편집 모드에서는 단일한 점, 선 또는 전체 도형의 속성을 선택, 조정 또는 변경할 수 있습니다. 대상을 편집할 때 기존 점 및 선과 상호 작용할 수 있으며 펜 도구를 사용하여 다른 점을 그리고 조작할 수도 있습니다.

벡터 편집 모드를 시작하려면

1. 경로를 선택하고 Return/Enter 키를 누릅니다.
2. 경로를 선택하고 도구바에서 다음 아이콘을 클릭합니다.

3. 벡터 편집 모드를 종료하려면 다시 Return/Enter 키를 누르거나 도구바에서 "완성하기"를 클릭합니다.

채우기

벡터 레이어를 선택하고 벡터 편집 모드를 시작한 다음 도구바에서 페인트통을 클릭하거나 페인트통 단축키 B를 선택한 다음 닫힌 벡터 그리드의 영역을 클릭하여 채우기를 추가할 수 있습니다.

벡터 그리드의 개별 영역에 서로 다른 채우기 추가할 수 있습니다.

닫힌 영역의 색상을 변경하려면 커서를 사용하여 영역을 클릭한 다음 채우기 팔레트에서 색상 조정을 완료합니다.

베지어 곡선

벡터 레이어를 선택하고 편집 모드로 들어갑니다. 곡선일 경우 노드가 표시됩니다. 노드가 없는 코너인 경우 Flector를 선택하거나 바로 가기 키 Ctrl/Command를 사용하여 해당 지점을 클릭하여 노드를 표시하고 베지어 곡선을 만듭니다.

슬라이더를 클릭하고 끌어서 경로의 곡선을 조정합니다.

둥근 모서리

셰이프의 모든 꼭짓점은 오른쪽 사이드바의 필렛 반지름 속성을 통해 반올림할 수 있습니다. 전체 경로를 선택하면 모든 모서리가 반올림되고 편집 모드로 들어가면 단일 지점을 선택하여 개별적으로 설정할 수 있습니다.

끝점 스타일

오픈패스(Open Path)의 끝점에 스타일을 추가합니다.

두 끝점만 가진 벡터 경로:

두 끝점만 가진 벡터 경로를 선택하면 끝점 스타일 속성이 오른쪽 패널에 표시되고 각 끝점의 스타일을 따로 설정할 수 있습니다.

두 개 이상 끝점을 가진 벡터 경로:

두 개 이상 끝점을 가진 벡터 경로를 선택하면 오른쪽 패널의 고급 스트로크 속성에 끝점 스타일 속성이 표시됩니다.

전체 벡터 경로를 선택할 때 엔드 스타일을 별도로 설정할 수 없습니다. 엔드 스타일을 독립적으로 설정하려면 벡터 편집에서 벡터 포인트 설정을 단일 선택할 수 있습니다.

펜 도구 사용하기

1. 일반적으로 첫 번째 항목은 1px 너비 펜 도구를 사용하여 그립니다.
2. 펜 도구에 액세스하려면 펜 단추를 클릭하거나 단축키P를 사용하십시오.

3. 오른쪽 테두리에서 색상, 너비 및 끝점 스타일을 조정합니다.

4. 펜 도구는 다른 도구를 선택하거나 ESC 키를 누를 때까지 활성 상태를 유지합니다.

5. 펜 도구로 Shift를 눌라 직선을 그립니다.

도형 도구 사용하기

Pixso는 직사각형, 직선, 화살, 원형, 다가형, 별 모양 총 6가지 기본 모양을 제공합니다.

직사각형: "모양 도구"에서 "직사각형" 도구를 선택하거나 단축키 R을 사용합니다.

직선: "모양 도구"에서 "직선"을 선택하거나 단축키 L을 사용합니다.

작성되면 오른쪽 패널에서 스트로크하여 선 속성을 조정할 수 있습니다.

화살

1. "모양 도구"에서 "화살" 을 선택하거나 단축키"Shift + L" 을 사용합니다.
2. 직선과 마찬가지로 화살표 속성은  스트로크를 통해 수정할 수 있습니다.

원형

1. "모양 도구"에서 "원형"을 선택하거나 단축키 "O"를 사용합니다.
2. 또한 파이 차트, 링 및 끊어진 링과 같은 다른 모양을 만드는 데 사용할 수 있습니다. 다음은 이 작업을 수행하는 단계입니다.

• 원형 도구로 원형을 그립니다.

• 마우스가 타원형 위를 맴돌면 섹터 비율점이 표시됩니다.

• 점을 끌어 위 또는 아래로 이동하면 노치가 표시됩니다.
• 섹터 크기, 노치 위치를 조정하고 내부 링을 설정하기 위해 드래그할 수 있습니다.

다가형

1. "모양 도구"에서 "다가형" 을 선택합니다.
2. 다가형 도구에는 두 가지 조정 내용이 있습니다.

• 둥근 모서리: 드래그하여 다각형의 둥근 모서리 정도를 조정합니다.

• 모서리 수: 드래그하여 다각형의 모서리 수를 조정합니다.

확대/축소 도구를 사용하여 레이어 크기를 조정하기

이동 도구가 활성화된 파일을 열고 드롭다운 아이콘을 클릭하거나 단축키 K를 사용하면 확대/축소 도구가 나타납니다.

확대/축소 도구를 사용하여 레이어의 내용을 함께 확장하여 프레임, 그룹, 구성 요소, 예시, 텍스트, 블러 효과, 벡터 등의 작업을 확장합니다.

부울 연산

부울 연산은 레이어 합집합, 위층 빼기, 교집합 및 차집합 네 가지 공식 중 하나로 결합합니다.

부울 그룹은 단일 모양 레이어로 처리되고 채우기 및 스트로크 속성을 공유할 수 있습니다.

• 합집합：선택한 모든 도형을 부울 그룹으로 결합합니다. 객체가 겹치는 경우 새 셰이프의 외부 경로는 하위 레이어 경로의 합성에서 겹치는 선 세그먼트로 구성됩니다. 벡터 경로는 겹치는 경로 세그먼트를 무시하고 외부 경로에 적용됩니다.

• 위층 빼기：합집합과 반대입니다.기본 모양에서 하나의 모양 또는 하나의 모양을 제거한 면적을 감합니다.바닥 모양 층만 단단한 것이고 나머지는 빼줍니다.

• 교집합：교차하여 부울 그룹을 만듭니다. 부울 그룹은 하위 레이어의 겹침 부분으로만 구성됩니다.

• 차집합：차집합은 교집합과 반대입니다. 차집합은 하위 레이어에서 겹치지 않는 영역만 표시합니다.

마스크 사용하기

마스크 만들기

1. 마스크로 사용할 오브젝트를 선택하고 모든 오브젝트 뒤에 배치합니다.
2. 마스크의 일부가 될 모든 레이어 선택합니다.
3. 마우스 오른쪽 버튼을 클릭하고 마스크 만들기를 선택한 다음 상단도두바를 클릭하여 마스크를 만들거나 단축키(Ctrl + Alt + M 또는 Command+Option+M)를 사용합니다.
4. 레이어 순서에 따라 마스크가 성공적으로 생성되며 디스플레이 효과는 다음과 같습니다. 사용자는 왼쪽 패널을 통해 레이어 순서를 조정하여 마스크가 다른 레이어에 미치는 효과를 조정할 수 있습니다.
5. 올바르게 표시하려면 마스크 불투명도가 0%이상 해야 합니다.

마스크 취소하기

마스크를 먼저 선택한 다음에 마스크를 취소할 수 있습니다. 왼쪽 패널을 통해 마스크 선택한 지를 알 수 있습니다. 마스크 취소 방법은 다음과 같습니다.

1. 마스크를 선택한 후 상단 도구바에서 마스크로 사용 버튼을 클릭하여 마스크를 취소합니다.

  2. 마스크를 선택한 후 마우스 오른쪽 버튼으로 클릭하고 메뉴바에서 "마스크 취소하기"를 클릭합니다.