고급 시간 절약형 PSD 팁을 사용하여 전문가처럼 Affinity Designer 디자인을 After Effects로 가져옵니다.
이제 Affinity Designer에서 그래디언트, 그레인 및 픽셀 기반 브러시를 사용하는 데 익숙해졌으므로 다음을 살펴보겠습니다. After Effects에서 사용하기 위해 Affinity Designer에서 Photoshop(PSD) 파일을 내보낼 때 고급 팁에서. 앞치마를 두르고 요리를 합시다.
팁 #1: 투명도
Affinity Designer에는 레이어의 불투명도를 조정하는 두 위치가 있습니다. 색상 패널에서 불투명도 슬라이더를 사용하거나 레이어의 불투명도를 설정할 수 있습니다. 색상의 불투명도 슬라이더는 After Effects에서 무시됩니다. 따라서 레이어 불투명도만 사용하십시오.
이 규칙의 한 가지 예외는 그라데이션이 생성되는 경우입니다. 그라디언트 도구로 그라디언트를 만들 때 부정적인 부작용 없이 색상에 대한 불투명도 슬라이더를 사용할 수 있습니다.
색상 패널의 슬라이더가 아닌 레이어 패널의 불투명도 값을 사용하십시오.Tip # 2: 컴포지션 통합
Affinity Designer에서 각 그룹/레이어는 After Effects 내에서 컴포지션이 됩니다. 따라서 여러 그룹/레이어가 서로 중첩되기 시작하면 After Effects의 사전 구성이 약간 깊어질 수 있습니다. 중첩된 레이어 수가 많은 프로젝트에서는 After Effects의 성능이 저하될 수 있습니다.
왼쪽 - 선호도의 레이어 및 그룹. 오른쪽 - After Effects에서 Affinity PSD를 가져왔습니다.팁#3: 통합
After Effects 내에서 단일 개체로 애니메이션될 여러 그룹/레이어로 구성된 요소의 그룹/레이어를 통합할 수 있습니다. After Effects 내에서 그룹/레이어를 하나의 레이어로 통합하려면 관심 있는 그룹/레이어를 선택하고 가우시안 흐림 효과 패널에서 확인란을 클릭합니다. 실제로 그룹/레이어에 흐림 효과를 추가하지 마십시오. 확인란을 클릭하기만 하면 Affinity Designer가 PSD 파일로 내보낼 때 그룹/레이어에서 하나의 레이어를 만듭니다.
위 - 선호도의 로고가 만들어짐 최대 5개 그룹. 아래 - 로고는 After Effects에서 한 레이어로 축소됩니다.팁 #4: 자동 자르기 사전 구성
기본 구성 요소가 여러 사전 구성 요소로 구성된 경우 사전 구성 요소는 기본 구성 요소의 크기입니다. 기본 구성 요소와 동일한 크기의 경계 상자가 있는 작은 요소가 있으면 애니메이션을 적용할 때 답답할 수 있습니다.
경계 상자는 혜성에 대한 구성 요소와 크기가 동일합니다.모든 사전 구성 요소를 트리밍하려면 aescripts.com에서 "pt_CropPrecomps"라는 스크립트를 사용하여 기본 구성 내의 레이어 위치에 영향을 주지 않고 사전 구성 자산의 크기로 한 번에 조정합니다. 메인 컴포지션에서 실행하여 메인 컴포지션 내의 모든 사전 컴포지션을 트리밍합니다. 트리밍된 구성 요소를 사전 구성 자산보다 크게 하려면 테두리를 추가하는 옵션도 있습니다.
위 - Precomp는 메인 comp와 같은 크기입니다.아래 - 사전 구성이 사전 구성 콘텐츠에 맞게 조정되었습니다.팁 #5: 편집 가능성 유지
이전 기사에서는 PSD 사전 설정인 "PSD(Final Cut Pro X)"가 사용되었습니다. 이 사전 설정을 사용할 때 "모든 레이어 래스터화"가 선택되어 Affinity Designer가 레이어의 정확도를 유지하도록 합니다. After Effects에서 더 많은 제어를 위해 사용자는 다른 속성을 선택하여 편집 가능성을 유지할 수 있습니다.
내보내기 설정에서 "추가" 버튼을 클릭하고 "모든 레이어 래스터화"를 선택 취소합니다. 상자를 선택 취소하면 특정 요소 유형에 대한 편집 가능성을 유지할 수 있는 옵션이 있습니다.
After Effects용 PSD 내보내기 파일 워크플로
After Effects 작업에 적용되는 옵션을 살펴보겠습니다.
그라디언트
그레이디언트는 After Effects에서 편집할 수 없으므로 일반적으로 "정확도 유지"로 두는 것이 가장 좋습니다. 또한 경우에 따라 Affinity Designer와 After Effects 간에 전환하는 동안 그라데이션이 완벽하게 유지되지 않습니다. 잠시 후 "편집 가능성 유지" 옵션을 변경하는 것이 도움이 되는 특별한 경우를 살펴보겠습니다.
조정
Affinity Designer가 Illustrator와 차별화되는 뛰어난 기능 중 하나는 조정 레이어입니다. 또 다른 제어 수준은 Affinity Designer 내부의 조정 레이어를 After Effects로 직접 내보낼 수 있는 것입니다. 내부 조정 레이어를 조정하는 기능of After Effects는 사용자가 발생할 수 있는 변경 사항을 수용하도록 도와줍니다.
After Effects에서 지원되는 Affinity Designer 조정 레이어에는 다음이 포함됩니다.
- 레벨
- HSL 이동
- 재색상
- 흑백
- 밝기 및 대비
- 포스터화
- 생동감
- 노출
- 임계값
- 곡선
- 선택 색상
- 색상 균형
- 반전
- 포토필터
왼쪽 - Affinity Designer의 곡선 조정 레이어. 오른쪽 - Affinity Designer PSD에서 After Effects로 가져온 곡선.그룹/레이어에 조정 레이어 또는 전송 모드가 있는 레이어를 배치하는 경우 After Effects에서 구성 요소에 대한 축소 변형을 켜야 합니다. 그렇지 않으면 기본 컴포지션에서 조정 레이어와 전송 모드가 무시되어 아트웍의 모양이 크게 바뀔 수 있습니다.
상단 - 사전 구성에서 전송 모드를 포함하는 레이어가 있는 Affinity Designer PSD를 가져왔습니다. 하단 - 축소 변환 버튼이 선택된 동일한 레이어입니다.레이어 효과
Photoshop에 레이어 스타일이 있는 것처럼 Affinity Designer에도 있습니다. Affinity Designer에서 PSD를 가져올 때 자산으로 작업하는 동안 더 많은 유연성을 제공하기 위해 기본 After Effects 레이어 스타일로 애니메이션을 적용할 수 있도록 레이어 스타일을 보존할 수 있습니다.
PSD 파일용 After Effects 대화 상자.
레이어 스타일Affinity Designer PSD를 가져올 때 After Effects에서 보존됩니다.레이어 스타일을 적용할 때 스타일을 그룹/레이어가 아닌 개체에 적용하십시오. 레이어 스타일은 컴포지션에 적용할 수 없기 때문에 그룹/레이어에 적용된 레이어 스타일은 After Effects에서 무시됩니다.
레이어 효과의 편집 가능성을 유지하는 추가 보너스는 After Effects는 레이어 스타일의 불투명도에 영향을 주지 않고 레이어의 불투명도를 조정할 수 있는 레이어의 채우기 강도를 제어합니다.
레이어 스타일이 적용된 레이어의 채우기 불투명도를 조정합니다.선
선을 편집 가능하게 만들면 사용자가 마스크로 각 개체의 윤곽을 나타낼 수 있습니다. 따라서 Affinity Designer에서 스트로크를 만들고 After Effects에서 마스크로 변환할 수 있습니다. 약간의 계획만 있으면 자산을 디자인하는 동안 표시용 마스크를 만들고 경로를 따라 개체에 애니메이션을 적용할 수 있습니다.
참고: 아트웍에 그라디언트를 적용한 경우 다음과 같이 편집 가능성을 유지하려면 그라디언트를 변경해야 합니다. 마스크를 생성할 수 있습니다.
마지막으로 시리즈 초반에 언급했던 익스포트 페르소나를 잊지 마세요. 모든 레이어를 PSD 파일로 내보낼 필요는 없습니다. 래스터 및 벡터 파일 조합에 대한 내보내기 설정을 혼합하고 일치시킬 수 있습니다.
Affinity Designer와After Effects는 완벽하지 않으며 결국 Affinity Designer는 상상력을 실현하는 또 다른 도구입니다. 시간이 지남에 따라 Affinity Designer와 After Effects 간의 워크플로가 더욱 투명해지기를 바랍니다.
그러나 그동안 워크플로의 몇 가지 변경 사항으로 인해 Affinity Designer에 After Effects에서 작동하는 모션 그래픽용 샷.
전체 시리즈 확인
Affinity Designer에서 After Effects 시리즈 전체를 보고 싶으십니까? 다음은 Affinity Designer와 After Effects 간의 워크플로우에 대한 나머지 4개 기사입니다.
- 모션 디자인에 Illustrator 대신 Affinity Designer를 사용하는 이유
- Affinity Designer 벡터 파일을 저장하는 방법 After Effects
- Affinity Designer 파일을 After Effects로 보내기 위한 5가지 팁
- Affinity Designer에서 After Effects로 PSD 파일 저장