Sliding Transform Image Gallery

 

Sliding Transform Image Gallery

1. Properties- Movie Properties를 클릭 후 다음과 같이 설정한다.
   Background color=검정색, Width=600, Height=600,
   Frame rate=25, SWF10, 이미지 이름을 미리 img01~img08
   로 W=600 H=600으로, 해서  Content로 이미지 8장 불러오고

2. Scene1선택 bg삽입. Properties 창에서 이름: bg, W=600
   H=600, Transform에서 O=X, 센타, X=300 Y=300

3. Scene1선택  img01~04 삽입 (아래서부터) 이름: img01~04, 모
   두선택, Properties 창에서 W=80 H=80, Transform: O=X, 센타 
   X=300 Y=300

4. Outline의 img01~04 모두선택 우클릭→Convert→Convert to
   Movie Clip, Stop playing at end체크 img01선택 X=255 Y=255,
   img02는 X=345 Y=255, img03은 X=255 Y=345,
   img04는 X=345 Y=345

5. Outline의 img01~04선택 우클릭→Grouping- Group as Movie
   Clip, 이름: thimg, O=X, 센타, X=300 Y=300, Window→Filter→
   록색버튼→Drop shadow→Default클릭.

6. Outline의 thimg선택 우클릭→Copy Object하여, Scene1에 우클
   릭→Paste In Place하고.

7. Outline의 복사한 thimg에 우클릭→Grouping→Ungroup 한 후

8. Outline의 img01~04(무비클립 그대로)을 각각 아래와 같이 한다,
   img01열고, 안의 img01선택  O=X 우하에 놓고 +로 닫고 선택
   O=X 우하 X=500 Y=500,, img02열고, 안의 img02선택 O=X 좌
   하  +로 닫고 선택 O=X 좌하 X=100 Y=500,, img03열고, 안의
   img03: O=X 우상 +로 닫고 선택 O=X 우상 X=500 Y=100,,
   img04열고, 안의 img04선택 O=X 좌상 +로 닫고 선택 O=X 좌상
   X=100 Y=100,, [상위 앵커와 하위 앵커가 같아야됨]

9. Outline의 img01~04을 Timeline에서 작업하기
   img01열고, 안의 img01선택 35~54F까지 Move주고, 54F의
   PF(활성화), xscal/yscale=500/500, 위 img01라인 54F: stop()주
   고, Move효과에 우클릭→Copy Effect하여, 55F에 Paste Effect
   하고 74F(74F에서 W클릭해도 됨): PF적용 하고,
   xscale/yscale=100/100으로.
   *img02~ 04번도 위와 같이 적용한다* [위 무비 효과를 복사하여
   사용하면 안되고, o=x 앵커를 상위와 같이 하위도 주어야됨]
   x/yScale이적을 때는 w/h을 400/400을 주어야된다...

10. Oultine- img01~04선택 우클릭→Grouping→Group as Movie
   Clip 이름: img로. 열고, img선택: 1~4F: stop()주고, 우측아래 계
   단형식 적용, +로 닫고

11. Oultine의 img에 우클릭→Grouping→Group as Movie Clip, 이
   름: img로. 열고, img선택: 1~2F: stop()주고, 안의 1프레임에
   Remove, 2프레임에 Place 주고. +로 닫고 Window→ Filters→록
   색버튼→Drop Shadow→Default 클릭.

12. Scene1선택 Import!!! Sound→es 삽입. Outline의 es에 우클릭→
   Grouping→Group as Movie Clip(이름=es), Timeline:상위es:
   1F: stop()준다.

13. Scene1선택 로고와 Fire불러와 로고 이름 sign로 sign선택
   O=X, 센타, X=225 Y=580 Fire선택 O=X 센타 X=300 Y=570으로

14. Scene1선택 T툴선택 Properties창의 글씨체= preciosa, 크기
   =30, 색=흰색 B, 마진해제, Edit창에 Sliding Transform엔타치
   고 Image Gallery쓰고, O=X, 센타, Outline의 T에 우클릭→
   Grouping-Group as MovieClip 하고. 이름: title로, O=X, 센타,
   X=350 Y=45, Window→Filters→록색버튼→Drop Shadow→
   Default

18. Outline의 thimg을Copy Objcet하여 Scene1- Paste In Place하
   고, 이름: s2thimg로, 위치를 thimg 아래로, Window→Tint→
   Alpha의 Custom→50%을 준 후 s2thing열고, img01열고 이미지5
   번부터 순번대로 Open Image한다음 +로. [* 아웃창 순서: title,
   sign, Fire, es, img, thimg, s2thimg, bg순으로함. * Next을 할
   때 다음씬으로 넘어 갈 때 씬창이 별도로 더 있어야 하며 씬1에 1F
   에 스톱을 꼭 주여야 된다] #Open Image할 때 shape을 오픈이미
   지할 때는 꼭 Fit to shape을 클릭하고, 처음부터 이미지로 시작한
   것을 오픈이미지할 때는 Fit to shape을 안해도 된다.

19. Outline- Scene선택- Timeline에서: 1F: stop()주고.

20. Outline의 각각의 개체에 Script를 적용한다.

- thimg

onSelfEvent (load) {
    targetx = 300;
    targety = 300;
    speedx = 0.2;
    speedy = 0.2;
}
onSelfEvent (enterFrame) {
    this._x = this._x + speedx * (targetx - this._x);
    this._y = this._y + speedy * (targety - this._y);
}

- thimg - img01~ 04까지

on (press) {
    _root.thimg.targetx = 505;
    _root.thimg.targety = 505;
}
on (press) {
        _root.img.gotoAndStop(2);
        _root.img.img.gotoAndStop(1);
    }
on (press) {
    _root.es.gotoAndPlay(2);
}

◉_root.thimg.targetx = 505;와 _root.thimg.targety = 505;는 이동
   해서 기존에 있는 그림과 겹쳐지게하는 위치을 주는 소스이며 각각
   의 위치는 아래와 같음

img01: x=505 y=505(우하), img02: x=95 y=505(좌하), img03:
     x=505 y=95(우상), img04: x=95 y=95(좌상)로 수정하고,
   _root.img.img.gotoAndStop(1);(1)을 숫자를 img의 숫자와 같이
   넣음

- img - img - img01~ 04까지..기존 stop소스 }아래 에 붙여넣음

onFrame (74) {
    _root.img.img.img01._visible = 0;
}

◉_root.img.img.img01....1을 해당 img숫자로 수정해줌

- img - img - img01 - 하위img01~ 하위08까지

on (press) {
    _root.img.img.img01.gotoAndPlay(55);
}

◉_root.img.img.img01...1을 해당 img숫자로 수정함

- title

on (press) {
    _root.thimg.targetx = 300;
    _root.thimg.targety = 300;
    _root.img.gotoAndStop(1);
}

- s2thimg

on (press) {
    _root.nextSceneAndStop();
}

21. Outline의 Scene1선택 우클릭→Copy Scene하여, Scene에 우
   클릭→Paste 하고. 이름 Scene2로

22. Outline의 Scene2의 s2thimg을(이름을 s1thimg로),s1img열고
   안의 이미지를 1,2,3,4번 이미지로 Open Image 하고, Thimg열고
   img01열고 안의 img01(원본이미지)부터 각각 열고, 5,6,7,8로
   Open image하고, img열고 img열고 각각 열고, img01 (원본 이미
   지)을 5,6,7,8로 Open image한다.

※s1thimg 스크립트에 _root.next을 prev로 수정해 준다.

 

 

Sliding Transform Image Gallery.swi

 

Sliding Transform Image Gallery.swf

 

fire[1].swf

fire[1].swf

0.0MB

Sliding Transform Image Gallery.swi

3.68MB

Sliding Transform Image Gallery.swf

0.23MB