사용 안내서 취소

Animate에서 파일을 내보내는 방법

  1. Adobe Animate 사용 안내서
  2. Animate 소개
    1. Animate의 새로운 기능
    2. 시각적 용어집
    3. Animate 시스템 요구 사항
    4. Animate 키보드 단축키
    5. Animate에서 여러 파일 유형을 사용하여 작업하기
  3. 애니메이션
    1. Animate의 애니메이션 기본 사항
    2. Animate에서 프레임 및 키프레임을 사용하는 방법
    3. Animate의 프레임별 애니메이션
    4. Animate에서 클래식 트윈 애니메이션으로 작업하는 방법
    5. 브러시 도구
    6. 모션 안내선
    7. 모션 트윈 및 ActionScript 3.0
    8. 모션 트윈 애니메이션 정보
    9. 모션 트윈 애니메이션
    10. 모션 트윈 애니메이션 만들기
    11. 속성 키프레임 사용
    12. 트윈으로 위치에 애니메이션 적용
    13. 모션 편집기를 사용하여 모션 트윈을 편집하는 방법
    14. 트윈 애니메이션의 모션 경로 편집
    15. 모션 트윈 조작
    16. 사용자 정의 속도 추가
    17. 모션 사전 설정 만들기 및 적용
    18. 애니메이션 트윈 범위 설정
    19. XML 파일로 저장한 모션 트윈을 사용한 작업
    20. 모션 트윈과 클래식 트윈의 비교
    21. 모양 트윈 만들기
    22. Animate에서 뼈 도구 애니메이션 사용하기
    23. Animate에서 캐릭터 리깅으로 작업하기
    24. Adobe Animate에서 마스크 레이어를 사용하는 방법
    25. Animate에서 장면으로 작업하는 방법
  4. 대화형 기능
    1. Animate로 버튼을 만드는 방법
    2. Animate 프로젝트를 다른 문서 유형 포맷으로 변환
    3. Animate에서 HTML5 Canvas 문서를 만들고 게시하기
    4. Animate에서 코드 조각을 사용하여 대화형 기능 추가하기
    5. 사용자 정의 HTML5 구성 요소 만들기
    6. HTML5 Canvas의 구성 요소 사용
    7. 사용자 정의 구성 요소 만들기: 예제
    8. 사용자 정의 구성 요소의 코드 조각
    9. 모범 사례 - Animate를 사용한 광고
    10. 가상 현실 제작 및 게시
  5. 작업 영역 및 작업 과정
    1. 칠 브러시 만들기 및 관리
    2. HTML5 Canvas 문서에서 Google Fonts 사용
    3. Creative Cloud 라이브러리와 Adobe Animate 사용
    4. Animate의 스테이지 및 도구 패널 사용
    5. Animate 작업 과정 및 작업 영역
    6. HTML5 Canvas 문서에서 웹 글꼴 사용
    7. 타임라인과 ActionScript
    8. 여러 타임라인을 사용한 작업
    9. 환경 설정
    10. Animate 제작 패널 사용
    11. Animate로 타임라인 레이어 만들기
    12. 모바일 앱 및 게임 엔진용으로 애니메이션 내보내기
    13. 객체 이동 및 복사
    14. 템플릿
    15. Animate의 찾기 및 바꾸기
    16. 실행 취소, 다시 실행 및 작업 내역 패널
    17. 키보드 단축키
    18. Animate에서 타임라인을 사용하는 방법
    19. HTML 확장 만들기
    20. 이미지 및 애니메이션 GIF에 대한 최적화 옵션
    21. 이미지 및 GIF에 대한 내보내기 설정
    22. Animate의 에셋 패널
  6. 멀티미디어 및 비디오
    1. Animate의 그래픽 객체 변형 및 결합
    2. Animate에서 심볼 인스턴스를 만들고 작업하기
    3. 이미지 추적
    4. Adobe Animate에서 사운드를 사용하는 방법
    5. SVG 파일 내보내기
    6. Animate에서 사용할 비디오 파일 만들기
    7. Animate에서 비디오를 추가하는 방법
    8. 비디오 큐 포인트를 사용한 작업
    9. Animate로 객체 그리고 만들기
    10. 선 및 모양 변형
    11. Animate CC의 획, 채우기 및 그래디언트
    12. Adobe Premiere Pro 및 After Effects 작업
    13. Animate CC의 색상 패널
    14. Animate에서 Flash CS6 파일 열기
    15. Animate의 클래식 텍스트 작업
    16. Animate에 아트워크 가져오기
    17. Animate의 가져온 비트맵
    18. 3D 그래픽
    19. Animate의 심볼 작업
    20. Adobe Animate로 선 및 모양 그리기
    21. Animate의 라이브러리 작업
    22. 사운드 내보내기
    23. Animate CC의 객체 선택
    24. Animate의 Illustrator AI 파일 작업
    25. 스프레이 브러시 도구로 패턴 적용하기
    26. 블렌드 모드 적용
    27. 객체 배열
    28. 명령 메뉴를 사용한 작업 자동화
    29. 다국어 텍스트
    30. Animate에서 카메라 사용하기
    31. Animate를 Adobe Scout와 함께 사용하기
    32. Fireworks 파일 작업
    33. 그래픽 필터
    34. 사운드 및 ActionScript
    35. 드로잉 환경 설정
    36. 펜 도구로 그리기
  7. 플랫폼
    1. Animate 프로젝트를 다른 문서 유형 포맷으로 변환
    2. 사용자 정의 플랫폼 지원
    3. Animate에서 HTML5 Canvas 문서 만들고 게시하기
    4. WebGL 문서 만들고 게시하기
    5. iOS용 AIR에 맞추어 애플리케이션을 패키징하는 방법
    6. Android용 AIR 애플리케이션 게시
    7. 데스크톱용 Adobe AIR에 맞춘 게시
    8. ActionScript 게시 설정
    9. 모범 사례 - 애플리케이션에서 ActionScript 구성
    10. Animate에서 ActionScript를 사용하는 방법
    11. 모범 사례 - 액세스 가능성 지침
    12. Animate 작업 영역의 액세스 가능성
    13. 스크립트 작성 및 관리
    14. 사용자 정의 플랫폼에 대한 지원 활성화
    15. 사용자 정의 플랫폼 지원 개요
    16. 액세스 가능한 콘텐츠 만들기
    17. 사용자 정의 플랫폼 지원 플러그인 작업
    18. ActionScript 3.0 디버깅
    19. 사용자 정의 플랫폼에 대한 지원 활성화
  8. 내보내기 및 게시
    1. Animate CC에서 파일을 내보내는 방법
    2. OAM 게시
    3. SVG 파일 내보내기
    4. Animate를 사용하여 그래픽 및 비디오 내보내기
    5. AS3 문서 게시
    6. 모바일 앱 및 게임 엔진용으로 애니메이션 내보내기
    7. 사운드 내보내기
    8. QuickTime 비디오 파일 내보내기
    9. ActionScript로 외부 비디오 재생 제어하기
    10. 모범 사례 - 모바일 장치 콘텐츠 만들기 팁
    11. 모범 사례 - 비디오 규칙
    12. 모범 사례 - SWF 애플리케이션 제작 지침
    13. 모범 사례 - FLA 파일 구조화
    14. Animate용 FLA 파일을 최적화하는 모범 사례
    15. ActionScript 게시 설정
    16. Animate용 게시 설정 지정
    17. 프로젝터 파일 내보내기
    18. 이미지 및 애니메이션 GIF 내보내기
    19. HTML 게시 템플릿
    20. Adobe Premiere Pro 및 After Effects 작업
    21. 애니메이션의 빠른 공유 및 게시

SWF 파일 내보내기

Animate [내보내기] 명령을 사용하는 경우 [제작] 명령을 사용할 때와 같이 내보내기 설정이 각 파일과 함께 별도로 저장되지는 않습니다. 웹에 Animate 내용을 게시하는 데 필요한 모든 파일을 만들려면 [제작] 명령을 사용합니다.

[동영상 내보내기]는 Animate 문서를 정지 영상 이미지 형식으로 내보내고, 문서의 모든 프레임에 대해 번호가 매겨진 이미지 파일을 만들고, 문서의 사운드를 WAV 파일로 내보냅니다(Windows만 해당).

  1. 내보낼 Animate 문서를 열거나 현재 문서에서 내보낼 프레임 또는 이미지를 선택합니다.

  2. 파일 > 내보내기 > 동영상 내보내기 또는 파일 > 내보내기 > 이미지 내보내기를 선택합니다.

    이미지 내보내기
    이미지 내보내기

  3. 출력 파일의 이름을 입력합니다.
  4. 파일 형식을 선택하고 [저장]을 클릭합니다. 선택한 형식에 추가 정보가 필요할 경우 [내보내기] 대화 상자가 나타납니다.
  5. 선택한 형식에 대한 내보내기 옵션을 설정합니다. 내보내기 파일 형식을 참조하십시오.

  6. [확인]을 클릭한 다음 [저장]을 클릭합니다.

내보내기 파일 형식

다음 사항을 고려해야 합니다.

  • 선택한 형식에 추가 정보가 필요할 경우 [내보내기] 대화 상자가 나타납니다.

  • Animate 이미지를 비트맵 GIF, JPEG, PICT(Macintosh) 또는 BMP(Windows) 파일로 저장하면 이미지의 벡터 정보가 손실되고 이미지는 픽셀 정보만 사용하여 저장됩니다. 비트맵으로 내보낸 이미지는 Adobe® Photoshop®과 같은 이미지 편집기에서 편집할 수 있지만 벡터 기반 드로잉 프로그램에서는 편집할 수 없습니다.

  • SWF 형식의 Animate 파일을 내보낼 때 텍스트는 유니코드로 인코딩되어 2바이트 글꼴을 포함한 국제 문자 세트를 지원합니다. Flash Player 6 이상 버전에서는 유니코드 인코딩을 지원합니다.

Animate 내용은 시퀀스로 내보내지고 이미지는 개별 파일로 내보내집니다. PNG는 유일하게 플랫폼에 영향을 받지 않는 비트맵 형식으로서 투명도(알파 채널 형식)를 지원합니다. 비트맵 이외의 일부 내보내기 형식은 알파(투명도) 효과나 마스크 레이어를 지원하지 않습니다.

다음 표에는 Animate 내용 및 이미지를 내보낼 수 있는 형식이 나열되어 있습니다.

Dreamweaver용 SWF 파일 업데이트

페이지에 내용을 추가하려면 Adobe® Dreamweaver® 사이트로 SWF 파일을 직접 내보냅니다. Dreamweaver에서는 필요한 모든 HTML 코드를 생성합니다. Dreamweaver에서 Animate를 시작하여 내용을 업데이트할 수 있습니다. Dreamweaver에서 Animate 문서(FLA 파일)를 업데이트하고 업데이트된 내용을 자동으로 다시 내보낼 수 있습니다.

Dreamweaver 작업에 대한 자세한 내용은 Dreamweaver 도움말의 Dreamweaver 사용을 참조하십시오.

  1. Dreamweaver에서 Animate 내용이 포함된 HTML 페이지를 엽니다.

  2. 다음 중 하나를 수행합니다.
    • HTML 페이지 내에서 Animate 내용을 선택하고 [편집]을 클릭합니다.

    • [디자인] 뷰에서 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 Animate 내용을 두 번 클릭합니다.

    • [디자인] 뷰에서 Animate 내용을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)한 다음 [편집기 선택] > [Animate]를 선택합니다.

    • [디자인] 뷰의 [사이트] 패널에서 Animate 내용을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)한 다음 [Animate로 열기]를 선택합니다.

  3. 내보낸 파일의 FLA 파일이 열려 있지 않으면 [파일 열기] 대화 상자가 나타납니다. FLA 파일을 찾아 [열기]를 클릭합니다.
  4. 사용자가 Dreamweaver에서 사이트 전체 링크 바꾸기 기능을 사용한 경우 경고가 표시됩니다. SWF 파일에 링크 변경 사항을 적용하려면 [확인]을 클릭합니다. SWF 파일을 업데이트할 때 경고 메시지가 나타나지 않도록 하려면 [다시 경고하지 않음]을 클릭합니다.
  5. Animate에서 필요한 FLA 파일을 업데이트합니다.

  6. FLA 파일을 저장하고 Dreamweaver로 다시 내보내려면 다음 중 하나를 수행합니다.
    • 파일을 업데이트하고 Animate를 닫으려면 스테이지의 왼쪽 위 모서리에 있는 [완료] 버튼을 클릭합니다.

    • 파일을 업데이트하고 Animate를 연 상태로 두려면 [파일] > [Dreamweaver용 업데이트]를 선택합니다.

Adobe 로고

내 계정 로그인