Photoshop 애니메이션-텍스트 애니메이션

• 할 수있다 6, 2024

이 Photoshop 자습서에서는 Facebook 비디오 표지 템플릿의 디자인 요소에 애니메이션을 적용하기 시작합니다. 각 요소는 자체 레이어에 있으므로 개별적으로 제어 할 수 있습니다.

이 시점에서 볼 수 있듯이 맨 아래에 두 개의 자리 표시 자 그래픽 레이어와 8 개의 자리 표시 자 텍스트 레이어가 있습니다 (스크린 샷 참조). 비디오의 그래픽 레이어를 이미 총 지속 시간 (20 초)으로 확장했지만 텍스트 레이어는 여전히 기본 5 초로 설정되어 있습니다 (스크린 샷 참조). 필요에 따라 타임 라인을 따라이 트랙을 이동 시키므로 지금은 괜찮습니다. 지금은 아래쪽 레이어를 제외한 모든 레이어의 가시성 (레이어 패널의 눈 아이콘)을 끄겠습니다.

장면 1 프레임 별

타임 코드 (0 : 00 : 00 : 00) 프레임 1 : 비디오가 아래쪽 배경 그래픽으로 시작됩니다.

타임 코드 (0 : 00 : 01 : 00) 프레임 30 : 비디오 시작 후 1 초 (30 프레임) 비즈니스 이름 텍스트가 화면에 사라집니다. (소요 시간 : 0.5 초)

타임 코드 (0 : 00 : 02 : 00) 프레임 60 : 비디오 시작 후 2 초 사업의 종류 텍스트가 페이드 인됩니다 (지속 시간 : .5 초).

타임 라인 패널에서이 모든 작업을 수행합니다.

타임 라인 패널에서 각 텍스트 레이어에는 애니메이션을 적용 할 수있는 고유 한 속성이 있습니다.


1. 타임 라인 패널에서 텍스트 그룹 레이어를 확장하면 모든 텍스트 레이어가 표시됩니다 (스크린 샷 참조).
   
   
2. 재생 헤드를 타임 코드 (0 : 00 : 01 : 00)로 이동하고 각 텍스트 레이어의 왼쪽 가장자리를 재생 헤드로 드래그하십시오. 그러면 타임 코드 (0 : 00 : 01 : 00)까지 텍스트 레이어가 보이지 않게됩니다.
   
   
3. 확장 비즈니스 이름 속성 목록을 표시하는 텍스트 레이어. 타임 코드 (0 : 00 : 01 : 00)의 재생 헤드에서 불투명도 속성에 대한 시계 중지 아이콘을 클릭하십시오.
   
   불투명도 속성에 추가 된 작은 노란색 키 프레임이 표시되어야합니다 (스크린 샷 참조). 이 텍스트 레이어 애니메이션의 시작을 설정합니다.
   
   
4. 재생 헤드 15 프레임을 오른쪽으로 이동하십시오. 타임 코드 (0 : 00 : 01 : 15)
   
   
5. 와 함께 비즈니스 이름 레이어를 선택한 경우 속성 목록에서 불투명도 속성의 작은 삼각형을 클릭하여 두 번째 키 프레임을 추가하십시오.
   
   불투명도 속성에 두 개의 키 프레임이 생겼습니다.
   
   이 시점에서 텍스트는 여전히 두 키 프레임 위치에서 볼 수 있습니다. 애니메이션에서이 페이드의 첫 번째 프레임에서 텍스트를 숨기겠습니다.
   
   
6. 재생 헤드를 시작 프레임으로 다시 이동하십시오. 이제 레이어 패널로 이동하여 레이어의 불투명도를 0 %로 줄입니다.
   
   우리의 마지막 임무는 사업의 종류 본문.
   
   
7. 재생 헤드를 시간 눈금자 (02:00) 또는 시간 코드 (0 : 00 : 02 : 00)의 2 초 표시로 이동하십시오. 이 트랙의 왼쪽 가장자리를 재생 헤드로 드래그하십시오.
   
   
8. 를 선택하십시오 사업의 종류 텍스트를 열고 확장하여 속성을 봅니다. 이전 단계를 반복하여 두 키 프레임을 추가하고 첫 번째 키 프레임에서 불투명도를 0 %로 줄입니다.
   
   

재생 헤드를 타임 라인의 시작 부분으로 다시 이동하고 재생 단추를 클릭하여 애니메이션을 테스트하십시오. 작업을 저장하십시오.

다음 자습서에서는 Transform 속성을 사용하여 두 번째 자리 표시 자 그래픽에 애니메이션을 적용합니다.

뒤로 | 다음

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop은 미국 및 / 또는 기타 국가에서 [a] 등록 상표 또는 Adobe Systems Incorporated의 상표입니다.

비디오 지침: 포토샵에서 글자 애니메이션 효과 넣기 (할 수있다 2024).