본문 바로가기
  • 오직 예수 그리스도
스위시세상/스위시 고급

맥스-4 신 모핑 갤러리(

by 어린양01 2011. 7. 21.


맥스-4 신 모핑 갤러리

1. 저는 맥스-4 (2011.03.18) 버젼으로 설명글을 만들어보겠습니다,
   Scene_1을 선택해서 properties창에서 movie properties클릭해서
   w=700 h=500 설정 "ok" 클릭해서 닫고 view창에서 첫단추 클릭해
   서 무비가 창에 딱맞게합니다 

2. 그리고 나서 저는 일단 맥스-4의 환경이 익숙지 않아서 환경을 조
   금 바꿔서 설정해보겠습니다. 상단 메뉴에서 "Tools" 클릭해서
   preferences 클릭해서 Apperane 에서 하단의 "zoom" 2번째것 (자
   동 줌조정 기능) 그리고 "Thumbnails" (채우기 상태대로 보여주기)
   항목에 체크를 해맥스-4 신 모핑 갤러리(줍니다 

3. 또..Warnings 를 선택해서 열고서 모두 빠짐없이 체크해줍니다
   "적용" 클릭해서 닫습니다. (특히 4번째항목
   Show options....pasting 이 항목은 반드시 체크해줍니다) 이건 복
   사해서 붙여넣기할 때 효과도 같이 딸려서 할것이냐..아니냐..
   선택을 할수있는 창이뜨게 해주는 역활을 해줍니다

4. 상단 메뉴 "windows" 클릭 Guides 클릭해서 H=50 V=50 설정해
   서 7곳 모두를 클릭해줍니다 정상적으로 되었다면 그림처럼 가이
   드 라인이 나타나고 50 간격으로 스냅이 걸릴 것입니다 라이브러리
   로 사용할 이미지를 불러 올리겠습니다. contents창→import!! to
   Library→image클릭 

5. 열기창에서 이미지 4장을 선택해서 "열기" 클릭하고 라이브러리창
   의 image resources 하부 열고서 이미지 2장만 선택해서 Add Link
   to Stage 버튼을 클릭해서 무비로 올립니다 좀 사이즈가 크군요

6. 이미지 사이즈를 w=600 h=400 으로 설정해줍니다 

7. 위에 이미지를 선택해서 Transform창에서 0=x 좌센타 타임라인의
   60프레임에 더블클릭해서 move프레임수=60을 넣어주면 preview
   frame키가 활성화됩니다.효과막대를 더블클릭하면 Effect창이 열
   립니다 ★ "Morphing" ★ 체크를 해줍니다

8. 그림처럼 키프레임이 60프레임에 있는상태에서 서브셀렉션 툴을
   선택해서 그림처럼 좌측 아래/ 위 각각의 모서리를 끌어다가 스냅
   걸린곳 두칸(100)씩 놓아서 사다리꼴을 만들어줍니다 잘 되었는지
   play해 보세요 모양이 사각에서 사다리꼴로 서서히 변하죠 

9. 지금까지는 사각 사다리꼴로 변하게 했으니깐 이번에는 변하면서
   돌아가며 퇴장하게 하겠습니다 키프레임 60프레임에 있는 상태에
   서..좌측 중간 기준상태에서 transform창에서 (width:)옆의 
   _xscale: 100 을 0.1 %로해서 play해서 잘되었다면 다음으로

10. 이번에는 아래 이미지를 선택합니다 Transform창에서  0=x 클릭
   우센타 서브 셀렉션툴 선택해서 우측의 위/아래 각각의 모서리를
   두칸(100)씩 스냅걸린곳에 잘끌어 맞춥니다 그림처럼 사다리꼴 형
   상이 되어야합니다..잘 되었다면 다음으로 넘어갑니다

11. 우센타에서 (width:) 옆에 _xscale: 100  을 0.1 %로 해줍니다 그
   러면 그림처럼 납작한상태로 변해 보이지 않게 될겁니다

12. 60프레임에 더블클릭해서 move 프레임수=60을 넣어주고
   (preview frame활성화 상태에서) xscale:100 %로 play해보시면 우
   측을 기준으로 서서히 늘어나서 제 크기를 되찾을겁니다

13. 이젠 모양을 변화시켜야겠죠  키프레임 60프레임에 놓고서
   Effect창을 열고서  ★" Morphing "★에 체크해줍니다 그리고 서브
   셀렉션 툴을 선택해서 우측 상/하 모서리를 끌어서 그림처럼 스냅
   걸린곳에 정확히 맞춰주면 원상태의 사각형이 될 것입니다 play해
   보고 잘되었다면 다음으로 넘어갑니다 (반드시..여기까지는 꼼꼼하
   게 잘 체크하셔야합니다)

14. 그림처럼 위에는 61 프레임과 / 150 프레임에 우클릭→ Remove
   를 각각 넣어줍니다 (사라지는부분..) 아래에는 150 프레임에 우클
   릭→Place를 해줍니다 (1~60프레임까지 등장...61~150프레임 감
   상할 시간...) 다시 한번 play해서 잘되었는지 이상한 부분이 없는
   지...꼼꼼하게 살펴봅니다 그리고 다음으로..

15. 이름을 위는a, 아래는 b로 주고 우클릭→copy 다시 우클릭→
   paste in place 클릭 알림창이뜹니다 Effects에 체크 해서 "ok" 닫
   고 이렇게 5번 반복해서 a,b를 각각 5개씩 만들어서 그림처럼 놓습
   니다. 그리고 a,b 한셋트만 따로 선택해서 맨 아래로 내려놓고서
   properties 창을 열고서 채우기 상태를 solid 기본색으로 해줍니다
   (요건..맨 나중에..마스크로 사용할것입니다.일단 미리 만들어 둡니
   다) 그리고나서 마/우버튼 무비클립으로 묶어서 이름을 "mask_모
   핑" 지정해 줍니다

16. 이젠 b 4개를 같이 무비클립으로 묶어서 이름을 "bb" 로 지정해
   주고 a 4개도 무비클립으로 묶어서 이름을 "aa" 로 지정해줍니다
   그림처럼 "aa" "bb" "mask_모핑" 크게 3 무비클립으로 보여지겠지
   요...다음으로 넘어갑니다

17. 먼저..bb를 _로 열고서 하부 b 4개를 같이 선택해서 convert to
   movie clip클릭 뜨는창에 "예" 클릭해서 개별 무비클립화해주고 이
   름을 아래부터" b2 , b3 , b4 , b1 " 로 다시 지정해주고서 타임라인
   창에서 母무비클립(bb)의 1~4프레임에 마/우버튼 move control→
   stop을 각각 넣어줍니다

18. 子무비클립( b2 , b3 , b4 , b1 ) 에는 오름계단형으로 place와
   remove를 넣어서 그림처럼 해주고 (bb의 하부가 열림(-)상태에서)
   insert movieclip클릭해서 빈 무비클립을 불러들입니다 이름을
   "auto" 로 지정해주고서 맨 아래로 내려줍니다

19. "auto" 를 선택한상태로 script창을 열고서 Add script→Events→
   Frame→onFrame 클릭 프레임수=150 넣고 다시 Add script→
   movie control→play클릭→target에서 _parent를 선택해줍니다
   그러면..그림처럼 완성된 구문이될것입니다

20. "aa" 도 "bb" 와 똑같은 방식으로 그림처럼 만들어 줍니다 ★다만
   ★ 배열을 아래부터 a1~a4로 해주시면 됩니다  그리고 최하부의
   "a" 를 선택해서 번호에 맞는 이미지로 각각 다시 지정해줍니다 아
   래 "bb" 도 마찬가지로 하부열고서 최하위 "b" 도 올바르게 이미지
   를 다시 지정해줍니다

21. "aa""bb"를 모두 +로 닫고서 둘을 같이 무비클립으로 묶어주고
   서 이름을 "AB" 로 지정해주고 "AB"를 복사해서 신1에 제자리로 붙
   여넣기해서 만든이 사본(AB_Copy)을 Transform창에서 _y=250을
   250.5 로 (0.5 내림) 변경해줍니다

22. import!! Animation을 클릭해서 물결판을 선택해서 "열기" 클릭 작
   은 알림창에 "확인" 클릭 임포트창에는 하단의 "Animated Movie
   Clip"  이 항목에 만 체크해서 "import!!" 클릭해서 불러들입니다

23. 물결판을 사본 아래로 내려서 같이 무비클립을 묶어서 이름을
   "ww" 지정하고서 마스크 항목 (Use bottom...mask)에 체크를 해
   줍니다,  play해서 물결 상태 확인합니다. 다음으로...

24. 이젠 로드무비 방식으로 소스를 넣어서 꾸미기를 해보겠습니다
   빈무비클립을 불러와서 0=x 클릭 좌상 x=0 y=0 해주고서 Script창
   을 엽니다  Add script→External files and date →Load / unload
   Movie Clip →loadMovie클릭합니다

25. 스크립트 구문이 완성되었습니다 ('URL'..글자대신에 소스 주소
   를 복사해서 붙여넣으면 됩니다 ㅎㅎ)

일단 주소 넣지 않은 상태에서 script창을 닫고서 (Layout창으로 전환
   해놓고서) 이걸 복사해서 제자리로 붙여넣기 클릭 알림창 (스크립
   트 포함할것이기에) "ok" 클릭 4번 반복해서 4개로 만들어주고서
   이름을 "s" 로  지정해줍니다 그리고 나서 같이 무비클립해서 무비
   클립의 이름을 "ss" 해줍니다 스크립트창 열고서 소스들(4종)의 주
   소를 각각 붙여넣습니다

26. "ss"를 -로 열고서 그림처럼 오름계단형 만들고 stop바 넣어주고
   서 insert Movie Clip클릭해서 빈무비클립을 불러들여서  "auto"로
   지정해서  0=x  좌상 맨 아래로 내린다음에 "aa, bb"의 auto의 스크
   립트를 복사해다가 붙여넣습니다 (아니면 같은 방법으로 만들어
   줍니다..복습차원ㅎㅎ)

27. .+로 하부를 모두 닫고서 바닥의 mask_모핑을 "ss, ww"아래로
   올리고서 같이 무비클립해서 이름을 "WS"로 지정해주고 마스크항
   목 (Use bottom...mask)에 체크를해줍니다  play해서 확인합니다.

28. 이젠 바탕을 만들어주는데..ㅎㅎ..여기선..바탕역활도 하면서 음
   원의 역활도 할수있도록 "flv" 즉 동영상을 사용해보겠습니다
   insert External Media 클릭 properties창에 "URL:" 아래 빈사각형
   안에 "flv주소"를 붙여넣습니다 그리고 화면 사이즈를 무비랑 같게
   w=700 h=500 으로 해주고서 맨아래로 내려놓습니다

★자체버튼 방식으로(화면 클릭하면 play / pause 로 제어)★
   (External Media 선택한 상태) script창 열고서 제공된 소스를 붙여
   넣습니다 뭐 특별한건 없구요 onPress = function() { paying ?
   (pause()) : (play()); } ☜= 요 구문이 (기존 방식에서)추가된겁니
   다

29. 이번에는 필터효과를 써서 좀 더 임체감을 부각시켜보겠습니다
   일단 "AB, WS"를 무비클립으로 묶습니다 이름을 "AA"로 해주
   고 "AA"를 선택하고  상단 메뉴 Windoes클릭 ★ Filters ★ 클릭하
   면  여백창이뜹니다 ★ 녹색 + 를 클릭해서 Drop shadow클릭  3번
   째걸 선택 Distace(그림자와의 거리..즉 높이, 층) : 20   Shadow
   color(그림자색깔) : black @ 50~75% 해줍니다

30. .마지막으로 이건 설명이 길어질듯해서 swi파일을 첨부해드리겠
   습니다 작가사인하고..Alpha Up / Down 버튼..Scale Up / Down
   버튼 그룹(U_D)을 복사해서 붙여넣습니다 play해 봅니다..버튼은
   RollOver 제어 방식입니다..걍 마우스만 올려두면...스윽..변할겁니
   다 우와웅~~간만에 긴 page를 했더니 무진장 피곤하네염 ㅎㅎ
   그럼 즐거운 시간되세여 ㅎㅎㅎ~~~꾸벅 ..^___________^..

// auto ***************에 사용된 스크립트 구문입니다

onFrame (150) {
    _parent.play();
}
// ExternalMedia ******에 사용된 스크립트 구문입니다

onSelfEvent (load) {
    Src = "주소";
    play(Src);
    onPlayStop = function() {
        play(Src);
    }
// 반복 재생이되게 해주는 기능입니다
    onPress = function() {
        playing ? (pause()) : (play());
    } // 자체 버튼만들어주는 기능입니다 ( play / pause)
}

효과 주소
[소스] sun_move.swf
https://t1.daumcdn.net/cfile/cafe/19131F3B4E1C5B9E13?original 

[소스] 가로곡선_보조소스.swf
https://t1.daumcdn.net/cfile/cafe/13108C3B4E1C5B9E16?original 

[소스] 눈앞으로 밀려오는 실감나는 구름.swf
https://t1.daumcdn.net/cfile/cafe/1208A43B4E1C5BA026?original 

[소스] 무지개빛_확산.swf
https://t1.daumcdn.net/cfile/cafe/160AED3B4E1C5BA021?original 

[소스] 물방울_파장.swf
https://t1.daumcdn.net/cfile/cafe/200FE23B4E1C5BA118?original

[소스] 반짝이며 떨어지는별.swf
https://t1.daumcdn.net/cfile/cafe/1117E93B4E1C5BA10A?original 

[소스] 별도는.swf
https://t1.daumcdn.net/cfile/cafe/17086D3B4E1C5BA224?original 

[소스] 분홍꽃 소용돌이.swf
https://t1.daumcdn.net/cfile/cafe/17054C3B4E1C5BA22D?original 

[소스] 색변하고_떠오르는 공기방울.swf
https://t1.daumcdn.net/cfile/cafe/13186E3B4E1C5BA309?original

[소스] 속도.swf
https://t1.daumcdn.net/cfile/cafe/1711913B4E1C5BA316?original 

[소스] 아지랑이 유사한.swf
https://t1.daumcdn.net/cfile/cafe/1619723B4E1C5BA408?original 

[소스] 아지랑이.swf
https://t1.daumcdn.net/cfile/cafe/110FDD3B4E1C5BA419?original 

[소스] 자잘한 예쁜꽃 날리는.swf
https://t1.daumcdn.net/cfile/cafe/110E103B4E1C5BA51B?original 

[소스] 화려한 분홍_푸른빛.swf
https://t1.daumcdn.net/cfile/cafe/2008EC3B4E1C5BA520?original 

[소스] 회오리.swf
https://t1.daumcdn.net/cfile/cafe/1519CB3B4E1C5BA607?original 

[소스] 휘황찬란히_가운데서_돌아가는_빛선.swf
https://t1.daumcdn.net/cfile/cafe/191AB43B4E1C5BA806?original 

[소스]별_사각별.swf
https://t1.daumcdn.net/cfile/cafe/110F6C3B4E1C5BA810?original 

동영상 주소
 [김조한] I belive
http://211.233.84.80/daumblog/1001/62/37096662.flv 

[장혜진] 미스터
http://118.107.173.73/daumblog/1001/90/37096590.flv 

[김범수] 외톨이야
http://121.254.164.9/daumblog/1001/62/37096462.flv 

[윤도현] 빗속에서
http://211.233.76.138/daumblog/1001/21/37096421.flv 

[박정현] 이브의 경고
http://116.193.84.178/daumblog/1001/33/37096333.flv 

[옥주현] 유고걸
http://118.107.172.86/daumblog/1001/32/37095932.flv 

[조관우] 남행열차
http://211.233.84.200/daumblog/1001/33/37095833.flv 

================================================================ 

[옥주현] 러브
http://121.254.143.113/daumblog/1001/19/36916519.flv 

[BMK] 사랑하기에
http://116.193.84.239/daumblog/1001/86/36916486.flv 

[조관우] 하얀나비
http://118.107.173.8/daumblog/1001/50/36916450.flv 

[장혜진] 가까이하기엔 너무 먼 당신
http://61.110.245.39/daumblog/1001/51/36916351.flv 

[김범수] 사랑하오
http://118.107.173.118/daumblog/1001/79/36916279.flv 

[윤도현] 빙글빙글
http://211.233.84.57/daumblog/1001/94/36916394.flv 

[박정현] 겨울비
http://121.254.164.11/daumblog/1001/28/36915528.flv 

================================================================= 

[조관우] 이별여행
http://118.107.173.136/daumblog/1001/71/36548271.flv 

[장혜진] 슬픈인연
http://211.233.90.60/daumblog/1001/8/36548208.flv 

[김범수] 여름 안에서
http://116.193.84.179/daumblog/1001/54/36548154.flv 

[BMK] 삐에로는 우릴 보고 웃지
http://121.254.139.165/daumblog/1001/45/36548045.flv 

[옥주현] 서시
http://118.107.172.179/daumblog/1001/78/36547878.flv 

[박정현] 바보
http://211.233.84.233/daumblog/1001/30/36547830.flv 

[윤도현] 커피한잔
http://118.107.173.8/daumblog/1001/7/36547807.flv

'스위시세상 > 스위시 고급' 카테고리의 다른 글

바른mask Gallery  (0) 2011.07.30
Rotation Transform Gallery  (0) 2011.07.21
Mask Transform Gallery   (0) 2011.07.21
Cube Transform Gallery   (0) 2011.07.21
Rotation Transform Gallery  (0) 2011.07.14