사용 가이드

레이어 속성

레이어의 기본 특성(정렬, 위치, 회전)

정렬

정렬 도구를 사용하면 캔버스에서 여러 레이어를 선택한 후 레이어의 상하 위치를 빠르게 정리할 수 있습니다.

왼쪽 정렬(Alt+A):

Pixso의 왼쪽 정렬(Alt+A): 화면

Pixso의 왼쪽 정렬(Alt+A): 화면

가로 가운데 정렬(Alt+H):

Pixso의 가로 가운데 정렬(Alt+H): 화면

Pixso의 가로 가운데 정렬(Alt+H): 화면

오른쪽 정렬(Alt+D):

Pixso의 오른쪽 정렬(Alt+D): 화면

Pixso의 오른쪽 정렬(Alt+D): 화면

위쪽 정렬(Alt+W):

Pixso의 위쪽 정렬(Alt+W): 화면

Pixso의 위쪽 정렬(Alt+W): 화면

세로 가운데 정렬(Alt+V):

Pixso의 세로 가운데 정렬(Alt+V): 화면

Pixso의 세로 가운데 정렬(Alt+V): 화면

아래쪽 정렬(Alt+S):

Pixso의 아래쪽 정렬(Alt+S): 화면

Pixso의 아래쪽 정렬(Alt+S): 화면

정렬

수평 및 수직 간격은 단일 차원으로 조정되고 정리 기능은 2차원 모두 포함됩니다.

단축키를 사용할 뿐만 아니라 선택된 도구바의 오른쪽 하단 모서리를 빠르게 조정할 수 있습니다.

Pixso의 정렬 화면

Pixso의 정렬 화면

수평 등간격

왼바깥쪽 및 오른 바깥쪽 오브젝트 또는 레이어 모두 위치를 유지합니다.

Pixso의 수평 등간격 화면

Pixso의 수평 등간격 화면

수직 등간격

위쪽 및 아래쪽 오브젝트 또는 레이어 모두 위치를 유지합니다.

Pixso의 수직 등간격 화면

Pixso의 수직 등간격 화면

위치

오른쪽 속성 패널에서 X축과 Y축의 값을 조정하여 캔버스의 레이어 위치를 조정할 수 있습니다.

Pixso의 위치 화면

오브젝트를 선택한 경우 키보드를 통해 레이어를 이동할 수 있습니다. 기본적으로 최소 미세 이동양은 1이고 최대는 10입니다.

  • 화살표 키만 사용하면 이동양은 최소 미세 이동양입니다.
  • Shift + 화살표 키를 사용하면 이동양은 최대 미세 이동양입니다.

사용자 기본 설정을 통해 미세 이동양을 설정할 수  있습니다.

Pixso의 위치 화면

Pixso의 위치 화면

크기

오른쪽 속성 패널에서 W 및 H 값을 입력하여 캔버스의 레이어 크기를 조정할 수 있습니다.

비율 제한:비율 제한을  사용하면 레이어의 높이와 너비에 있는 값 중 하나가 조정되고 다른 값은 비율에 따라 자동 조정됩니다.

Pixso의 크기 화면

모서리 반지름

  • 전체 모양의 필릿 반지름을 조정하기:

   보통 오른쪽 패널을 통해 반지름 속성을 조정할 수 있습니다.

Pixso의 모서리 반지름 화면

  • 레이어의 제어점을 통해 필릿 반지름을 조정하기:

    캔버스 레이어에 제어점을 통해 직사각형, 별 모양 및 다각형을 조정할 수 있습니다.

Pixso의 모서리 반지름 화면

  • 단일 모서리의 필릿 반지름을 조정하기:

     오른쪽 패널에서 "단독 둥근 모서리" 기능을 클릭하여 설정 패널을 확장합니다.

Pixso의 모서리 반지름 화면

단독 둥근 모서리에서 시계 방향, 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 순으로 다른 둥근 모서리의 값을 조정할 수 있습니다.

  • 레이어의 제어점을 사용하여 단독 둥근 모서리를 조정하기:

직사각형, 별 모양 및 다각형은 캔버스 레이어의 제어점을 통해 조정할 수 있습니다. 제어점을 끄는 동안 키보드 Alt 또는 Option 키를 누르고 있어야 단독 둥근 모서리 조정이 가능합니다.

Pixso의 모서리 반지름 화면

  • 부드러운 둥근 모서리:

일부 디자인 초안에서는 둥근 모서리와 가장자리 사이의 연결이 특별히 매끄럽지 않습니다. 부드러운 둥근 모서리를 설정하여 달성할 수 있습니다.

Pixso의 모서리 반지름 화면

회전

오른쪽 속성 패널에서 회전을 조정하거나 캔버스의 레이어 회전을 조정하거나  마우스로  회전 아이콘을 클릭할 수 있습니다.

Pixso의 회전 화면

레이어 뒤집기

레이어를 회전시키는 다른 방법은 "수평 뒤집기"과 "수직 뒤집기" 를 사용하는 것입니다.

마우스 오른쪽 버튼 클릭 메뉴를 사용하여 뒤집기 또는 단축키를 적용합니다.

  • 수평 뒤집기: Shift+H
  • 수직 뒤집기: Shift+V

레이어 순서 변경

레이어 순서를 조정하는 방법은 세 가지가 있습니다.

Pixso의 레이어 순서 변경 화면

레이어 패널:  왼쪽의 레이어 패널에서 레이어를 클릭하고 드래그하여 다른 레벨 간의 레이어 조정을 완료합니다.

단축키:

  • 위로 올리기:MacOS:Command+] Windows:Ctrl+]
  • 맨 위로 올리기:MacOS:Command+Option+] Windows:Ctrl+Shift+]
  • 뒤로 보내기:MacOS:Command+[ Windows:Ctrl+[
  • 맨 뒤로 보내기:MacOS:Command+Option+[ Windows:Ctrl+Shift+[

메뉴를 마우스 오른쪽 버튼으로 클릭하기:

오른쪽 패널 속성을 빠르게 조정

Pixso의 레이어 순서 변경 화면

오른쪽 패널에 있는 속성에 대해 Pixso는 마우스 드래그하여 수정을 지원합니다.  

Pixso의 레이어 순서 변경 화면

채우기

채우기는 텍스트 레이어, 모양, 벡터, 부울 연산, 프레임 등의 오브젝트에 적용할 수 있습니다.

채우기 형식은 단색 채우기, 그라데이션 채우기, 사진으로 채우기 등 포함되고 있습니다.

색상 팔레트를 통해 색상을 선택하거나 해당 색상 값을 입력하여 색상 투명도 설정을 지원합니다.

Pixso의 채우기 화면

스포이드 도구(단축키 I)를 사용하면 캔버스의 모든 곳에서 색상을 가져와 적용할 수 있습니다.

그라데이션 채우기에 여러 그라데이션 조정 지점을 삽입할 수 있습니다. 그라데이션 효과는 조정 지점에 따라 달라집니다.

Pixso의 채우기 화면

오른쪽 채우기 패널에서 여러 색상을 만들거나 투명도를 설정하거나 색상 앞에 있는 눈 모양 버튼을 클릭하여 색상을 숨길 수 있습니다.

스트로크

스트로크 색상 설정: 색상 선택기를 사용하여 그림을 조정하고 현재 스트로크의 불투명도를 설정합니다.

스트로크 너비 설정: 픽셀 단위로 값을 입력합니다.

상황에 따라 끝점 스타일을 설정할 수 있습니다.

a. 시작점과 끝점이 두 개만 있는 벡터 경로를 선택하면 오른쪽 사이드바에 시작점과 끝점이 표시됩니다. 시작점은 왼쪽 또는 위쪽이고 끝점은 오른쪽 또는 아래쪽입니다.

b.하나 이상의 끝점이 있는 벡터 경로를 선택하면 끝점 속성이 고급메뉴에 표시됩니다.

c. 전체 벡터 경로를 선택한 경우 끝점을 단독적으로 편집할 수 없습니다. 단독적으로 편집하려면 벡터 편집 모드를 선택해야 합니다.

Pixso의 상황에 따라 끝점 스타일을 설정할 수 있습니다. 화면

그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다.

a. 테두리 모양에서 실선 및 점선 특성을 설정할 수 있습니다.Pixso의 그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다. 화면

b. 점선 매개 변수: 첫 번째는 점선의 길이이고 두 번째는 점선 사이의 간격입니다. 두 매개변수를 함께 사용하여 점선을 작성할 수 있습니다.

Pixso의 그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다. 화면

  • 정점: 직각, 원각, 사각 등 정점 효과를 설정할 수 있습니다(스트로크가 중간과 외부에 있는 경우에만 유효입니다).
  • 직각:Pixso의 그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다. 화면

    원각:Pixso의 그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다. 화면

    사각:Pixso의 그림에서 스트로크 위치 설정: 중간, 내부, 외부,테두리 모양입니다. 화면

    • 경사도:설정된 각도의 수에 따라 선이 직각인지 사각인지 알 수 있습니다. 보다 크면 직각을 나타내고 더 작으면 사각을 나타냅니다.

    효과

    Pixso는 섀도우 효과 및 흐림 효과 설정을 지원합니다.

    섀도우 효과

    섀도우는 디자인의 깊이와 치수를 넓히는 좋은 방법입니다.오브젝트의 뒷면이나 아래쪽 표면에 섀도우 효과를 만들 수 있습니다. 섀도우 효과는 다음 용도로 사용할 수 있습니다.

    • 오브젝트 간에 거리 설정
    • 광원의 방향 설정
    • 배경에서 디자인 작품을 돋보이게 하기
    • 물체를 3차원으로 보이게 하기
    • 텍스트 및 아이콘을 더 특별하게 만들기
    • 레이어 또는 오브젝트 주위에 테두리 같은 효과 추가

    섀도우는 아래와 같이 내부 섀도우와 외부 섀도우로 나뉩니다.

    Pixso의 섀도우 효과 화면Pixso의 섀도우 효과 화면

    프레임, 그룹, 구성 요소 또는  레이어에 섀도우 효과를 적용할 수 있습니다.

    레이어를 선택한 후 오른쪽 사이드바의 효과 패널에서 "+" 를 클릭하면 기본적으로 외부 그림자 효과가 선택됩니다.

    섀도우 아이콘을 클릭하여 효과 패널을 엽니다.

    • X:X축(수평)을 따라 그림자를 오프셋합니다. Y 오프셋과 함께 광원의 방향을 설정하는 데 사용됩니다.
    • Y:Y축(수직)을 따라 그림자를 오프셋합니다. X 오프셋과 함께 광원의 방향을 설정하는 데 사용됩니다.
    • 채우기: 색상 선택기를 사용하여 그림자의 불투명도를 설정합니다.
    • 흐림: 섀도우의 흐림 또는 깃털을 조정하고 흐림을 증가시켜 섀도우를 부드럽게 하고 배경과 혼합하고 흐림을 줄여 더 선명한 대비를 만듭니다.
    • 펼치기: 섀도우 크기를 조정하여 전경과 배경 사이간 거리를 표시할 수 있습니다.

    Pixso의 섀도우 효과 화면

    흐림

    흐림은 가우시안 흐림 효과와 배경 흐림 효과로 나뉩니다.

    가우시안 흐림 효과는 레이어 블러를 사용하여 동작 또는 움직임을 제안하거나 2D 디자인에서 환상을 만드는 데 도움이 됩니다.

    • 정보를 흐리게 보이기
    • 배경의 초점을 부드럽게 하거나 흐트러 뜨리기
    • 사진 및 이미지에서 추상 배경 만들기
    • 카메라의 깊이와 난시와 같은 다른 사진 효과를 재현하기

    Pixso의 흐림 화면

    배경 흐림을 레이어에 적용하면 선택한 캔버스의 모든 레이어가 흐려집니다. 그림자로 생각할 수 있지만, 그림자를 만드는 레이어 대신 흐림을 만듭니다.

    Pixso의 흐림 화면

    배경 흐림을 사용하여 초점을 부드럽게 하거나 주의를 분산시킬 수 있습니다. 이렇게 하면 배경에서 선택한 레이어로 주의가 이동됩니다.

    배경 흐림을 실제로 보려면 적절한 불투명도가 있어야 합니다. 레이어의 불투명도를 100%로 설정하면 배경 흐림이 전혀 표시되지 않습니다.

    프레임, 그룹, 구성요소 또는 개별 레이어에 흐림 효과를 적용할 수 있습니다. 레이어 또는 오브젝트에 한 레이어 또는 배경 흐림만 추가할 수 있습니다.

    레이어를 선택한 후 오른쪽 사이드바의 효과 패널에서 "+" 기호를 클릭하여 흐림 효과를 선택합니다.

    Pixso의 흐림 화면

    그림자 아이콘을 클릭하여 효과 설정 패널을 엽니다.

    흐림: 흐림 값을 조정하여 배경 흐림 또는 가우시안 흐림 효과를 조정할 수 있습니다.

  • Pixso의 흐림 화면
  • 선택한 색상

    선택한 색상 기능을 사용하면 여러 레이어를 선택할 때 색상을 포함하여 선택한 오브젝트에 적용된 색상을 보고 조정할 수 있으며, 색상 스타일이 색상에 사용되는 경우에도 색상 스타일을 표시합니다.

    선택할 색상은 채우기, 스트로크, 단일 색상, 그라데이션, 부울 조합  

    선택한 색상 확인 방법:

    • 색상을 스타일로 사용하는 경우 스타일 편집, 스타일 삭제 및 위치 찾기 단추를 표시합니다.
    • 스타일 편집을 클릭하여 팝업 창을 표시합니다.
    • 스타일 취소를 클릭하면 색상 스타일을 다시 표시하지 않습니다.
    • 위치 버튼을 클릭하여 레이어에서 색상의 위치를 표시하고 색상을 사용하는 레이어를 선택합니다.

    색상이 일반 색상이면 값, 투명도를 조정하고 색상 선택기를 사용하여 색상을 사용하는 그래픽을 찾을 수 있습니다. 여기서 색상을 조정할 때 색상 위치를 사용하는 선택한 레이어의 모든 레이어가 동시에 색상을 조정합니다.

    색상 목록에 콘텐츠가 너무 많으면 Pixso가 자동으로 색상 목록을 축소하고 총 색상 수를 표시합니다. 모든 색상 목록을 보려면 클릭하여 확장하면 됩니다.

    Pixso의 선택한 색상 화면