스타일

Pixso의 스타일

스타일 정보

Pixso스타일：

• 색상 스타일：채우기 색상, 스트로크 색상

• 텍스트 스타일 : 글꼴, 크기, 행 높이, 간격

• 효과 스타일 : 안쪽 그림자, 외부 그림자, 가우스 블러, 배경 블러

• 레이아웃 그리드 스타일 : 행, 열, 그리드
• 스타일 속성을 변경할 때마다(예:텍스트 스타일의 색상을 빨간색에서 파란색으로 변경)  Pixso는 해당 스타일을 사용하는 모든 개체로 변경 내용을 업데이트합니다.

스타일 만들기

• 다음 스타일을 만들 수 있습니다.

• 색상 스타일 : 채우기, 스트로크

• 텍스트 스타일 : 글꼴, 크기, 행 높이, 간격

• 효과 스타일 : 안쪽 그림자, 외부 그림자, 가우스 블러, 배경 블러

• 레이아웃 그리드 스타일 : 행, 열, 그리드

팁: 스타일 이름을 지정하고 설명을 추가할 수 있습니다.단순히 색상 설명을 사용하는 대신 이름과 설명을 사용하여 디자인에 스타일을 사용하는 방법을 지정하는 것이 좋습니다.

1. 색상

색상 스타일을 채우기 스타일, 획 스타일 및 텍스트에 적용하거나 이미지 또는 점진적 변경에 대한 색상 스타일을 만들 수 있습니다.

스타일을 작성할 오브젝트를 선택합니다.

오른쪽 속성 패널에서 저장할 속성 스타일 아이콘을 클릭합니다.

색상 패널에서 「+」 아이콘을 클릭하여 새 스타일을 만듭니다.

스타일 이름을 지정하고 스타일 만들기를 클릭합니다.

참고: 그러데이션 스타일을 만들 때 사용된 색상과 점진적 변경 방향 또는 각도가 모두 스타일에 저장됩니다.

2. 텍스트

디자인에서는 텍스트마다 다른 속성을 설정하는 경우가 많으며 텍스트 스타일을 사용하면 효율성이 크게 향상됩니다. 텍스트 스타일을 전체 텍스트 레이어에 적용하거나 레이어의 일부 텍스트에만 적용할 수도 있습니다.

텍스트 스타일을 작성하는 단계는 색상 스타일을 작성하는 단계와 동일합니다.

스타일을 설정된 텍스트를 선택합니다.

오른쪽 텍스트 속성 패널에서 스타일 아이콘을 클릭하세요.

텍스트 스타일 패널에서 '+' 아이콘을 클릭하여 새 스타일을 만듭니다.

스타일 이름을 지정하고 스타일 만들기를 클릭합니다.

참고: 텍스트 스타일을 통해 텍스트 정렬을 정할 수 없으므로 각 텍스트 블록의 정렬을 개별적으로 설정해야 합니다.

3. 효과

또한 다음과 같이 섀도우 및 블러와 같은 효과에 대한 스타일을 만들 수 있으며 이러한 설정을 저장하여 나중에 빠르게 사용할 수 있습니다.

효과 적응할 오브젝트를 선택합니다.

선택한 오브젝트에 효과 스타일이 없는 경우 추가해야 합니다.

오른쪽 속성 패널의 효과 아이콘 클릭합니다.

효과 스타일 패널에서 "+" 아이콘을 클릭하여 새 스타일을 만듭니다.

스타일 이름을 지정하고 스타일 만들기를 클릭합니다.

다양한 섀도우 스타일따라 다른 아이콘을 설정하면 스타일 유형을 빠르게 구분할 수 있습니다.

4. 레이아웃 그리드

다음과 같이 레이아웃 그리드의 스타일을 설정할 수도 있습니다.

캔버스에서 프레임을 만들거나 선택합니다.

속성 패널에서 레이아웃 그리드를 프레임에 추가합니다.

원하는 레이아웃 그리드의 속성을 설정합니다.

속성 패널의 " 레이아웃 그리드" 에서 아이콘을 클릭합니다.

패널에서 "+" 아이콘을 클릭하여 새 스타일을 만듭니다.

스타일 이름을 지정하고 스타일 만들기를 클릭합니다.

스타일 적응하기

1. 오브젝트에 스타일 적용

로컬 스타일을 사용하거나 팀 라이브러리에 게시된 공유 스타일을 사용할 수 있습니다.

스타일을 적용할 오브젝트를 선택합니다.

속성 패널에서 업데이트할 속성 아이콘을 클릭합니다.

스타일 메뉴에는 팀 리포지토리를 통해 공유되는 로컬 스타일과 스타일이 표시됩니다.

스타일 정렬 패널：

팀 이름별 알파벳 순서

파일 이름별 알파벳 순서

단일 스타일이 작성된 순서대로 표시됩니다.

선택한 오브젝트에 적용할 스타일을 검색하고 선택합니다.

2. 스타일 전환

오른쪽 사이드바의 "속성" 패널에서 스타일을 전환할 수 있습니다.

업데이트할 오브젝티를 선택하세요.

속성 패널에서 다른 스타일을 선택합니다.

스타일 선택기를 사용하여 새 스타일을 검색하고 적용합니다.

3. 스타일 삭제

오브젝트에서 스타일을 제거하면 오브젝트가 현재 속성을 유지합니다.

• 스타일을 제거할 오브젝트를 선택합니다.
• 오른쪽 패널의 스타일로 마우스를 이동합니다.
• 스타일 삭제 아이콘을 클릭합니다.
• 그런 다음 대상 개체의 스타일을 변경할 수 있습니다. 이러한 변경 사항은 제거한 스타일에 적용되지 않습니다.

스타일 관리 및 공유

1. 스타일 찾아보기

로컬 스타일은 현재 파일에 있는 스타일입니다. 프레임 콘텐츠를 선택하지 않은 경우 오른쪽 패널 또는 스타일 선택기에서 로컬 스타일에 액세스할 수 있습니다. 다른 게시된 스타일을 보려면 해당 스타일 선택기를 열어 볼 수 있습니다.

2. 오른쪽 패널

파일에 스타일을 만든 후 오른쪽 패널에서 스타일을 볼 수 있습니다. 먼저 프레임에서 아무것도 선택하지 않았는지 확인해야 합니다.

프레임의 빈 지점을 클릭합니다.

Esc를 눌러 현재 선택 취소합니다.

Pixso는 텍스트, 색상, 효과, 레이아웃 그리드 등 유형별로 모든 로컬 스타일을 그룹화합니다.

3. 스타일 선택기

오른쪽 패널의 관련 속성 옆에 있는 스타일 아이콘을 클릭하면 Pixso 가 사용 가능한 모든 스타일을 볼 수 있는 스타일 선택기를 엽니다. 그 속성 패널의 기본 스타일 순서는 다음과 같습니다.

팀 이름별 알파벳 순서

파일 이름별 알파벳 순서

각 스타일은 오른쪽 패널에 표시되는 순서와 동일합니다.

4. 스타일 관리

스타일을 변경하려면 원본 파일에서 스타일의 데이터를 편집해야 합니다.

스타일 편집

오른쪽 패널 및 스타일 선택기를 클릭합니다.

스타일 위에 마우스를 올려놓고 스타일을 선택하면 편집 패널을 열 수 있습니다.

스타일 삭제

스타일 패널에서 스타일을 선택하고 오른쪽 버튼을 클릭하여 삭제합니다.스타일을 사용하는 모든 오브젝트는 현재 속성을 유지하지만 스타일과 분리됩니다.

5. 스타일 공유

다른 파일에서 작성한 스타일을 사용해야 하는 경우 해당 스타일을 팀 라이브러리에 게시해야 합니다. 스타일을 단독적으로 또는 구성요소와 같이 게시할 수 있습니다.

6. 스타일 게시

왼쪽 패널에서 구성요소 패널을 열고 팀 라이브러리 아이콘을 클릭하면 단축키를 사용할 수도 있습니다.

Mac：⌥ Option+3

Windows：Alt+3

현재 파일을 찾고 게시 버튼을 클릭합니다.

모든 스타일 및 구성 요소 목록과 업데이트된 상태가 표시되며 필요한 경우 변경 사항에 대한 설명을 추가할 수 있습니다.

공유하려면 게시를 클릭합니다.

라이브러리에 대한 변경 사항을 게시할 때 Pixso 는 라이브러리를 사용하는 모든 사용자에게 업데이트를 수신하여 이러한 스타일을 사용하는 모든 레이어가 최신 버전을 업데이트할 수 있습니다.

7. 팀 리이브러리 스타일 사용

팀 리이브러리를 게시하여 파일 편집 권한이 있는 모든 사용자가 이러한 스타일 및 구성 요소에 액세스할 수 있습니다

스타일 선택기에서 라이브러리의 스타일을 봅니다.

어떤 스타일이든 공유합니다.

편집 권한이 있는 파일에서 스타일을 편집합니다.