이 문서를 통해 Animate CC에서의 OAM 제작에 대해 알아보십시오.

이제 HTML5 Canvas, ActionScript 또는 WebGL로 된 Animate 컨텐츠를 OAM(.oam) 애니메이션 위젯 파일에 내보낼 수 있습니다. Animate에서 생성된 OAM 파일을 Dreamweaver, Muse, InDesign 등의 다른 애플리케이션에서 사용할 수 있습니다.

OAM 포맷으로 Animate 컨텐츠 내보내기 및 제작

  1. [파일] > [제작 설정] > [OAM 패키지]를 선택합니다. [OAM 패키지] 확인란을 선택합니다.

  2. [출력 파일] 필드에서 패키지 위치를 찾고 패키지 이름을 입력합니다.

  3. [포스터 이미지] 섹션 내에서 다음 옵션 중 하나를 선택합니다.

    • 현재 프레임의 컨텐츠에서 생성하려면 현재 프레임에서 생성(PNG)을 선택합니다. 투명 PNG를 포스터 이미지(Poster Image)로 선택하려면 투명(Transparent)을 선택합니다.
    • 외부 PNG 파일을 포스터 이미지(Poster Image)로 지정하려면 이 파일 사용(Use this file)을 선택합니다.
    OAM 제작 설정

캔버스 문서 유형에 대해 투명 배경의 OAM 만들기

  1. 내보낼 캔버스 문서를 엽니다.

  2. [속성] 패널에서 [스테이지 색상]을 선택하고 알파 백분율(Alpha percentage)을 0으로 설정합니다.

  3. [제작 설정]의 옵션을 사용하여 OAM으로 제작합니다. 

    캔버스 투명도

캔버스 문서 유형에 대해 대응적인 OAM 만들기

  1. 파일 > 제작 설정을 선택합니다.

  2. [기본] 탭에서 [응답하도록 설정] 확인란을 선택합니다. 그러면 애니메이션이 너비, 높이 또는 둘 다에 맞춰 조정되고 제작되는 출력의 크기가 다양한 폼 팩터에 따라 조정됩니다. 그 결과, 대응적이며 더 선명하고 생생한 HiDPI 호환 출력을 얻게 됩니다.

    대응적인 크기 조절

  3. [제작 설정]의 옵션을 사용하여 OAM으로 제작합니다. 

다른 Adobe 애플리케이션(Muse)에서 OAM을 사용하는 예제

  1. Adobe Muse를 시작하고 편집할 사이트를 엽니다.

  2. [플랜 보기]에서 애니메이션을 추가할 페이지의 이름을 두 번 클릭합니다.

  3. [파일] > [배치] 를 선택한 후 사이트 폴더로 이동하여 OAM 파일을 선택합니다.

  4. 페이지를 한 번 클릭하여 애니메이션을 배치합니다.

  5. [선택] 툴을 사용하여 페이지에서 원하는 위치에 애니메이션을 배치합니다. Muse에서는 애니메이션 배경이 불투명하게 나타나지만, 페이지를 미리 보거나 제작하면 배경이 투명하게 됩니다.

  6. [파일] > [브라우저에서 페이지 미리 보기]를 선택하여 애니메이션이 예상한 대로 표시되는지 확인합니다. 변경하고자 하는 내용이 있으면 Muse로 돌아가서 페이지 요소를 재배치합니다. [에셋] 패널에서 보면 .OAM 파일이 에셋으로 나열되는 것을 확인할 수 있습니다. 

  7. [제어판]에서 [링크 게시]를 클릭합니다. 원하는 옵션을 선택하고 [확인]을 클릭하여 사이트 업데이트를 게시합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책