움짤을 만들어보자 01

in #kr7 years ago

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초의 모습을 점 찍어줬으니까


이제 초록색의 처음부터를 클릭해서
노란색의 재생을 클릭해보면


개복치가 움직이는 것을 보실수 있게됩니다

이렇게 만든 것은

다양한 포멧으로 저장할 수 있으나
일단 이건 걍 발로 만든거니까..

다음꺼나 신경씁시다

다음 시간엔
아래의 것을 만들어 보겠습니다

Sort:  

오.. 필요할때 한번 해봐야겠습니다.

오 저두 이거 올리려하다가
변태가 될까봐 관뒀죠
후후후후후후후후

전 변태가 되었군요 ㅎㅎㅎ

데챠를 여기서 보네요. 이번 레이드는 잘하셨는지요.

스티밋을 접하기 전에 그만두었습니다. ㅎㅎㅎ

잘하셨습니다. 재미없었어요.

제가 살면서 얼마 되지 않는 잘한 일들 중에 하나입니다.

이제는 움짤의 전문화인가요......!!!

전문화보다는 대중화!
점점 툴들이 발전하니
아무나 이용할 수 있게 되어가고 있죠 +_+

저게 개복치였군요ㅋㅋㅋㅋ
개복치 옆으로 이동하는거 귀여워요ㅋㅋㅋㅋㅋ

실물은 디게 못생겼지만..-ㅅ-;;

믿고 보는 @twinbraid님의 꿀팁!!

감사합니다 +_+/

오 좋은 튜토리얼 감사드립니다!
맥버전도 있네요 :) 다음에 GIF 만들 일이 있으면 써봐야겠군요!

미묘하게 쓸 가능성이 있을지도 없을지도 모르겠습니다 ㅋㅋ
전 나름 자주 쓸듯;; 자의반 타의반으로

This post received a 4.4% upvote from @randowhale thanks to @twinbraid! For more information, click here!

오오..-ㅅ-
한동안 스팀달러 오를때까지 얘를 써볼까..-_- 쬐금 이득인거 같기도

프로그램이 자동으로 다 하다니
세상 점점 편해지고 있네요 ㅋㅋ

사실 타임라인이 있는 프로그램은 다 기본장착이었지만
좀 프로그램들이 어려웠죠.
이제는 이런게 점점 대중에게 퍼지는 단계인거 같습니다

엇! 저도 움짤 만드는거 올렸었는데 저는 완전 안좋은 프로그램이였군요..ㅠㅠ

그럴리가요 목적에 맞게 사용하는거죠

편집툴이 가면 갈수록 편해 지네요 ~
twinbraid님 설명보고 한번 따라 해봐야겠네요. ^^

넵 감사합니다

잘 봤습니다.
예전에 책 아래쪽에 그려서 넘겨보던 생각이 나네요..
이제는 컴퓨터가..ㅎㅎ

다들 한번은 해본 추억이죠

아.. 좋은 기능인듯 합니다. 저에겐 좀 어려울 것 같긴 하지만 나중에 시간되면 한번 해봐야 겠네요. 상세하게 설명 잘 해 주셔서 감사합니다^^

약간 어려운게 사실이죠. 하지만 키프레임 개념은 알아두시면
써먹을 때가 올지도 모르겠네요
그건 움직이는 곳은 어디든지 쓰이니까요

네 정말 해 보고 싶은 거 였거든요. 나중에 한번 꼭 해보고 싶습니다. 감사합니다.

이거 궁금했는데 명쾌하게 올려주셨군요!! 감사합니다

프로그램말인가요?-0-/

전 저 물고기가 복어인줄 알았어요 ㅋㅋㅋㅋ 개복치 귀요미네요~

복어랑 비슷하게 생긴거 맞죠 ㅎㅎ

와오. 매우 관심가는 내용이네요.
배워서 사악한 일에 써보고 싶습니다 :D

뭘까요 그 사악한 일-ㅅ-+
저도 참여하고 싶어지네요

자비심없는 40단콤보ㅋㅋ정말 알길이 없네요....그나저나 이런건 도대체 어디서 구해오시는지 참... 매번 포스팅 따라해볼 생각은 안하고 웃기만하고 갑니다.

보통 요런 내용이라면
검색하지 않으면 잘 들어오지 않는 내용이죠-ㅅ-
이런식으로 쓰면 한 5%의 사용률이 나올듯;;
다음은 버튼이니 쪼금 흥미가 생기지 않을까 합니다

풀봇 가져가시 옵소서

연어님의 글쓰기가 멈췄습니다..;ㅁ;
후딱쓰세용

한 번 시도해 봤는데 실패했어요 ㅠㅠ 펄떡이는 연어를 만들고 싶었는데..

애프터이펙트보다 가벼울거같네요! 오늘도 굳팁 얻어갑니다🐥🐥🐥

에펙은 워낙 무거워서..
혹시 에펙으로 작업하신다면 존경스럽군요

쿠쿠~ 왠지 생명을 불어넣는듯한? 느낌이 듭니다. 잘보았습니다~^^

애니미즘이 생명을 불어넣는 신앙이죠+_+

잘 봤습니다
처음에 나온 캐릭터는 어떻게 제작됐나요?

live2D로 제작되었습니다.
그림을 조각내서 각각에다가 키프레임을 잡고 하나씩 움직여서
최종적인 움직임을 내는..
형태옹의 설명으로는 '디지털 바느질' 이라고 하더군요

상하반전 기능있나요? 있으면 개복치 사망버전 만들고 싶습니다.

아쉽게도 편집기능은 허약하네요. 로테이션은 있어도 flip은 없는 듯합니다
대신 레이어를 지원합니다(psd를 말하는거). flip된 이미지가 된 레이어를 넣고
뷰를 끄고 키고 하면 될거 같네요

꿀팁 감사합니다!
요즘은 오픈소스가 점점 많아져서 참 좋은거 같아요

외국애들이 오프소스가 진짜 많죠
덕후의 힘인듯

좋은 정보네요~~
하지만 기계치인 저에게는 좀 어려워요ㅠ
꼭 기회가 될 때 해보고 싶네요~~
편안한 밤 되세요^^*

감사합니다 +_+/

아니!!! @twinbraid 포스팅은 쓰는 족족 리스팀하여 소장하고 싶게 만드네요ㅠㅠ 7days가 되기 전에 후다닥 업고 갑니다....

ㅋㅋㅋㅋㅋㅋ 시바견 너무 좋습니다 ㅠㅠㅠㅠㅠㅠ
twinbraid님 유머 감성이 제 취향인듯합니다.

다음에 파이리 움짤 만들어봐야겠어요. 발로 만드셨다는 수준만 되어도 스팀 활동의 활력소가 되겠네요