이 문서를 통해 Animate CC의 다양한 제작 설정에 대해 알아보십시오.

HTML5 Canvas 문서의 제작 설정 지정

HTML5 Canvas 문서용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

SVG 파일의 제작 설정 지정

SVG 파일 내보내기용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

WebGL 문서의 제작 설정 지정

WebGL 문서용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

Android의 AIR 응용 프로그램에 대한 제작 설정 지정

iOS용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

iOS의 AIR 응용 프로그램에 대한 제작 설정 지정

iOS용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

데스크톱의 AIR 응용 프로그램에 대한 제작 설정 지정

iOS용 제작 설정에 대한 자세한 내용은 이 문서를 참조하십시오.

레이어를 SWF 아카이브로 제작

이전에는 애니메이션 작업자가 애니메이션을 만들 때 레이어마다 SWF 파일을 수동으로 만들고 편집한 후 After Effects로 가져와야 했습니다. 이번 릴리스부터는 서로 다른 레이어를 독립적인 SWF로 패키징하고 Adobe After Effects에 가져오는 .SWF 아카이브라는 새로운 제작 포맷이 Animate에 도입되었습니다.

  1. [ActionScript 문서] > [파일] > [제작 설정] > [기타 포맷] > [SWF 아카이브]를 선택합니다.

    Publish SWF archive

  2. [출력 이름] 필드에서 로컬로 저장한 SWF 아카이브 파일을 찾아 선택합니다. 아카이브 파일이 zip 파일과 함께 생성됩니다. 여기에는 모든 레이어로 구성된 SWF 파일이 단일 zip 파일에 통합되어 있습니다. 압축된 파일의 명명 규칙은 4자리 숫자 접두사에 이어 밑줄과 레이어 이름이 차례로 오는 것입니다.

Animate(.swf) 파일에 대한 제작 설정 지정

참고:

CS5.5만 해당 - 속성 관리자에서 플레이어 버전 및 ActionScript 버전에 대한 제작 설정을 지정할 수도 있습니다. 속성 관리자에서 문서 속성을 표시하려면 모든 항목의 선택을 취소하십시오.

  1. [파일] > [제작 설정]을 선택하고 [플레이어] 팝업 메뉴에서 플레이어 버전을 선택합니다. 제작된 SWF 파일을 Flash Player 10 이전 버전에서 사용하려는 경우 일부 기능을 사용할 수 없습니다. Flash Player 버전 감지 기능을 지정하려면 왼쪽 열에서 [HTML 래퍼] 범주를 클릭하고 [Flash 버전 감지]를 선택한 다음 감지할 Flash Player 버전을 입력합니다.

    참고: Flash Pro CS5.5에서 Flash Player 10.2 설정은 SWF 형식의 버전 11을 사용하여 SWF 파일을 만듭니다. Flash Player 10 및 10.1 설정은 이 형식의 버전 10을 사용하여 SWF 파일을 만듭니다.

  2. [스크립트] 팝업 메뉴에서 ActionScript® 버전을 선택합니다. 클래스를 만든 상태에서 ActionScript 2.0 또는 3.0을 선택할 경우 클래스 파일의 상대 클래스 경로를 [환경 설정]에 설정된 기본 디렉토리 경로와 다르게 설정하려면 [ActionScript 설정] 버튼을 클릭합니다.

    참고: Animate CC에서는 ActionScript 3.0만 지원됩니다.

  3. 비트맵 압축을 제어하려면 왼쪽 열에서 [Animate] 범주를 클릭하고 [JPEG 품질] 값을 조정합니다. 이미지 품질이 낮으면 파일 크기가 작아지고 이미지 품질이 높으면 파일 크기가 커집니다. 다양한 설정을 시도해서 크기와 품질 간의 관계를 가장 잘 보완해 줄 수 있는 설정을 알아봅니다. 100은 최상의 품질과 최소의 압축을 제공합니다.

    압축률이 높은 JPEG 이미지를 부드럽게 보이게 하려면 [JPEG 디블로킹 활성화]를 선택합니다. 이 옵션을 선택하면 이미지의 일반적인 8x8 픽셀 블로킹 모양과 같이 JPEG 압축으로 인해 생성되는 일반적인 인위적 결점이 줄어듭니다. 일부 JPEG 이미지의 경우 이 옵션 선택 시 세부 묘사가 약간 손실될 수 있습니다.

  4. SWF 파일의 모든 스트리밍 사운드 또는 이벤트 사운드에 대해 샘플 빈도와 압축을 설정하려면 [오디오 스트림] 또는 [오디오 이벤트] 옆에 있는 값을 클릭하고 필요에 따라 옵션을 선택합니다.

    참고:

    스트리밍 사운드는 처음 몇 개의 프레임에 대한 데이터가 충분히 다운로드되면 재생됩니다. 이 사운드는 타임라인에 동기화되어 있습니다. 이벤트 사운드는 완전히 다운로드되어야 재생되며, 명확하게 중지시키지 않으면 계속 재생됩니다.

  5. 속성 관리자의 [사운드] 섹션에 지정된 개별 사운드의 설정을 무시하려면 [사운드 설정 무시]를 선택합니다. 재생 성능이 낮은 소형 SWF 파일을 만들려면 이 옵션을 선택합니다.

    참고:

    [사운드 설정 무시] 옵션의 선택을 취소하면 Animate에서는 가져온 비디오의 사운드를 포함하여 문서에 있는 모든 스트리밍 사운드를 검색하여 최고의 개별 설정으로 모든 스트림 사운드를 제작합니다. 이 경우 스트림 사운드 하나 이상의 내보내기가 높게 설정된 경우 파일 크기가 커질 수 있습니다.

  6. 모바일 장치에 적합한 사운드를 내보내려면 원본 라이브러리 사운드 대신 [장치 사운드 내보내기]를 선택합니다. [확인]을 클릭합니다.
  7. 고급 설정을 지정하려면 다음 옵션 중 하나를 선택합니다.

    동영상 압축

    (기본값) SWF 파일을 압축하여 파일 크기 및 다운로드 시간을 줄입니다.

    두 가지 압축 모드를 사용할 수 있습니다.

    • 디플레이트 - Flash Player 6.x 이상과 호환되는 가장 오래된 압축 모드입니다.
    • LZMA - 이 모드는 디플레이트보다 최대 40% 더 효율적이며 Flash Player 11.x 이상 또는 AIR 3.x 이상과 호환됩니다. LZMA 압축은 다수의 ActionScript 또는 벡터 그래픽을 포함하고 있는 FLA 파일에 가장 효과적입니다. [제작 설정]에서 SWC를 선택한 경우에는 디플레이트 압축만 사용할 수 있습니다.

    숨겨진 레이어 포함

    (기본값) Animate 문서의 모든 숨겨진 레이어를 내보냅니다. [숨겨진 레이어 내보내기]를 선택 취소하면 숨겨진 것으로 표시된 모든 레이어(동영상 클립 내에 중첩된 레이어 포함)는 결과 SWF에서 내보내지 않습니다. 이렇게 하면 레이어를 볼 수 없게 만들어 다른 버전의 Animate 문서를 쉽게 테스트할 수 있습니다.

    XMP 메타데이터 포함

    (기본값) [파일 정보] 대화 상자에 입력된 모든 메타데이터를 내보냅니다. [XMP 메타데이터 수정] 버튼을 클릭하여 대화 상자를 엽니다. [파일] > [파일 정보]를 선택하여 [파일 정보] 대화 상자를 열 수도 있습니다. Adobe® Bridge에서 SWF 파일을 선택하면 메타데이터가 표시됩니다.

    크기 보고서 생성

    최종 Animate 내용의 데이터 양을 파일별로 나열하는 보고서를 생성합니다.

    trace 문 생략

    Animate에서 현재 SWF파일에 있는 ActionScript trace 문을 무시하도록 합니다. 이 옵션을 선택하면 [출력] 패널에 trace 문의 정보가 표시되지 않습니다. 

    디버깅 허용

    디버거를 활성화하여 Animate SWF 파일의 원격 디버깅을 허용합니다. SWF 파일에 암호 보호 기능을 사용할 수 있습니다.

    가져오기 방지

    다른 사용자가 SWF 파일을 가져와서 FLA 문서로 다시 변환하지 못하도록 합니다. Animate SWF 파일에 암호 보호 기능을 사용할 수 있습니다.

  8. 단계 텍스트
  9. ActionScript 2.0을 사용하고 [디버깅 허용]이나 [가져오기 방지]를 선택한 경우 [암호] 텍스트 필드에 암호를 입력합니다. 암호를 추가할 경우 다른 사용자는 암호를 입력해야 SWF 파일을 디버깅하거나 가져올 수 있습니다. 암호를 제거하려면 [암호] 텍스트 필드의 내용을 지우고 다시 제작합니다. 

    참고: ActionScript 1.0 및 2.0은 Animate CC에서 지원되지 않습니다. 

  10. SWF 파일에서 스크립트를 실행할 수 있는 최대 시간을 설정하려면 [스크립트 시간 제한]에 값을 입력합니다. Flash Player는 이 제한을 초과하는 모든 스크립트의 실행을 취소합니다.
  11. 사용할 Animate 보안 모델을 [로컬 재생 보안] 팝업 메뉴에서 선택합니다. 제작된 SWF 파일에 로컬 보안 액세스 권한을 부여할 것인지 네트워크 보안 액세스 권한을 부여할 것인지 지정합니다.

    로컬 파일만 액세스

    이 옵션을 선택하면 제작된 SWF 파일이 네트워크가 아니라 로컬 시스템의 파일 및 리소스만 처리할 수 있습니다.

    네트워크만 액세스

    이 옵션을 선택하면 제작된 SWF 파일이 로컬 시스템이 아니라 네트워크의 파일 및 리소스만 처리할 수 있습니다.

  12. SWF 파일에 하드웨어 가속이 사용되도록 하려면 [하드웨어 가속] 메뉴에서 다음 옵션 중 하나를 선택합니다.

    1단계 – 직접

    직접 모드는 브라우저 대신 Flash Player가 직접 화면에 그리도록 허용하여 재생 성능을 향상시킵니다.

    2단계 – GPU

    GPU 모드에서는 Flash Player가 그래픽 카드의 사용 가능한 컴퓨터 성능을 활용하여 비디오를 재생하고 그래픽 레이어를 합성합니다. 이로 인해 사용자의 그래픽 하드웨어에 따라 또 다른 수준의 성능상 이점을 얻을 수 있습니다. 사용자에게 고사양 그래픽 카드가 있을 것이라고 예상되면 이 옵션을 사용합니다.

    재생 시스템의 하드웨어가 가속 사용에 충분하지 않을 경우 Flash Player는 자동으로 일반 드로잉 모드로 되돌립니다. 여러 SWF 파일을 포함하는 웹 페이지에서 최상의 성능을 얻으려면 하나의 SWF 파일에 대해서만 하드웨어 가속을 사용하십시오. [동영상 테스트] 모드에서는 하드웨어 가속이 사용되지 않습니다.

    SWF 파일을 제작할 때 SWF 파일을 포함하는 HTML 파일에는 wmode HTML 매개 변수가 포함됩니다. 1단계 또는 2단계 하드웨어 가속을 선택하면 wmode HTML 매개 변수가 각각 “direct” 또는 “gpu”로 설정됩니다. 하드웨어 가속을 설정하면 [제작 설정] 대화 상자의 [HTML] 탭에서 선택했을 수 있는 [윈도우 모드] 설정이 무시됩니다. 이 설정은 HTML 파일의 wmode 매개 변수에도 저장되기 때문입니다.

SWC 파일 및 프로젝터에 대한 제작 설정 지정

SWC 파일은 구성 요소를 배포하는 데 사용됩니다. SWC 파일에는 컴파일된 클립, 구성 요소의 ActionScript 클래스 파일, 구성 요소에 대해 설명하는 다른 파일이 포함되어 있습니다.

프로젝터는 제작된 SWF 및 Flash Player를 둘 다 포함하는 Animate 파일입니다. 프로젝터는 웹 브라우저, Flash Player 플러그인 또는 Adobe AIR 없이도 일반 응용 프로그램처럼 재생될 수 있습니다.

  • SWC 파일을 제작하려면 [제작 설정] 대화 상자의 왼쪽 열에서 [SWC]를 선택하고 [제작]을 클릭합니다.

  • Windows 프로젝터를 제작하려면 왼쪽 열에서 [Win 프로젝터]를 선택하고 [제작]을 클릭합니다.

  • Macintosh 프로젝터를 제작하려면 왼쪽 열에서 [Mac 프로젝터]를 선택하고 [제작]을 클릭합니다.

SWC 파일 또는 프로젝터를 원본 FLA 파일과 다른 파일 이름으로 저장하려면 [출력 파일]의 이름을 입력합니다.

HTML 래퍼 파일에 대한 제작 설정 지정

웹 브라우저에서 Animate 내용을 재생하려면 SWF 파일을 활성화하고 브라우저 설정을 지정하는 HTML 문서가 필요합니다. [제작] 명령은 HTML 템플릿 문서에 있는 매개 변수를 사용하여 이 문서를 자동으로 생성합니다.

템플릿 문서는 적절한 템플릿 변수를 포함하는 텍스트 파일(일반 HTML 파일 포함)이거나, ColdFusion® 또는 ASP(Active Server Pages)와 같은 특수 인터프리터에 대한 코드를 포함하는 파일이거나, Animate에 포함된 템플릿입니다.

Animate의 HTML 매개 변수를 수동으로 입력하거나 내장 템플릿을 사용자 정의하려면 HTML 편집기를 사용합니다.

HTML 매개 변수는 내용이 윈도우에 표시되는 위치, 배경색, SWF 파일 크기 등을 결정하며 objectembed 태그의 특성을 설정합니다. [제작 설정] 대화 상자의 [HTML] 패널에서 이러한 설정 및 다른 설정들을 변경합니다. 이 설정을 변경하면 사용자가 SWF 파일에서 설정한 옵션이 무시됩니다.

설정 지정

  1. [파일] > [제작 설정]을 선택하고 대화 상자의 왼쪽 열에서 [HTML 래퍼] 범주를 클릭합니다.
  2. 문서의 이름과 일치하는 기본 파일 이름을 사용하거나 .html 확장명을 포함한 고유 이름을 입력합니다.
  3. 설치된 템플릿 중에서 사용할 템플릿을 선택하려면 [템플릿] 팝업 메뉴에서 하나를 선택합니다. 선택한 템플릿에 대한 설명을 표시하려면 [정보]를 클릭합니다. 기본 선택 항목은 [Animate 전용] 템플릿입니다.

  4. [이미지 맵] 이외의 HTML 템플릿을 선택하고 Flash Player 버전을 4 이상으로 설정한 경우에는 [Animate 버전 감지]를 선택합니다. 자세한 내용은 Flash Player 감지를 위한 제작 설정 지정을 참조하십시오.

    참고:

    Animate 버전 감지를 사용하면 사용자의 시스템에 있는 Flash Player 버전을 확인하도록 문서가 구성되며 사용자의 시스템에 대상 Flash Player가 없는 경우 대체 HTML 페이지를 표시할 수 있습니다. 대체 HTML 페이지에는 최신 버전의 Flash Player를 다운로드할 수 있는 링크가 포함되어 있습니다.

  5. [크기] 옵션을 선택하여 HTML objectembed 태그의 widthheight 특성 값을 설정합니다.

    동영상에 맞춤

    (기본값) SWF 파일의 크기를 사용합니다.

    픽셀

    지정한 폭 및 높이를 사용합니다. 폭 및 높이에 대한 픽셀 수를 입력합니다.

    퍼센트

    브라우저 윈도우에서 SWF 파일이 지정된 비율만큼을 차지합니다. 사용할 폭 및 높이에 대한 백분율을 입력합니다.

  6. SWF 파일의 재생과 기능을 제어하려면 [재생] 옵션을 선택합니다.

    시작 시 정지

    사용자가 버튼을 클릭하거나 바로 가기 메뉴에서 [재생]을 선택할 때까지 SWF 파일을 일시 정지시킵니다. (기본값) 이 옵션은 선택되어 있지 않으므로 내용은 로드되는 즉시 재생됩니다. PLAY 매개 변수는 true로 설정됩니다.

    루프

    마지막 프레임에 도달하면 내용을 다시 반복합니다. 이 옵션을 선택 취소하면 마지막 프레임에 도달한 내용이 중지됩니다. (기본값) LOOP 매개 변수가 설정되어 있습니다.

    메뉴 표시

    사용자가 SWF 파일을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)하면 바로 가기 메뉴를 표시합니다. 바로 가기 메뉴에 Animate 정보만 표시하려면 이 옵션을 선택 취소합니다. 이 옵션은 기본적으로 선택되어 있으며 MENU 매개 변수는 true로 설정됩니다.

    장치 글꼴

    (Windows만 해당) 사용자의 시스템에 설치되지 않은 글꼴을 앤티앨리어싱된(가장자리가 다듬어진) 시스템 글꼴로 대체합니다. 장치 글꼴을 사용하면 크기가 작은 글꼴 유형을 쉽게 알아볼 수 있게 되며 SWF 파일의 크기를 줄일 수 있습니다. 이 옵션은 장치 글꼴로 표시되도록 설정된 정적 텍스트(SWF 파일을 제작할 때 만들었으며 내용이 표시될 때 변경되지 않는 텍스트)가 포함된 SWF 파일에만 적용됩니다.

  7. 처리 시간과 모양 사이의 상관 관계를 결정하려면 다음 목록에 설명된 대로 [품질] 옵션을 선택합니다. 이 옵션은 objectembed 태그의 QUALITY 매개 변수 값을 설정합니다.

    낮음

    모양보다 재생 속도에 중점을 두어 앤티앨리어싱을 사용하지 않습니다.

    자동 낮춤

    속도를 우선적으로 강조하지만 가능한 경우 모양도 향상시킵니다. 이 경우에는 앤티앨리어싱이 해제된 상태로 재생이 시작됩니다. Flash Player가 프로세서에서 앤티앨리어싱을 처리할 수 있음을 감지하면 앤티앨리어싱이 자동으로 설정됩니다.

    자동 높임

    처음에는 재생 속도와 모양을 똑같이 강조하지만 필요한 경우에는 모양보다 재생 속도를 우선적으로 고려합니다. 이 경우에는 앤티앨리어싱이 설정된 상태로 재생이 시작됩니다. 실제 프레임 속도가 지정된 프레임 속도 아래로 떨어지면 앤티앨리어싱이 해제되어 재생 속도가 향상됩니다. [보기] > [앤티앨리어싱] 설정을 에뮬레이션하려면 이 설정을 사용합니다.

    중간

    앤티앨리어싱을 일부 적용하지만 비트맵을 다듬지는 않습니다. [중간]의 품질은 [낮음] 설정보다는 좋지만 [높음] 설정보다는 나쁩니다.

    높음

    (기본값) 재생 속도보다 모양에 중점을 두어 항상 앤티앨리어싱을 사용합니다. SWF 파일에 애니메이션이 포함되어 있지 않으면 비트맵이 다듬어지지만 애니메이션이 포함되어 있으면 비트맵이 다듬어지지 않습니다.

    최적

    최상의 품질로 표시하고 재생 속도는 고려하지 않습니다. 모든 출력이 앤티앨리어싱되며 비트맵은 항상 다듬어집니다.

  8. [윈도우 모드] 옵션을 선택합니다. 이 옵션은 objectembed 태그의 HTML wmode 특성을 제어합니다. [윈도우 모드]는 다음과 같이 내용 경계 상자 또는 HTML 페이지의 내용이 있는 가상 윈도우의 관계를 수정합니다.

    윈도우

    (기본값) objectembed 태그에 윈도우 관련 특성을 포함하지 않습니다. 내용의 배경은 불투명하며 HTML 배경색을 사용합니다. HTML 코드는 Animate 내용의 위나 아래를 렌더링할 수 없습니다.

    불투명 윈도우 없음

    Animate 내용의 배경을 불투명하게 설정하여 내용 밑에 있는 모든 항목을 보이지 않게 합니다. 내용의 위에 HTML 내용을 표시할 수 있습니다.

    투명 윈도우 없음

    Animate 내용의 배경을 투명하게 설정하여 HTML 내용이 Flash 내용의 위나 아래에 표시될 수 있게 합니다.

    [제작 설정] 대화 상자의 [Animate] 탭에서 [하드웨어 가속]을 설정하면 선택한 [윈도우 모드]가 무시되고 기본적으로 [윈도우]로 설정됩니다.

    윈도우 모드를 설정하는 데모를 보려면 투명한 배경으로 Flash 동영상을 만드는 방법 제목의 기술 문서를 참조하십시오.

    참고:

    일부 경우, HTML 이미지도 복잡하면 [투명 윈도우 없음] 모드의 렌더링이 복잡해져 애니메이션 속도가 느려질 수 있습니다.

    Direct

    가능한 한 GPU를 사용하는 Stage3D 렌더링 방법을 사용합니다. [직접] 모드를 사용할 때는 HTML 페이지에서 SWF 파일 위에 SWF가 아닌 다른 그래픽을 겹칠 수 없습니다.

    Stage3D를 지원하지 않는 프로세서 목록은 http://kb2.adobe.com/kr/cps/921/cpsid_92103.html을 참조하십시오.

  9. 지정되지 않은 대체 이미지를 참조하는 코드가 템플릿에 포함된 경우처럼 태그 설정이 충돌하는 경우 오류 메시지를 표시하려면 [경고 메시지 표시]를 선택합니다.
  10. 문서의 원래 폭 및 높이를 변경한 경우 지정된 경계 내에 내용을 배치하려면 [크기 조절] 옵션을 선택합니다. [크기 조절] 옵션은 HTML objectembed 태그의 SCALE 매개 변수를 설정합니다.

    기본값(모두 표시)

    SWF 파일의 원래 종횡비를 유지하면서 전체 문서를 지정된 영역에 왜곡 없이 표시합니다. 응용 프로그램의 두 면에 테두리가 표시될 수 있습니다.

    테두리 없음

    왜곡 없이 지정된 영역에 맞도록 문서의 크기를 조절하며 SWF 파일의 원래 종횡비를 유지합니다. 필요한 경우 SWF 파일을 자릅니다.

    정확히 맞춤

    원래의 종횡비를 유지하지 않으면서 지정된 영역에 전체 문서를 표시하므로 왜곡될 수 있습니다.

    크기 조절 안 함

    Flash Player 윈도우의 크기가 조절되어도 문서의 크기를 조절하지 않습니다.

  11. SWF 파일 윈도우가 브라우저 윈도우 안에 들어가게 하려면 다음 [HTML 정렬] 옵션 중 하나를 선택합니다.

    기본값

    내용을 브라우저 윈도우 중앙에 배치하며 브라우저 윈도우가 응용 프로그램보다 작으면 가장자리를 자릅니다.

    왼쪽, 오른쪽 또는 위쪽

    브라우저 윈도우의 해당 가장자리를 따라 SWF 파일을 정렬하며 필요한 경우에는 나머지 세 면을 자릅니다.

  12. 응용 프로그램 윈도우 내에서 내용이 배치되는 방식과 잘리는 방식을 설정하려면 [Flash 가로 정렬] 및 [Flash 세로 정렬] 옵션을 선택합니다. 이들 옵션은 HTML objectembed 태그의 SALIGN 매개 변수를 설정합니다.

object 및 embed 태그에 대한 매개 변수 및 특성

다음 태그 특성 및 매개 변수는 [제작] 명령이 만드는 HTML 코드에 대해 설명합니다. Animate 내용을 보여 주는 사용자 정의 HTML을 작성할 때 이 목록을 참조하십시오. 별도로 지정하지 않는 한 모든 항목은 object 태그와 embed 태그 모두에 적용됩니다. 선택적 항목은 표시되어 있습니다. Internet Explorer는 object 태그와 함께 사용된 매개 변수를 인식하고, Netscape는 embed 태그를 인식합니다. 특성은 object 태그와 embed 태그에서 모두 사용됩니다. 템플릿을 사용자 정의하는 경우 값 대신 템플릿 변수(다음 목록의 각 매개 변수에 대한 값 섹션에 나옴)를 사용할 수 있습니다.

참고:

이 단원에 나열된 특성 및 매개 변수는 XHTML 표준을 준수하기 위해 소문자로 표시되어 있습니다.

devicefont 특성/매개 변수

(선택 사항) [장치 글꼴] 옵션이 선택되지 않은 경우에도 정적 텍스트 객체가 장치 글꼴에 렌더링되는지를 지정합니다. 이 특성은 필요한 글꼴을 운영 체제에서 사용할 수 있을 때 적용됩니다.

값: true | false

템플릿 변수: $DE

src 특성

로드되는 SWF 파일의 이름을 지정합니다. embed 태그에만 적용됩니다.

값: movieName.swf

템플릿 변수: $MO

movie 매개 변수

로드되는 SWF 파일의 이름을 지정합니다. object 태그에만 적용됩니다.

값: movieName.swf

템플릿 변수: $MO

classid 특성

브라우저에 대한 ActiveX 컨트롤을 확인합니다. 이 값은 표시된 대로 정확하게 입력해야 합니다. object 태그에만 적용됩니다.

값: clsid:d27cdb6e-ae6d-11cf-96b8-444553540000

width 특성

브라우저 윈도우에 대한 퍼센트 또는 픽셀 단위로 응용 프로그램의 폭을 지정합니다.

값: n 또는 n%

템플릿 변수: $WI

height 특성

브라우저 윈도우에 대한 퍼센트 또는 픽셀 단위로 응용 프로그램의 높이를 지정합니다.

참고:

Animate 응용 프로그램의 크기는 조절할 수 있으므로 종횡비가 유지되는 경우에는 응용 프로그램의 크기가 변해도 품질이 낮아지지 않습니다. 예를 들어, 640 x 480 픽셀, 320 x 240 픽셀, 240 x 180 픽셀은 모두 4:3 종횡비를 사용합니다.

값: n 또는 n%

템플릿 변수: $HE


codebase 특성

Flash Player ActiveX 컨트롤이 아직 설치되지 않은 경우에 브라우저가 이 컨트롤을 자동으로 다운로드할 수 있도록 컨트롤의 위치를 확인합니다. 이 값은 표시된 대로 정확하게 입력해야 합니다. object 태그에만 적용됩니다.

값: http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0

pluginspage 특성

Flash Player 플러그 인이 아직 설치되지 않은 경우에 사용자가 이 플러그 인을 다운로드할 수 있도록 플러그 인의 위치를 확인합니다. 이 값은 표시된 대로 정확하게 입력해야 합니다. embed 태그에만 적용됩니다.

값: http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash

swliveconnect 특성

(선택 사항) Flash Player를 처음 로드할 때 브라우저에서 Java™를 시작할지 여부를 지정합니다. 이 특성이 생략된 경우 기본값은 false입니다. JavaScript와 Animate를 같은 페이지에서 사용하는 경우에는 Java를 실행하여 fscommand() 함수를 작동시켜야 합니다. 그러나 JavaScript를 브라우저 검색이나 fscommand() 액션과 관련되지 않은 다른 용도로만 사용하는 경우에는 SWLIVECONNECTfalse로 설정하여 Java가 시작되지 않도록 할 수 있습니다. JavaScript를 사용하지 않을 때 Java를 강제로 시작하려면 SWLIVECONNECT 특성을 명시적으로 true로 설정합니다. Java를 시작하면 대개 SWF 파일의 시작 시간이 길어지므로, 이 태그는 필요한 경우에만 true로 설정합니다. embed 태그에만 적용됩니다.

fscommand() 액션을 사용하여 독립 실행형 프로젝터 파일에서 Java를 시작합니다.

값: true | false

play 특성/매개 변수

(선택 사항) 응용 프로그램이 웹 브라우저에 로드되는 즉시 재생할지 여부를 지정합니다. Animate 응용 프로그램이 대화형인 경우 사용자는 버튼을 클릭하거나 다른 작업을 수행하여 재생을 시작할 수 있습니다. 이러한 경우에는 play 특성을 false로 설정하여 응용 프로그램이 자동으로 시작되지 않도록 합니다. 이 특성이 생략된 경우 기본값은 true입니다.

값: true | false

템플릿 변수: $PL

loop 특성/매개 변수

(선택 사항) 내용을 무한히 반복할 것인지 아니면 마지막 프레임에 도달하면 중지시킬 것인지를 지정합니다. 이 특성이 생략된 경우 기본값은 true입니다.

값: true | false

템플릿 변수: $LO

quality 특성/매개 변수

(선택 사항) 사용할 앤티앨리어싱 수준을 지정합니다. SWF 파일의 각 프레임을 뷰어 화면에 렌더링하기 전에 앤티앨리어싱을 적용하여 다듬으려면 좀더 빠른 프로세서가 필요하므로, 속도나 모양 중 어느 쪽에 우선 순위를 둘 것인지에 따라 다음 값 중 하나를 선택합니다.

낮음

모양보다 재생 속도에 중점을 두어 앤티앨리어싱을 사용하지 않습니다.

자동 낮춤

속도를 우선적으로 강조하지만 가능한 경우 모양도 향상시킵니다. 이 경우에는 앤티앨리어싱이 해제된 상태로 재생이 시작됩니다. Flash Player가 프로세서에서 앤티앨리어싱을 처리할 수 있음을 감지하면 앤티앨리어싱이 설정됩니다. 참고: ActionScript 3.0을 사용하여 제작한 SWF 파일은 autolow 값을 인식하지 않습니다.

Autohigh

처음에는 재생 속도와 모양을 똑같이 강조하지만 필요한 경우에는 모양보다 재생 속도를 우선적으로 고려합니다. 이 경우에는 앤티앨리어싱이 설정된 상태로 재생이 시작됩니다. 프레임 속도가 지정된 프레임 속도 아래로 떨어지면 앤티앨리어싱이 해제되어 재생 속도가 향상됩니다. 이 설정을 사용하여 앤티앨리어싱 명령([보기] > [미리 보기 모드] > [앤티앨리어싱])을 에뮬레이션합니다.

중간

앤티앨리어싱을 일부 적용하고 비트맵은 다듬지 않습니다. 이 옵션의 품질은 낮음 설정보다는 좋지만 높음 설정보다는 나쁩니다.

높음

재생 속도보다 모양에 중점을 두어 항상 앤티앨리어싱을 적용합니다. SWF 파일에 애니메이션이 포함되어 있지 않으면 비트맵이 다듬어지지만 애니메이션이 포함되어 있으면 비트맵이 다듬어지지 않습니다.

최적

최상의 품질로 표시하고 재생 속도는 고려하지 않습니다. 모든 출력이 앤티앨리어싱되며 모든 비트맵이 다듬어집니다.

이 특성이 생략된 경우 quality에 대한 기본값은 high입니다.

값: low | medium | high | autolow | autohigh | best

템플릿 변수: $QU


bgcolor 특성/매개 변수

(선택 사항) 응용 프로그램의 배경색을 지정합니다. 이 특성을 사용하여 SWF 파일이 지정하는 배경색 설정을 무시합니다. 이 특성은 HTML 페이지의 배경색에 영향을 주지 않습니다.

값: #RRGGBB (16진수 RGB 값)

템플릿 변수: $BG

scale 특성/매개 변수

(선택 사항) widthheight 값이 퍼센트 단위를 사용하는 경우에 브라우저 윈도우 내에서 응용 프로그램이 배치되는 방식을 정의합니다.

Showall(기본값)

응용 프로그램의 원래 종횡비를 유지하면서 전체 내용을 지정된 영역에 왜곡되지 않게 표시합니다. 응용 프로그램의 두 면에 테두리가 표시될 수 있습니다.

Noborder

응용 프로그램의 원래 종횡비를 유지하면서 왜곡 없이 지정된 영역에 맞도록 내용의 크기를 조절하지만 약간의 잘림이 발생할 수 있습니다.

Exactfit

원래의 종횡비를 유지하지 않으면서 지정된 영역에 전체 내용을 표시하므로 내용이 찌그러질 수 있습니다.

이 특성이 생략된 경우 기본값은 showall이며, widthheight 값은 퍼센트 단위를 사용합니다.

값: showall | noborder | exactfit

템플릿 변수: $SC


align 특성

object, embedimg 태그에 대한 align 값을 지정하며 브라우저 윈도우 내에 SWF 파일의 위치를 지정하는 방식을 결정합니다.

기본값

응용 프로그램을 브라우저 윈도우 중앙에 배치하며 브라우저 윈도우가 응용 프로그램보다 작으면 가장자리를 자릅니다.

L, R 및 T

각각 브라우저 윈도우의 왼쪽, 오른쪽 또는 위쪽 가장자리를 따라 응용 프로그램을 정렬하고 필요에 따라 나머지 세 면을 자릅니다.

salign 매개 변수

(선택 사항) widthheight 설정에 의해 정의된 영역 내에서 크기가 조절된 SWF 파일의 배치 위치를 지정합니다.

L, R 및 T

각각 브라우저 윈도우의 왼쪽, 오른쪽 또는 위쪽 가장자리를 따라 응용 프로그램을 정렬하고 필요에 따라 나머지 세 면을 자릅니다.

TL 및 TR

각각 브라우저 윈도우의 왼쪽 위 및 오른쪽 위 모서리에 맞추어 응용 프로그램을 정렬하며 필요한 경우에는 아래쪽 면과 남은 오른쪽/왼쪽 면을 자릅니다.

이 특성이 생략된 경우에는 내용이 브라우저 윈도우의 중앙에 배치됩니다.

값: L | R | T | B | TL | TR

템플릿 변수: $SA


base 특성

(선택 사항) Flash SWF 파일의 모든 상대 경로 문을 확인하는 데 사용되는 기본 디렉토리 또는 URL을 지정합니다. 이 특성은 SWF 파일이 그 밖의 파일과는 다른 폴더에 있는 경우에 유용합니다.

값: 기본 디렉토리 또는 URL

menu 특성/매개 변수

(선택 사항) 보는 사람이 브라우저에서 응용 프로그램 영역을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)할 때 나타날 메뉴의 유형을 지정합니다.

true

전체 메뉴가 나타나므로 재생 품질을 높이거나 재생을 제어하기 위한 몇몇 옵션을 사용할 수 있습니다.

false

Adobe Flash Player 6 옵션과 설정 옵션만 들어 있는 메뉴를 표시합니다.

이 특성이 생략된 경우 기본값은 true입니다.

값: true | false

템플릿 변수: $ME


wmode 특성/매개 변수

(선택 사항) Internet Explorer 4.0에서 사용 가능한 투명 Animate 컨텐츠, 절대 배치 및 계층화 기능을 사용할 수 있도록 합니다. wmode 매개 변수는 Flash Player 9 이상에서 하드웨어 가속화에도 사용됩니다.

이 특성이 생략된 경우 기본값은 Window입니다. object에만 적용됩니다.

윈도우

웹 페이지의 사각형 응용 프로그램 영역 윈도우에서 응용 프로그램을 재생합니다. 윈도우에 Animate 응용 프로그램이 HTML 레이어와 전혀 상호 작용하지 않으며 항상 최상위 항목임이 나타납니다.

불투명

페이지에 있는 모든 요소를 응용 프로그램 뒤로 숨깁니다.

투명

HTML 페이지의 배경이 응용 프로그램의 모든 투명 영역을 통과해 표시되도록 하지만 애니메이션 속도가 낮아질 수 있습니다.

Opaque windowless 및 Transparent windowless

둘 모두 HTML 레이어와 상호 작용하므로 SWF 파일 위의 레이어로 인해 응용 프로그램이 보이지 않게 됩니다. 투명은, SWF 파일 아래에 있는 HTML 레이어가 SWF 파일의 배경을 통해 보여질 수 있도록 투명도를 허용하는 것이고, 불투명은 허용하지 않는 것입니다.

Direct

1단계 - [Direct] 모드 하드웨어 가속이 설정됩니다. 하드웨어 가속이 해제된 경우에만 기타 윈도우 모드 설정이 적용됩니다.

GPU

2단계 - [GPU] 모드 하드웨어 가속이 설정됩니다. 하드웨어 가속이 해제된 경우에만 기타 윈도우 모드 설정이 적용됩니다.

값: Window | Opaque | Transparent | Direct | GPU

템플릿 변수: $WM


allowscriptaccess 특성/매개 변수

allowscriptaccess를 사용하면 Animate 응용 프로그램에서 이 응용 프로그램을 호스팅하는 HTML 페이지와 통신할 수 있습니다. fscommand()getURL() 작업을 수행하면 JavaScript에서 Animate 응용 프로그램의 권한과 다를 수 있는 HTML 페이지의 권한을 사용할 수도 있습니다. 이는 도메인간 보안에 중요한 영향을 미칩니다.

always

언제든지 스크립팅 작업을 수행할 수 있습니다.

never

모든 스크립팅 작업을 수행할 수 없습니다.

samedomain

Animate 응용 프로그램이 HTML 페이지와 동일한 도메인에 속한 경우에만 스크립팅 작업을 허용합니다.

모든 HTML 제작 템플릿에 사용되는 기본값은 samedomain입니다.

값: always | never | samedomain


SeamlessTabbing 매개 변수

(선택 사항) seamless tabbing을 수행하도록 ActiveX 컨트롤을 설정할 수 있습니다. 이렇게 하면 사용자가 Animate 응용 프로그램에서 탭 이동을 할 수 있습니다. 이 매개 변수는 Flash Player ActiveX 컨트롤 버전 7 이상을 내장한 Windows에서만 유효합니다.

true

(또는 생략) - seamless tabbing을 수행하도록 ActiveX 컨트롤을 설정합니다. 즉, 사용자가 Animate 응용 프로그램에서 탭을 모두 누른 후에 탭 키를 다시 누르면 Animate 응용 프로그램 범위를 넘어 주변의 HTML 내용으로 포커스가 이동합니다. Animate 응용 프로그램에 이어 HTML에 포커스를 줄 만한 것이 아무 것도 없으면 브라우저의 상태 표시줄로 포커스가 이동합니다.

false

ActiveX 컨트롤이 버전 6 및 그 이전에서처럼 작동하도록 설정합니다. 즉, 사용자가 Animate 응용 프로그램에서 탭을 모두 누른 후에 탭 키를 다시 누르면 Animate 응용 프로그램의 시작 부분으로 포커스가 이동합니다. 이 모드에서는 Tab 키를 사용하여 Animate 응용 프로그램 이외의 곳으로 포커스를 이동할 수 없습니다.

값: true | false


object 및 embed 태그 사용 예

다음 예와 같이 object의 네 가지 설정(height, width, classidcodebase)은 object 태그 내에 표시되는 특성이며, 다른 설정은 별도의 param 태그로 표시되는 매개 변수입니다.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" 
height="100" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"> 
<param name="movie" value="moviename.swf"> 
<param name="play" value="true"> 
<param name="loop" value="true"> 
<param name="quality" value="high"> 
</object>

다음 예와 같이 embed 태그의 모든 설정(height, width, qualityloop)은 여는 embed 태그의 각괄호 사이에 표시되는 특성입니다.

<embed src="moviename.swf" width="100" height="100" play="true" 
loop="true" quality="high" 
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 
</embed>

두 태그를 모두 사용하려면 다음 예와 같이 embed 태그를 닫는 object 태그 앞에 둡니다.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" 
height="100" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"> 
<param name="movie" value="moviename.swf"> 
<param name="play" value="true"> 
<param name="loop" value="true"> 
<param name="quality" value="high"> 
<embed src="moviename.swf" width="100" height="100" play="true” 
loop="true" quality="high" 
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 
</embed> 
</object>

참고:

objectembed 태그를 사용하는 경우에는 각 특성 또는 매개 변수에 동일한 값을 사용하여 다양한 브라우저에서 일관성 있게 재생되도록 합니다. swflash.cab#version=9,0,0,0 매개 변수는 옵션이므로 버전 번호를 확인하지 않을 경우에는 생략합니다.

윈도우 없음 모드를 지원하는 브라우저

WMODE 특성의 웹 브라우저 지원에 대한 자세한 내용은 기술 문서 12701의 표: Flash OBJECT 태그 특성을 참조하십시오.

Flash Player 감지를 위한 제작 설정 지정

[Flash 버전 감지]를 사용하면 사용자의 시스템에 있는 Flash Player 버전을 확인하도록 문서가 구성되며 사용자의 시스템에 대상 Flash Player가 없는 경우 대체 HTML 페이지를 표시할 수 있습니다. 대체 HTML 페이지에는 최신 버전의 Flash Player를 다운로드할 수 있는 링크가 포함되어 있습니다.

Flash Player 버전 감지 기능은 Flash Player 4 이상으로 설정된 제작 설정 및 Animate 전용 또는 Animate HTTPS 템플릿에 포함된 SWF 파일에만 사용할 수 있습니다.

참고:

인터넷에 연결된 컴퓨터의 98%에는 Flash Player 5 이상이 설치되어 있습니다. Flash Player 5 이상에서는 Flash Player 버전 감지 기능을 사용하여 최종 사용자의 컴퓨터에 내용을 보는 데 필요한 올바른 버전의 Animate가 설치되어 있는지 확인할 수 있습니다.

다음 HTML 템플릿의 JavaScript가 Flash Player를 감지하는 데 사용되는 JavaScript와 충돌하기 때문에 이러한 템플릿에서는 Flash Player 버전 감지 기능이 지원되지 않습니다.

  • Animate for PocketPC 2003

  • Animate with AICC Tracking

  • Animate with FSCommand

  • Animate with Named Anchors

  • Animate with SCORM Tracking

참고:

이미지 맵 HTML 템플릿은 Flash Player를 포함하지 않으므로 플레이어 버전 감지 기능을 지원하지 않습니다.

  1. [파일] > [제작 설정]을 선택하고 왼쪽 열에서 [HTML 래퍼] 범주를 클릭합니다.
  2. [템플릿] 팝업 메뉴에서 [Animate 전용] 또는 [Animate HTTPS] 템플릿을 선택합니다. 이러한 템플릿은 단일 페이지 HTML 검색 키트를 지원합니다. 두 템플릿 중 하나를 선택하면 [Animate 버전 감지] 체크 상자와 버전 번호 텍스트 필드가 활성화됩니다.

  3. [Animate 버전 감지] 체크 상자를 선택합니다. Flash Player 버전 감지 코드가 있는 웹 페이지에 SWF 파일이 포함됩니다. 감지 코드가 최종 사용자의 컴퓨터에서 사용 가능한 버전의 Flash Player를 찾으면 SWF 파일이 제대로 재생됩니다.

  4. (선택 사항) Flash Player의 정확한 개정 정보를 지정하려면 [주요 개정] 및 [보조 개정] 텍스트 필드를 사용합니다. 예를 들어 SWF 파일을 표시하는 데 고유한 기능을 제공하는 경우 Flash Player 버전 10.1.2를 지정합니다.

    SWF 파일을 제작하면 Animate에서는 해당 SWF 파일과 Flash Player 버전 감지 코드를 포함할 단일 HTML 페이지를 만듭니다. SWF 파일을 보는 데 사용되도록 지정한 Animate 버전이 최종 사용자의 컴퓨터에 없는 경우에는 Flash Player 최신 버전을 다운로드할 수 있는 링크가 포함된 HTML 페이지가 표시됩니다.

GIF 파일에 대한 제작 설정 지정

GIF 파일을 사용하여 웹 페이지에 사용할 간단한 애니메이션 및 드로잉을 Animate에서 내보냅니다. 표준 GIF 파일은 압축된 비트맵입니다.

GIF89a라고도 하는 애니메이션 GIF 파일은 짧은 애니메이션 시퀀스를 간단하게 내보냅니다. Animate에서는 애니메이션 GIF 파일을 최적화하며 프레임 간의 변경 사항만 저장합니다.

속성 관리자에서 프레임 레이블 #Static을 입력하여 내보낼 다른 키프레임을 표시하지 않으면 Animate에서는 SWF 파일의 첫 번째 프레임을 GIF 파일로 내보냅니다. 적절한 키프레임에 프레임 레이블 #First#Last를 입력하여 내보낼 프레임 범위를 지정하지 않으면 Animate에서는 현재 SWF 파일에 있는 모든 프레임을 애니메이션 GIF 파일로 내보냅니다.

Animate에서는 GIF 파일에 대한 이미지 맵을 생성하여 원래 문서에 있는 버튼에 대한 URL 링크를 유지할 수 있습니다. 속성 관리자를 사용하여 이미지 맵을 만들려는 키프레임에 프레임 레이블 #Map을 지정합니다. 프레임 레이블을 만들지 않으면 Animate에서는 SWF 파일의 마지막 프레임에 있는 버튼을 사용하여 이미지 맵을 만듭니다. 선택한 템플릿에 $IM 템플릿 변수가 있는 경우에만 이미지 맵을 만듭니다.

  1. [파일] > [제작 설정]을 선택하고 대화 상자의 왼쪽 열에서 [GIF 이미지]를 클릭합니다.
  2. GIF 파일 이름으로 기본 파일 이름을 사용하거나 확장명이 .gif인 새 파일 이름을 입력합니다.
  3. GIF 파일에 대한 옵션을 선택합니다.

    크기

    [동영상에 맞춤]을 선택하여 GIF를 SWF 파일과 동일한 크기로 만들고 원본 이미지의 종횡비를 유지하거나, 내보낸 비트맵 이미지에 대한 폭 및 높이 값을 픽셀 단위로 입력합니다.

    재생

    Animate에서 정지(정적) 이미지를 만들지 애니메이션 GIF(애니메이션)를 만들지를 결정합니다. [애니메이션]을 선택한 경우에는 [계속 루프]를 선택하거나 반복 횟수를 입력합니다.

  4. 내보낸 GIF 파일에 대한 추가 모양 설정을 지정하려면 [색상] 섹션을 확장하고 다음 옵션 중 하나를 선택합니다.

    (CS6 이하 버전만 해당) 색상 최적화

    사용되지 않는 색상을 GIF 파일의 색상표에서 제거합니다. 이 옵션은 이미지 품질에 영향을 주지 않으면서 파일 크기를 줄이지만 메모리 요구 사항은 조금 증가합니다. 이 옵션은 Adaptive 팔레트에는 적용되지 않습니다. Adaptive 팔레트는 이미지의 색상을 분석하여 선택된 GIF 파일에 대해 고유한 색상표를 만듭니다.

    (CS6 이하 버전만 해당) 인터레이스

    내보내는 GIF 파일이 다운로드될 때 브라우저에 점진적으로 표시됩니다. 해당 파일이 완전히 다운로드되기 전에 기본 그래픽 내용을 볼 수 있으며 네트워크 연결이 느린 경우에도 파일을 보다 빨리 다운로드할 수 있습니다. 애니메이션 GIF 이미지는 인터레이싱하지 마십시오.

    매끄럽게

    내보내는 비트맵에 앤티앨리어싱을 적용하여 고품질의 비트맵 이미지를 생성하고 텍스트 표시 품질을 향상시킵니다. 하지만 이 옵션을 선택하면 컬러 배경에 놓인 앤티앨리어싱된 이미지 주위에 밝은 회색이 표시될 수 있으며 GIF 파일 크기가 커집니다. 이렇게 밝은 회색이 표시되거나 여러 색상으로 색칠된 배경에 GIF 투명도가 배치된 경우에는 이미지를 다듬지 않고 내보냅니다.

    (CS6 이하 버전만 해당) 단색 디더링

    단색뿐 아니라 그래디언트에도 디더링을 적용합니다.

    (CS6 이하 버전만 해당) 그래디언트 제거

    (기본적으로 해제되어 있음) SWF 파일에 있는 모든 그래디언트 채우기를 단색(그래디언트의 첫 번째 색상)으로 변환합니다. 그래디언트를 사용하면 GIF 파일 크기가 커지며 대개 품질이 떨어집니다. 이 옵션을 사용하는 경우 예기치 못한 결과가 발생하지 않도록 하려면 그래디언트의 첫 번째 색상을 선택합니다.

  5. ( CS6 이하 버전만 해당) 응용 프로그램 배경의 투명도 및 알파 설정이 GIF로 변환되는 방식을 결정하려면 다음 [투명도] 옵션 중 하나를 선택합니다.

    불투명

    배경을 단색으로 만듭니다.

    투명

    배경을 투명하게 만듭니다.

    알파

    부분 투명도를 설정합니다. 0에서 255 사이의 임계값을 입력합니다. 값이 낮을수록 투명도가 높아집니다. 128 값은 50% 투명도에 해당됩니다.

  6. ( CS6 이하 버전만 해당) 현재 팔레트에서 사용할 수 없는 색상을 시뮬레이션하기 위해 사용 가능한 색상의 픽셀이 결합되는 방식을 지정하려면 [디더링] 옵션을 선택합니다. 디더링을 사용하면 색상 품질을 향상시킬 수 있지만 파일 크기는 커집니다.

    없음

    디더링을 해제하며 기본 색상표에 없는 색상을 표에 있는 색상 중 지정된 색상과 가장 유사한 단색으로 바꿉니다. 디더링을 사용하지 않으면 파일 크기가 작아지지만 색상은 만족스럽지 않을 수 있습니다.

    순차

    파일 크기의 증가율을 최소화하면서 높은 품질의 디더링을 제공합니다.

    확산

    최고 품질의 디더링을 제공하지만 파일 크기 및 처리 시간이 늘어납니다. 이 옵션은 웹 216색 팔레트가 선택된 경우에만 동작합니다.

  7. ( CS6 이하 버전만 해당) 이미지의 색상 팔레트를 정의하려면 다음 팔레트 유형 중 하나를 선택합니다.

    웹 216

    서버에서의 처리 속도를 빠르게 하고 이미지 품질을 향상시키기 위해 표준 216색 웹 적합 팔레트를 사용하여 GIF 이미지를 만듭니다.

    Adaptive

    이미지의 색상을 분석하여 선택된 GIF 파일에 대해 고유한 색상표를 만듭니다. 이 옵션은 수천 또는 수백만 개의 색상을 표시하는 시스템에 가장 적합하며 이미지에 가장 정확한 색상을 만들지만 파일 크기가 커집니다. Adaptive 팔레트를 사용하여 GIF 파일의 크기를 줄이려면 [최대 색상] 옵션을 사용하여 팔레트의 색상 수를 줄입니다. GIF 이미지에 사용되는 색상 수를 설정하려면 [최대 색상]의 값을 입력합니다. 색상 수가 적으면 파일 크기는 작아지지만 이미지의 색상 품질이 낮아질 수 있습니다

    웹 물리기 적응

    유사한 색상을 웹 216색 팔레트로 변환한다는 점만 제외하고 [Adaptive] 팔레트 옵션과 동일합니다. 결과로 생성되는 색상 팔레트는 이미지에 맞게 최적화되지만 Animate에서는 가능하면 웹 216색 팔레트의 색상이 사용됩니다. 256색 시스템에서 웹 216색 팔레트가 활성화되면 이미지의 색상 품질이 좋아집니다. GIF 이미지에 사용되는 색상 수를 설정하려면 [최대 색상]의 값을 입력합니다. 색상 수가 적으면 파일 크기는 작아지지만 이미지의 색상 품질이 낮아질 수 있습니다

    사용자 정의

    선택한 이미지에 대해 최적화된 팔레트를 지정합니다. 사용자 정의 팔레트는 웹 216색 팔레트와 같은 속도로 처리됩니다. 이 옵션을 사용하려면 사용자 정의 팔레트를 만들고 사용하는 방법에 대해 알고 있어야 합니다. 사용자 정의 팔레트를 선택하려면 [팔레트] 텍스트 필드 끝에 있는 팔레트 폴더 아이콘을 클릭한 다음 팔레트 파일을 선택합니다. Animate에서는 일부 그래픽 응용 프로그램에서 내보내는 ACT 형식으로 저장된 팔레트를 지원합니다.

JPEG 파일에 대한 제작 설정 지정

JPEG 형식을 사용하면 FLA 파일을 높은 압축률의 24비트 비트맵으로 제작할 수 있습니다. 일반적으로 GIF 형식은 라인아트를 내보내는 데 좋고 JPEG 형식은 사진, 그래디언트 또는 포함된 비트맵처럼 연속 톤을 포함하는 이미지에 좋습니다.

타임라인에서 #Static 프레임 레이블을 입력하여 내보낼 다른 키프레임을 표시하지 않으면 Animate에서는 SWF 파일의 첫 번째 프레임을 JPEG로 내보냅니다.

  1. [파일] > [제작 설정]을 선택하고 왼쪽 열에서 [JPEG 이미지]를 선택합니다.
  2. JPEG 파일 이름으로 기본 파일 이름을 사용하거나 확장명이 .jpg인 새 파일 이름을 입력합니다.
  3. JPEG 파일에 대한 옵션을 선택합니다.

    크기

    [동영상에 맞춤]을 선택하여 JPEG 이미지를 스테이지와 동일한 크기로 만들고 원본 이미지의 종횡비를 유지하거나, 내보낸 비트맵 이미지에 대한 폭 및 높이 값을 픽셀 단위로 입력합니다.

    품질

    슬라이더를 끌거나 값을 입력하여 사용되는 JPEG 파일의 압축 정도를 제어합니다. 이미지 품질이 낮을수록 파일 크기가 줄어들고, 이미지 품질이 좋을수록 파일 크기가 커집니다. 크기와 품질 사이의 최적 균형점을 찾아내려면 다양한 값으로 설정해 봅니다.

    참고: 객체의 압축 설정을 변경하려면 [비트맵 속성] 대화 상자를 사용하여 비트맵 내보내기 품질을 객체 단위로 설정합니다. [비트맵 속성] 대화 상자에서 기본 압축 옵션은 [제작 설정]의 [JPEG 품질] 옵션을 적용합니다.

    점진

    JPEG 이미지를 웹 브라우저에 점진적으로 표시합니다. 이렇게 하면 네트워크 연결이 느린 경우에도 로드되는 이미지를 더 빠르게 표시할 수 있습니다. 이 옵션은 GIF 및 PNG 이미지의 인터레이싱과 유사합니다.

  4. [확인]을 클릭합니다.

PNG 파일에 대한 제작 설정 지정

PNG는 유일하게 플랫폼에 영향을 받지 않는 비트맵 형식으로서 투명도(알파 채널)를 지원합니다. 또한 Adobe® Fireworks®의 기본 파일 형식입니다.

타임라인에서 #Static frame 레이블을 입력하여 내보낼 다른 키프레임을 표시하지 않으면 Animate에서는 SWF 파일의 첫 번째 프레임을 PNG 파일로 내보냅니다.

  1. [파일] > [제작 설정]을 선택하고 왼쪽 열에서 [PNG 이미지]를 선택합니다.
  2. PNG 파일 이름으로 기본 파일 이름을 사용하거나 확장명이 .png인 새 파일 이름을 입력합니다.
  3. [크기]에 대해서는 [동영상에 맞춤]을 선택하여 PNG 이미지를 SWF 파일과 동일한 크기로 만들고 원본 이미지의 종횡비를 유지하거나, 내보낸 비트맵에 대한 [폭] 및 [높이] 값을 픽셀 단위로 입력합니다.
  4. [비트 심도]에 대해서는 이미지를 만드는 데 사용할 색상 및 픽셀당 비트 수를 설정합니다. 비트 심도가 높을수록 파일 크기가 커집니다.

    8비트

    256색상 이미지의 채널당 비트 수(bpc)

    24비트

    수천 개의 색상

    24비트 - 알파 포함

    투명도(32bpc)를 포함하여 수천 개의 색상

  5. 내보내는 PNG에 대한 모양 설정을 지정하려면 다음 옵션 중 하나를 선택합니다.

    (CS6 이하 버전만 해당) 색상 최적화

    사용되지 않는 색상을 PNG 파일의 색상표에서 제거하여 이미지 품질에 영향을 주지 않으면서 파일 크기를 1000~ 1500바이트씩 줄이지만 필요한 메모리는 약간 늘어납니다. Adaptive 팔레트에는 적용되지 않습니다.

    (CS6 이하 버전만 해당) 인터레이스

    내보내는 PNG가 다운로드될 때 브라우저에 점진적으로 표시됩니다. 해당 파일이 완전히 다운로드되기 전에 기본 그래픽 내용을 볼 수 있으며 네트워크 연결이 느린 경우에도 파일을 보다 빨리 다운로드할 수 있습니다. 애니메이션 PNG 파일은 인터레이싱하지 마십시오.

    매끄럽게

    내보내는 비트맵에 앤티앨리어싱을 적용하여 고품질의 비트맵 이미지를 생성하고 텍스트 표시 품질을 향상시킵니다. 하지만 이 옵션을 선택하면 컬러 배경에 놓인 앤티앨리어싱된 이미지 주위에 밝은 회색 픽셀이 표시될 수 있으며 PNG 파일 크기가 증가됩니다. 이렇게 밝은 회색이 표시되거나 여러 색상으로 색칠된 배경에 PNG 투명도가 배치된 경우에는 이미지를 다듬지 않고 내보냅니다.

    (CS6 이하 버전만 해당) 단색 디더링

    단색 및 그래디언트에 디더링을 적용합니다.

    (CS6 이하 버전만 해당) 그래디언트 제거

    (기본적으로 해제되어 있음) 응용 프로그램에 있는 모든 그래디언트 채우기를 단색(그래디언트의 첫 번째 색상)으로 변환합니다. 그래디언트를 사용하면 PNG 파일 크기가 커지며 대개 품질이 떨어집니다. 이 옵션을 사용하는 경우 예기치 못한 결과가 발생하지 않도록 하려면 그래디언트의 첫 번째 색상을 선택합니다.

  6. (CS6 이하 버전만 해당) [비트 심도]로 8비트를 선택한 경우에는 [디더링] 옵션을 선택하여 현재 팔레트에서 사용할 수 없는 색상을 시뮬레이션하기 위해 사용 가능한 색상의 픽셀을 결합하는 방식을 지정합니다. 디더링을 사용하면 색상 품질을 향상시킬 수 있지만 파일 크기는 커집니다. 다음 옵션 중 하나를 선택합니다.

    없음

    디더링을 해제하며 기본 색상표에 없는 색상을 표에 있는 색상 중 지정된 색상과 가장 유사한 단색으로 바꿉니다. 디더링을 사용하지 않으면 파일 크기가 작아지지만 색상은 만족스럽지 않을 수 있습니다.

    순차

    파일 크기의 증가율을 최소화하면서 높은 품질의 디더링을 제공합니다.

    확산

    최고 품질의 디더링을 제공하지만 파일 크기 및 처리 시간이 늘어납니다. 또한 이 옵션은 웹 216색 팔레트가 선택된 경우에만 동작합니다.

  7. ( CS6 이하 버전만 해당) [비트 심도]에 대해 8bpc를 선택한 경우에는 다음 팔레트 유형 중 하나를 선택하여 PNG 이미지에 대한 색상 팔레트를 정의합니다.

    웹 216

    서버에서의 처리 속도를 빠르게 하고 이미지 품질을 향상시키기 위해 표준 216색 웹 적합 팔레트를 사용하여 PNG 이미지를 만듭니다.

    Adaptive

    이미지의 색상을 분석하여 선택된 PNG 파일에 대해 고유한 색상표를 만듭니다. 이 옵션은 수천 또는 수백만 색상을 보여 주는 시스템에 가장 적합합니다. 이 옵션을 사용하면 가장 정확한 이미지 색상이 만들어지지만 파일 크기는 웹 적합 216색 팔레트로 만든 PNG보다 더 커집니다.

    웹 물리기 적응

    유사한 색상을 웹 적합 216색 팔레트로 변환한다는 점만 제외하고 [Adaptive] 팔레트 옵션과 동일합니다. 결과로 생성되는 색상 팔레트는 이미지에 맞게 최적화되지만 Animate에서는 가능하면 웹 적합 216색 팔레트의 색상이 사용됩니다. 256색 시스템에서 웹 적합 216색 팔레트가 활성화되면 이미지의 색상 품질이 좋아집니다. Adaptive 팔레트를 사용하여 PNG 파일의 크기를 줄이려면 [최대 색상] 옵션을 사용하여 팔레트의 색상 수를 줄입니다.

    사용자 정의

    선택한 이미지에 대해 최적화된 팔레트를 지정합니다. 사용자 정의 팔레트는 웹 적합 216색 팔레트와 같은 속도로 처리됩니다. 이 옵션을 사용하려면 사용자 정의 팔레트를 만들고 사용하는 방법에 대해 알고 있어야 합니다. 사용자 정의 팔레트를 선택하려면 [팔레트] 텍스트 필드 끝에 있는 팔레트 폴더 아이콘을 클릭한 다음 팔레트 파일을 선택합니다. Animate에서는 주요 그래픽 응용 프로그램에서 내보내는 ACT 형식으로 저장된 팔레트를 지원합니다.

  8. (CS6 이하 버전만 해당) [Adaptive] 또는 [웹 물리기 적응] 팔레트를 선택한 경우에는 [최대 색상]의 값을 입력하여 PNG 이미지에 사용되는 색상 수를 설정합니다. 색상 수가 적으면 파일 크기는 작아지지만 이미지의 색상 품질이 낮아질 수 있습니다.

  9. ( CS6 이하 버전만 해당) 행 단위 필터링 방법을 선택하여 PNG 파일을 좀 더 압축하고 특정 이미지를 다양한 옵션으로 테스트하려면 다음 필터 옵션 중 하나를 선택합니다.

    없음

    필터링을 해제합니다.

    Sub

    각 바이트와 이전 픽셀의 해당 바이트 값 간의 차이를 전송합니다.

    각 바이트와 바로 위에 있는 픽셀의 해당 바이트 값 간의 차이를 전송합니다.

    평균

    인접한 두 픽셀(왼쪽과 위쪽)의 평균을 내서 픽셀 값을 예측합니다.

    삼중평균

    인접한 세 픽셀(왼쪽, 위쪽 및 왼쪽 위)에 대한 간단한 선형 함수를 계산한 후 계산된 값에 가장 가까운 인접 픽셀을 색상 예측값으로 선택합니다.

    Adaptive

    이미지의 색상을 분석하여 선택된 PNG 파일에 대해 고유한 색상표를 만듭니다. 이 옵션은 수천 또는 수백만 색상을 보여 주는 시스템에 가장 적합합니다. 이 옵션을 사용하면 가장 정확한 이미지 색상이 만들어지지만 파일 크기는 웹 216 팔레트로 만든 PNG보다 더 커집니다. 팔레트에 있는 색상 수를 감소시켜 Adaptive 팔레트를 사용하여 만든 PNG의 크기를 줄입니다.

OAM 내보내기를 위한 제작 설정 지정

이제 ActionScript, WebGL 또는 HTML5 Canvas의 Animate 내용을 OAM(.oam) 애니메이션 위젯 파일로 내보낼 수 있습니다. Animate에서 생성된 OAM 파일은 Dreamweaver, Muse 및 InDesign에 배치할 수 있습니다. Animate 내용을 OAM 형식에 내보내려면 다음과 같이 하십시오.

  1. [파일] > [제작 설정]을 클릭합니다.

  2. [제작 설정] 대화 상자의 왼쪽 패널에서 [OAM]을 선택합니다.

    OAM 설정

  3. [출력 파일] 상자에서 위치를 선택하고 패키지의 이름을 입력합니다.

  4. [포스터 이미지] 아래에서 다음 중 하나를 선택합니다.

    • 현재 프레임의 내용에서 OAM 패키지를 생성하려는 경우 [현재 프레임에서 생성(PNG)]을 선택합니다. 투명 PNG 이미지를 생성하려는 경우 [투명]을 선택합니다.
    • 다른 파일에서 OAM을 생성하려는 경우 [이 파일 사용] 상자에 파일의 경로를 지정합니다.
    • 투명 OAM을 생성하려면 스테이지 배경을 투명으로 설정하고 OAM으로 제작합니다. 스테이지 배경 설정에 대한 자세한 내용은 캔버스 투명도를 참조하십시오.
    • 대응적인 OAM을 생성하려면 [제작 설정] 대화 상자에서 대응적인 설정을 설정합니다. 대응적인 설정에 대한 자세한 내용은 대응적인 크기 조절을 참조하십시오.
  5. 제작을 클릭합니다. 저장된 위치에서 OAM 패키지를 볼 수 있습니다.

비디오: OAM 제작 옵션

제공: Train Simple(www.trainsimple.com)

제작 형식 및 설정 미리 보기

[제작 미리 보기] 명령은 파일을 내보내고 기본 브라우저에서 미리 보기를 엽니다. QuickTime 비디오를 미리 보려는 경우 [제작 미리 보기] 명령을 사용하면 QuickTime 비디오 플레이어가 시작됩니다. 프로젝터를 미리 보는 경우에는 Animate에서 프로젝터를 시작합니다.

  • [파일] > [제작 미리 보기]를 선택한 다음 미리 보려는 파일 형식을 선택합니다.

    현재 제작 설정 값을 사용하는 경우 Animate에서는 FLA 파일과 동일한 위치에 지정된 유형의 파일을 만듭니다. 이 파일은 덮어쓰거나 삭제할 때까지 이 위치에 남아 있게 됩니다.

    참고:

    Animate CC에서 만든 FLA를 Flash Professional CS6에서 여는 경우 Animate CC에서 사용할 수 없는 이러한 필드의 제작 설정은 기본값으로 설정됩니다.

제작 프로파일 사용

제작 프로파일을 사용하여 다음을 수행할 수 있습니다.

  • 제작 설정 구성을 저장하고 다른 문서에서 또는 다른 사람이 사용할 수 있도록 제작 프로파일을 내보내고 가져옵니다.

  • 현재 문서에서 사용하기 위해 제작 프로파일을 가져옵니다.

  • 다양한 미디어 형식을 제작하기 위한 프로파일을 만듭니다.

  • 고객용 파일을 제작하는 방식과 다른 내부용 제작 프로파일을 만듭니다.

  • 회사를 위한 표준 제작 프로파일을 만들어 파일이 일관되게 제작되도록 합니다.

제작 프로파일은 응용 프로그램 수준이 아니라 문서에 저장됩니다.

제작 프로파일 만들기

  1. [제작 설정] 대화 상자에서 [프로파일 옵션] 메뉴를 클릭하고 [프로파일 만들기]를 선택합니다.
  2. 제작 프로파일의 이름을 지정한 다음 [확인]을 클릭합니다.
  3. 문서에 대한 제작 설정을 지정한 다음 [확인]을 클릭합니다.

제작 프로파일 복제, 수정 또는 삭제

  • [제작 설정] 대화 상자([파일] > [제작 설정])의 [프로파일] 팝업 메뉴에서 사용할 제작 프로파일을 선택합니다.
    • 복제 프로파일을 만들려면 [프로파일 옵션] 메뉴를 클릭하고 [프로파일 복제]를 선택합니다. [복제 이름] 텍스트 필드에 프로파일 이름을 입력하고 [확인]을 클릭합니다.
    • 제작 프로파일을 수정하려면 [프로파일] 메뉴에서 제작 프로파일을 선택하고, 문서에 대해 새로운 제작 설정을 지정하고, [확인]을 클릭합니다.
    • 제작 프로파일을 삭제하려면 [프로파일 옵션] 메뉴를 클릭하고 [프로파일 삭제]를 선택합니다. 그런 다음 [확인]을 클릭합니다.

제작 프로파일 내보내기

  1. [파일] > [제작 설정]을 선택하고 [프로파일 옵션] 메뉴를 클릭한 후 [프로파일 내보내기]를 선택합니다.

  2. [프로파일 옵션] 메뉴에서 [프로파일 내보내기]를 선택합니다. 다른 문서에서 가져올 수 있도록 제작 프로파일을 .APR 파일로 내보냅니다.

  3. 제작 프로파일을 저장할 위치로 기본 위치를 사용하거나 새 위치를 찾아 지정한 다음 [저장]을 클릭합니다.

제작 프로파일 가져오기

참고:

제작 프로파일을 xml로 가져오는 기능은 더 이상 사용되지 않으며 권장되지 않습니다. 제작 프로파일은 이제 .APR로만 내보내집니다.

다른 사용자가 만들어서 내보낸 제작 프로파일을 가져와서 제작 설정 옵션으로 선택할 수 있습니다.

  1. [파일] > [제작 설정]을 선택하고 [프로파일 옵션] 메뉴를 클릭한 후 [프로파일 가져오기]를 선택합니다.

  2. 제작 프로파일 .APR 파일로 이동하여 [열기]를 클릭합니다.

사용자 정의 HTML5 템플릿

Animate CC는 HTML5 Canvas 프로젝트를 제작하는 동안 래퍼 HTML 파일에 대한 사용자 정의 템플릿을 지원합니다. 기본 템플릿을 사용하거나, 사용자 정의 HTML 템플릿 파일을 가져오거나, 현재 템플릿을 외부 파일로 내보낼 수 있습니다.

다음과 같은 옵션을 사용할 수 있습니다.

  • 기본값 사용: 제작하는 동안 HTML 래퍼 파일을 생성하기 위해 기본 템플릿을 사용합니다.
  • 새로 가져오기: 제작하는 동안 생성된 HTML 래퍼 파일을 기반으로 사용자 정의 템플릿을 가져옵니다.
  • 내보내기: 제작에 사용된 현재 템플릿을 내보냅니다.

사용자 정의 템플릿 만들기

기본 템플릿을 내보내고 수정한 다음 수정한 내용을 캔버스 출력을 제작하는 데 가져옵니다. 수정된 (사용자 정의) 템플릿에는 기본 템플릿에서 사용되는 모든 토큰(기본 템플릿에서 설명함)이 있어야 합니다.

제작 프로파일에 템플릿 연결

이제 HTML5 Canvas 템플릿을 제작 프로파일에 연결하여 HTML5 내용을 효율적으로 만들고 일관성을 유지할 수 있습니다. 기존 템플릿을 프로파일에 추가하려면:

  1. 파일 > 제작 설정을 클릭합니다.
  2. 제작 설정 대화 상자에서 고급 탭을 선택합니다.
  3. 프로파일 상자에서 새 템플릿을 가져와 추가하려는 프로파일을 선택합니다.
  4. 새로 가져오기를 클릭하고 템플릿을 선택한 다음 열기를 클릭합니다.

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

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