움짤을 만들어보자 01
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초의 모습을 점 찍어줬으니까
이제 초록색의 처음부터를 클릭해서
노란색의 재생을 클릭해보면
개복치가 움직이는 것을 보실수 있게됩니다
이렇게 만든 것은
다양한 포멧으로 저장할 수 있으나
일단 이건 걍 발로 만든거니까..
다음꺼나 신경씁시다
다음 시간엔
아래의 것을 만들어 보겠습니다
전 저 물고기가 복어인줄 알았어요 ㅋㅋㅋㅋ 개복치 귀요미네요~
복어랑 비슷하게 생긴거 맞죠 ㅎㅎ
오.. 필요할때 한번 해봐야겠습니다.
오 저두 이거 올리려하다가
변태가 될까봐 관뒀죠
후후후후후후후후
전 변태가 되었군요 ㅎㅎㅎ
데챠를 여기서 보네요. 이번 레이드는 잘하셨는지요.
스티밋을 접하기 전에 그만두었습니다. ㅎㅎㅎ
잘하셨습니다. 재미없었어요.
제가 살면서 얼마 되지 않는 잘한 일들 중에 하나입니다.
저게 개복치였군요ㅋㅋㅋㅋ
개복치 옆으로 이동하는거 귀여워요ㅋㅋㅋㅋㅋ
실물은 디게 못생겼지만..-ㅅ-;;
믿고 보는 @twinbraid님의 꿀팁!!
감사합니다 +_+/
오 좋은 튜토리얼 감사드립니다!
맥버전도 있네요 :) 다음에 GIF 만들 일이 있으면 써봐야겠군요!
미묘하게 쓸 가능성이 있을지도 없을지도 모르겠습니다 ㅋㅋ
전 나름 자주 쓸듯;; 자의반 타의반으로
프로그램이 자동으로 다 하다니
세상 점점 편해지고 있네요 ㅋㅋ
사실 타임라인이 있는 프로그램은 다 기본장착이었지만
좀 프로그램들이 어려웠죠.
이제는 이런게 점점 대중에게 퍼지는 단계인거 같습니다
엇! 저도 움짤 만드는거 올렸었는데 저는 완전 안좋은 프로그램이였군요..ㅠㅠ
그럴리가요 목적에 맞게 사용하는거죠
편집툴이 가면 갈수록 편해 지네요 ~
twinbraid님 설명보고 한번 따라 해봐야겠네요. ^^
넵 감사합니다
잘 봤습니다.
예전에 책 아래쪽에 그려서 넘겨보던 생각이 나네요..
이제는 컴퓨터가..ㅎㅎ
다들 한번은 해본 추억이죠
아.. 좋은 기능인듯 합니다. 저에겐 좀 어려울 것 같긴 하지만 나중에 시간되면 한번 해봐야 겠네요. 상세하게 설명 잘 해 주셔서 감사합니다^^
약간 어려운게 사실이죠. 하지만 키프레임 개념은 알아두시면
써먹을 때가 올지도 모르겠네요
그건 움직이는 곳은 어디든지 쓰이니까요
네 정말 해 보고 싶은 거 였거든요. 나중에 한번 꼭 해보고 싶습니다. 감사합니다.