스위시

SWiSH Max 2 C04 - 무비 클립

오미자컴 2012. 10. 17. 11:05
SWiSH Max2 C04 - 무비클립

무비클립(Movie Clip)이란 무엇인가요?
무비클립(MC)은 “미니 무비”입니다.
씬(Scene)과 상관없는 독립적인 타임라인을 가집니다.
스위시맥스 버전에서 스프라이트(sprites)라고 했던 오브젝트입니다.
복잡한 작업을 할 때 아주 유용합니다.
스크립트(script)에서 무비클립을 사용하려면, 무비클립을 만들 때 이름을 정해 주어야 합니다.

무비클립(Movie Clip)이란 무엇인가요?
무비클립(MC)은 “미니 무비”입니다.
씬(Scene)과 상관없는 독립적인 타임라인을 가집니다.
스위시맥스 버전에서 스프라이트(sprites)라고 했던 오브젝트입니다.
복잡한 작업을 할 때 아주 유용합니다.
스크립트(script)에서 무비클립을 사용하려면, 무비클립을 만들 때 이름을 정해 주어야 합니다.

이미지를 무비 클립으로 만들려면 어떻게 하나요?
이미지를 선택 후 우클릭합니다.
[Convert – Convert to Movie Clip]
“Keep any effects and transforms with the original object?”라고 묻는 대화상자에서 ‘예’ 단추를 클릭합니다. 이렇게 하면 이미지에 있던 효과도 함께 무비클립 안으로 들어갑니다.
무비클립의 이름을 다음과 같이 정합니다.
 mc1, mc2, mc3, mc4, mc5, mc6

동영상을 시작할 때 무비클립들을 안 보이게 하려면 어떻게 하나요?
무비클립 첫 프레임 선택 후 우클릭합니다.
[Movie Control – stop()]
프레임을 추가하려면
우클릭 후 Insert Frame(s)
빨간색 동그라미 stop 액션을 이동하려면
빨간색 동그라미를 드래그 합니다.
무비클립 안에 글자 쓰고 효과 넣기 1
Text tool로 글자를 써 넣습니다.
Font name : 휴먼모음T,  Font size : 24, The color of the text : 옅은 회색, 가운데 정렬
 mc1 : 달과 일출, mc2 : 석양이 비취는 비행, mc3 : 선인장과 낙조, mc4 : 돛단배와 석양, mc5 : 호숫가의 해돋이, mc6 : 언덕 위 낙조
Zoom in(10),  Reshape 패널에서 o=x 단추 클릭 후위에 있는 조그만 사각형 조절점 9개 중 제일 가운데에 있는 조절점 선택
Bubble burst(12), Color change : 0
무비클립 안에 글자 쓰고 효과 넣기 2
글자 오브젝트가 이미지보다 위에 있어야 보입니다.
글자 오브젝트의 이름 : txt1, txt2, txt3, txt4, txt5, txt6
 txt1 복사(Copy Object, Ctrl+C) 합니다. mc2 무비클립을 더블 클릭 후 붙여 넣고(Paste, Ctrl+V), 글자가 두 줄로 적힐 경우,
테두리에 있는 좌우 조절점을 Alt + 드래그.
무비클립 안에 글자 쓰고 효과 넣기 3
글자 오브젝트 1번 프레임 선택 후 Selection tool 클릭합니다. 자판에서 아래쪽 화살표 키를 눌러 이동시킵니다.
글 내용을 바꾸려면,
Properties 패널에서 Edit 단추를 클릭하고 적절한 내용으로 바꾸어 줍니다.

사각형 도형에 이미지를 넣으려면 어떻게 해야 하나요?
Rectangle Tool을 선택 후, 적당히 사각형을 그립니다.
이름 : s1, s2, s3, s4, s5, s6
Open Image 단추를 클릭 후, break1.jpg 등을 선택합니다.
Reshape 패널에서 너비 : 100, 높이 : 75
Alt + Shift + 드래그로 도형을 복사합니다.
3개 만든 후 [Window – Align]
Align to : All Selected,
Space evenly : Space Horizontally

사각형 도형을 클릭하면 이미지 무비 클립이 플레이 되도록 하고 싶어요. 어떻게 해야 하나요?
사각형 도형 s1에서 s6까지 모두 선택 후
1번 프레임에 Place 효과를 주고
2번 프레임에 Remove 효과를 줍니다.
Scene_1 1번 프레임에서 우클릭 후 [Movie Control – stop()]
사각형 도형을 선택 후, Script 패널에 갑니다.
[Add Script – Events – Button – on(release)]
[Add Script –Movie Control – Goto and stop – gotoAndStop(FRAME)]Goto frame : 2
[Add Script –Movie Control – Goto and play – gotoAndPlay(FRAME)]Target : mc1Goto frame : 2
on (release){gotoAndStop(2); mc1.gotoAndPlay(2);} 를 복사합니다.
Script 패널 좌측 창에서 s2 등을 선택 후 붙여 넣습니다.
 mc1부분을 mc2 등으로 고칩니다.

무비클립 mc1 등에 들어가서 마지막 프레임(36)에서 우클릭 후
[Movie Control – Goto and play – gotoAndPlay(FRAME)]Target : _parent
onFrame (36){    _parent.gotoAndPlay(1); }를 복사합니다.
Script 패널 좌측 창에서 mc2 등을 선택 후
오른쪽 편집창에서 제일 아래 빈 줄을 클릭 후 붙여 넣습니다.

동영상 강좌

 

중간 실습 자료 :

SwishMx2C04m.swi

SwishMx4C04m1.swi


결과물 :

SwishMx4C04m2.swi

 

실습 자료 :

 

 

 

 

 

 

 

두번째 페이지를 만들고 싶어요. 어떻게 해야 하나요?
Scene을 추가하고 페이지를 이동하는 단추를 만들어줍니다
썸네일 이미지와 무비클립 이미지를 교체하고 제목 등을 바꾸어줍니다


페이지를 이동하는 단추를 어떻게 만드나요?
다각형 도구로 삼각형을 만듭니다
페이드 인 효과를 줍니다
11번 프레임에 Remove 효과를 줍니다
페이지 이동하는 스트립트를 작성합니다
on (release) {gotoSceneAndPlay("Scene_2", 1);}
Scene을 어떻게 추가 하나요?
[Insert – Scene]

Scene_1의 모든 개체를 Scene_2에 어떻게 복사 하나요?
Scene_1의 모든 개체 선택 후 복사(Ctrl + C), Scene_2 선택 후 붙여넣기(Ctrl + V)
대화 상자가 나타나면 Effects와 Script 체크


썸네일 이미지와 무비클립 이미지를 어떻게 교체하나요?
이미지 선택 후 속성 창에서 페인트 통 아이콘 클릭 후 주황색 폴더 모양의 Open Image 아이콘을 클릭하고 교체합니다
이미지를 교체 하면서 제목도 속성 창에서 Edit 단추를 클릭하고 바꾸어줍니다
1. 저 푸른 초원 위에, 2. 파도가 잔잔한 바닷가, 3. 산기슭의 밭 풍경, 4. 달빛에 비췬 해변 풍경, 5. 센 강에서 바라본 에펠탑, 6. 바닷가 마을


스크립트를 어떻게 바꾸어야 하나요?
Scene_2의 10번 프레임에서 [Movie Control – stop()]
우선 무비클립의 이름을 mc1a, mc2a, mc3a, mc4a, mc5a, mc6a 등으로 바꿉니다
첫번째 썸네일 이미지를 선택 하고, 스크립트 패널에서
on (release) {  
    gotoSceneAndStop("Scene_2", 11);
    mc1a.gotoAndPlay(2);
}
Mc1a 무비클립의 에서
onFrame (35) {
    gotoSceneAndPlay("Scene_2", 1);
}
다각형 선택 후 삼각형의 방향을 바꾸고, 스크립트 패널에서
on (release) {gotoSceneAndPlay("Scene_1", 1);}

 

중간 실습 자료 :

SwishMx4C04m2a.swi