LaunchMotion · 전체 라이브러리
+7
ImageMotion: 무료 3D 스크린샷 & 이미지 애니메이션 생성기
- 무료 효과 12가지 · 총 120가지
- 워터마크 없음, 가입 없음
- 로컬 WebGL2 & WebCodecs
- 런칭 영상으로 만들기
사용 방법
평면 스크린샷을 3D 모션으로, 단 세 단계
타임라인 키프레임도, 3D 모델링 소프트웨어도, 클라우드 렌더링 대기열도 필요 없습니다. 모든 작업이 브라우저 탭 안에서 내 GPU로 처리됩니다.
1. 120가지 3D 효과 중에서 고르기
궤도 링과 곡면 캐러셀부터 리퀴드 글래스 굴절, 진자 운동까지 10가지 공간 모션 계열을 둘러보세요. 12가지 효과는 무료로 내보낼 수 있고, Pro는 120가지 전부를 잠금 해제합니다.
2. 스크린샷을 원하는 만큼 끌어다 놓기
제품 UI 화면, 모바일 앱 화면, 디자인 카드를 끌어다 놓으세요. 한 장이든 백 장이든 괜찮습니다. 각 효과가 카드 크기를 알아서 맞추고, 이미지보다 자리가 많으면 이미지를 반복해 채웁니다. 모든 이미지는 선명한 sRGB 텍스처로 브라우저 로컬 메모리에만 머물며 서버로 업로드되지 않습니다.
3. 4K 60fps MP4, WebM 또는 PNG로 내보내기
클릭 한 번으로 화면 비율(16:9, 9:16, 1:1, 4:3, 3:4)을 바꾸고, 스튜디오 배경이나 투명 Alpha를 고른 뒤, 워터마크 없는 매끄러운 루프로 내보내세요.
10가지 모션 계열 · 120가지 효과
10가지 모션 계열, 120가지 효과 — 12가지는 무료로 내보내기
120가지 효과 모두 무료로 미리 볼 수 있습니다. 그중 12가지는 워터마크 없이 최대 4K 60fps로 무료 내보내기가 가능하며, Skillry Pro는 나머지 108가지와 이를 완성된 런칭 영상으로 만들어 주는 Agent Skills를 잠금 해제합니다.
시그니처 쇼스토퍼 (10)
레코드 선반, 나선 포털, 필름 롤과 다중 대형
3D 트랜지션 (10)
플레어 전환, 프리즘 회전, 포털 통과와 줌 블러
캐러셀 & 슬라이더 (16)
곡면 실린더 슬라이더, 커버플로 무대와 주름 벽
링 & 궤도 (17)
360° 궤도 링, 기울어진 헤일로, 이중 링과 구체
스택 & 벤토 그리드 (20)
겹겹이 쌓인 카드 덱, 아이소메트릭 벽과 에디토리얼 벤토 그리드
3D 쇼케이스 & 모놀리스 (11)
회전하는 모놀리스, 큐브 쇼케이스와 히어로 틸트
리퀴드 글래스 & 굴절 (4 + 크로스 스타일)
굴절 렌즈, 프리즘 프레임과 반투명 광학 심도
무한 갤러리 & 월 (13)
끝없는 어안 벽, 거울 바닥과 랙 포커스 복도
키네틱 & 물리 (9)
진자 파동, 뉴턴의 요람, 맞물린 톱니바퀴와 도미노
3D 조형 & 모프 (10)
루빅스 큐브, 토러스 매듭, 자이로스코프와 피어나는 꽃잎
멀티 포맷 출력
프로젝트 하나로 Product Hunt, Reels, 랜딩 페이지까지
장면을 다시 만들 필요 없이 120가지 3D 효과 모두 16:9, 9:16, 1:1, 4:3, 3:4로 바꿀 수 있습니다. 카메라 거리와 FOV는 자동으로 맞춰집니다.
16:9
3840 × 2160 · 60fps MP4 / WebMProduct Hunt, YouTube, 히어로 영상 & 피치 덱
9:16
2160 × 3840 · 60fps MP4TikTok, Instagram Reels, YouTube Shorts & 앱 미리보기
1:1 · 4:3 · 3:4
2160 × 2160 · MP4 / 투명 PNGX (Twitter) 런칭 스레드, LinkedIn & 기능 소개 카드
다음 단계 · AGENT SKILLS
3D 숏 하나에서 런칭 영상 한 편까지
ImageMotion은 반복 재생되는 숏 하나를 만듭니다. Skillry Agent Skills는 Claude Code나 Codex에서 실행되어 영상 전체를 만듭니다. 제품을 조사하고, 대본을 쓰고, 모든 장면을 렌더링하고, 음악을 입혀 완성된 런칭 영상으로 내보냅니다.
모든 영상 Skills 보기Skillry Pro에 포함
- 영상144설치 144회6+7
메이커와 디자인 팀을 위해
SaaS 런칭, App Store 미리보기, 디자인 포트폴리오를 위해
모션 디자이너를 기다릴 필요 없이, 정적인 Figma 내보내기 이미지와 브라우저 스크린샷을 전환율 높은 3D 제품 모션으로 바꾸세요.
- SaaS & Product Hunt
런칭 데이 티저
대시보드 화면 6장을 Orbital Ring이나 Infinite Bento 루프로 엮어 Product Hunt 갤러리와 X 런칭 스레드에 올리세요.
- iOS & Android 앱
App Store & Reels 미리보기
9:16 세로로 전환하고 Coverflow나 Liquid Glass 흐름으로 모바일 화면을 네이티브 60fps로 보여 주세요.
- 디자이너 & 에이전시
포트폴리오 케이스 스터디
포트폴리오나 Dribbble 숏의 평면 이미지 그리드를 입체감 있는 3D Monolith Tilt나 Salon Wall로 바꿔 보세요.
- 주간 변경 사항
릴리스 노트 & 소셜 클립
이번 주에 출시한 UI 업데이트를 넣고 3D 트랜지션을 고르면, 15초 안에 선명한 1080p 또는 4K MP4로 내보낼 수 있습니다.
작동 원리 · 흐려지지 않는 이유
브라우저 속 진짜 3D 지오메트리 — 흐릿한 AI 영상이 아닙니다
생성형 AI 영상 모델은 UI 텍스트를 지어내고 버튼을 일그러뜨립니다. ImageMotion은 원본 픽셀을 밉맵 sRGB 텍스처로 3D 지오메트리에 그대로 입히고 WebCodecs로 프레임마다 인코딩합니다.
선명한 WebGL2 & 광학 굴절
물리 기반 조명과 실시간 Liquid Glass 투과 효과가 적용된 3D 베벨 카드 위에서도 스크린샷은 칼같이 선명합니다.
수학적으로 매끄러운 루프 (t = i / fps)
모든 프리셋은 pose(0) === pose(1)을 만족하는 닫힌 형태의 주기 함수로 움직이며, 프레임 드롭 없이 한 프레임씩 결정적으로 렌더링됩니다.
100% 로컬 처리 · 대기열 없음
출시 전 제품 스크린샷이 클라우드 서버에 닿지 않습니다. 하드웨어 가속 H.264 MP4 인코딩이 내 기기에서 바로 이루어집니다.
ImageMotion vs 유료 3D·모션 툴 비교
| 기능 | ImageMotion (Skillry) | Jitter / Canva | After Effects | AI 영상 생성기 |
|---|---|---|---|---|
| 가격 & 워터마크 | 무료 효과 12가지 · Pro로 전체 잠금 해제 | 무료 플랜 제한 · Pro 월 $12–$15 | 월 $22.99 구독 | 월 $20–$99 크레딧 소모 |
| 3D 스크린샷 효과 | 효과 120가지, 12가지 무료 내보내기 | 대부분 2D 템플릿 | 수동 플러그인 & 키프레임 | 예측하기 어려운 카메라 프롬프트 |
| UI 텍스트 & 픽셀 선명도 | 정확한 1:1 sRGB 텍스처 매핑 | 선명한 2D / 기본 3D | 원본 그대로의 래스터/벡터 | UI 텍스트 왜곡 및 흐림 |
| 최대 내보내기 사양 | 최대 4K 60fps MP4, WebM & PNG | 1080p / 4K는 유료 플랜 | 모든 해상도 (렌더링 느림) | 보통 720p–1080p 24fps |
| 개인정보 & 업로드 | 100% 브라우저 로컬 GPU | 클라우드 업로드 필수 | 로컬 데스크톱 앱 | 클라우드 GPU 서버에 업로드 |
| AI Agent / CLI 자동화 | Skillry Agent Skills (Pro) | 웹 에디터 수동 작업만 가능 | 복잡한 ExtendScript | 초당 과금 API |
자주 묻는 질문
ImageMotion, 4K 내보내기, 개인정보 보호에 관한 모든 것
어떤 효과가 무료이고, Pro는 무엇을 잠금 해제하나요?
120가지 효과 모두 미리 볼 수 있습니다. 그중 12가지(계열마다 최소 하나)는 워터마크와 가입 없이 최대 4K 60fps의 MP4, WebM, 투명 PNG로 무료 내보내기가 가능합니다. 나머지 108가지는 Pro 표시가 있으며, 내보내려면 Skillry Pro 멤버십이 필요합니다. 멤버십에는 모든 프리미엄 Agent Skill도 포함됩니다.
제 제품 스크린샷이 서버에 업로드되나요?
절대 업로드되지 않습니다. ImageMotion은 WebGL2와 WebCodecs로 브라우저 안에서 100% 로컬로 실행됩니다. 이미지는 로컬 메모리에서 디코딩되고 내 GPU에서 인코딩되므로, 기밀이거나 출시 전인 UI 디자인에도 안심하고 쓸 수 있습니다.
AI 영상 생성기와 달리 UI 텍스트가 선명하게 유지되는 이유는 무엇인가요?
AI 확산 모델은 픽셀을 처음부터 다시 생성하기 때문에 작은 UI 글자와 차트가 뭉개집니다. ImageMotion은 원본 스크린샷을 손실 없이 Three.js의 실제 3D 지오메트리에 올리고 sRGB 색상을 정확하게 유지합니다.
ImageMotion은 어떻게 끝부분 끊김 없이 매끄러운 루프를 보장하나요?
모든 프리셋은 i = 0 .. totalFrames - 1에 대해 정규화된 주기 위상 u = i / totalFrames로 카드 위치를 계산합니다. pose(0)과 pose(1)이 동일하고 중복되는 마지막 프레임은 제외되므로, 영상이 끊김 없이 무한 반복됩니다.
어떤 브라우저에서 4K 60fps MP4 내보내기를 지원하나요?
최신 Chromium 브라우저(Chrome, Edge, Brave, Arc), Safari, Firefox는 하드웨어 가속 WebCodecs H.264 인코딩을 지원합니다. 브라우저가 특정 해상도에서 MP4 인코딩을 지원하지 않으면 ImageMotion이 자동으로 WebM으로 전환합니다.
ImageMotion에서 내보낸 결과물을 상업적으로 쓰고 Claude Code로 자동화할 수 있나요?
네. 내보낸 모든 영상과 PNG는 로열티 없이 제품 런칭, 광고, 클라이언트 작업에 상업적으로 사용할 수 있습니다. .imagemotion.json 프리셋으로 저장하거나 Claude Code, Codex에서 Skillry 런칭 영상 Skills와 함께 쓸 수도 있습니다.
ImageMotion과 Skillry Agent Skills는 무엇이 다른가요?
ImageMotion은 브라우저에서 바로 스크린샷으로 반복 재생되는 3D 숏 하나를 만듭니다. Skillry Agent Skills는 Claude Code나 Codex에서 실행되어 영상 전체를 만듭니다. 제품을 조사하고, 대본을 쓰고, 장면마다 렌더링하고, 음악을 입혀 완성된 런칭 영상으로 내보냅니다. 숏 하나는 ImageMotion으로, 영상 전체는 LaunchMotion 같은 Skill로 만드세요. Pro에는 둘 다 포함됩니다.
스크린샷에 움직임을 더하세요
12가지 효과는 무료로 내보낼 수 있습니다. 런칭 영상 한 편이 필요하다면 Agent Skill에 맡기세요.
Claude Code와 Codex용 관련 모션 & 목업 Skills
