본문바로가기

살아서 움직여요!!

작성일2010.07.20

이미지 갯수image 36

작성자 : 기자단

                                                                         

            ↓밑에 오른쪽상단의 화살표클릭!!!                                                                                                          

 

 예제파일 open 하기.

 1),2)메뉴 바에서 [File]-[Open]을 선택하고, <예제파일>을 찾아 파일을 열어주세요.

 

 

3) 동산 앞 길가에 귀여운 아기곰 앉아 있는게 보이시죠^^

 이제   플래시툴을 이용해 살아서 움직이는 아기곰 본격적으로 만들어 보도록 하겠습니다.

 

 

 

 곰돌이 움직이기.

    1) Graphic 심볼 지정된 곰돌잉.ai를 더블클릭합니다.

 

 

 

여기서 잠깐! 심볼(Symbol)에 대해 알아볼까요

심볼이란 여러 가지 온라인 게임에서 캐릭터에 보다 좋은 옷과 무기와 같은 아이템(item)을

습득하고 장착하는 데에서 많은 재미를 느끼곤 하는데요.

보통 모든 아이템을 한 캐릭터에 장착할 수 없기에 남은 아이템은 가방이나 보관함에 보관하여 필요에 따라 꺼내 쓰기도 합니다.

* 플래시에서 아이템에 해당되는 것이 바로 심볼(Symbol)입니다.

-> Library 패널의 심볼.

 

 

 

2) 10프레임에 마우스를 갖다대고 마우스 [우클릭][Insert Keyframe]으로 키프레임을 삽입 주세요.

 

 

 

3) 30프레임 마우스를 갖다대고 마우스 [우클릭][Insert Keyframe]으로 키프레임을 삽입 주세요.

 

 

 

4) 30프레임 얼굴, 왼쪽 귀, 오른쪽 귀를 모두 선택

 Free Transform Tool을 사용해서 살짝 돌려주세요.

 

 

 

5) 10프레임 30프레임 사이 중간 어느 부분에서건 마우스 [우클릭]

[Create Classic Tween]을 통해 트위닝을 시켜줍니다.

 

 

 

6) 35프레임에서 마우스 [우클릭] [Insert Keyframe]으로 키프레임을 삽입 주세요.

 

 

 

7) 45프레임에서 마우스 [우클릭][Insert Keyframe]으로 키프레임을 삽입 주세요.

 

 

8) 52프레임에서 마우스 [우클릭][Insert Keyframe]으로 키프레임을 삽입 주세요.

 

 

 

9) 35프레임 45프레임 사이 45프레임과 52프레임 사이에서 마우스 [우클릭]

[Create Classic Tween]을 통해 트위닝을 시켜줍니다.

 

 

 

10) 왼쪽앞다리, 오른쪽앞다리, 왼쪽뒷다리, 오른쪽뒷다리 모두 선택한 뒤

8프레임에서 키프레임을 삽입[Insert Keyframe] 주세요.

 

 

 

여기서 잠깐! 쏘스로 사용되는 캐릭터

움직임 표현 위해 얼굴, 팔, 다리 등의 모든 움직일 부분들을 따로 제작하는게 좋습니다. 

 

 

 

11) 마찬가지로 왼쪽앞다리, 오른쪽앞다리, 왼쪽뒷다리, 오른쪽뒷다리 모두 선택

10프레임에서 키프레임을 삽입[Insert Keyframe] 주세요.

 

 

12) 10프레임 왼쪽앞다리, 오른쪽앞다리, 왼쪽뒷다리, 오른쪽뒷다리

 Free Transform Tool을 사용해 걸음걸이를 생각하면서 방향을 만들어 주세요.

 

 

13) 앞에 5)번처럼 마우스 [우클릭][Create Classic Tween]을 통해 트위닝을 시켜줍니다.

 

 

14) 8프레임에서 10프레임까지 왼쪽앞다리, 오른쪽앞다리, 왼쪽뒷다리, 오른쪽뒷다리

모두 선택 뒤, 마우스 [우클릭][Copy Frames]으로 복사 합니다.

 

 

15) 왼쪽앞다리, 오른쪽앞다리, 왼쪽뒷다리, 오른쪽뒷다리 15프레임 모두 선택 뒤,

마우스 [우클릭][Paste Frames]으로 붙여넣기 합니다.

 

 

16) 앞에 12)번과 13)번을 참고해서 같은 방법으로 22, 29, 36, 43, 50프레임에 프레임을 복제 주세요.

 (  마우스 [우클릭][Paste Frames] )

 

 

17) 아래 체크된 부분 클릭해 `Scene1`으로 돌아옵니다.

 

 

18) bg(배경화면) 레이어 52프레임에서 프레임 생성(마우스 [우클릭] 후 [Paste Frames])으로

배경화면을 만들어주세요.

 

 

19) gom(곰) 레이어 52프레임에서 마우스 [우클릭] [Insert Keyframe]으로

키프레임을 삽입 주세요.

 

 

20) gom(곰) 레이어 52프레임 선택 후, 곰돌잉.ai 오브젝트

오른쪽에서 왼쪽으로 위치 이동 시켜주세요.

 

 

21) 앞에 5)번과 같은 방법으로 gom(곰) 레이어 1프레임 52프레임 사이 중간 어느 부분에서건

마우스 [우클릭]

[Create Classic Tween]을 통해 트위닝을 시켜주세요.

 

 

 

 퍼블리싱 하기.

1) 강의 프로그램의 완성단계로 가기 위해 Ctrl+Enter(단축키)로 퍼블리싱 합니다.

2) <예제파일>이 있었던 같은 폴더 안에 <예제파일.swf> 생성되어 있는 것을 볼 수 있습니다.

 


해당 콘텐츠는 저작권법에 의하여 보호받는 저작물로 영현대 저작권이 있습니다.
                                            해당 콘텐츠의 상업적 이용을 금지하며, 비영리 이용을 위해 퍼가실 경우 내용변경과 원저작자인 영현대 워터마크 표시 삭제는 금하고 있습니다.

SNS 로그인

로그인이 필요합니다.
로그인할 계정을 선택하세요.