2D 애니메이션을 배우는 방법? [닫은]


43

간단한 2D 애니메이션을 잘 수행하는 방법을 어디서 배울 수 있습니까? 아니면 실제로 문자 그대로 포토샵에서 무언가의 모든 단일 프레임을 그리는 것입니까? 팁이나 요령이 있습니까? 시작하는 데 도움이되는 자습서?

또한 어떤 소프트웨어 옵션이 있습니까 (바람직하게는 오픈 소스 또는 무료)?


1
배경이 바뀌는 동안 지팡이 모양의 보행 / 실행과 같은 "복잡한"작업을 수행하려는 경우 갑자기 막대기 모양이 지우개로 변하고 비행 개로 돌연변이 스틱 조류 어린이를 공격합니다 (James Patterson의 Maximum Ride) ), 플래시를 사용해야합니다.
Mateen Ulhaq

14
@muntoo 왜 플래시 사용해야합니까? 자동으로 해당 기능을 수행하는 버튼이 있습니까? 아니요. 모든 애니메이션 소프트웨어를 사용하여이 작업을 수행 할 수 있습니다. 아니면 손으로 그리고 이미지를 스캔 ...
bummzack

@bummzack 죄송합니다 . "Flash를 사용할 있습니다 "라는 의미 였습니다.
Mateen Ulhaq

오늘날 많은 2D 게임 그래픽은 실제로 3D 모델을 기반으로합니다. 여기에는 여러 가지 이유가 있습니다. 3D 모델은 2D 이미지보다 훨씬 더 적합합니다. 스프라이트는 문자 그대로 3D 객체를 렌더링하여 만들어지기 때문에 공간적으로 의미가 있습니다. 스프라이트는 여러 방향으로 쉽게 만들 수 있습니다. 애니메이션 3D 모델을 렌더링하기 만하면 쉽게 애니메이션 할 수 있습니다. --- 나쁜 점은 스프라이트의 오브젝트에 대한 3D 모델을 생성하고 텍스처링해야하지만 전체 프로세스는 그다지 어렵지 않으며 반환 (결과 및 적응성)입니다. 그만한 가치가 있습니다.
XenoRo

2
Spine을 확인하십시오. 실제로 마스터 애니메이터가 될 필요가없는 꽤 새로운 소프트웨어입니다. 게임 환경 내에서 애니메이션을 실행하는 런타임도 있습니다.
joltmode

답변:


19

지금은 2D 애니메이션을 수행 할 수있는 몇 가지 방법을 생각할 수 있습니다.

  • 객체의 x, y 좌표를 중심으로 이동 (예 : 직사각형 메뉴를 슬라이드하려면 몇 ms마다 y 좌표를 변경)
  • 이미지 편집기에서 모든 단일 프레임을 그리고 적절한 순간에 그릴 올바른 프레임을 선택합니다 (예 : 불꽃 애니메이션 그리기).
  • 위의 두 가지를 결합하는 것 (예 : 화면을 가로 질러 스프라이트 걷기)

그것은 운동 의 환영 을 주는 것에 관한 입니다.

잘하는 방법?

  • 매끄럽게 보이도록 적절하게 시간을 설정해야합니다 (하드웨어 제약 조건에주의)
  • 프레임이 많을수록 더 자세하게 표시 할 수 있으며 더 잘 보입니다 (단, 프레임을 더 많이 그려야 함)

팁과 요령?

소프트웨어 옵션?

  • 애니메이션하려는 내용에 따라 다릅니다. 스프라이트 또는 간단한 객체에 애니메이션을 적용하려면 MS Paint로 충분합니다.
  • 김프 는 Photoshop의 오픈 소스 대안입니다
  • Photoscape 는 또 다른 무료 사진 편집기입니다. 또한 애니메이션 GIF를 만들 수 있습니다. 애니메이션 타이밍 테스트에 적합합니다.
  • Synfig 트위닝을 신경 쓰지 않고 애니메이션을 수행 한 다음 비디오, GIF로 내보내거나 일부 프레임을 스프라이트의 이미지로 저장하는 ToonBoom의 대안 입니다.
  • InkScapeAdobe Illustrator 의 무료 대안 인 벡터 벡터 그래픽 편집기입니다

튜토리얼에 관해서는 이것이 목표에 크게 달려 있다고 생각합니다. 플래시 게임을하고 있다면 플래시 튜토리얼을 검색하십시오. 그리기는 한 가지 일이지만 이미지를 올바르게 애니메이션화하려면 시간을 조정하고 이미지를 이동해야합니다. 따라서 원하는 플랫폼에서 이미지를 작성하는 방법도 배울 수 있습니다.


10

클래식 2D 애니메이션은 프레임 단위로 생성됩니다. 자주 볼 수있는 것은 감소 된 프레임 속도 (예 : 모든 프레임이 두 번 표시됨)를 사용하여 그려야 할 이미지의 양을 줄인다는 것입니다.

플래시 는 2D 애니메이션에 매우 유용한 도구입니다. 어니언 스키닝 (새 프레임을 그리는 동안 이전 프레임이 빛나게 함), 트위닝 및 모양 변경 기능을 제공합니다. CS4 버전부터는 뼈와 역 운동학을 사용하여 팔다리가있는 캐릭터를 훨씬 쉽게 애니메이션 할 수 있습니다.

" 툰 붐 "도 있습니다. 전문가 용 애니메이션 소프트웨어까지 취미 / 재미를 위해 다양한 소프트웨어 패키지가 있습니다.

김프 및 Photoshop과 같은 도구는 애니메이션을위한 일부 기능을 제공하지만 실제로는 매우 기본적인 것입니다.

2D 애니메이션에 대한 분명하지 않은 또 다른 옵션은 3D 프로그램을 사용하는 것입니다. 사우스 파크의 나중 에피소드가 Maya를 사용하여 애니메이션화 되었다는 것을 알고 있습니까?

직교 카메라 투영, 적절한 조명 및 평면 음영 처리를 사용하면 2D로 보이지만 3D 소프트웨어로 생성 된 애니메이션을 만들 수 있습니다. 대부분의 3D 프로그램에는 뼈, 역 운동학, 구속 조건, 연체 등과 같은 정교한 애니메이션 도구 가 있습니다 . 블렌더 는 시작하기에 좋은 (무료) 선택입니다.


4

이를 위해 사용할 수있는 리소스가 많이 있습니다.

Sprite Sheets를 사용하여 특정 방법을 시작하는 데 유용한 자습서가 있습니다. 스프라이트 시트는 실제로 플립 북 애니메이션과 유사한 코드에서 실행되는 스프라이트 시트입니다. 그러나 코드를 사용하여 수행하십시오. 시작하기 어려울 수 있지만 가장 보람이 있고 가장 많은 통제권을 부여한다고 생각합니다.

http://www.dreamincode.net/forums/topic/194878-xna-animated-sprite/

플래시를 사용하여 가장 먼저 찾은 것은 다음과 같습니다. 나는 개인적으로 다른 포스터가 그들의 경험으로 차임 할 수있는 플래시를 개인적으로 사용하지 않았습니다.

http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyStep_Lessons_in_Flash.htm


4

2D 애니메이션은 전체 예술과 ​​직업입니다. 그리고 실제로 마스터하기 매우 어려운 것입니다. 실제로 모든 애니메이터가 좋은 애니메이션을하는 것은 아닙니다. 그러나 당신이 말한 기본 애니메이션의 경우 ... 그것은 달려 있습니다. 도보주기 24x24 픽셀 스프라이트에 대해 4 개의 프레임과 같은 프레임을 사용하여 모바일에서 괜찮은 수준의 스프라이트 애니메이션을 얻는 것이 대부분 간단합니다. 실제로 Gimp를 사용하여 레이어 투명도를 사용하여 이전 또는 다음 프레임을 오버레이로 안내 할 수 있습니다. ( "양파 스키닝")이 기능을 도와주는 다른 기능이 있습니다.

고해상도 2D 애니메이션을 시도하면 문제가 더 복잡해집니다. 빠른 조언은 예를 들어 13 프레임 걷기주기에서 프레임 1, 7, 13을 그리는 것입니다. 그런 다음 4, 10과 같은 것의 ibetween을 그립니다. 그런 다음 나머지를 그립니다. (나쁜 예입니다)

이 모든 것은 양파 스키닝 기능을 사용합니다. PencilGimp를 사용하는 것이 좋습니다 많은 소프트웨어가 있습니다 . 픽셀 아트의 경우 저해상도 스프라이트는 GraphicsGale도 확인하고 싶을 수 있습니다 . 물론 흐름과 애니메이션을 지속적으로 확인하는 것이 중요합니다.


2

"애니메이터 서바이벌 키트"라는 책을 추천합니다. 컴퓨터 소프트웨어를 사용하여 2D 애니메이션을 직접 대상으로하는 것이 아니라 일반적인 애니메이션 기술에 대한 자세한 내용을 읽습니다.

아마존 링크


1

눈을 감고이 책으로 가십시오! 생명의 비유 : 디즈니 애니메이션 .

나는 이 책이 얼마나 멋진 지 충분히 강조 할 수 없다 . 나는 단지 위키 백과를 인용하고있다.

애니메이션의 12 가지 기본 원리는 Disney 애니메이터 인 Ollie Johnston과 Frank Thomas가 1981 년 저서 인 Illusion of Life : Disney Animation에서 소개 한 애니메이션의 원리입니다. 존스턴과 토마스는 차례로 1930 년대 이후 최고의 디즈니 애니메이터들의 작품과보다 사실적인 애니메이션 제작을위한 노력을 바탕으로 책을 작성했습니다. 원리의 주요 목적은 물리의 기본 법칙을 고수하는 인물의 환상을 만들어내는 것이었지만 감정적 타이밍과 성격 호소와 같은보다 추상적 인 문제도 다루었습니다.

이 책과 그 원칙은 일반적으로 채택되었으며 "애니메이션 성경"으로 불려졌다. [2] 1999 년이 책은 온라인 여론 조사에서 "모든 시간 동안 가장 좋은 애니메이션 책"중 하나로 선정되었다. [ 삼] 원래 손으로 그린 ​​전통적인 애니메이션에 적용하려고했지만 오늘날의 일반적인 컴퓨터 애니메이션과 그 원리는 여전히 관련이 있습니다.

무료 및 오픈 소스 2D 아트 응용 프로그램의 경우 MyPaint를 매우 좋아 합니다. 여기 그림은 매우 자연 스럽습니다. 기본 기능이 많이 없지만. 기본 기능을 보완하기 위해 오랜 친구 김프 가 있습니다 .Krita를 사용해 볼 수도 있습니다 . 브러시 엔진이 Gimp보다 좋습니다.

애니메이션 + 페인팅에는 몇 가지 기본 그리기 도구를 사용하여 기본 애니메이션을 만들 수있는 연필 이라는 또 다른 솔루션 이 있습니다. 함께 일하는 것은 매우 재미있다.

연금술 (그림 만 해당)도 시험해 볼 수 있습니다.


1

나는 내가 개발 우회 ... 당신이 능력이 될 인접 영역으로 깊이 파고 3~6개월 이륙 무언가로 참조 무엇을 복용 좋을 것 정말 작업의 현재 추력을 지원합니다. 이를 위해 시간을내어 3D 메시 모델링, 특히 블렌더 를 배우는 것이 좋습니다 . 배우는 개념은 만들려는 주요 객체부터 게임을 지원하기 위해 만들려는 효과에 이르기까지 게임 노력을 크게 지원합니다. 블렌더 애니메이션은 투명한 PNG로 내 보내서 스프라이트 시트 (매우 유용)를 매우 쉽게 형성 할 수 있습니다. 나는 당신의 시간 가치가 있다고 생각합니다.


2
-1 Matthew는 간단한 2D 애니메이션 기법을 요청했으며 3D를 배우는 데 3-6 개월을 소비 할 것을 제안했습니다.
Markus von Broady

2
첫 번째 게시물 (19 표를받은)의 3 번째 답변을 숙독한다면, "오늘날 많은 2D 게임 그래픽은 실제로 3D 모델을 기반으로하고 있기 때문에 많은 이유가 있습니다. 3D 모델은 2D 이미지보다 훨씬 더 적합합니다. 스프라이트는 문자 그대로 3D 객체를 렌더링하여 만들어지기 때문에 공간적으로 의미가 있습니다 ". 이것은 나의 추론이기도합니다. 모든 역량에 대한 3D 메시 모델링 학습에 대한 투자 는 3-6 개월의 투자입니다. 기성품 이미지를 위해 웹을 트롤링하거나 2D 드로잉 (투자)을 기꺼이 배우고 싶지 않다면 다른 방법은 없습니다. :-)
ProfVersaggi

1

스컬 프트리스 (Sculptris) 라는 간단한 Google에 올라 타 세요 . 여정에서 같은 이름의 3 차원 모델링 프로그램을 발견해야합니다. 나 자신의 2 차원 스프라이트 모델링 노력에서 ProfVersaggi 의 결론에 도달했습니다 . 불행하게도, 나는 프로그램에 대한 나의 두뇌 학살자가 블렌더라고 알 수 있도록 수많은 좌절 된 시간을 녹였다 . 나는 나의 "노동"에 대한 더 빠른 복귀를 위해 많은 다른 사람들과 필요를 공유한다는 것을 발견했다. 스컬 프트리스 가 나에게 주었다. 또한이 게시물을 기준으로 무료입니다. 경고 이 프로그램은 아직 개발 중이며 충돌이 발생합니다. 스컬 프트리스 의 제작자들은충돌 복구 기능을 구현하기에 충분히 친절하여 충돌이 약간 번거롭지 않습니다. 넓게 엽니 다. 깊이 마신다. 좌절하지 마십시오. 지식 만 소화하십시오 . 우리를 자랑스럽게 생각하십시오. 에 대한 요약 , Sculptris은 당신의 스프라이트의 3D 모델을 만들 수있는 쉬운 방법입니다. 그런 다음 "prtsc"또는 "print screen"버튼을 눌러 Graphicsgale 과 같은 2D 애니메이션 소프트웨어 또는 Paint Shop Pro 와 같은 페인트 프로그램에 붙여 넣기 위해 화면에 표시된 이미지를 복사 할 수 있습니다 . 난 그냥 당신을 위해 그것을하지 짧은 당신을 위해 더 쉽게 만들 수 없습니다 lol

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