스프라이트 시트 애니메이션 제작을위한 팁과 도구

23

스프라이트 시트를 쉽게 만드는 데 사용할 수있는 도구를 찾고 있습니다.

지금은 Illustrator를 사용하고 있지만 문자의 중심을 정확한 위치에 놓을 수는 없으므로 스프라이트 시트를 반복하면서 움직이는 동안 (항상 한 곳에 있더라도) 움직이는 것처럼 보입니다. 사용할 수있는 더 나은 도구가 있습니까?

스프라이트 시트 작업에 대한 팁은 무엇입니까? 캐릭터의 각 부분을 개별 레이어 (왼팔, 오른팔, 바디 등) 또는 한 번에 모두 만들어야합니까? 다른 팁도 도움이 될 것입니다! 고맙습니다

graphics  animation  art  sprites  spritesheet 
— 짜증
소스
일부 스크립트를 사용하여 Illustrator에서 스프라이트 시트를 내보내는 위치는 무엇입니까? 나는 내 자신의 Photoshop 스크립트를 사용 하고 있지만 Illustrator에도 무언가를 원합니다.
— rraallvv

답변:

13

발생한 문제에서 다음을 수행하는 것이 좋습니다.

먼저 레이어 및 폴더로 작업하십시오. 개별 스프라이트를 폴더로 그룹화하여 전체를 이동할 수 있으며 복제 된 부분이 별도의 레이어에 있어야합니다.

(따라서 칼이나 무언가가 층에 있으면 눈이 층에 있어야합니다.) 이러한 유형의 응용 프로그램의 진정한 힘은 그러한 작업을위한 것입니다. 무언가를 엉망으로 만들면 해당 레이어 만 엉망으로 만들지 않습니다.

그런 다음 눈금자를 활성화하고 그리드를 활성화하십시오. 또한 환경 설정 메뉴에서 올바르게 설정하는 데 시간이 걸립니다. 눈금자를 클릭하고 멀리 드래그하면 지침을 만들 수 있습니다. 지침을 사용하여 고유 한 제한을 설정하면 스프라이트 (이제 폴더에 있어야 함)를 그리드 선에 스냅하여 훨씬 더 잘 배치 할 수 있습니다.

마지막으로, 애니메이션이 재생 될 때 상황이 여전히 약간 다르게 보일 경우. 확대 / 축소하면 (환경 설정 메뉴에서이 기능을 활성화해야 할 수도 있음) 개별 픽셀 단위 격자를 볼 수 있습니다. 필요한 곳에 정확하게 배치 할 수 있어야합니다.

— 제시 도지
소스
그건 그렇고,이 게시물은이 경우에 Photoshop을 사용하는 방법에 대해 이야기합니다.
4
@Sergio는 물론 PhotoShop이 레이어, 안내선, 규칙 및 픽셀 단위 격자를 가진 유일한 이미지 편집 소프트웨어는 아닙니다.
— AttackingHobo
@Sergio는이 경우 일러스트 레이터보다 PS를 권장한다고 언급했습니다. 그러나 그렇습니다. IIRC는 여전히 Photoshop과 동일한 제품군에있는 모든 기능을 보유해야합니다. 그래도 Photoshop과 After Effects 외에는 아무 것도 열지 않았습니다.
— Jesse Dorsey
@AttackingHobo-그리드를 클릭하여 스냅 지침을 언급했습니다. 이 작업은 Photoshop에서 주로 사용되며,이를 검색하여 찾을 수있는 자습서의 99 %가 Photoshop 결과를 반환합니다.
@Sergio 당신을 통치자로부터 클릭하고 드래그해야한다고 상기시켜 주셔서 감사합니다. 그러나 그렇습니다. Illustrator에는 안내선을 만들 수있는 기능이 있습니다. 그래서 나는이 정보 중 어느 것도 거짓이라고 생각하지 않습니다.
— Jesse Dorsey
3

귀하의 질문은 내가 여기서 대답 한 것과 매우 흡사합니다 : 애니메이션 스프라이트를 생성하기위한 좋은 도구는 무엇입니까?

기본적으로 원하는 프로그램에서 애니메이션을 만들 수 있습니다. Illustrator를 사용할 때는 레이어에 애니메이션 단계를 만들거나 아트웍을 Flash 용 애니메이션으로 가져 오는 것이 좋습니다 (Flash CS4부터 플래시로 뼈를 만들 수도 있습니다. 자습서는 여기를 참조하십시오 ).

애니메이션이 완료되면 프레임을 이미지로 내 보낸 다음 위의 답변에 설명 된 방법을 사용하여 스프라이트 시트를 만듭니다.

— 범작
소스
2

http://www.darkfunction.com/editor/

멍청이 : 몰래 자기 승진을위한 사과. 그러나 이것은 당신이 찾고있는 것일 수도 있습니다.

편집 :이 도구를 무료로 공개 소스로 업데이트 한 것입니다. https://github.com/darkFunction/darkFunction-Editor

— 샘
소스
이 제품은 자체 제품이므로 FAQ에 있습니다.
— John McDonald
그 조금 천천히, 조금 더이 조사해야 할 수도 있지만, 잘 작동 층과 지금 내 자신의 워크 플로우를 사용하여 좋은 도구입니다
— 유령
1

스프라이트 애니메이션 소프트웨어 는 스프라이트 애니메이션의 모든 프레임의 순서가 포함 된 스프라이트 시트를 자동으로 만듭니다. 이 소프트웨어는 이미 작성된 스프라이트 시트에서 작동하지 않습니다. 규정 된 방향 (수직, 수평 또는 테이블)과 규정 된 크기로 스프라이트 시트를 만듭니다.

스프라이트 애니메이션은 힌지 형 2D 본 모델과 텍스처를 사용하는 동일한 도구로 생성됩니다. YouTube에서 비디오 시청

— qvatra
소스
Google FAQ는 "외부 사이트에 대한 링크 이상의 것"에 대한 답변을 권장하지 않습니다. 거기에 무엇이 있고 왜이 질문자에게 유용한 지 설명하는 세부 정보를 추가 할 수 있습니까? :)
— Cameron Fredman 2013
0

Texture Packer 를 사용하여 PNG 이미지 폴더에서 스프라이트를 만들었습니다. 원래 Flash에서 개발 한 게임을 포팅하고 있으므로 MovieClip의 각 프레임을 png로 내 보낸 다음 Texture Packer에서 해당 이미지를 가져 오기만하면됩니다.

또 다른 유사한 도구는 Zwoptex입니다

(후자는 Mac 소프트웨어이지만 TP에는 Windows 버전도 있습니다.)

— 멍청이
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.