시작하기

개요

SSHOW는 장면(Scene)을 디자인하고 모션으로 생동감을 불어넣는 브라우저 기반 에디터입니다. 이 가이드는 캔버스의 모든 부분을 차근차근 안내합니다.

프레젠테이션, 짧은 애니메이션, 인터랙티브 쇼케이스 무엇을 만들든, SSHOW는 정교한 디자인 도구와 Scene 사이를 자동으로 애니메이션하는 트랜지션 엔진을 제공합니다. 설치할 것 없이 브라우저에서 바로 동작합니다.

5단계로 시작하기

빈 캔버스에서 완성작까지 가는 가장 빠른 길입니다.

  1. 1

    Scene 추가

    모든 프로젝트는 Scene의 연속입니다. 캔버스 크기는 한 번만 설정하면 모든 Scene에 적용됩니다.

  2. 2

    Object 그리기

    도구 모음으로 도형, 텍스트, 이미지, 미디어를 캔버스에 추가합니다.

  3. 3

    스타일 적용

    인스펙터에서 채우기, 선, 효과를 적용해 각 Object의 모습을 다듬습니다.

  4. 4

    모션 추가

    Scene을 복제하고 위치를 바꾸면, SSHOW가 그 차이를 트랜지션으로 애니메이션합니다.

  5. 5

    공유 또는 내보내기

    재생 링크를 공유하거나 영상, PDF, 이미지 등으로 내보냅니다.

에디터 한눈에 보기

에디터는 다섯 영역으로 이루어집니다. 대부분의 작업은 이 영역들을 오가며 이루어집니다.

상단의 툴바, 왼쪽의 Scene·Object 패널, 가운데 캔버스, 오른쪽 인스펙터로 이루어진 SSHOW 에디터 화면.
한눈에 보는 에디터 — 툴바, Scene·Object 패널, 캔버스, 인스펙터.
도구 모음 (상단)
선택, 도형, 텍스트, 이미지, 미디어 등 모든 생성 도구. 도구 & 단축키에서 자세히 다룹니다.
캔버스 (중앙)
실제 작업 공간입니다. 손 도구로 이동하고 오른쪽 아래 컨트롤로 확대·축소합니다.
Scene (왼쪽)
Scene의 순서 목록입니다. 여기서 추가, 복제, 순서 변경, 검색을 합니다.
Object (왼쪽 아래)
현재 Scene의 레이어 목록입니다. Object를 선택, 이름 변경, 순서 변경, 잠금, 숨김 처리합니다.
인스펙터 (오른쪽)
현재 선택 항목의 속성 — 크기, 변형, 채우기, 선, 효과, 모션을 다룹니다.

가이드 둘러보기

디자인 기초 Scene, Object, 그리고 모든 것의 모습을 결정하는 스타일 시스템 — 채우기, 선, 효과를 다룹니다. 도구 & 단축키 도구 모음에는 모든 생성 도구가 있습니다. 대부분 단축키 한 글자로 캔버스를 떠나지 않고 전환할 수 있습니다. 변수 한 번 정의해 두면 텍스트 어디서든 이중 중괄호 토큰으로 불러 쓰는 재사용 값입니다. 트랜지션 SSHOW의 모션은 트랜지션을 기반으로 합니다. 두 Scene 사이를 애니메이션하면 엔진이 그 사이를 알아서 채워 줍니다. 발표하기 Scene을 트랜지션과 함께 전체 화면으로 재생합니다 — 관객이 보는 그대로. 내보내기 & 공유 베타 프로젝트를 문서, 이미지, 영상, 또는 편집 가능한 네이티브 파일로 SSHOW 밖으로 내보냅니다. 인터랙션 준비 중 클릭, 호버 등에 Scene이 반응하게 만드는 트리거와 액션입니다. 현재 개발 중입니다. AI 어시스턴트 베타 프롬프트로 Scene을 만들고 편집하며, 캔버스에 이미지를 생성하는 AI 어시스턴트입니다. 지금 베타로 사용할 수 있습니다.