Photoshop Spritesheets 용 RA 애니메이션 익스포터

• 할 수있다 21, 2024

포토샵으로^{아르 자형} 애니메이션 패널에서 아주 멋진 애니메이션을 만들 수 있습니다. 웹 gif 애니메이션 이외의 방식으로 사용할 수 없다는 것은 부끄러운 일입니다. 몇 달 동안 저는 Photoshop 애니메이션의 프레임을 스프라이트 시트로 변환하는 스크립트를 검색했습니다.

스프라이트 시트는 모바일 프로젝트에서 애니메이션을 사용하는 한 가지 방법입니다. 메모리에로드 된 경우 하나의 png 만 있기 때문에 무비 클립보다 메모리 효율성이 높습니다. 모바일 앱 개발이 폭발적으로 증가함에 따라 스프라이트 시트는 매우 인기가 있습니다.

RA 애니메이션 익스포터는 Peter Jones (Retro Affect)가 제작했습니다. 웹 사이트에서 무료로 다운로드 할 수 있습니다 (아래 링크 참조). 다운로드 한 zip에는 작업을 수행하는 RA Animation Exporter v.1.2.jsx 파일이 있습니다. Jones는 예제 psd 및 png 파일도 제공합니다.

RA Animation Exporter 스크립트는 애니메이션의 각 프레임에 포함 된 보이는 레이어를 하나의 레이어 이미지로 병합하고 모든 결과 이미지를 순차적으로 새 이미지 창의 그리드에 배치합니다. 이 새로운 이미지는 데스크탑에 png 텍스처로 저장됩니다. 애니메이션 패널에서 높이, 너비 및 프레임 수를 사용하여 스크립트는 PNG 이미지의 출력 크기를 2의 가장 가까운 거듭 제곱으로 결정하며 이는 일반적으로 모바일 프로젝트의 요구 사항입니다. 좋은 기능 중 하나는 스크립트가 처리 된 Photoshop 이미지에 나타날 수있는 흰색 후광 효과를 확인하고 수정한다는 것입니다.

최상의 결과를 얻으려면 타임 라인 모드가 아니라 애니메이션 패널의 프레임 모드에서 작업해야합니다. 레이어 패널의 모든 레이어를 잠금 해제해야하며 애니메이션 패널에 빈 프레임이 없어야합니다. 애니메이션에 여러 프레임을 사용할 수 있으며 2의 거듭 제곱 크기를 권장합니다.

1. Photoshop을 열기 전에 .jsx 파일을 Photoshop 스크립트 폴더에 복사하십시오.
   
   응용 프로그램 / Adobe Photoshop CS5.1 / 사전 설정 / 스크립트 /
   
   
2. 평소와 같이 Photoshop에서 애니메이션을 만듭니다.
   
   
3. 이미지 파일을 psd 이미지로 저장하십시오.
   
   
4. 파일-스크립트-RA Animation Exporter v1.2를 클릭하십시오.
   
   
5. 데스크탑에서 3 단계와 동일한 이름의 png를 찾으십시오.
   
   

//retroaffect.com/blog/132/Photoshop_Animation_to_Sprite_Sheet/

저작권 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] 등록 상표 또는 상표입니다.

비디오 지침: LED MASTER mini rev 20 (할 수있다 2024).