디자인 기초

SSHOW의 디자인은 세 가지 개념 위에 있습니다. Scene은 구성을 담고, Object는 Scene 안의 요소이며, 스타일은 각 Object의 모습을 제어합니다. 이 세 가지를 익히면 나머지는 자연스럽게 이해됩니다.

어두운 스테이지에 렌더된 도형들이 흩어져 있는 모습 — 선형·방사형·각도형·다이아몬드 그라데이션으로 채운 둥근 카드와 원, 빛나는 액센트, 움직이는 오로라 패널, 그라데이션 외곽선. — 여기 보이는 건 모두 실시간 렌더러입니다 — 4가지 그라데이션, 다이내믹 오로라 채우기, 그라데이션 선, 그리고 글로우·그림자 효과를 한 스테이지에 구성했습니다.

Scene

프로젝트는 순서가 있는 Scene들의 집합입니다. 한 번에 한 Scene이 보이며, 한 Scene에서 다음 Scene으로 넘어갈 때 모션이 일어납니다.

모든 Scene은 하나의 캔버스 크기를 공유합니다 — Scene 인스펙터에서 가로·세로를 한 번만 설정하세요.
각 Scene은 고유한 배경색과 효과를 가지며, 정리를 위한 이름과 설명도 붙일 수 있습니다.
콘텐츠 클립을 켜면 Scene 경계 밖으로 넘치는 부분이 가려집니다.
캔버스에서 Scene 이름을 더블클릭하면 인라인으로 이름을 바꿀 수 있습니다 — Enter로 확정, Esc로 취소.

팁 변경하기 전에 Scene을 복제하세요 — 트랜지션 엔진이 원본과 복사본 사이를 자동으로 애니메이션합니다.

Object

Object는 캔버스에 올리는 모든 요소입니다. 사각형, 타원, 패스, 텍스트, 이미지, 영상, 오디오 등이며, 그룹으로 묶거나 프레임 안에 넣을 수 있고 컨테이너는 중첩도 가능합니다.

변형 & 크기: 위치, 회전, 크기, 기울임, 앵커 포인트와 가로·세로 크기. 앵커는 회전과 크기 조절의 기준점입니다.
표현: 불투명도, 블렌드 모드, 표시 여부, 잠금. 잠긴 Object도 선택은 되지만, 잠금을 풀기 전까지는 이동·크기 조절·회전이 막힙니다.
순서 & 그룹: Object 패널에서 앞뒤 순서를 바꿉니다. 관련된 Object를 그룹으로 묶어 함께 이동하고 애니메이션하세요.

도형 타입

프레임: 자체 배경과 둥근 모서리를 가진 고정 크기 컨테이너 — 안에 놓인 레이어를 잘라냅니다. 요소를 담는 카드·패널·아트보드처럼 씁니다.
사각형: 네 모서리를 각각 독립적으로 둥글게 — 직각부터 완전한 알약 형태까지.
타원: 안쪽 반지름을 주면 도넛·링이 되고, 0이면 꽉 찬 원입니다.
텍스트: 완전한 타이포그래피 — 글꼴·크기·굵기·스타일·행간·자간, 가로·세로 정렬, 자동 크기, {{변수}} 토큰까지 지원합니다.
패스: 앵커 포인트로 벡터 도형을 그립니다 — 직선·2차·3차 세그먼트, 열어서 선으로 두거나 닫아서 채울 수 있는 도형으로.

팁 Object를 프레임 위로 끌면 프레임이 드롭 대상으로 강조됩니다 — 놓으면 위치를 유지한 채 안에 중첩됩니다. 다시 밖으로, 또는 다른 프레임으로 같은 방식으로 옮깁니다. 드래그 도중 Space를 누르면 현재 부모를 유지한 채 중첩 없이 이동합니다.

정렬 & 분배

정렬: 두 개 이상의 Object를 선택해 같은 기준선에 맞춥니다 — 가로로 왼쪽·가운데·오른쪽, 세로로 위·가운데·아래. 정렬 버튼은 여러 Object가 선택되면 서브 도구 막대에 나타납니다.
분배: 세 개 이상의 Object를 가로 또는 세로 축으로 균등하게 벌려 사이 간격을 똑같이 맞춥니다 — 분배 버튼은 막대에서 정렬 버튼 옆에 있습니다.

핀(제약)

핀은 부모 크기가 바뀔 때 객체가 따라가는 방식을 정합니다. 프레임 안의 객체와 씬 바로 위의 객체에 적용되며, 프레임이나 씬 크기를 바꾸면 핀이 걸린 자식들이 드래그하는 동안에도 각자의 규칙대로 실시간으로 따라 움직입니다. 기본값(왼쪽/위)은 지금까지의 동작 그대로라, 직접 바꾸기 전에는 아무것도 달라지지 않습니다.

오브젝트 인스펙터의 Pin 섹션 — 가운데 점을 둘러싼 좌·우·상·하 틱이 있는 사각 위젯과 축별 드롭다운. — Pin 위젯 — 가장자리 틱을 클릭해 그 변에 고정하고, 가운데 점으로 중앙 정렬합니다. 축별 드롭다운에는 늘이기와 비율도 있습니다.

가장자리에 고정: 한쪽 변(왼쪽/오른쪽, 위/아래)까지의 거리를 고정합니다. 오른쪽에 고정한 닫기 버튼은 프레임이 아무리 넓어져도 구석에 그대로 있습니다.
가운데: 그 축에서 항상 가운데를 지킵니다 — 크기 변화의 절반만큼만 따라가며 중앙 균형을 유지합니다.
늘이기(Stretch): 양쪽 변을 동시에 고정합니다. 두 가장자리까지의 거리를 모두 지키며 부모와 함께 늘어나고 줄어듭니다 — 가로로 꽉 찬 바와 배경에 알맞습니다.
비율(Scale): 위치와 크기가 부모에 비례해 함께 변합니다 — 레이아웃의 백분율처럼 전체가 같이 확대·축소됩니다.

설정은 우측 인스펙터에서 합니다. 선택한 객체가 프레임 바로 안이나 씬 바로 위에 있으면 Pin 섹션이 나타납니다. 그룹의 자식은 그룹을 따라가므로 표시되지 않습니다.
Figma처럼 가장자리 틱을 클릭해 지정합니다 — 한 축의 양쪽을 모두 켜면 늘이기가 됩니다. 축별 드롭다운에서는 비율을 포함한 전체 모드를 고를 수 있습니다.
핀은 부모 크기가 바뀌는 모든 경로에서 유지됩니다 — 캔버스에서 프레임 핸들을 드래그할 때, 패널에 너비를 입력할 때, 실행 취소/다시 실행, 그리고 크기가 다른 두 프레임 사이를 모핑하는 씬 전환에서도요.

같은 프레임을 두 가지 너비로 본 비교 — 오른쪽에 고정한 버튼은 구석에 그대로, 가운데 제목은 중앙에, 배경 바는 늘어나 채워진 모습. — 프레임 하나, 두 너비 — 자식마다 자기 핀을 따릅니다. 오른쪽 고정은 구석을 지키고, 가운데는 중앙을, 늘이기는 가득 채웁니다.

팁 하나의 레이아웃을 여러 캔버스 크기로 쓰고 싶다면 배경은 늘이기, 로고는 구석 고정, 제목은 가운데로 핀하세요 — 씬 크기를 바꾸면 레이아웃이 알아서 적응합니다.

이미지, 영상 & 오디오

미디어 Object는 공통 Object 모델을 그대로 확장합니다 — 변형, 불투명도, 블렌드 모드, 채우기, 선, 효과가 모두 적용되며 — 여기에 원본 미디어와 재생을 위한 고유 필드가 더해집니다.

이미지 속성

소스: 표시할 이미지 애셋입니다. Object의 변형이나 스타일을 잃지 않고 언제든 교체할 수 있습니다.
원본 크기: 애셋의 고유 픽셀 가로·세로입니다. Object 크기 조절은 이 값을 기준으로 확대·축소되며 — 원본 비율로 되돌릴 때 쓸 수 있습니다.
모서리 둥글기: 이미지 모서리를 [왼위, 우위, 우아래, 좌아래] 각각으로 둥글게 만듭니다 — 살짝 둥글린 카드부터 완전한 알약 모양까지.
왜곡(Distort): 네 모서리를 각각 끌어 자유 원근으로 비틉니다. 디스토트 서브툴을 고른 뒤 아무 모서리나 옮기면 되고(Shift로 제한), 실시간 미리보기가 따라옵니다 — 이미지·영상·텍스트에 쓸 수 있고, 모서리 설정을 잃지 않고 껐다 켤 수 있습니다. 기본은 꺼짐입니다.

영상 속성

재생: 자동재생(끔), 반복(끔), 음소거(켬), 볼륨(0~1). Scene이 조용히 열리도록 영상은 기본적으로 음소거 상태입니다.
트림: 트림 인·아웃을 설정해 클립의 일부만 재생합니다. 나머지는 애셋에 그대로 남습니다.
타임라인 동기화: 켜면 재생이 Scene 타임라인에 묶여, 클립이 독립적으로 재생되지 않고 애니메이션과 함께 스크럽됩니다.
모양: 영상은 이미지의 모서리 둥글기와 왜곡 컨트롤을 공유하므로, 클립도 그림처럼 둥글게 만들거나 원근법으로 왜곡할 수 있습니다.

오디오 속성

재생: 자동재생(끔), 반복(끔), 음소거(끔), 볼륨(0~1) — 그림만 빠진, 영상과 같은 전송 컨트롤입니다.
트림: 트림 인·아웃으로 트랙을 필요한 부분만 잘라냅니다.
타임라인 동기화: 트랙을 Scene 타임라인에 묶어 소리가 애니메이션의 재생 헤드를 따르게 합니다.
캔버스 마커: 오디오는 보이는 그림이 없어 작은 마커(기본 20×20)로 표시되며, 캔버스에 자유롭게 배치할 수 있습니다.

참고 이미지와 영상은 선과 효과를 받습니다 — 클립에 선을 두르거나 아래에 그림자를 깔 수 있습니다. 채우기는 도형과 텍스트 전용이고, 오디오는 시각 속성을 갖지 않습니다.

텍스트 서식

텍스트 Object를 더블클릭해 편집에 들어가면, 자주 쓰는 빠른 서식 막대가 나타납니다 — 키보드 단축키로 닿는 것과 같은 컨트롤입니다.

분할(Split): 텍스트 객체를 단어 단위 또는 글자 단위 조각으로 쪼갭니다. 조각들은 그룹으로 묶여 원본을 대체하며, 한 번의 실행 취소로 되돌릴 수 있습니다. 각 조각이 독립된 편집 가능한 텍스트 객체라 단어나 글자 하나하나를 따로 움직일 수 있고, 스태거 모션 프리셋과 함께 쓰면 단어별·글자별 애니메이션이 즉시 완성됩니다. 공백은 간격으로 남고, 글자 단위 분할은 한글 음절과 이모지에도 안전합니다.
왜곡(Distort): 네 모서리를 드래그해 자유로운 원근법 왜곡을 줍니다 — 이미지·영상과 똑같은 컨트롤입니다. 텍스트는 메시로 베이크되어 한 덩어리로 휘며, 어떤 각도에서도 또렷함을 유지합니다. 기본은 꺼짐이며, 켜면 빛을 따라 글자를 기울이거나 한 줄을 면에 맞춰 세울 수 있습니다.

팁 굵게·기울임·밑줄은 편집 중에 Ctrl/⌘ + B / I / U 로도 됩니다.

텍스트 서식

텍스트 Object를 더블클릭해 편집에 들어가면, 자주 쓰는 빠른 서식 막대가 나타납니다 — 키보드 단축키로 닿는 것과 같은 컨트롤입니다.

굵게 Ctrl / ⌘ + B: 선택한 텍스트를 글꼴의 볼드 두께로 굵게 합니다.
기울임 Ctrl / ⌘ + I: 선택한 텍스트를 기울입니다.
밑줄 Ctrl / ⌘ + U: 텍스트 아래에 선을 긋습니다.
취소선: 텍스트 가운데에 줄을 긋습니다.
정렬: 텍스트 상자 안에서 가로 정렬(왼쪽·가운데·오른쪽·양쪽)과 세로 정렬(위·가운데·아래)을 정합니다.
자동 크기: 켜 두면 상자가 텍스트에 맞춰 늘어나고, 끄면 상자 너비를 고정해 본문이 그 안에서 줄바꿈됩니다.

팁 굵게·기울임·밑줄은 편집 중에 Ctrl/⌘ + B / I / U 로도 됩니다.

패스 편집

패스를 더블클릭하거나 서브 도구 막대의 패스 편집 버튼을 누르면 패스 편집 모드로 들어갑니다. 막대가 앵커 도구로 바뀌어 곡선을 점 단위로 다듬을 수 있습니다 — 앵커를 드래그해 옮기고, 핸들을 드래그해 베지어 곡선을 휩니다. 모든 조작은 한 단계씩 따로 실행 취소할 수 있습니다.

에디터에서 앵커 도구가 활성화된 채 선택된 곡선 패스, 오른쪽 Path 인스펙터에 포인트 수와 패스 데이터가 표시된 모습. — 앵커 도구로 패스를 점 단위로 편집합니다 — Path 인스펙터에 포인트와 원본 지오메트리가 표시됩니다.

패스 편집 모드의 서브 도구 막대 — 앵커 추가·삭제, 패스 잇기·나누기, 코너·스무스, 앵커 정렬 버튼. — 패스 편집 모드에서는 막대가 앵커 도구로 바뀝니다 — 추가, 삭제, 잇기, 나누기, 코너, 스무스, 정렬.

앵커 추가 +: 새 앵커를 추가합니다 — 선분 위 아무 곳이나 클릭하면 바로 그 자리에 생기고, 키를 누르면 선택한 앵커 다음 선분의 중간에 추가됩니다.
앵커 삭제 Delete / −: 선택한 앵커들을 지우고 양옆을 다시 잇습니다. 패스에는 항상 점이 두 개 이상 남습니다.
코너로 만들기 Shift + S: 핸들을 거둬들여 선택한 앵커를 뾰족한 코너로 바꿉니다.
스무스로 만들기 Shift + C: 선택한 앵커를 좌우 대칭 핸들을 가진 부드러운 점으로 바꿉니다.
패스 잇기: 패스의 열린 두 끝점을 선택해 잇습니다 — 가까운 끝점끼리는 한 점으로 합쳐지고, 멀면 잇는 선분이 생깁니다.
패스 나누기: 선택한 앵커에서 패스를 끊어 열린 끝을 만듭니다.
앵커 정렬·분배: 선택한 앵커를 한 줄로 맞추거나 균등하게 배치합니다 — Object와 같은 정렬 기능을 점에 적용합니다.

마우스 & 보조키

앵커 선택 Shift: 앵커를 클릭해 선택합니다. Shift+클릭은 선택에 더하거나 뺍니다.
앵커 이동 Shift: 드래그하면 선택된 앵커가 모두 함께 움직이고, 주변 앵커의 가로·세로 위치에 스냅됩니다. Shift를 누르면 한 축으로만 움직입니다.
핸들 구부리기 Alt: 핸들을 드래그해 곡선을 휩니다 — 반대쪽 핸들이 따라 움직여 부드러움을 유지합니다. Alt를 누르면 한쪽만 움직여 비대칭 곡선을 만듭니다.
핸들 초기화: 핸들을 더블클릭하면 거둬들여져 그쪽이 직선 코너가 됩니다.
선분 클릭: 패스 선 위를 클릭하면 바로 그 자리에 앵커가 생기고 곧장 드래그할 수 있습니다 — 선분에 마우스를 올리면 + 표시가 나타납니다.
드래그 선택 Shift: 빈 캔버스를 드래그하면 상자 안의 앵커가 모두 선택됩니다. Shift를 누르면 기존 선택에 더해집니다.

키보드

동작	키
선택한 앵커를 1px씩 이동 (Shift = 10px)	`↑ ↓ ← →`
모든 앵커 선택	`Ctrl / ⌘ + A`
편집 마치기 (Ctrl / ⌘ + Enter도 동일)	`Esc`

팁 빈 캔버스를 클릭하거나 Esc를 누르면 편집을 마치고 선택 도구로 돌아옵니다. 숫자 키는 여기서도 보이는 서브툴 버튼을 순서대로 누릅니다.

이미지 편집

이미지를 더블클릭하거나 서브 도구 막대의 이미지 편집 버튼을 누르면 이미지 편집 모드로 들어갑니다 — 캔버스 안에 내장된 가벼운 픽셀 편집기입니다. 영역을 선택한 뒤 그 안에서 칠하거나 지우거나 조정하고, 선택 영역이 없으면 이미지 전체에 적용됩니다. 모든 작업은 그때그때 확정되어 하나씩 따로 실행 취소할 수 있습니다.

선택 도구

올가미: 자유로운 형태로 원하는 영역을 선택합니다.
사각형 선택: 직사각형 영역을 선택합니다.
원형 선택: 타원 영역을 선택합니다.
선택 반전: 선택을 뒤집어 바깥쪽 전체를 선택 상태로 만듭니다.

선택은 포토 에디터처럼 조합됩니다. 그냥 드래그하면 새 선택, Shift+드래그는 더하기, Alt+드래그는 빼기입니다. 드래그 없이 클릭하거나 Ctrl / ⌘ + D를 누르면 선택이 해제됩니다.

페인트 도구

브러시: 현재 색으로 픽셀을 칠합니다.
지우개: 픽셀을 투명하게 지웁니다.
채우기: 클릭 한 번으로 선택 영역을 — 선택이 없으면 이미지 전체를 — 현재 색으로 채웁니다.
스탬프(복제): 한 곳의 픽셀을 다른 곳으로 복제합니다. Alt+클릭으로 소스를 지정한 뒤 칠하면, 소스가 일정한 간격을 두고 획을 따라옵니다.

브러시·지우개·스탬프는 각자 크기(Size, 1~500px), 경도(Hardness, 0~100), 불투명도(Opacity, 0~100)를 기억합니다. 브러시와 스탬프에는 흐름(Flow)이 더 있고, 브러시 색은 색상 패널에서 고릅니다. 어느 도구든 Shift+클릭하면 마지막 지점에서 직선을 긋습니다.

Brush 패널 — Size·Hardness·Opacity·Flow 슬라이더와 색 칩. — 브러시·지우개·스탬프는 설정을 각자 기억합니다 — 도구를 바꿔도 값이 그대로 기다립니다.

크롭

크롭은 이미지를 사각형으로 잘라냅니다. 현재 선택 영역의 경계에서 — 선택이 없으면 이미지 전체에서 — 시작하며, 여덟 개의 핸들로 조절합니다.

크롭 영역: 모서리와 변의 핸들을 드래그해 남길 부분을 정확히 잡습니다.
비율 유지 Shift: 핸들을 드래그하는 동안 Shift를 누르면 가로세로 비율이 유지됩니다.
중심 기준 Alt: Alt를 누르면 크롭 영역이 중심을 기준으로 커지고 줄어듭니다.
확정 / 취소 Enter / Esc: Enter로 확정하면 바깥 픽셀이 실제로 잘려 나갑니다(한 단계로 실행 취소 가능). Esc는 아무것도 바꾸지 않고 크롭을 거둡니다.

사진 위에서 활성화된 크롭 도구 — 여덟 핸들이 달린 밝은 사각형과 어둡게 가려진 바깥 영역. — 크롭은 선택 영역이나 이미지 전체에서 시작합니다 — Enter로 확정, Esc로 물러납니다.

색상 & 조정

톤: 밝기, 대비, 노출 — 각각 −100~100.
색상: 색조(Hue, −180~180°)와 채도(−100~100).
컬러 밸런스: 어두운 영역·중간 영역·밝은 영역에서 청록/빨강, 자홍/초록, 노랑/파랑을 따로 조절합니다.
흑백: 이미지를 흑백으로 바꿉니다 — 원하면 틴트 색을 입힐 수 있습니다.
커브: 드래그할 수 있는 곡선으로 명암 값을 다시 매핑해 대비와 색을 정밀하게 다룹니다.

Image Adjustments 패널 — Tone(밝기·대비·노출)·Color(색조·채도) 슬라이더, 그리고 접을 수 있는 Color Balance·Black & White·Levels·Curves, Reset·Apply 버튼. — 비파괴 이미지 보정 — 톤·색·컬러 밸런스·레벨·커브를 하나의 Reset/Apply 패널에서 조정합니다.

이미지 편집 모드 단축키

동작	키
선택한 픽셀 복사 (시스템 클립보드에도 PNG로 들어갑니다)	`Ctrl / ⌘ + C`
잘라내기 — 선택한 픽셀을 복사한 뒤 지웁니다	`Ctrl / ⌘ + X`
복사한 자리에 그대로 새 이미지 객체로 붙여넣기	`Ctrl / ⌘ + V`
선택한 픽셀을 투명하게 지우기	`Delete`
이미지 전체 선택	`Ctrl / ⌘ + A`
선택 해제	`Ctrl / ⌘ + D`
선택 반전	`Ctrl / ⌘ + Shift + I`
색 반전 — 한 번에 음화로	`Ctrl / ⌘ + I`
한 단계씩 물러나기 — 크롭이나 선택을 먼저 거둔 뒤 편집을 마칩니다	`Esc`

참고 조정은 비파괴로 미리 보입니다 — 선택 영역이 있으면 그 안에서만요 — 그리고 확정 전까지 원본 픽셀은 그대로 유지됩니다. 한 가지 제약: 이미지에 왜곡(Distort)이 켜져 있는 동안에는 좌표 기반 도구(선택·페인트·크롭)가 비활성화됩니다. 색 반전과 조정은 계속 쓸 수 있습니다.

채우기

채우기는 Object의 내부를 칠합니다. 한 Object에 여러 채우기를 겹쳐 쌓고 각각 켜고 끌 수 있습니다.

그라데이션 채움에 열린 색 편집기 — Solid·Gradient 탭, Linear 타입, 세 스톱(#6750D8·#C76B86·#C99464)이 있는 그라데이션 바, x1/y1/x2/y2 방향 입력, 컬러 피커. — 채움 편집기 — 단색/그라데이션 전환, 스톱 추가·색 변경, 그라데이션 방향 지정, 색 선택.

단색 불투명도를 조절할 수 있는 하나의 색입니다.

그라디언트 여러 색 정지점을 부드럽게 잇는 블렌드로, 네 가지 형태가 있습니다.

이미지 이미지를 채우기로 넣고 크기, 위치, 회전, 타일 반복을 조절합니다.

다이내믹 실시간으로 생성되는 절차적·애니메이션 텍스처입니다.

그라디언트 형태

선형
원형
각도
다이아몬드

다이내믹 채우기 프리셋

오로라
잉크
불
렌즈 플레어

둥근 타일 4개에 각각 실시간 프로시저럴 셰이더가 채워진 모습 — 오로라 리본, 흐르는 잉크, 솟는 불꽃, 렌즈 플레어. — 다이내믹 채우기는 이미지가 아니라 실시간 셰이더입니다 — 내장 프리셋 4종이 에디터에서 계속 움직입니다.

색 다루기

스포이드: 색 편집기의 스포이드 버튼을 누른 뒤 캔버스 아무 곳이나 클릭하면 그 픽셀의 색을 집어옵니다 — 돋보기 루페가 커서를 따라다녀 정확한 지점을 짚을 수 있습니다. Esc로 취소합니다. 집어온 색은 현재 채우기나 선택한 그라디언트 정지점에 적용됩니다.
최근 사용한 색: 편집기는 사용한 색을 한 줄로 모아 둬, 클릭 한 번으로 다시 쓸 수 있습니다. 스와치를 우클릭하면 즐겨찾기로 고정하거나(즐겨찾기는 앞에 모이고 사라지지 않습니다) 지울 수 있습니다. 이 목록은 모든 채우기·선·효과에서 공유되고 브라우저에 저장됩니다.
캔버스 위 그라디언트 핸들: 그라디언트 채우기가 켜져 있으면 Object 위에 바로 핸들이 나타납니다 — 끝점을 끌어 선형 방향을 잡고, 중심·반지름 링으로 방사형과 다이아몬드를, 회전 핸들로 각도형을 조절합니다. Shift로 45° 스냅, Alt로 미세 조정. 그라디언트 선을 클릭하면 정지점을 추가하고, 더블클릭하면 제거합니다(최소 2개).

선

선은 Object의 가장자리를 따라 그려집니다. 채우기처럼 여러 선을 쌓을 수 있고 각각 색이나 그라디언트를 지정할 수 있습니다.

네 가지 외곽선 처리가 한 줄로 — 두꺼운 라운드 조인 iridescent 테두리, 점선 외곽선, 일부만 그려진 빛나는 외곽선, 화살표가 달린 곡선 패스. — 하나의 선 시스템, 다양한 표현 — 두께와 조인, 점선, 그려지는 효과를 위한 트림, 열린 패스의 화살촉.

두께 & 정렬: 두께를 픽셀로 설정한 뒤, 정렬(Align) 값을 0(안쪽)에서 0.5(중앙)를 거쳐 1(바깥쪽)까지 슬라이더로 조절합니다.
색 & 그라디언트: 선에는 단색이나 모든 그라디언트 형태를 적용할 수 있으며, 불투명도는 별도로 조절됩니다.
끝 & 모서리: 선 끝을 평평·둥근·사각으로, 모서리를 마이터·둥근·베벨로 선택합니다.
불투명도 · 표시: 선마다 자체 불투명도(0–100%)와 표시·숨김 토글이 있어, 쌓아 둔 선 중 하나를 지우지 않고 흐리게 하거나 잠시 숨길 수 있습니다.
점선: 점선 패턴을 정의해 실선을 점선이나 점으로 바꿉니다.
트림: 시작·끝·오프셋으로 선의 일부만 드러냅니다 — 선이 그려지는 애니메이션에 좋습니다.
선 끝 모양: 선과 열린 패스의 끝에 마커를 답니다 — 없음·삼각형·열린 갈매기·다이아몬드·원·사각형·막대 — 시작과 끝을 따로 정하고 각각 크기를 조절합니다. 닫힌 도형은 끝이 없어 화살촉이 적용되지 않습니다.

Stroke 패널 — 두께·불투명도, Cap·Join(둘 다 Round), 점선 스타일, 시작/끝 라인 헤드, 트림 패스 시작·끝·오프셋 슬라이더. — 선 설정을 자세히 — 두께, Cap·Join, 점선, 라인 헤드, 트림을 한 패널에서.

효과

효과는 깊이와 분위기를 더합니다. 채우기와 선 위에 적용되며 서로 조합할 수 있습니다.

드롭 섀도 오프셋, 흐림, 확산, 색으로 그림자를 드리웁니다.

흐림 Object 전체에 부드러운 가우시안 흐림을 줍니다 — 균일하게, 또는 선명함에서 흐림으로 향하는 그래디언트를 따라 번지게 할 수 있습니다.

외부 글로우 가장자리 둘레에 부드러운 빛 무리를 만듭니다.

내부 그림자 안쪽으로 드리우는 그림자로 움푹한 느낌을 줍니다.

배경 흐림 Object 뒤에 있는 것을 흐립니다 — 서리 낀 유리 느낌입니다. 흐림처럼 균일하게 두는 대신 그래디언트로 번지게 할 수도 있습니다.

글래스 굴절과 프레넬 가장자리를 가진 고급 글래스모피즘 효과입니다.

노이즈 조절 가능한 크기와 불투명도로 필름 그레인이나 질감을 더합니다.

조정 밝기, 대비, 채도, 색조를 조절합니다.

효과별 파라미터

드롭 섀도: 오프셋 X / Y (−100~100), 흐림(Blur, 0~100), 스프레드(−100~100), 색, 알파(0~1).
흐림: 강도(Strength, 0~100) — 가우시안 흐림 반경입니다. Gradient를 켜면 선을 따라 흐려집니다: 캔버스의 시작·끝 핸들을 끌어 방향을 정하고 양 끝의 흐림 강도를 지정합니다.
외부 글로우: 흐림(0~100), 스프레드(−100~100), 색, 알파(0~1), 강도(Intensity, 0~4).
내부 그림자: 오프셋 X / Y (−100~100), 흐림(0~100), 스프레드(−100~100), 색, 알파(0~1).
배경 흐림: 강도(Strength, 0~100) — Object 뒤 배경을 얼마나 흐리게 할지 정합니다. Gradient는 캔버스에서 끄는 선을 따라 배경을 점진적으로 흐립니다.
글래스: 굴절(Refraction, 0~2), 색수차(Chromatic, 0~2), 흐림(0~10). 글래스 틴트는 Object의 fill 색에서 자동으로 가져옵니다.
노이즈: 양(Amount, 0~1), 스케일(1~10), 흑백(Monochrome, 켜기/끄기), 시드(Seed, 0~100).
조정: 밝기 / 대비 / 노출 (−100~100), 색조(Hue, −180~180°), 채도(−100~100), 구간별 컬러 밸런스(어두운 영역 · 중간 영역 · 밝은 영역), 그리고 선택적 틴트를 더한 흑백 변환.

드롭 섀도를 편집하는 Effects 패널 — Offset X/Y, Blur, Spread, Color, Alpha 컨트롤. — 각 효과는 자체 컨트롤을 엽니다 — 여기서는 드롭 섀도의 오프셋·블러·스프레드·색·알파.

팁 효과는 GPU에서 렌더링되어 여러 개를 쌓아도 부드럽습니다 — 다만 아주 큰 Object에 강한 흐림을 주는 것이 가장 무겁습니다. 긴 애니메이션에서는 이 점을 살펴보세요.

블렌드 모드

모든 Object에는 자신의 색이 뒤 레이어와 어떻게 섞일지 정하는 블렌드 모드가 있습니다. 평범하게 쌓으려면 Normal로 두고, 빛·잉크·유리처럼 레이어를 융합하려면 모드를 바꿉니다.

Normal: 기본값 — Object가 뒤를 그대로 덮으며, 불투명도만큼만 비칩니다.
어둡게 계열: Darken·Multiply·Color Burn은 두 레이어 중 더 어두운 결과를 남깁니다. 흰색은 사라지므로 그림자·잉크·밝은 배경 위 색 입히기에 좋습니다.
밝게 계열: Lighten·Screen·Color Dodge는 더 밝은 결과를 남깁니다. 검은색은 사라지므로 광채·하이라이트·빛샘 표현에 안성맞춤입니다.
대비 계열: Overlay·Soft Light·Hard Light는 중간 회색을 기준으로 어둡게와 밝게를 동시에 적용해 대비와 질감을 살립니다.
비교 계열: Difference·Exclusion은 두 색을 서로 반전시켜 강렬하고 그래픽한, 때로는 사이키델릭한 결과를 만듭니다.
성분 계열: Hue·Saturation·Color·Luminosity는 Object에서 한 가지 성분만 가져오고 나머지는 아래 레이어에서 취합니다 — 음영은 유지한 채 색만 바꿀 때 유용합니다.

참고 블렌드 모드는 불투명도를 대체하지 않고 함께 작동합니다. 모드에 불투명도를 낮춰 함께 쓰면 효과를 은은하게 조절할 수 있습니다.

스타일 재사용

한 Object를 원하는 대로 꾸민 뒤, 그 모습을 다른 것들에 그대로 찍어내세요 — 손으로 다시 만들 필요가 없습니다.

왼쪽의 완전히 꾸며진 소스 카드(그라데이션 채움·외곽선·글로우)에서 점들이 이어져, 오른쪽의 원·사각형·작은 카드가 모두 똑같은 스타일을 입은 모습. — 한 Object의 모습을 복사해 선택한 모든 것에 붙여넣습니다 — 채우기·선·효과가 함께 따라갑니다.

스타일 복사 / 붙여넣기: Object를 우클릭해 '스타일 복사'로 채우기·선·효과를 집은 뒤, 선택한 모든 것에 '스타일 붙여넣기'를 하세요. 타입을 인식합니다 — 이미지·비디오는 선과 효과만(채우기 제외), 그룹은 효과만 받습니다.
타이포그래피 복사 / 붙여넣기: 텍스트의 경우 '타이포그래피 복사'가 서식(글꼴·크기·굵기·스타일·행간·자간·장식·정렬)을 가져와 다른 텍스트 Object에 붙여넣으며, 각자의 글 내용은 그대로 둡니다.

Copy Styles·Paste Styles를 비롯해 그룹·마스크·정렬·표시 동작과 단축키가 보이는 우클릭 컨텍스트 메뉴. — 객체를 우클릭하면 Copy Styles / Paste Styles(텍스트는 Copy/Paste Typography)를 쓸 수 있습니다 — 같은 메뉴에 Group·Use as Mask·정렬도 있습니다.

팁 붙여넣기는 1:다입니다 — 여러 Object를 선택하고 한 번 붙여넣으면 모두에 적용되며, 한 번에 되돌릴 수 있습니다.

마스킹

마스킹은 여러 Object를 다른 도형의 실루엣으로 잘라냅니다. 둘 이상의 Object를 선택한 뒤 마스크를 적용하면 — 맨 위 Object가 가시성을 결정하는 하나의 그룹이 됩니다.

어두운 무대 위, 무지갯빛 그라데이션으로 채워진 굵은 'SSHOW' 글자 — 색이 글자 모양으로만 보입니다. — 마스킹은 한 Object를 다른 Object의 모양으로 잘라냅니다 — 여기서는 텍스트를 마스크로 써서 색 채우기가 글자 모양으로만 보입니다.

마스크 Ctrl / ⌘ + M: 맨 위 Object가 마스크가 되고, 그 아래 요소는 마스크가 덮은 곳에서만 보입니다.
반전 마스크 Ctrl / ⌘ + Shift + M: 마스크를 뒤집어 도형이 구멍을 뚫도록 합니다 — 마스크 아래를 제외한 모든 곳에서 콘텐츠가 보입니다.
해제: 마스킹된 그룹에 같은 단축키를 다시 누르면 마스킹이 꺼지고 원래 Object로 돌아갑니다.

마스크 동작 방식

사각형, 타원, 별, 사용자 패스 등 어떤 도형도 마스크가 될 수 있습니다. 그룹의 맨 위 Object가 항상 마스크가 됩니다.
텍스트는 알파 값으로 마스킹합니다. 더 밝고 불투명한 글자일수록 아래 콘텐츠가 더 많이 드러나, 글자 모양으로 사진을 뚫을 수 있습니다.
일반 마스크는 마스크 도형의 경계를, 반전 마스크는 마스킹된 콘텐츠의 경계를 따릅니다.

팁 나중에 어느 쪽이든 수정할 수 있습니다 — 그룹을 더블클릭해 들어가 마스크 도형을 다시 꾸미거나 옮기면 클립이 실시간으로 갱신됩니다.