AnimeEffects 소개
움직이는 짤을 만드는 프로그램은 많습니다
이것도 그냥 포토샵으로 만들었고
그냥 두장의 그림을 차례로 재생시키는 것이죠
하지만 좀더 자기맘대로 움직이는
애니메이션은 바랄 수 없고..
반대로 live2d 같은 것은 너무 어렵습니다
그런 가운데
쉽게 만들 수 있으면서 꽤나 자유도 높은 애니메이션을
만들 수 있는 프로그램을 일본의 개인 개발자가
개발해서 무료로 내놓았습니다
소스까지 개방해서..
이걸 사용하면 우리도
이런 걸 만들 수 있습니다 +_+
한번 해봅시다
설치
http://animeeffects.org/en/?page_id=6
본 홈페이지로 들어가서 다운받습니다
무설치로 사용가능가능하니
그냥 다운받고 압축 풀면됩니다
준비와 시작
우리는
이걸 한번 만들어볼 예정입니다만..
그전에 요번엔 일단 기본만 해볼 것입니다
🔗개복치소스
위의 링크에서 소스를 받습니다
압축을 풀면 test01.psd 랑 두개가 더 있을텐데
오늘은 기초만 할꺼니까 test01 만 써봅시다
먼저 AnimeEffects 를 실행합시다
New Project를 통해서 누르면
이창에서 노란부분을 클릭하여
test01.psd를 엽니다
그럼~
이렇게 개복치 한마리가 외로이 뜹니다
아래쪽의 Target Dock에서
test01의 앞의 > 화살표를 클릭해줍니다.
그럼 요렇게 boss 라는 놈이 나오는데 이걸 클릭하면
이제부터 편집 가능하게 됩니다
애니메이션 개념
애니메이션이란 그냥 살짝 다르게 그린 그림들을
매우 빠르게 넘김으로써
움직이고 있다고 착각하게 만드는 기술입니다
이건 수작업이나 디지털 애니나 3D 애니메이션에
이르기까지 전혀 다를게 없습니다
요는 매프레임(페이지)마다 그림을 한장씩 배치하는 것이죠
하지만 우린 그런 개슈퍼 노가다를 하고 싶지 않네요
그래서 나온 것이 컴터한테 거의 다 시키는 겁니다
우리가 할 것은 감독역할입니다
하지만 컴터는 멍청해서 절대 우리말을 못알아듣죠
'개복치 살짝씩 앞으로 나가는 그림 100장 그려줘'
이래봤자 전혀 이해를 못합니다
그럼 어떻게 해야하는가..
처음과 끝을 보여줍니다
이 처음과 끝을 기준점이라고 하며 키프레임이라고 합니다
예를들면
시작점 키프레임
종점 키프레임
요렇게 두개의 키프레임을 정해줍니다
그럼 프로그램은 시작과 끝을 참고하여
중간과정을 자동으로 그립니다
이건 실제 수작업으로 할때도 쓰이는 개념으로
이 중요장면(키프레임)을 그리는 사람을 원화가
그리고 중요장면 두장 사이의 연결그림을 그리는 사람을
동화가라고 합니다
다만 이 키프레임은 진짜 시작과 끝만 그려주는게 아니라
동화가나 컴퓨터가 중간장면을 어떻게 그릴지
이해할 장면을 그려주는 겁니다
키프레임을 이딴식으로 그려주면
자비심 없는 40단 컴보가 어떻게 이뤄지는지 당췌
알길이 없게되죠
이 키프레임의 개념만 이해하면
애니메이션의 거의 대부분을 이해한겁니다
3D 애니메이션이고 뭐고 다 만들수 있게 됩니다
실습
그럼 한번 해봅시당
아래보면 모든 애니메이션 프로그램은 무조건 있는
타임라인이라는 것을 볼 수 있습니다
애니메이션이란 시간에 따라서 움직이는 것이기 때문에
시작을 몇초에 위치시키고 끝을 몇초에 위치시키는가로
애니메이션을 만듭니다
옆창에서
boss : Current Keys 라고 된 곳의
Move 왼쪽 + 버튼을 클릭하면
그 키를 생성합니다
키가 생성되면 현기증 나는 정보가 나타나는데
일단 개무시하고
타임라인을 봅시다
왠 점이 콕 찍혀있는데 저것이 바로 키프레임이라고
찍어놓은 겁니다
또한 희미하게 Move 라고 적혀있는데
움직임에 관한 키프레임이라는 뜻입니다
자 0초에 저 모습, 저 장소에 있다는 것을 점 찍었습니다
이번엔 타임라인을 2초로 옮깁니다
그 후 툴바에서
저 노란색 버튼을 클릭하여
커서를 바꾼후 마우스로 개복치를 집어서 옮겨봅시다
그럼 이렇게 2초에 자동으로 점이 찍힙니다
1초의 모습과 2초의 모습을 점 찍어줬으니까
이제 초록색의 처음부터를 클릭해서
노란색의 재생을 클릭해보면
개복치가 움직이는 것을 보실수 있게됩니다
이렇게 만든 것은
다양한 포멧으로 저장할 수 있으나
일단 이건 걍 발로 만든거니까..
다음꺼나 신경씁시다
다음 시간엔
아래의 것을 만들어 보겠습니다