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. 애니메이션의 빠른 공유 및 게시

Animate에서는 비디오를 Animate 문서에 통합하고 사용자에게 재생되도록 할 수 있는 여러 가지 방법을 제공합니다.

시작하기 전에

Animate에서 비디오를 사용한 작업을 시작하기 전에 다음 정보를 이해하는 것이 중요합니다.

  • Animate에서는 특정 비디오 형식만 재생할 수 있습니다.

    여기에는 FLV, F4V 및 MPEG 비디오가 포함됩니다. 다른 형식의 비디오를 변환하는 방법에 대한 지침은 Animate에서 사용할 비디오 만들기를 참조하십시오.

  • 별도의 Adobe Media Encoder 애플리케이션(Animate에 포함되어 있음)을 사용하여 다른 비디오 형식을 F4V로 변환할 수 있습니다. 자세한 지침은 Animate에서 사용할 비디오 만들기를 참조하십시오.

  • Animate에 비디오를 추가하는 방법은 여러 가지가 있으며, 각 방법마다 상황에 따라 장점이 있습니다. 이러한 방법의 목록은 아래를 참조하십시오.

  • Animate에는 비디오 가져오기 마법사가 포함되어 있으며, 파일 > 가져오기 > 비디오 가져오기를 선택하면 해당 마법사가 열립니다.

  • FLVPlayback 구성 요소를 사용하는 것이 Animate 파일에서 신속하게 비디오를 재생하는 가장 간단한 방법입니다.

    자세한 지침은 웹 서버를 사용하여 점진적으로 비디오 다운로드를 참조하십시오.

Animate에서 비디오를 사용하는 방법

Animate에서는 비디오를 여러 가지 방법으로 사용할 수 있습니다.

  • 웹 서버에서 점진적 다운로드

    이 방법은 비디오 파일을 Animate 파일 및 결과 SWF 파일의 외부에 유지합니다. 따라서 SWF 파일 크기가 작게 유지됩니다. 이 방법은 Animate에서 비디오를 사용하는 가장 일반적인 방법입니다.

  • Adobe Media Server를 사용하여 비디오 스트리밍

    이 방법도 비디오 파일을 Animate 파일 외부에 유지합니다. Adobe Media Streaming Server를 사용하면 매끄러운 스트리밍 재생 환경을 제공할 뿐 아니라 비디오 내용을 안전하게 보호할 수 있습니다.

  • Animate 파일 내부에 직접 비디오 데이터 포함

    이 방법의 경우 Animate 파일 크기가 매우 커지므로 짧은 비디오 클립에만 권장됩니다. 자세한 지침은 Animate 파일에 비디오 포함을 참조하십시오.

웹 서버를 사용하여 점진적으로 비디오 다운로드

점진적 다운로드를 사용하면 런타임에 외부 FLV 또는 F4V 파일을 SWF 파일로 로드하고 재생하기 위해 작성하는 ActionScript 또는 FLVPlayback 구성 요소를 사용할 수 있습니다.

비디오 파일은 다른 Animate 내용의 외부에 보관되므로 SWF 파일을 다시 제작하지 않고 비디오 내용을 업데이트하기가 상대적으로 수월합니다.

점진적 다운로드를 사용하면 타임라인에서 비디오를 포함하는 데 다음과 같은 이점이 있습니다.

  • 제작하는 동안 SWF 파일만 제작하여 Animate 내용의 일부 또는 전부를 미리 보거나 테스트할 수 있습니다. 그러면 미리 보기 시간이 빨라지고 반복적인 테스트 기간이 짧아집니다.

  • 비디오가 재생되는 동안 비디오의 첫 번째 세그먼트가 다운로드되어 로컬 컴퓨터의 디스크 드라이브에 캐시되자마자 재생이 시작됩니다.

  • 런타임에 비디오 파일은 Flash Player를 통해 파일 크기나 지속 시간에 제한 없이 컴퓨터의 디스크 드라이브에서 SWF 파일로 로드됩니다. 오디오 동기화 문제나 메모리 제한이 전혀 없습니다.

  • 비디오 파일의 프레임 속도가 SWF 파일의 프레임 속도와 달라도 되므로 더욱 유연하게 Animate 내용을 제작할 수 있습니다.

점진적 다운로드를 위해 비디오 가져오기

컴퓨터에 로컬로 저장되어 있는 비디오 파일을 가져온 다음, FLA 파일로 가져온 후 서버에 비디오 파일을 업로드할 수 있습니다. Animate에서 점진적 다운로드로 비디오를 가져오는 경우 실제로는 비디오 파일에 대한 참조만 추가됩니다. Animate는 이러한 참조를 사용하여 로컬 컴퓨터 또는 웹 서버의 비디오 파일을 찾습니다.

또한 표준 웹 서버, AMS(Adobe Media Server) 또는 FVSS(Flash Video Streaming Service)에 이미 업로드된 비디오 파일을 가져올 수도 있습니다.

  1. 비디오 클립을 현재 Animate 문서로 가져오려면 파일 > 가져오기 > 비디오 가져오기를 선택합니다.

    비디오 창 선택
    비디오 창 선택

  2. 가져올 비디오 클립을 선택합니다. 로컬 컴퓨터에 있는 비디오 클립을 선택하거나, 이미 웹 서버 또는 Adobe Media Server에 업로드된 비디오의 URL을 입력할 수 있습니다.

    • 로컬 컴퓨터에 있는 비디오를 가져오려면 [재생 구성 요소를 사용하여 외부 비디오 로드]를 선택합니다.

    • 이미 웹 서버, Adobe Media Server 또는 Flash Video Streaming Service에 배포된 비디오를 가져오려면 [웹 서버, FVSS(Flash Video Streaming Service) 또는 Adobe Media Server에 이미 배포됨]을 선택하고 비디오 클립의 URL을 입력합니다.

    참고:

    웹 서버에 있는 비디오 클립의 URL은 http 통신 프로토콜을 사용하고, Adobe Media Server 또는 Flash Streaming Service에 있는 비디오 클립의 URL은 RTMP 통신 프로토콜을 사용합니다.

  3. 비디오 클립의 스킨을 선택합니다. 

    비디오 클립의 스킨 선택
    비디오 클립의 스킨 선택

    다음을 선택할 수 있습니다.

    • 없음을 선택하여 FLVPlayback 구성 요소에 스킨을 사용하지 않습니다.

    • 미리 정의된 FLVPlayback 구성 요소 스킨 중 하나를 선택합니다. Animate에서 FLA 파일과 같은 폴더에 스킨을 복사합니다.

    참고:

    FLVPlayback 구성 요소 스킨은 현재 만들고 있는 문서가 AS2 기반 Animate 문서인지, 아니면 AS3 기반 Animate 문서인지에 따라 조금 다릅니다.

    • 웹 서버에 있는 스킨의 URL을 입력하여 자신이 디자인한 사용자 정의 스킨을 선택합니다.
    참고:

    원격 위치에서 호출된 사용자 정의 스킨을 사용하는 경우, 스테이지의 비디오에 대해 실시간 미리 보기를 사용할 수 없습니다.

  4. 비디오 가져오기 마법사는 비디오 재생을 로컬에서 테스트하는 데 사용할 수 있도록 스테이지에 FLVPlayback 비디오 구성 요소를 만듭니다. Animate 문서 만들기를 마치고 SWF 파일과 비디오 클립을 배포하려면 비디오를 호스팅하는 웹 서버 또는 Adobe Media Server에 다음 에셋을 업로드합니다.

    • 비디오 클립의 로컬 복사본을 사용하는 경우 .flv 확장명으로 선택한 소스 비디오 클립과 같은 폴더에 있는 비디오 클립을 업로드합니다.

    참고:

    Animate는 상대 경로를 사용하여 SWF 파일에 상대적인 FLV 또는 F4V 파일을 가리키고 사용자가 서버에서 사용하는 디렉토리 구조와 같은 구조를 로컬에서 사용할 수 있도록 합니다. 해당 비디오가 비디오를 호스팅하는 FMS 또는 FVSS에 이미 배포된 경우 이 단계를 건너뛸 수 있습니다.

    • 비디오 스킨(스킨 사용을 선택한 경우)

      미리 정의된 스킨을 사용하기 위해 Animate는 FLA 파일과 같은 폴더에 해당 스킨을 복사합니다.

    • FLVPlayback 구성 요소

      FLVPlayback 구성 요소의 URL 필드를 비디오가 업로드되는 대상 웹 서버 또는 Adobe Media Server의 URL로 편집하려면 구성 요소 관리자([윈도우] > [구성 요소 관리자])를 사용하여 contentPath 매개 변수를 편집합니다.

Adobe Media Server를 사용하여 비디오 스트리밍

Adobe Media Server는 Flash Player 및 AIR로 미디어를 실시간으로 스트리밍합니다. Adobe Media Server는 대역폭 감지 기능을 사용하여 사용자의 사용 가능한 대역폭에 따라 비디오 또는 오디오 내용을 전송합니다.

Adobe Media Server를 사용하여 비디오를 스트리밍하면 포함된 비디오 및 점진적으로 다운로드되는 비디오에 비해 다음과 같은 장점이 있습니다.

  • 비디오를 통합하는 다른 어떤 메서드보다 빨리 비디오를 재생할 수 있습니다.

  • 스트리밍은 클라이언트가 전체 파일을 다운로드할 필요가 없기 때문에 클라이언트의 메모리와 디스크 공간을 덜 사용합니다.

  • 표시되는 비디오의 일부분만 클라이언트에게 전달되므로 네트워크 리소스를 효과적으로 사용할 수 있습니다.

  • 미디어를 스트리밍할 때 클라이언트의 캐시에 저장되지 않으므로 미디어를 보다 안전하게 전송할 수 있습니다.

  • 스트리밍 비디오는 추적, 보고 및 로깅 기능이 더 뛰어납니다.

  • 스트리밍을 통해 라이브 비디오 및 오디오 프레젠테이션을 제공하거나 웹 캠이나 디지털 비디오 카메라에서 비디오를 캡처할 수 있습니다.

  • Adobe Media Server는 비디오 채팅, 비디오 메시징 및 비디오 회의 애플리케이션에 대해 멀티웨이 및 멀티유저 스트리밍을 할 수 있습니다.

  • 서버측 스크립팅을 사용해 비디오 및 오디오 스트림을 제어함으로써 서버측 재생 목록, 동기화된 스트림, 클라이언트의 연결 속도에 기반한 보다 지능적인 전송 옵션을 만들 수 있습니다.

Adobe Media Server에 대한 자세한 내용은 www.adobe.com/go/flash_media_server_kr을 참조하십시오.

Flash Video Streaming Service에 대한 자세한 내용은 www.adobe.com/go/learn_fvss_kr을 참조하십시오.

Animate 파일에 비디오 파일 포함

비디오 파일을 포함하면 모든 비디오 파일 데이터가 Animate 파일에 추가됩니다. 따라서 Animate 파일 및 후속 SWF 파일의 크기가 더 커집니다. 비디오는 개별 비디오 프레임이 타임라인 프레임으로 표시되어 타임라인에 배치됩니다. 각 비디오 프레임이 타임라인에 프레임으로 표시되므로 비디오 클립과 SWF 파일의 프레임 속도가 같도록 설정해야 합니다. SWF 파일 및 포함된 비디오 클립에 다른 프레임 속도를 사용하면 비디오가 일관되게 재생되지 않습니다.

참고: 가변 프레임 속도를 사용하려면 점진적 다운로드 또는 Adobe Media Server를 사용하여 비디오를 스트리밍하십시오. 이러한 방법 중 하나를 사용하여 비디오 파일을 가져오면 FLV 또는 F4V 파일은 포함 파일이 되고 SWF 파일에 포함된 다른 모든 타임라인 프레임 속도와 별개의 프레임 속도로 실행됩니다.

포함된 비디오는 재생 시간이 10초 미만인 작은 비디오 클립에 가장 효과적으로 사용할 수 있습니다. 재생 시간이 긴 비디오 클립을 사용하는 경우 점진적으로 비디오를 다운로드하거나 Adobe Media Server를 사용하여 비디오를 스트리밍하는 것이 좋습니다.

포함된 비디오에는 다음과 같은 제한이 있습니다.

  • 최종 SWF 파일이 너무 커지면 문제가 발생할 수 있습니다. Flash Player는 포함된 비디오가 있는 큰 SWF 파일을 다운로드하여 재생하려고 할 때 많은 메모리를 예약해 두지만 이렇게 하면 Flash Player가 작동하지 않을 수 있습니다.

  • 비디오 파일이 길어지면(재생 시간 10초 이상) 비디오 클립의 비디오와 오디오 부분 사이에 동기화 문제가 자주 발생합니다. 시간이 지나면서 오디오 트랙이 비디오 시퀀스를 벗어나 재생되어 원하는 대로 비디오를 볼 수 없게 됩니다.

  • SWF 파일에 포함된 비디오를 재생하려면 비디오 재생을 시작하기 전에 전체 비디오 파일을 다운로드해야 합니다. 너무 큰 비디오 파일을 포함한 경우에는 SWF 파일 전체를 다운로드하여 재생을 시작하는 데 시간이 오래 걸릴 수 있습니다.

  • 비디오 클립을 가져온 후에는 편집할 수 없습니다. 하지만 비디오 파일을 다시 편집하고 다시 가져올 수는 있습니다.

  • 웹을 통해 SWF 파일을 제작할 때는 조회자의 컴퓨터로 전체 비디오를 다운로드해야 비디오 재생을 시작할 수 있습니다.

  • 런타임에 전체 비디오는 재생 컴퓨터의 로컬 메모리에 적합해야 합니다.

  • 가져오는 비디오 파일의 길이는 16000프레임을 초과할 수 없습니다.

  • 비디오 프레임 속도와 Animate 타임라인 프레임 속도는 같아야 합니다. 포함된 비디오의 프레임 속도와 일치하도록 Animate 파일의 프레임 속도를 설정합니다.

재생 헤드를 타임라인을 따라 드래그하거나 이동하여 포함된 비디오의 프레임을 미리 볼 수 있습니다. 재생 헤드 이동 중에는 비디오 사운드 트랙이 재생되지 않습니다. 비디오를 사운드와 함께 미리 보려면 [동영상 테스트] 명령을 사용합니다.

Animate 파일 내에 비디오 포함

  1. 비디오 클립을 현재 Animate 문서로 가져오려면 [파일] > [가져오기] > [비디오 가져오기]를 선택합니다.

  2. 다음 옵션 중 하나를 선택합니다.

    재생 구성 요소를 사용하여 외부 비디오 로드: 비디오를 가져오고 FLVPlayback 구성 요소의 인스턴스를 만들어 비디오 재생을 제어합니다.

    SWF에 FLV를 포함하고 타임라인에서 재생: Animate 문서에 FLV를 포함하고 타임라인에 배치합니다.

    타임라인에 H.264 비디오 포함: Animate 문서에 H.264 비디오를 포함합니다. 이 옵션을 사용하여 비디오를 가져오는 경우 스테이지에 배치되어 디자인 타임에 애니메이션에 대해 참조됩니다. 타임라인을 스크러빙 또는 재생함에 따라 비디오의 프레임이 스테이지에 렌더링됩니다. 관련 프레임에 대한 오디오도 재생됩니다.

    참고:

    • 안내선 레이어나 숨겨진 레이어가 아닌 레이어에서 H264 비디오 내용이 포함된 파일을 제작하려고 하면 제작 대상 플랫폼이 포함된 H.264 비디오를 지원하지 않는 경우 경고 메시지가 나타납니다.
  3. [찾아보기]를 클릭하여 컴퓨터에서 비디오 파일을 선택하고 [다음]을 클릭합니다.

    선택 사항: 컴퓨터에 Adobe Media Encoder가 설치되어 있는 경우 AME를 사용하여 비디오를 다른 형식으로 변환하려면 [비디오 변환]을 클릭합니다.

  4. 비디오를 포함하는 데 사용할 심볼 유형을 선택합니다.

    심볼 유형 선택
    심볼 유형 선택

    포함된 비디오

    타임라인에서 선형 재생에 비디오 클립을 사용 중인 경우 비디오를 타임라인으로 가져오는 것이 가장 적절합니다.

    동영상 클립

    동영상 클립 인스턴스 내에 비디오를 배치하면 내용을 가장 많이 제어할 수 있으므로 이렇게 하는 것이 가장 좋습니다. 비디오의 타임라인은 기본 타임라인과 별도로 재생됩니다. 비디오를 포함하기 위해 많은 프레임으로 기본 타임라인을 확장할 필요가 없습니다. 많은 프레임으로 확장하면 FLA 파일로 작업하기가 어렵습니다.

    그래픽

    그래픽 심볼로 비디오 클립을 포함하면 ActionScript를 사용하여 비디오와 상호 작용할 수 없습니다. 일반적으로 그래픽 심볼은 정적 이미지에 사용하며 기본 타임라인에 연결되는 다시 사용할 수 있는 버전의 애니메이션을 만드는 데 사용합니다.

  5. 비디오 클립을 스테이지 및 타임라인으로 직접 가져오거나 라이브러리 항목으로 가져옵니다.

    기본적으로 Animate는 가져오는 비디오를 스테이지에 배치합니다. 비디오를 라이브러리로만 가져오려면 [인스턴스를 스테이지에 배치합니다.]를 선택 취소합니다.

    선형 내레이션을 사용하고 상호 작용이 거의 없는 간단한 비디오 프레젠테이션을 만드는 경우 기본 설정을 사용하고 비디오를 스테이지로 가져옵니다. 동적인 프레젠테이션을 만들거나, 여러 비디오 클립을 사용하여 작업하거나, ActionScript를 사용하여 동적 전환이나 다른 요소를 추가하려면 비디오를 라이브러리로 가져옵니다. 비디오 클립을 라이브러리로 가져온 다음에는 ActionScript를 사용하여 간편하게 제어할 수 있는 MovieClip 객체로 변환하여 사용자 정의합니다.

    기본적으로 Animate는 포함하려는 비디오 클립의 재생 시간에 맞게 타임라인을 확장합니다.

    비디오 파일에 가져오지 않으려는 오디오가 포함되어 있는 경우 [오디오 포함]의 선택을 해제합니다.  

  6. 다음을 클릭합니다. 확인 메시지를 검토하고 완료를 클릭합니다.

    비디오 가져오기 마법사에서 비디오를 SWF 파일에 포함합니다. 비디오는 사용자가 선택한 포함 옵션에 따라 스테이지나 라이브러리에 표시됩니다.

    비디오 가져오기 완료 대화 상자
    비디오 가져오기 완료 대화 상자

  7. 속성 관리자(윈도우 > 속성)에서 비디오 클립에 인스턴스 이름을 지정하고 비디오 클립 속성을 수정합니다.

    비디오 클립 인스턴스 이름
    비디오 클립 인스턴스 이름

라이브러리로 비디오 파일 가져오기

FLV, F4V 또는 H.264 비디오를 가져오려면 가져오기 > 비디오 가져오기 또는 라이브러리로 가져오기 명령을 사용합니다.

외부 소스에서 FLV 또는 F4V 파일을 동적으로 로드하는 비디오 플레이어를 직접 만들려면 동영상 클립 심볼 내부에 비디오를 배치하십시오. FLV 또는 F4V 파일을 동적으로 로드하는 경우 비디오 파일의 실제 크기에 맞게 동영상 클립의 크기를 조정하고, 동영상 클립 비율 조정을 통해 비디오의 비율을 조정해야 합니다.

참고:

동영상 클립 인스턴스 내에 비디오를 배치하면 내용을 가장 많이 제어할 수 있으므로 이렇게 하는 것이 가장 좋습니다. 비디오의 타임라인은 기본 타임라인과 별도로 재생됩니다. 비디오를 포함하기 위해 많은 프레임으로 기본 타임라인을 확장할 필요가 없습니다. 많은 프레임으로 확장하면 FLA 파일로 작업하기가 어렵습니다.

  1. FLV, SWF 또는 H.264 비디오 파일을 라이브러리로 가져오려면 다음 중 하나를 수행합니다.

    • 파일 > 가져오기 > 라이브러리로 가져오기를 선택합니다.

    • [라이브러리] 패널에서 기존 비디오 클립을 선택한 다음 [라이브러리] 패널 메뉴에서 [속성]을 선택합니다. 비디오 파일을 마우스 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 [속성]을 선택할 수도 있습니다. 가져오기를 클릭합니다. 가져올 파일을 찾아 열기를 클릭합니다.

    라이브러리로 가져오기 옵션
    라이브러리로 가져오기 옵션

비디오 클립의 속성 변경

속성 관리자를 사용하여 스테이지에서 포함된 비디오 클립의 인스턴스 속성을 변경하고, 인스턴스에 인스턴스 이름을 지정하고, 스테이지에서의 폭, 높이 및 위치를 변경할 수 있습니다. 비디오 클립의 인스턴스를 교체할 수도 있습니다. 즉, 비디오 클립 인스턴스에 다른 심볼을 지정할 수도 있습니다. 인스턴스에 다른 심볼을 지정하면 스테이지에 다른 인스턴스가 표시되지만 크기, 등록 포인트 등과 같은 인스턴스 속성은 모두 그대로 유지됩니다.

[비디오 속성] 대화 상자에서는 다음을 수행할 수 있습니다.

  • 비디오 클립의 이름, 경로, 만든 날짜, 픽셀 크기, 길이 및 파일 크기를 비롯하여 가져온 비디오 클립에 대한 정보 보기

  • 비디오 클립 이름 변경

  • 외부 편집기에서 비디오 클립을 수정하는 경우 해당 클립 업데이트

  • 선택한 클립을 바꿀 FLV 또는 F4V 파일 가져오기

  • 비디오 클립을 FLV 또는 F4V 파일로 내보내기

속성 관리자에서 비디오 인스턴스 속성 변경

  1. 스테이지에서 포함되었거나 링크된 비디오 클립의 인스턴스를 선택합니다.
  2. 윈도우 > 속성을 선택하고 다음 중 하나를 수행합니다.

    • 속성 관리자의 왼쪽에 있는 [이름] 텍스트 필드에 인스턴스 이름을 입력합니다.

    • [W] 및 [H]에 값을 입력하여 비디오 인스턴스의 크기를 변경합니다.

    • [X] 및 [Y]에 값을 입력하여 스테이지에서 인스턴스의 왼쪽 위 모서리 위치를 변경합니다.

    • [교체]를 클릭합니다. 인스턴스에 현재 지정된 비디오 클립을 바꿀 클립을 선택합니다.

      참고: 포함된 비디오 클립은 오직 포함된 다른 비디오 클립과 교체할 수 있으며 링크된 비디오 클립은 오직 링크된 다른 비디오 클립과 교체할 수 있습니다.

비디오 속성 대화 상자에서 비디오 클립 속성 보기

  1. [라이브러리] 패널에서 비디오 클립을 선택합니다.
  2. [라이브러리] 패널 메뉴에서 [속성]을 선택하거나 [라이브러리] 패널 아래쪽에 있는 [속성] 버튼을 클릭합니다. [비디오 속성] 대화 상자가 표시됩니다.

비디오 새 이름 지정, 업데이트 또는 대체

  1. [라이브러리] 패널에서 비디오 클립을 선택한 다음 [라이브러리] 패널 메뉴에서 [속성]을 선택합니다.
  2. 다음 중 하나를 수행합니다.

    • 새 이름을 지정하려면 [이름] 텍스트 필드에 이름을 입력합니다.

    • 비디오를 업데이트하려면 업데이트된 비디오 파일을 찾아 [열기]를 클릭합니다.

    • 비디오를 대체하려면 [가져오기]를 클릭하고 현재 클립을 대체할 FLV, F4V 또는 H.264 파일로 이동한 후 [열기]를 클릭합니다.

타임라인을 사용하여 비디오 재생 제어

포함된 비디오 파일의 재생을 제어하려면 비디오가 포함된 타임라인을 제어합니다. 예를 들어, 기본 타임라인에서 비디오 재생을 일시 정지하려면 해당 타임라인을 대상으로 하는 stop() 액션을 호출합니다. 마찬가지로, 동영상 클립 심볼의 타임라인 재생을 제어함으로써 해당 동영상 클립 심볼의 비디오 객체를 제어할 수 있습니다.

동영상 클립의 가져온 비디오 객체에 적용할 수 있는 액션은 goTo, play, stop, toggleHighQuality, stopAllSounds, getURL, FScommand, loadMovie, unloadMovie, ifFrameLoadedonMouseEvent입니다. Video 객체에 액션을 적용하려면 먼저 Video 객체를 동영상 클립으로 변환해야 합니다.

카메라에서 보내는 실시간 비디오 스트림을 표시하려면 ActionScript를 사용합니다. 먼저 Video 객체를 스테이지에 배치하려면 [라이브러리] 패널 메뉴에서 [새 비디오]를 선택합니다. Video 객체에 비디오 스트림을 첨부하려면 Video.attachVideo를 사용하십시오.

ActionScript 2.0 언어 참조 설명서의 Video 및 attachVideo(Video.attachVideo 메서드)와 ActionScript® 3.0 언어 참조 설명서의 fl.video도 참조하십시오.

소스 파일 편집 후 포함된 비디오 업데이트

  1. [라이브러리] 패널에서 비디오 클립을 선택합니다.
  2. 속성을 선택하고 업데이트를 클릭합니다.

    포함된 비디오 클립이 편집한 파일로 업데이트됩니다. 비디오를 처음 가져올 때 선택한 압축 설정이 업데이트된 클립에 다시 적용됩니다.

Adobe 로고

내 계정 로그인