Photoshop 애니메이션을 PNG 시퀀스로 내보내기

• 할 수있다 19, 2024

지금까지 우리는 매우 간단한 Photoshop을 만들었습니다^{아르 자형} 6 개의 프레임 만있는 애니메이션. 애니메이션을 재생하면 공이 이미지 창의 위쪽으로 이동 한 다음 갑자기 아래쪽으로 떨어집니다. 애니메이션의 프레임을 PNG 시퀀스로 내보내기 전에 공의 품위를 조금 더 부드럽게 만들어야합니다. 공이 떨어지는 프레임을 더 추가하면 애니메이션이 더욱 사실적으로 보입니다. 일부 프레임을 처리하고 반대로 재생하여이 작업을 수행합니다.

1. 애니메이션 패널에서 프레임 2-5를 선택하고 패널 메뉴 (오른쪽 상단 모서리에있는 아이콘)에서 프레임 복사를 선택하십시오.
   
   
2. 프레임 6을 선택하고 패널 메뉴에서 프레임 붙여 넣기를 선택하십시오. 프레임 붙여 넣기 대화 상자에서 선택 후 붙여 넣기를 선택하십시오.
   
   
3. 붙여 넣은 프레임은 프레임 6 이후에 나타나며 선택된 상태로 유지되어야합니다. 패널 메뉴에서 반전 프레임을 선택하십시오.
   
   

이제 애니메이션에 10 개의 프레임이 있습니다. 애니메이션을 재생하면 공이 같은 속도로 올라 갔다가 다시 내려 와야합니다.

애니메이션 파일을 기본 Photoshop 형식으로 ball.psd로 저장하십시오.

다음 작업은 애니메이션의 프레임을 시퀀스의 개별 PNG로 내보내는 것입니다. .2fps의 프레임 속도는 원래 애니메이션에 좋았지 만 내보내기 프로세스에서는이를 1fps로 변경해야합니다.

1. 애니메이션 패널에서 10 개의 프레임 각각에서 0.2 초를 1 초로 변경하십시오.
   
   
2. 애니메이션 패널에서 프레임 1을 선택하고 파일-내보내기-비디오 렌더링을 클릭하십시오.
   
   
3. 비디오 렌더링 대화 상자의 위치 섹션에서 PNG 이미지의 대상 폴더를 선택하십시오. 원하는 경우 PNG를 하위 폴더에 자동으로 배치 할 수 있습니다.
   
   
4. 파일 옵션 섹션에서 이미지 시퀀스를 선택하고 유형을 PNG로 설정하십시오. 기본 시작 번호를 0으로 유지하고 숫자를 1로 설정하면 출력 PNG의 이름이 ball0.png에서 ball9.png (앞에 0이 없음)로 지정됩니다.
   
   
5. 기본 크기를 문서 크기로 설정하십시오. 자습서 시작 부분에서 설정 한대로 256 x 256이어야합니다.
   
   
6. 범위 섹션에서 모든 프레임을 선택하여 애니메이션에서 모든 프레임을 내 보냅니다.
   
   
7. 렌더링 옵션 섹션에서 알파 채널을 없음으로 설정하고 프레임 속도를 1fps로 설정하십시오.
   
   
8. 렌더 버튼을 클릭하면 출력 폴더에 10 개의 png가 나타납니다.
   
   

이제 TexturePacker로 가져 오기위한 PNG 시퀀스가 ​​있습니다.

← 뒤로 | 다음 →

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, 플래시, ActionScript, 불꽃 놀이, 참여, 사로 잡기, 플래시 촉매 및 플래시 용지 는 미국 및 / 또는 기타 국가에서 사용되는 Adobe Systems Incorporated의 [a] 등록 상표 또는 상표입니다.

비디오 지침: How to Use the Timeline in Adobe Photoshop to Export PNGs or Animated Gifs (할 수있다 2024).