애니메이션

소개
  • 애니메이션 저작도구는 HTML5 기반의 웹 애니메이션을 구현하는 저작도구로서, 간단한 로딩 화면과 인트로 화면 등을 제작할 수 있는 콘텐츠 저작 서비스와 다양한 크기의 배너 광고를 제작할 수 있는 광고 저작 서비스를 제공합니다. 애니메이션 저작도구의 결과물은 웹 브라우저 기반으로 작동하므로 개발자는 모바일 환경 및 PC 환경에서 일관된 애니메이션을 표현할 수 있습니다. 또한 개발자는 저작 도구에서 제공하는 다양한 템플릿과 사용자 지정 템플릿 사용을 통해 개발 생산성을 높일 수 있으며, 높은 퀄리티의 애니메이션을 손쉽게 제작할 수 있습니다.

※ 애니메이션 저작 도구는 서비스 이용하기를 신청한 사용자에게만 제공됩니다.

애니메이션 저작도구 도식화 애니메이션 저작도구 도식화
  1. ① 개발자는 저작할 애니메이션의 기획 및 저작에 사용할 리소스를 준비합니다.
  2. ② 개발자는 SMAC에 Login 후, 애니메이션 저작 도구에 접속하여 애니메이션 저작을 시작합니다.
  3. ③ 사용되는 이미지 리소스를 라이브러리에 등록한 후, 기획 시나리오에 맞게 애니메이션을 저작 합니다.
  4. ④ 저작 과정 중 미리 보기를 통해 저작된 애니메이션을 확인합니다.
  5. ⑤ 저작 작업이 끝나면 애니메이션을 퍼블리싱하여, zip 파일 형태의 압축 결과물을 다운로드합니다.
  6. ⑥ 다운로드된 결과물을 웹 브라우저에서 테스트 후, 개발자의 목적에 맞게 모바일 및 PC 환경에 적용하도록 합니다.

애니메이션 저작도구

콘텐츠 저작도구와 광고 저작도구 모두 별도의 다운로드와 설치 과정 없이 SMAC 웹 상에서 온라인 방식으로 서비스 됩니다. 또한 각각의 저작도구에 사용된 리소스들도 모두 앱 빌리지 서버상에 저장이 되어 서비스 되므로, 시간과 장소에 구애 없이 편리하게 사용이 가능합니다.

상세기능

1. 콘텐츠 저작 도구

콘텐츠 저작도구는 별도 개발자 없이 Drag&Drop의 WYSISWYG 방식을 통해 인터랙션 구현이 가능합니다.또한 사용법이 간편하여, 프로그래머가 아닌 디자이너나 기획자도 손쉽게 다채로운 애니메이션 콘텐츠를 제작할 수 있습니다.

2. 광고 저작 도구

애니메이션 저작도구의 광고 저작 도구는 배너 광고에 특화된 서비스를 제공합니다. IBA 규격에 따른 다양한 사이즈의 템플릿을 제공 하며, 몇 번의 클릭만으로 손쉽게 화려한 배너 광고를 제작할 수 있습니다.

3. 애니메이션 저작 도구 이용자 가이드 다운로드

SMAC상에서 어떤 방식으로 서비스 되는지에 대한 자세한 사항은 애니메이션 저작도구 이용자 가이드 문서를 다운로드 하여 확인하시기 바랍니다.

4 콘텐츠 저작도구와 광고 저작도구 사용법

2가지 유형별 콘텐츠 저작 도구와 광고 저작 도구의 사용법은 다음의 동영상을 통해 확인하실 수 있습니다.

관련 예제 앱

이미지 또는 앱 제목을 클릭 하시면 해당 예제를 바로 다운로드 받으실 수 있습니다.

Air Balloon
Air Balloon

동화형태로 구성된 열기구의 이동을 담은 애니메이션 저작 도구의 활용 예제 입니다. 콘텐츠 저작도구의 레이어를 통한 원근감 표현 및 광고 저작 도구를 활용한 배너 제작의 예를 감상할 수 있습니다. 산출물은 html, css, js 및 리소스가 포함 된 zip 파일로 생성되며, html5 기반 브라우저를 통해 결과화면을 확인 할 수 있습니다. 별도의 뷰어가 필요 없기 때문에 html5 기반의 브라우저가 있는 환경이면 어디서든 결과물을 확인 할 수 있습니다.

콘텐츠 저작도구 이동 광고 저작도구 이동

콘텐츠 저작도구

닫기

광고 저작도구

닫기
맨 위로 가기