사용 안내서 취소

아트워크에 모션 적용

Fresco에서 프레임별 또는 모션 패스 기술을 사용하여 아트워크에 모션을 추가하는 방법을 알아봅니다.

아트워크의 요소에 모션을 적용하여 매력적인 시각적 내러티브를 만들 수 있습니다. 그 후 최종 아트워크를 MP4, GIF 또는 PNG 파일로 내보낼 수 있습니다.

아트워크에 모션 적용

아트워크나 해당 아트워크의 여러 요소에 애니메이션 적용

프레임별 또는 모션 패스 기술을 사용하거나 두 가지를 조합하여 아트워크 또는 그 요소에 애니메이션을 추가할 수 있습니다.

프레임별 

각 프레임의 아트워크가 이전 프레임과 약간 다르기 때문에 연속으로 재생하면 하나의 모션을 만들어냅니다. 각 프레임에 대해 오브젝트 속성이나 움직임이 변경될 때 사용합니다.

모션 패스

오브젝트를 추적하고 정의된 패스를 따라갑니다. 외관의 변화 없이 반복 모션의 단계 전반에서 요소 또는 아트워크를 움직이는 데 사용합니다.

시작하기에 앞서

애니메이션 여정을 시작하기 전에 다음 개념과 제한 사항을 숙지하십시오. 

  • 여러 오브젝트 또는 해당 속성을 변경해야 하는 복잡한 아트워크에서 모션을 사용할 때는 오브젝트를 별도 레이어에서 생성하는 것이 좋습니다. 그러면 아트워크 내 각 오브젝트에 대한 편집을 보다 정밀하게 제어할 수 있습니다.
  • 레이어 타임라인은 프레임을 포함하는 오브젝트나 아트워크를 선택할 때 표시됩니다. 타임라인은 기본적으로 선택한 레이어의 모든 오브젝트를 포함하고 생성된 총 프레임 수와 현재 작업 중인 프레임을 표시합니다. 예를 들어 2/13은 현재 총 13개 프레임 중 두 번째 프레임을 작업 중이라는 뜻입니다.
레이어 타임라인
레이어 타임라인

프레임별 또는 모션 패스 기술을 사용한 애니메이션화

각 프레임 내 변경 내용의 복잡성을 고려해 프레임별 기술이나 모션 패스 기술을 사용해 아트워크에 모션을 적용하십시오.

아래의 탭을 클릭하여 이러한 기술을 적용하고 디자인 결과에 대한 설정을 구성하는 방법을 알아보십시오.

타임라인을 사용하여 아트워크에 프레임별 모션을 추가합니다. 각 프레임의 아트워크에 적용한 추가 변경 사항들은 디자인에서 하나의 움직임 또는 변화의 환영을 만들어냅니다.

  1. 애니메이션을 적용하고자 하는 레이어를 선택하고 모션 을 선택합니다. 기본적으로 타임라인은 선택한 레이어의 모든 오브젝트를 포함합니다.

  2. 새 프레임을 추가하려면 선택한 프레임을 탭합니다. 표시된 옵션을 사용하여 프레임을 복제, 복사 또는 삭제합니다.

  3. 프레임 순서를 변경하려면 섞을 프레임을 선택하고 타임라인을 따라 드래그 앤 드롭합니다. 새 레이어에서 아트워크를 편집하기 전에 어니언 스킨을 활성화합니다.

  4. 모두 재생을 선택하면 아트워크에 적용한 모션을 미리 볼 수 있습니다. 모션 설정에서 재생    옵션을 선택하여, 루프, 부메랑 또는 한 번만 미리보기를 재생합니다.

  5. 모션 설정을 구성하여 속도 조절, 재생 옵션 변경, 어니언 스킨의 불투명도 및 프레임 조절, 문서 타임라인 보기 등의 작업을 수행할 수 있습니다.

  6. 원하는 모션 레이어를 선택하고 기타 옵션 아이콘 > 참조로 설정으로 이동한 다음 채우기 메뉴로 대상 채우기 레이어의 개별 프레임에 적용하여 애니메이션의 채색 속도를 높일 수 있습니다.

모션 패스 기술을 사용하여 정의된 패스에서 오브젝트를 애니메이션화하려면 다음 단계를 따르십시오.  

  1. 오브젝트가 포함된 레이어를 선택하고 눈금자 위의 모션  을 선택합니다  .

  2. 하단의 모션 바에서 경로   를 선택하여 레이어 속성 패널을 엽니다.

  3. 모션 사전 설정에서 하나를 선택하여 모션 효과를 적용합니다.

  4. 오브젝트가 따라오거나 이동할 패스를 그립니다. 패스를 재생성하려면  을 삭제하고 패스를 다시 그립니다.

    자유형으로 그리기

    그리기 보조 도구를 사용하여 그리기

  5. 고급 설정에서 다음과 같은 작업을 수행할 수 있습니다.
    • 확대/축소: 이 옵션을 토글하여 오브젝트의 크기를 늘리거나 줄입니다.
    • 회전: 토글하여 스웨이 또는 스핀 모션 컨트롤을 사용합니다. 
      • 스웨이: 모션의 각도와 횟수를 지정합니다.
      • 스핀: 모션에 대해 시계 반대 방향 및 횟수 옵션을 켜거나 끕니다.

    스핀 또는 스웨이 효과 추가

    • 페이드 인/아웃: 오브젝트의 불투명도를 변경하여 모션 패스의 시작이나 끝에서 부드러운 전환을 만듭니다.
    • 패스에 정렬: 오브젝트를 지정된 패스에 정렬할 수 있습니다.

    패스에 정렬 스위치 끄기

    패스에 정렬 스위치 켜기

    • 다중 추가: 동일한 패스에 여러 오브젝트를 추가하고 실시간으로 미리 볼 수 있습니다.
    • 분산: 추가된 해당 오브젝트에 효과를 적용하고 실시간으로 미리 볼 수 있습니다.

    다중 및 분산 효과 추가

    • 속도 옵션: 모션 트랙의 재생 속도를 조절할 수 있습니다.
    • 서서히 시작/끝내기: 이 효과를 적용하면 오브젝트가 화면에서 서서히 나타나거나 사라지게 할 수 있습니다.
  6. 작업 중인 모션을 미리 보려면 모두 재생을 선택합니다. 패스  를 사용하여 미리보기를 보려면 패스를 선택합니다. 모션 설정에서 재생 옵션을 선택하여 루프, 부메랑 또는 한 번만 미리보기를 재생할 수 있습니다.

  7. 모션 설정 확인하여 속도 조절, 재생 옵션 변경, 어니언 스킨의 불투명도 및 프레임 조절, 문서 타임라인 보기 등의 작업을 수행할 수 있습니다.

다중 패스 그리기

선택한 레이어에 단일 또는 여러 개의 패스를 그릴 수 있습니다. 여러 패스를 그리면 오브젝트 또는 오브젝트 모션이 같은 레이어에 자동으로 복제되므로 모든 오브젝트에 다른 모션을 적용하는 경우를 제외하고는 여러 오브젝트를 만들 필요가 없습니다. 단일 패스 또는 다중 패스에서 작업할 때 설정 > 문서 타임라인 > 프레임으로 패스 표시를 선택하여 패스를 프레임으로 변환하는 패스 타임라인을 활성화할 수 있습니다. 

디자인을 만들었으므로 다음 모션 설정을 애니메이션에 적용하십시오. 

프레임/초

애니메이션 속도를 초당 프레임(FPS)으로 정의합니다. FPS 증가 또는 감소는 속도를 증가시키거나 감소시킵니다.

재생

재생 및 미리보기 옵션을 표시합니다. 재생 유형에는 루프, 부메랑, 한 번 재생이 있습니다.

문서 타임라인

모든 패스를 프레임으로 표시합니다. 다른 옵션을 프레임으로 패스 표시를 활성화하여 패스를 프레임 타임라인으로 변환할 수 있습니다.

어니언 스킨

이전 및 다음 프레임의 콘텐츠를 디스플레이에 표시하여 참고 자료를 제공합니다.

재생 헤드 아래의 프레임이 전체 색상으로 나타납니다.

모션 바 설정에서 어니언 스킨 기능을 활성화 및 비활성화합니다.

  • 프레임: 선택한 프레임 전후에 표시할 프레임 수를 조정합니다.
  • 불투명도: 각 어니언 스킨 프레임의 불투명도를 조정하여 프레임이 잘 보이도록 합니다. 또한 프레임 수준 불투명도 컨트롤을 사용하여 간단한 페이드 인 및 페이드 아웃 효과를 쉽게 만들 수 있습니다. 앞의 프레임은 그림자처럼 보이고 위에 프레임이 있는 경우 프레임의 위치를 식별하는 데 도움이 되는 색상으로 표시됩니다.

어니언 스킨은 프레임의 그림을 미리 보는 데 도움이 되며 이러한 작은 변경 사항을 정확하게 추적하거나 수행할 수 있습니다. 계속 표시할 프레임 수를 조정할 수도 있습니다. 자세한 내용은 아래 비디오를 시청하십시오.

애니메이션에 모션 설정 적용

모션 패스 및 프레임 변환 및 이동

콘텐츠와 함께 이전에 만든 모션 경로를 이동하거나 크기를 조정하려면 다음 단계를 따르십시오.

  1. 변환하려는 모션 레이어를 선택하고 툴바에서 변환 아이콘을 더블 탭합니다.  

  2. 드롭다운 옵션에서 모든 프레임 및 모션 경로를 선택합니다.

  3. 변환 옵션을 선택하여 모션 경로 또는 프레임을 이동하거나 크기를 조정합니다.

애니메이션 아트워크 공유

  1. 내보내기  를 선택한 후 게시 및 내보내기 > 모션을 선택합니다.

  2. 다음의 내보내기 형식 중 하나를 선택합니다.

    • GIF: 웹 그래픽 모션에 사용됩니다.
    • MP4: 오디오 및 비디오 저장 시 사용됩니다. Fresco는 MP4에 대해 세 가지 사전 설정을 제공합니다.
      1. 자동: 가장 높은 해상도로 결과물을 내보내는 데 사용합니다. 또한 파일 크기가 늘어날 수 있습니다.
      2. 웹 준비됨: 웹 디스플레이에 사용할 수 있도록 결과물의 품질과 크기를 최적화할 때 사용합니다.
      3. PNG 세트: 투명 오브젝트가 있는 모션에 사용됩니다. PNG 파일을 나중에 Adobe After Effects에서 사용할 수 있도록 추가로 편집할 수 있습니다.
    팁:

    루프 슬라이더를 움직여 MP4 모션 파일의 루프 횟수와 지속 시간을 설정할 수 있습니다.

  3. 결과물을 미리 보려면 프레임 생성을 선택합니다.

  4. 내보내기를 선택하여 아트워크를 공유하거나 저장할 수 있습니다.

    개선된 내보내기 옵션을 사용하여 MP4 모션 파일의 루프 횟수를 지정합니다

관련 리소스

이제 Adobe Fresco에서 아트워크에 모션을 적용하기 시작했으므로 한 단계 더 나아가 레이어브러시로 작업하는 방법에 대해 알아봅니다.

커뮤니티에 가입하여 연결하고, 학습하고, 참여하세요.

커뮤니티에 질문하기

Adobe Fresco 커뮤니티 포럼을 방문하여 아이디어, 전문가 팁 및 일반적인 문제에 대한 해결 방법을 살펴보십시오. 팀 및 동료 사용자와 연결하여 아이디어를 교환하고, 제작물을 공유하고, 최신 기능과 공지를 업데이트하고, 피드백을 제공할 수 있습니다.

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?