그래픽에 반응형 디자인 추가

After Effects에서 반응형 디자인 - 시간을 만들고 이를 사용하여 작업하는 방법을 알아보십시오.

반응형 디자인 - 시간 기능을 사용하면 적응형 모션 그래픽을 제작할 수 있습니다. 이 기능은 컴포지션이 중첩되어 있을 때 또는 컴포지션을 모션 그래픽 템플릿으로 내보낼 때 적응형 시간 스트레치를 지원합니다. 적응형 시간 스트레치를 수행하면 보호되지 않은 영역에 대해 시간 스트레치를 수행하더라도 보호 영역이 동일한 시간 동안 애니메이션 처리됩니다.

컴포지션의 시작, 끝, 임의의 영역을 보호하고, 반응형 디자인 템플릿을 저장하고, 다른 프로젝트에 재사용하여 복제 및 시간 조정을 방지할 수 있습니다.

이 기능을 사용하면 애니메이션이 그래픽 또는 시퀀스에 고정되며 편집 내용에 맞게 조정됩니다. 이렇게 하면 프로젝트의 시퀀스와 정렬되도록 시간을 빠르게 조정할 수 있는 복잡한 애니메이션과 모션 그래픽 템플릿을 만들 수 있습니다.

예를 들어, 아래쪽 세 번째를 만들고, 애니메이션 페이드 인/아웃을 만들고, 반응형 디자인 시간을 추가합니다. 반응형 디자인은 클립 지속 시간의 연장 또는 자르기와 무관하게 애니메이션 시간을 유지합니다.

반응형 디자인 - 시간 이해

다음 예를 통해 문제를 이해합니다.

페이드 인/아웃을 사용하여 텍스트 애니메이션을 만들 때 애니메이션 길이를 시퀀스 길이 만큼 길게 만들어야 합니다. 애니메이션은 검정 배경에 페이드 인되는 두 개의 텍스트 세트로 구성됩니다.

동일한 애니메이션을 다른 시퀀스에 추가합니다. 글꼴 크기와 같은 애니메이션의 모든 요소와 페이드 인/아웃의 시작 및 종료 시간은 시퀀스와 일치해야 합니다. 한 가지 방법은 애니메이션을 복제하여 시퀀스의 길이와 정렬하는 것입니다. 그러나, 이 방법은 애니메이션 키프레임을 이동하여 시퀀스에 페이드 인/아웃을 정렬해야 하므로 시간이 오래 걸릴 수 있습니다.

여기서 반응형 디자인 - 시간을 사용할 수 있습니다. 키프레임에서 페이드 인/아웃 영역을 보호하고 애니메이션을 확장할 수 있습니다. 이렇게 하면 해당 영역이 시퀀스에 연결되고, 시퀀스의 길이에 맞게 애니메이션의 시간을 늘리더라도 애니메이션을 적용하는 데 걸리는 시간은 영향을 받지 않습니다. 일단 연결되면, 애니메이션은 시퀀스의 길이에 따라 능동적으로 조정됩니다.

반응형 디자인 - 시간 적용

반응형 디자인 - 시간은 다음과 같은 3가지 방법으로 적용할 수 있습니다.

  1. 옵션 1:

    컴포지션 메뉴의 반응형 디자인 - 시간 하위 메뉴에서 다음 옵션 중 하나를 선택합니다.

    • 시작 만들기: 컴포지션 지속 시간의 15%에 대해 보호 영역을 만들고, 컴포지션의 첫 번째 프레임에서 시작합니다.
    • 끝 만들기: 컴포지션 지속 시간의 15%에 대해 보호 영역을 만들고, 컴포지션의 마지막 프레임에서 끝납니다.
    • 작업 영역에서 보호 영역 만들기: 작업 영역 막대와 일치하는 시작점 및 끝점이 있는 보호 영역을 만듭니다. 보호 영역은 파란색으로 음영 처리됩니다.

  2. 옵션 2:

    작업 영역 막대를 드래그하여 보호 영역으로 설정하려는 영역을 선택합니다. 작업 영역 막대를 마우스 오른쪽 버튼으로 클릭한 다음 작업 영역에서 보호 영역 만들기를 선택합니다.

  3. 옵션 3:

    타임라인 오른쪽에 있는 마커 아이콘을 클릭하고 컴포지션 마커를 만듭니다.

  4. [타임라인] 패널에서 마커를 두 번 클릭하여 컴포지션 마커 설정 대화 상자를 연 다음 지속 시간을 설정하고 보호 영역 옵션을 활성화합니다.

애니메이션을 다른 컴포지션에 추가

애니메이션의 보호 영역, 끝, 시작을 설정하면 이를 시퀀스의 다른 컴포지션에 추가할 수 있습니다.

다음 예를 참조하여 프로세스를 이해합니다.

    • 보호 영역이 있는 애니케이션의 이름을 예를 들어 Comp A라고 합니다.
    • 애니메이션을 추가하는 데 사용할 컴포지션 이름을 Comp B라고 합니다.

    타임 라인 패널에서 Comp B를 엽니다.

  1. 타임라인에서 Comp A를 드래그하여 Comp B 위에 놓습니다.

  2. 타임라인에 보호 영역이 파란색 음영으로 표시됩니다. Comp A의 끝점을 잡고 드래그하여 Comp B의 끝점에 연결합니다.

    컴포지션을 미리 볼 때 애니메이션의 보호 영역은 동일한 시간 동안 애니메이션이 적용되고, 보호되지 않은 영역만 늘어납니다.

여러 보호 영역이 있는 중첩된 컴포지션을 사용하여 작업

  • 보호 영역이 하나 이상 있고 다른 컴포지션에 중첩된 컴포지션의 시작점 및 끝점을 드래그하면 자르는 대신에 컴포지션의 시간을 늘립니다. 이 기능은 보호 영역의 지속 시간을 유지합니다. 예를 들어, 2초 보호 영역이 있는 5초 클립의 시간을 10초로 늘릴 경우, 보호 영역의 지속 시간은 2초로 유지됩니다.
  • 시간 스트레치 대신 레이어의 포인트를 안이나 밖으로 트리밍하려면 Option(Mac OS) 또는 Alt(Windows) 키를 누른 채 포인트를 안이나 밖으로 드래그합니다.
  • 보호 영역은 [보호 영역] 옵션이 설정되어 있는 컴포지션 마커이며, 쉽게 알아볼 수 있도록 다른 핸들 아이콘이 있습니다. 보호 영역 마커는 다른 컴포지션 마커와 동일하게 작동하며, 보호 영역이 포함된 컴포지션을 중첩할 경우 해당 마커를 수정할 수 없다는 점만 다릅니다. 대신 중첩된 컴포지션의 레이어 막대에 음영이 적용되어 보호 영역임을 나타냅니다.
  • 컴포지션을 중첩한 후 보호 영역을 수정하면 중첩된 컴포지션 레이어의 보호 영역 마커가 자동으로 업데이트 되지 않습니다. 중첩된 컴포지션 레이어의 마커를 업데이트하려면 레이어를 선택하고 레이어 > 마커 > 소스에서 마커 업데이트를 선택합니다.
  • 컴포지션 마커의 protectedRegion 특성을 사용하여 스크립팅 또는 표현식을 통해 보호 영역 옵션에 액세스할 수도 있습니다.

보호 영역이 있는 컴포지션을 모션 그래픽 템플릿으로 내보내기

보호 영역이 있는 컴포지션을 모션 그래픽 템플릿으로 내보내고 Premiere Pro에서 시퀀스에 추가하는 경우, 시간 다시 매핑 없이 바로 길이를 조정할 수 있습니다.

클립의 시작점 및 종료점을 드래그하여 시작점또는 종료점을 자르는 대신에 컴포지션의 시간을 늘릴 수 있습니다. 보호 영역의 지속 시간은 유지됩니다.

  • 오디오를 모션 그래픽 템플릿으로 가지고 있는 컴포지션을 내보내는 경우 Premiere Pro에서는 이에 맞게 시간을 늘이지 않습니다.
  • CINEMA 4D 렌더러를 사용하고 3D 레이어를 포함하고 있는 컴포지션, 또는 CINEWARE 효과를 사용하는 CINEMA 4D 레이어를 포함하는 컴포지션은 컴포지션의 시간을 늘릴 경우 보호되지 않은 영역의 매끄러운 애니메이션에 문제가 발생할 수 있습니다.

After Effects를 사용하여 더 많은 작업 수행

Adobe After Effects를 사용하여 놀라운 모션 그래픽, 텍스트 애니메이션, 시각 효과를 만드십시오. 영화, TV, 비디오, 웹을 디자인하십시오.

쉽고 빠르게 지원 받기

신규 사용자이신가요?