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

Sliding Pieces Gallery

by 어린양01 2016. 9. 12.

http://cafe.daum.net/gs1236/DsEW/1786 

 

Sliding Pieces Gallery

Movie Properties에서 720X540 창에맞추고
1. content→Import to Library→image클릭하여 이미지6장 불러오고
   작업창으로 한 장 불러오고 W=720 H=420 O=X 센타 X=360
   Y=270으로 이미지에 우클릭→copy object해서 scane_1에 우클릭
   →paste in place 한번 해 주고 Fill color=solid 색=빨강
   alpha=50%로

2. 복사한 Shape에 우클릭→Break-Break into Pieces→Break into
   Pieces 창에서 Columns=10, Rows=1로 Allow non triangular
   pieces체크 Inflate all pieces by 꼭 체크 0.5로 OK하면 Shape가
   Group이 된다

3. Group열고 안의 Shape 작업창의 우측것 하나만 제외하고 모두삭
   제 Group에 우클릭→Grouping→Ungroup하면 1개의 세로 조각
   (Shape)이 있다. Transform에서 O=X 우센타에 놓고 X=720.35를
   720으로 이름 mask로 아래 이미지 이름은 img로 mask를 img 아
   래로 내려주고

4. img와 mask선택 우클릭→Convert→Convert to Movie Clip,으
   로 묶고 img선택 Transform에서 O=X 좌상에 놓고

5. img와 mask선택 우클릭→Grouping→group as Movie Clip, 마스
   크체크 이름 a로 O=X 좌상에 놓고 a에 우클릭→Grouping→
   group as Movie Clip, O=X 좌상에 놓고

6. Movie Clip선택 된 상태에 script창에 스크립트 소스 복사해다 붙
   여넣고 play해서 작동확인 움직임이 이상하면 기준점 좌상 확인

7. Movie Clip에 우클릭→copy object해서 자판의 Shift+Ctrl 누르고
   V 5번 쳐서 총 6개 만들고 이름 아래서부터 a1~a6으로 a1~a6선
   택 우클릭→Grouping→group as Movie Clip 이름 aa로

8. aa열고 선택 →insert movie clip클릭 이름 auto 로, auto
   선택 Script창에서 Add script→Events→Frame→onFrame(...)
   프레임수=150 Add Script →Movie Control →Play() 크릭
   Target의 _parent선택하면 아래와 같다 맨 아래로 내려주고

  
 onFrame (150) {
    _parent.play();
}


9. aa선택 1~6프래임에 Movie Control→stop a1~a6선택 1프래임에
   Place, 2프래임에 Remove주고 아래서부터 1,2,3,4,5,6에놓고
   a6은 6프래임에 Place만 준다

10. aa열고 a1열고 a열고 img열고 안의 img 첫 번째 이미지로 바꿔
   주고 나머지도 모두 순서대로 바꿔준다 모두 +로 닫고

11. aa에 우클릭→copy object해서 scene_1에 우클릭→paste in
   place 복사한 것 선택 Transform에서 자물쇠클릭 Xscale=100.2로

12. 신1선택 content의 Import to Library→Animation클릭해서 물결
   판 불러오고 작업창으로 불러와 한칸(복사한 aa아래로) 내려주고
   물결과 위 aa선택 우클릭→Grouping→group as Movie Clip 마스
   크체크 이름 w로 이미지가 이동하면 되돌리기해서 다시 하세요

13. 신1선택 사각선택 그려주고 Line=none  Fill color=solid
   alpha=50%로 W=720 H=420 O=X 센타 X=360 Y=270으로
   Transform에서 자물쇠클릭 Xscale=98%로 w 아래로 내려주고

14. w와 shape선택 우클릭→Grouping→group as Movie Clip 마스
   크체크 이름ww로 play 해서 확인

15 바탕만들기
    cpntent의 이미지1장 작업창으로  불러오고 W=720 H=420 O=X
   센타 X=360 Y=270으로 이미지에 우클릭→copy object해서 
   자판의 Shift+Ctrl 누르고 V 5번 쳐서 총 6장 만들고 이름
   맨 아래 b6,b1~b5로

16. b6~b5선택 우클릭→Grouping→group as Movie Clip이름 bg로
   bg로 열고 아래aa열고 auto 복사해다 bg에 붙여넣고 맨아래로
   내려주고

17. bg 열고 bg선택 1~6프래임에 Movie Control→stop
   b6~b5선택 1프래임에 Place, 2프래임에 Remove주고 아래서부
   터 1,2,3,4,5,6,에놓고 b5는 6프래임에 Place만 준다 모두열고
   이미지 번호에 맞게 바꿔주고 +로닫고

18. bg에 우클릭→copy object해서 scane_1에 우클릭→paste in
   place한번 하고 Transform에서 자물쇠클릭 Xscale=100.2로

19. 신1선택 cpntent의 Animation클릭해서 물결판 불러오고 작업창
   으로 불러와 한칸(복사한 bg아래로) 내려주고 물결과 위bg선택
   우클릭→Grouping→group as Movie Clip 마스크체크 이름 w로

20. 신1선택 사각선택 그려주고 Line=none 채우기=solid
   alpha=50%로 W=720 H=420 O=X 센타 X=360 Y=270으로
   Transform에서 자물쇠클릭 Xscale=98%로 w 아래로 내려주고

21. w와 shape선택 우클릭→Grouping→group as Movie Clip 마스
   크체크 이름ww로 play 해서 확인

22. ww와 bg선택 우클릭→Grouping→group as Movie Clip 이름
   BG로하고 아래 ww와 aa선택 우클릭→Grouping→group as
   Movie Clip 이름 AA로하고 AA를 위로 올려주고 둘다 필터

23. AA와 BG선택 우클릭→Grouping→group as Movie Clip
   이름 main으로하고 play 해 보세요 잘 되었나요

24. 신1선택 사각선택 그려주고 라인=논 솔리드 색=임의 W=720
   H=60 O=X 센타 X=360 Y=510으로 필터주고 복사하여 붙여넣
   고 Y=30으로 하고 Full, sound, name등 꾸며 주세요

25. 신1선택 사각선택 그려주고 라인=논 솔리드 W=380 H=37 O=X
   센타 X=380 Y=510으로 T툴선택 Sliding Pieces Gallery라 써주고
   O=X Center X=700 Y=510에 놓고 T라인 20Fr에 더블클릭 활성화
   X=60 Y=515으로 프레임수=500

26. T와 아래 shape선택 우클릭→Grouping→group as Movie Clip,
   마스크체크 이름 title로 필터주고

 

 

 

Movie clip에 붙여넣을 스크립트

onFrame (1) {
i = 1;
num = 10;
}
onFrame (2) {
duplicateMovieClip("a", i, i);
this[i]._x = (num - i) * 70;
this[i].onEnterFrame = function ()
{
var _l1 = this;
_l1.img._x = _l1.img._x + (-(num - _l1._name) * 70 - _l1.img._x) / 10;
};
i++;
}
onFrame (3) {
if (i <= num) {
gotoAndPlay(2);
} else {
stop();
}
}

 

Sliding Pieces Gallery.swi


Sliding Pieces Gallery.swf



Sliding Pieces Gallery.swf
0.73MB
Sliding Pieces Gallery.swi
2.12MB

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

verticalSliding gridMask Gallery  (0) 2016.11.05
마름모 버튼과 동영상 10개모음  (0) 2016.09.13
Slide Gallery  (0) 2016.09.12
Break 이미지갤러리 종합  (0) 2016.08.13
Script Effect Gallery  (0) 2016.08.13