웹디자인 강의
기타 [프로모션]제4회 달리는 애니메이션 만들기
2002.08.27 17:46
기타 질문하기:http://www.funcafe.co.kr
프로모션따라하면 애니메이터처럼한다 4회 - 달리는 애니메이션 만들기 |
- 이번강좌에서는 프로모션을 이용해서 달리는 케릭터(?)를 애니메이션해보도록하겠습니다. 1. 프로모션에서 file->new sceen/animation..을 선택합니다 그리고나서 이미지사이즈를 정하고 프레임수는 1로 합니다. 2. 전경색을 흰색으로 정하고 뒷배경에 페인트툴로 색을 입힙니다. 3. 키프레임이 되는 이미지중 시작키프레임을 그립니다. 4. 이제 하단에 위치한 control panel에서 + 를 눌러 프레임을 추가시킵니다.또는 키보드의 ctrl키와 insert키를 동시에 눌러줍니다. 그럼 하단 프레임정보에 보면 2프레임이 생기고 현재 2프레임인 것을 볼 수 있습니다. 5. 2프레임은 마지막 애니메이션이 끝나는 마지막키프레임으로 합니다. 마지막키프레임의 동작에 맞게 프레임의 이미지를 수정합니다. 6.그럼이제 애니메이션의 시작키프레임과 마지막 키프레임을 그렸습니다. 이제 중간 사이에 들어가는 애니메이션 동(動)화를 만들기위해서 전의 강좌2회에서 했던 방법대로 라이트박스기능을 이용해보겠습니다. 우선 프레임위치를 1프레임으로 이동하고나서 프레임을 추가합니다.(ctrl+insert키) 그리고나서 현재 프레임2에 있는 이미지를 브러쉬툴이나 박스툴을 이용해서 배경색으로 칠해 없앱니다. 키보드의 ctrl+alt+L키를 누릅니다 Lighttable 설정을 아래와같이 layer:1 은 frame : -1 , brightness:80 transparnet color:배경색 으로 합니다. 이제다시 layer바를 오른쪽으로 하나이동하여서 layer:2로 갑니다. layer:2는 frame:1 brightness:40 transparnet color:배경색 으로합니다. 그럼 아래그림과 같이 1프레임과 3프레임(키프레임)이 비춰집니다. 그럼 이제 키프레임(원화)를 토대로 중간의 동작을 완성합니다. 이제 다시 1프레임과 2프레임사이의 그림을 그리기위해 우선 1~2프레임사이에 프레임을 추가합니다. 그럼 전에 만들었던 2프레임은 3프레임으로 이동하고 생긴 프레임2번의 이미지를 지우고 위의 방법과 같이 라이트박스를 이용해서 1~3프레임사이의 그림을 토대로 중간그림을 그립니다. 이런식으로 중간에중간에 프레임을 추가해가면서 사이사이 그림을 그려줍니다. 그렇게 해서 5프레임의 애니메이션을 완성합니다. 중간그림을 그려가면서 아래와같이 총 5프레임의 달리는 애니메이션을 완성합니다. 위의 프레임제작순서를 보면 먼저 1키프레임그리고->5키프레임그리고->프레임추가하고->3중간프레임그리고->프레임추가 ->2프레임그리고->3~5프레임사이에 들어갈 4프레임추가시킨후->4프레임그린다. 그리고나서 L키를 눌러서 라이트테이블을 없애준뒤 각프레임사이의 value값(시간)을 정해준뒤 키보드의 숫자 4키 를 눌러서 테스트해본다. 그럼 이제 plugin->export->gif89ae선택후 옵션을 체크해주고(옵션은 이전강좌를 참고) 저장한다 그럼 아래와같은 달리는 애니메이션을 볼 수가 있습니다.
|
댓글 13
-
이오스
2002.08.28 15:43
오빠 달려! -
Gura.org
2002.08.27 18:12
아 정말 잘보고있습니다.. 현석님이 강좌 올리시고 그다음 강좌만이 나오기를 기달립니다..
정말 멋집니다 -
순수주의
2002.08.27 18:57
정말 멋지군요.. ㅠ_ㅠ; -
레드
2002.08.27 19:20
저기.. 근데 저장어떻게 하죠? ㅠ.ㅜ 저 아바타 만들었는데.. 저장하는방법 몰라가지구 ㅠ.ㅜ -
☺ⓑⓘⓣ☺
2002.08.27 19:51
저 저런 과정이 있었구나.. 동작 하나 하나 하려니까 정말 힘들었는데 TT_TT -
까망이™
2002.08.27 20:33
오~~ 이런 방법이 있었구나..훌륭하십니다.
저걸 응용하면 멋진 작품이 나올것 같네요..^^ 좋은 강좌 였습니다.. -
샤오란
2002.08.27 22:47
오~~~~~~ 굿임다 -
Wise
2002.08.28 00:45
멋지다...달린다.... -
☺날개양^-^
2002.08.29 02:23
귀엽다....>ㅅ< -
흐르는별
2002.08.31 02:31
멋져요~ 근데 http://isweb42.infoseek.co.jp/art/nonnon3/kidou4/kidou4-a.gif이런 것도 프로모션으로 만드는건가요?
도대체가 상상이... -
정현석
2002.08.31 07:31
네.....프로모션으로도 만들수있죠,,..
프로모션은 국내 손노리와 그라비티에서 실제 게임케릭터제작시 사용하는걸로
유명합니다. -
정현석
2002.09.01 03:10
애니메이션의 기법입니다.
현장에서는 원화맨 동화맨으로 나뉘어서
원화맨은 키프레임을 그리고나서 그중간을 동화맨들이 이어나가죠..
한때 동화맨으로 일을 했었는데
애니메이션의 질은 원화에서 지정해준 키프레임이 그 애니메이션의 동작을
좌우한다고 보면 됩니다.
전혀 얼토당토한 원화를 주면 동화맨들은 난감하죠,,,
중간을 어떻게 이어가라는 말이냐는 식으로,,, -
레드애플
2003.08.13 17:20
프레임을 하나더 만들면 전의 그림이 지워지지 않고 클리어한담에 라이트테이블 켜두 희미하게 나타나지 않아요..;; 왜이럴까요..