영상 한 편 만들려고
매번 외주를 맡기고 계신가요?
홈페이지 배너 하나 바꾸는 데 견적서와 일정이 오갑니다. xMaker가 그 과정을 어떻게 줄이는지 세 가지로 정리했습니다.
만들 것을 고르면, 거기에 맞는 편집기가 열립니다
하나의 워크스페이스 안에 목적이 다른 네 개의 제작 모듈이 들어 있습니다. 새 프로젝트를 만들 때 작업 유형을 고르면 그에 맞는 캔버스·도구·템플릿이 준비됩니다.
로고 메이커
브랜드 로고가 그려지고, 조립되고, 빛나며 등장하는 모션.
- 완성 템플릿에서 시작
- SVG 아이콘 · 타이틀 · 구분선
- 레이어별 색상 · 메탈 질감
- 내 로고 라이브러리에 저장
슬라이더 메이커
홈페이지 메인을 채우는 반응형 인트로 슬라이더.
- 가로 100% 반응형
- 여러 장면과 12종 전환
- 좌우 화살표 · 하단 도트
- PC / 모바일 미리보기
비디오 메이커
SNS 피드·배너·상세페이지에 올리는 광고 모션.
- 16:9 · 9:16 · 1:1 · 5:4 · 4:5
- 텍스트 · 이미지 · 도형 · 아이콘
- 21종 등장 애니메이션
- 장면별 재생시간 제어
플로우 문서
게시판에 붙이는 반응형 그리드·표 HTML 문서.
- 텍스트 · 이미지 · 그리드 · 표
- 블록을 쌓아 만드는 구조
- 모바일에서 자동으로 접힘
- HTML로 내보내 붙여넣기
전문가 도구의 결과물을, 담당자의 손으로
애프터이펙트를 배우지 않아도 됩니다. 필요한 것만 골라 쓰도록 정리된 편집기입니다.
설치 없는 웹 편집기
브라우저만 있으면 됩니다. 사무실 PC, 집 노트북 어디서든 로그인해서 이어서 작업합니다.
벡터 기반 선명함
SVG와 웹폰트로 그려지므로 레티나 디스플레이나 대형 모니터에서도 계단 현상이 없습니다.
21종 애니메이션 프리셋
페이드·슬라이드·타이프라이터·네온트레이스·파티클버스트까지, 고르기만 하면 적용됩니다.
12종 장면 전환
크로스페이드, 커튼, 줌 블러, 글리치, 3D 큐브 등 장면과 장면 사이를 매끄럽게 잇습니다.
반응형 화면모드
고정비율 5종과, 가로 100%·세로 픽셀 고정 반응형 모드 중에서 용도에 맞게 선택합니다.
충돌 없는 임베드
한 줄 임베드는 Shadow DOM 안에서 재생되어, 붙여넣은 페이지의 CSS와 서로 간섭하지 않습니다.
세 단계면 끝납니다
프로젝트 만들기
작업 선택 → 화면모드 → 템플릿 3단계 마법사를 따라갑니다. 로고·슬라이더·비디오·플로우 중 하나를 고르고, 비율(또는 PC·모바일 높이)을 정한 뒤 빈 캔버스나 완성 템플릿에서 출발합니다.
편집하기
왼쪽 도구로 요소를 얹고, 오른쪽 인스펙터에서 디자인 · 정렬 · 애니메이션을 조정합니다. 아래 타임라인에서 장면을 추가하고 전환 효과를 붙입니다. 작업은 자동으로 저장됩니다.
내보내기
소스코드는 그 자체로 완결된 HTML 한 덩어리라 어디든 붙이면 그대로 재생되고, 한줄소스는 스크립트 태그 하나로 최신 상태를 항상 불러옵니다.
<script src="https://xmaker.kr/assets/js/xmaker-widget.js"
data-xmaker-project="프로젝트ID" async></script>붙여넣은 자리에 위젯이 열리고, 페이지를 열 때마다 최신 프로젝트 데이터를 불러옵니다.
이런 자리에 씁니다
기관 홈페이지부터 쇼핑몰 상세페이지, 유튜브 오프닝까지 — 실제로 많이 쓰이는 자리들입니다.
홈페이지 메인 슬라이더
기관·기업 첫 화면의 대형 배너. 공지가 바뀔 때마다 담당자가 직접 문구와 이미지를 교체합니다.
영상 오프닝 · 로고 인트로
유튜브 영상 앞머리와 발표 자료 표지에 쓰는 3~5초짜리 브랜드 로고 모션.
상세페이지 · SNS 광고
1:1, 4:5, 9:16 비율로 뽑아 인스타그램 피드와 릴스, 상품 상세페이지에 그대로 얹습니다.
구독료 없이, 한 번만
매달 빠져나가는 구독료가 부담스러워 도구를 못 쓰는 일이 없도록 1회 결제 모델을 택했습니다.
댓글 0