시작하기

개요

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

프레젠테이션, 짧은 애니메이션, 인터랙티브 쇼케이스 무엇을 만들든, SSHOW는 정밀한 디자인 도구와 Scene 사이를 자동으로 애니메이션하는 트랜지션 엔진을 제공합니다. 브라우저에서 바로 쓰거나 데스크탑 Studio 앱으로도 사용할 수 있습니다.

6단계로 시작하기

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

  1. 1

    Scene 추가

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

  2. 2

    Object 그리기

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

  3. 3

    스타일 적용

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

  4. 4

    모션 추가

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

  5. 5

    작업 저장

    상단 바의 저장 버튼을 누르면 프로젝트가 저장됩니다. 자동 저장은 없으며, 저장하지 않은 변경이 있으면 떠나기 전에 알려 줍니다.

  6. 6

    공유 또는 내보내기

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

에디터 한눈에 보기

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

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

참고 도구 모음 왼쪽 위의 메뉴 버튼을 누르면 프로젝트 메뉴가 열립니다 — 새로 만들기, 파일 열기, 파일 저장, 가져오기, 내보내기, 그리고 SSHOW(정보·설정). 이 가이드 곳곳에서 말하는 가져오기·내보내기 패널이 여기서 열립니다.

우측 상단 패널

오른쪽 상단의 버튼들은 프로젝트 단위 패널을 열고, 맨 끝 버튼은 프로젝트를 재생합니다.

우측 상단 패널의 다섯 아이콘 — 모션 커브, 태그, 노트, 반짝임, 재생 삼각형.
왼쪽부터: Motion, Variables, Notes, AI, Play.
Motion
Motion 패널을 열어 Scene 트랜지션을 다듬습니다 — Motion 가이드 참고.
Variables
Variables 패널을 열어 재사용 가능한 값을 정의합니다 — Variables 가이드 참고.
Notes
프로젝트·Scene별 노트를 엽니다 — Tools & Shortcuts 참고.
AI
AI 어시스턴트를 열어 원하는 것을 설명해 만들거나 편집합니다 — AI 가이드 참고.
Play
Play 모드로 들어가 프로젝트를 풀스크린으로 발표합니다 — Present & share 참고.

가이드 둘러보기

디자인 기초 Scene, Object, 그리고 모든 것의 모습을 결정하는 스타일 시스템 — 채우기, 선, 효과를 다룹니다. 도구 & 단축키 도구 모음에는 모든 생성 도구가 있습니다. 대부분 단축키 한 글자로 캔버스를 떠나지 않고 전환할 수 있습니다. 변수 한 번 정의해 두면 텍스트 어디서든 이중 중괄호 토큰으로 불러 쓰는 재사용 값입니다. 가져오기 기존 파워포인트 덱·PDF·SVG를 편집 가능한 프로젝트로 SSHOW에 가져옵니다 — 페이지마다 계속 디자인할 수 있는 Scene이 됩니다. 트랜지션 SSHOW의 모션은 트랜지션을 기반으로 합니다. 두 Scene 사이를 애니메이션하면 엔진이 그 사이를 알아서 채워 줍니다. 애니메이션 개별 Object를 애니메이션하는 타임라인입니다. Scene 트랜지션과 무관하게 속성을 키프레임으로 다뤄 프레임 단위의 세밀한 모션 디자인이 가능합니다. 곧 추가됩니다. 발표하기 Scene을 트랜지션과 함께 전체 화면으로 재생합니다 — 관객이 보는 그대로. 내보내기 & 공유 프로젝트를 문서, 이미지, 영상, 또는 편집 가능한 네이티브 파일로 SSHOW 밖으로 내보냅니다. 인터랙션 클릭, 호버 등에 Scene이 반응하게 만드는 트리거와 액션입니다. 현재 개발 중입니다. AI 어시스턴트 프롬프트로 Scene을 만들고 편집하며, 캔버스에 이미지를 생성하는 AI 어시스턴트입니다. 지금 베타로 사용할 수 있습니다. Figma 플러그인 Figma와 SSHOW 사이를 오가며 디자인을 옮깁니다 — 선택한 프레임을 편집 가능한 .sshow 파일로 내보내거나, .sshow를 다시 Figma 캔버스에 펼칩니다. MCP 서버 AI 어시스턴트가 열려 있는 프로젝트 안에서 직접 작업하게 하세요 — Model Context Protocol을 통해 Scene을 읽고, Object를 편집하고, 결과를 눈으로 확인합니다.