시작하기 전에

 애니메이션을 시작하기 전에 다음 개념을 이해하십시오.

사전 요구 사항 설명
타임라인 모션 트윈으로 작업하기 전에 타임라인 및 속성 편집 사용을 이해하십시오. 스테이지, 속성 관리자에서 또는 새로 디자인된 모션 편집기를 사용하여 개별 속성 키프레임을 편집할 수 있습니다.
심볼 인스턴스  Animate는 심볼 인스턴스 및 텍스트 필드만 트위닝합니다. 다른 모든 객체 유형은 트윈 적용 시 심볼에 래핑됩니다. 심볼 인스턴스에는 중첩된 심볼이 포함될 수 있으며, 중첩된 심볼은 자체 타임라인에서 트위닝될 수 있습니다.
트윈 범위 트윈 레이어의 최소 기본 단위는 트윈 범위입니다. 트윈 레이어의 트윈 범위는 하나의 심볼 인스턴스 또는 텍스트 필드만 포함할 수 있습니다. 심볼 인스턴스는 트윈 범위의 대상이라고 합니다. 하지만 단일 심볼이 여러 개의 객체를 포함할 수 있습니다.
대상 객체

트윈 범위에 두 번째 심볼 또는 텍스트 필드를 추가하면 트윈에 원래 있던 심볼이 바뀝니다. 트윈의 대상 객체를 변경하려면 다음 메서드 중 하나를 사용합니다.

  • 타임라인에서 라이브러리의 다른 심볼을 트윈 범위로 드래그합니다.
  • 수정 > 심볼 > 심볼 교체 명령을 사용합니다.

트윈을 제거하거나 분리하지 않고 트윈 레이어에서 심볼을 삭제할 수 있습니다. 그러면 나중에 다른 심볼 인스턴스를 트윈에 추가할 수 있습니다. 언제든지 대상 심볼의 유형을 변경하거나 심볼을 편집할 수도 있습니다.

모션 경로 트윈에 모션이 포함된 경우 모션 경로가 [스테이지]에 표시됩니다. 모션 경로는 각 프레임에서 트위닝된 객체의 위치를 보여 줍니다. 제어점을 드래그하여 [스테이지]에서 모션 경로를 편집할 수 있습니다. 트윈/역기구학 레이어에는 모션 안내선을 추가할 수 없습니다. 

참고 사항

모션 트윈 구성 요소

트윈 범위:

  • 객체가 시간 경과에 따라 변하는 하나 이상의 속성을 갖는 타임라인의 프레임 시퀀스입니다.
  • 모션 트윈 범위는 타임라인에서 단일 레이어의 배경색이 있는 프레임 그룹으로 나타납니다.
  • 트윈 범위를 단일 객체로 선택하고 이를 타임라인의 한 위치에서 다른 레이어를 포함한 다른 위치로 드래그할 수 있습니다.
  • 각 트윈 범위의 스테이지에서 하나의 객체에만 애니메이션을 적용할 수 있습니다. 이 객체를 트윈 범위의 대상 객체라고 합니다.

속성 키프레임:

  • 트윈 대상 객체에 대한 하나 이상의 속성 값이 명시적으로 정의된 트윈 범위 내 프레임입니다.
  • 이러한 속성에는 위치, 알파(투명도), 색상 농도 등이 포함될 수 있습니다.
  • 정의된 각 속성에는 자체 속성 키프레임이 있습니다.
  • 단일 프레임에 여러 개의 속성을 설정하면 이러한 속성의 각 속성 키프레임이 해당 프레임에 놓입니다.
  • 모션 편집기를 사용하여 트윈 범위의 각 속성과 속성 키프레임을 볼 수 있습니다.
  • 트윈 범위 컨텍스트 메뉴에서 타임라인에 표시할 속성 키프레임 유형을 선택하려면 속성 키프레임을 마우스 오른쪽 버튼으로 클릭하고 키프레임 보기를 선택합니다. 

트윈의 대상 객체

모션 트윈에는 트윈 범위의 단일 객체가 있으며 이를 트윈의 대상 객체라고 합니다. 트윈에 단일 대상 객체가 있는 경우 여러 가지 이점이 있습니다.

  • 트윈을 프리셋으로 저장하여 재사용할 수 있습니다.
  • 타임라인 또는 스테이지에서 모션 트윈을 손쉽게 이동할 수 있습니다(트윈 범위를 드래그함).
  • 기존 트윈에 새 인스턴스 적용하려면 다음을 수행하십시오.
    • 교체하려면 트윈에 붙여 넣습니다.
    • 라이브러리에서 새 인스턴스를 드래그합니다.
    • 심볼 교체를 사용합니다. 

트위닝 가능한 객체 및 속성

모션 트윈을 적용할 수 있는 객체 유형은 동영상 클립, 그래픽 및 버튼 심볼, 텍스트 필드입니다. 트위닝할 수 있는 이러한 객체의 속성은 다음과 같습니다.

  • 2D X 및 Y 위치
  • 3D Z 위치 (동영상 클립만 해당)

  • 2D 회전(z축 주위)

  • 3D X, Y 및 Z 회전 (동영상 클립만 해당): 제작 설정에서 FLA 파일 대상을 ActionScript 3.0 및 Flash Player 10 이상으로 설정합니다. Adobe AIR은 3D 모션도 지원합니다.

  • X 및 Y 기울이기

  • X 및 Y 배율

  • 색상 효과: 알파(투명도), 밝기, 농도 및 고급 색상 설정이 포함됩니다. 색상 효과는 심볼 및 TLF 텍스트에만 트위닝될 수 있습니다. 이러한 속성을 트위닝함으로써 객체가 페이드 인되거나 한 색상에서 다른 색상으로 페이드되는 것처럼 보이게 만들 수 있습니다. 클래식 텍스트에서 색상 효과를 트위닝하려면 텍스트를 심볼로 변환하십시오.

  • 필터 속성(그래픽 심볼에는 필터를 적용할 수 없음)

모션 트윈 애니메이션 만들기

다음 세 가지 방법 중 하나를 사용하여 모션 트윈을 만들 수 있습니다.

  • 트위닝하려는 그래픽 또는 인스턴스를 만든 다음 프레임을 마우스 오른쪽 버튼으로 클릭하고 모션 트윈 만들기를 선택합니다.
  • 트위닝하려는 그래픽 또는 인스턴스를 선택한 다음 기본 메뉴에서 삽입 > 모션 트윈을 선택합니다.
  • 트위닝하려는 그래픽 또는 인스턴스를 만든 다음 스테이지에서 인스턴스를 마우스 오른쪽 버튼으로 클릭하고 모션 트윈 만들기를 선택합니다.

참고:

애니메이션에서 ActionScript 사용은 옵션입니다. 

모션 트윈 애니메이션 만들기

속성 관리자를 사용하여 다른 속성 트윈

심볼 인스턴스 또는 텍스트 필드 속성에 애니메이션을 적용하려면 모션 트윈 만들기 명령을 사용합니다. 회전, 크기 조절, 투명도 또는 농도의 속성 범위입니다(심볼 및 TLF 텍스트 전용). 예를 들어 심볼 인스턴스의 알파(투명도) 속성을 편집하여 화면으로 페이드 인되도록 할 수 있습니다. 모션 트윈을 사용하여 애니메이션을 적용할 수 있는 속성의 목록은 트윈 가능한 객체 및 속성을 참조하십시오.

  1. 스테이지에서 심볼 인스턴스 또는 텍스트 필드를 선택합니다.

    선택 항목에 다른 객체가 포함되어 있거나 한 레이어의 여러 객체가 포함되어 있는 경우 Animate는 선택 항목을 동영상 클립 심볼로 변환할 것을 제안합니다.

  2. 삽입 > 모션 트윈을 선택합니다.

    트윈을 위해 선택 항목을 심볼로 변환” 대화 상자가 나타나면 [확인]을 클릭하여 선택 항목을 동영상 클립 심볼로 변환합니다.

    단일 키프레임에만 있는 객체에 트윈을 적용하면 재생 헤드가 새 트윈의 마지막 프레임으로 이동합니다. 그렇지 않으면 재생 헤드가 이동하지 않습니다.

  3. 속성 값을 지정하려는 트윈 범위의 프레임에 재생 헤드를 배치합니다.

    재생 헤드를 트윈 범위의 다른 프레임에 배치할 수 있습니다. 트윈은 트윈 범위에서 첫 번째 프레임의 속성 값으로 시작합니다. 이 프레임이 항상 속성 키프레임이 됩니다.

  4. 스테이지에서 객체를 선택한 상태로 알파(투명도), 회전, 기울이기 같은 위치 이외의 속성 값을 설정합니다. 속성 관리자나 도구 패널의 도구 중 하나를 사용하여 값을 설정합니다.

    범위의 현재 프레임이 속성 키프레임이 됩니다.

    참고:

    트윈 범위에 있는 속성 키프레임의 다양한 유형을 표시할 수 있습니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)하고 컨텍스트 메뉴에서 키프레임 보기 > 속성 유형을 선택합니다.

  5. 타임라인에서 재생 헤드를 이동하여 스테이지에서 트윈을 미리 봅니다.

  6. 속성 키프레임을 더 추가하려면 재생 헤드를 범위의 원하는 프레임으로 이동시키고 속성 관리자에서 속성 값을 설정합니다.

기존 트윈 레이어에 트윈 추가

기존 트윈 레이어에 트윈을 더 추가할 수 있습니다. 애니메이션이 있는 Animate 내용을 만들 때 더 적은 수의 레이어를 사용하려면 더 많은 트윈을 추가합니다.

  1. 다음 중 하나를 수행합니다.

    • 레이어에 빈 키프레임을 추가(삽입 > 타임라인 > 빈 키프레임)하고, 키프레임에 항목을 추가한 다음 항목을 트위닝합니다.
    • 별도의 레이어에 트윈을 만든 다음 범위를 원하는 레이어로 드래그합니다.
    • 정적 프레임을 다른 레이어에서 트윈 레이어로 드래그한 후 정적 프레임의 객체에 트윈을 추가합니다.
    • Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 채 드래그하여 같은 레이어 또는 다른 레이어에 있는 기존 범위를 복제합니다.
    • 같은 레이어 또는 다른 레이어에서 트윈 범위를 복사하여 붙여 넣습니다.

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

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