Effect Image Gallery

 

Effect Image Gallery

1. Properties창의 Movie Properties를 클릭 후
   Background color=검정색, Width=720, Height=540, Frame
   rate=20, SWF=10

2. Outline의 Scene1선택 Insert→Import Animation→src→확인
   src열고 안의 53프레임의 효과 라인에, 63FR에 Remove주고
   150FR에 Remove주고 +로닫고. Transform의 O=X 센타 X=360
   Y=270

3. Scene1선택 Rectangle Tool선택 Stage에 그려주고 Properties
   창에서 Line=None, Fill Color=Solid 색=252525
   W=720 H=540, 이름 bg 아래로 내려주고 O=X, 센타 X=360
   Y=270  

4. Scene1선택 Rectangle Tool선택 Stage에 그려주고
   Properties창에서 이름: mask,  Line=None, Fill Color=Solid
   W=179 H=248.5, O=X, 센타 X=360.5 Y=265.8 우클릭→
   Grouping→Group as movie clip, 이름 mask로

5. mask열고 안의mask라인 60F: Place, 71~80F: Move, 80F: PF,
   활성화 W=720 H=540, X=0 Y=0, 131~140F: Move, 140F: 활성
   화, W=179 H=251, X=0 Y=-1, 150Fr에 Remove, +로 닫고

6. Scene1선택 content→Library로 이미지8장 불러오고 8 장 모두
   선택 아래Add Link to Stage클릭 Stage로불러와 이름을 모두
   img01로, W=720 H=540 Transform에서 O=X, Center, X=360
   Y=270

7. 8장선택 우클릭→Convert→Convert to Movie Clip, 이름 아래서
   부터 img01~img08로, 모두스톱 체크됨

8. img01 열고 안의 img01라인 60~61F: Move, 61F: Preview
   Frame클릭됨, Window→Tint의 Color=Unchanged선택,
   62~63Fr에 Move, 63Fr활성화, Tint의 Color=White선택,
   65Fr에 더블클릭 활성화된 상태에, Tint의 Color의 Unchanged선
   택, 67Fr에 더블클릭 Tint: Color=White선택, 70Fr에 더블클릭
   Tint의 Color=Unchanged선택, 141~150Fr에 Fade→Fade Out,
   하고 효과 모두복사하여 img02~img08열고 안의 img01라인 60Fr
   에 붙여넣고 모두닫고  img01~img08선택 우클릭→Grouping as
   movie clip, 이름 img1로

9. Outline의 img1 열고선택 img1라인 1~8F: stop(), 안의 img01~08
   아래 계단형식 즉 1,2,3,4,5,6,7,8에 place와 Remove주고 맨 위
   Remove는삭제한다, img1선택 Insert Movie Clip→이름 auto로
   맨 아래로 내리고→auto,선택 →Script창에서 Add Script→Events
   →Frame→onFrame(,,,)을 선택→위에서 onFrame=150,으로 수정
   →Add Script→Movie Control→Play( )하고→위Target:▼열고
   Parent를 선택하고 +로닫고,  Outline의순서는 아래서부터 bg,
   mask, src, img1 순으로놓고 mask와 img1선택 Yscale=73으로

10. Outline의 위 img1~mask까지 선택 우클릭→Grouping→Group
   as movie clip,이름 img로 Stop playing at end와 Use bottom
   object as mask 체크, +로닫고

11. Scene1 선택 Rectangle Tool로 Stage에, 그려주고
   Properties창에서 이름: recup, W=720 H=80, O=X, 센타 X=360
   Y=40, Line=None, Fill Color=Solid, 색=252525 (bg과 같은색)

12. Outline의 recup에 우클릭→Copy Object해서 Scene1에 Paste
   이름: recdown, X=360 Y=500, recup 아래로

13. recup과 down선택 우클릭→Grouping→Group as Movie
   Clip, 이름: rec로, Window→Filters→Glow→Default→
   Blur x/y=10

14. Scene1선택 이미지 8장모두불러와 Properties에서 W=60
   H=45, 이름 아래서부터 btn01~btn08, O=X 센타 X=120 Y=500
   으로 맨 위것선택 X=580,

15. Outline의 btn01~08, - Align: All Selected, Distribute
   Horizontal Center(얼라인 정렬)

16. btn01~08선택 우클릭→Convert→Convet to Movie
   Clip, 이름 btn01~btn08로 하고, btn01열고 선택, btn01라인 1Fr
   에 stop(), 안의btn01라인 1Fr에 Place, 20Fr에 더블클릭, PF해
   지, Effect창의 Filter체크, Filter에서 Glow→Default→Start=흰
   색, BlurX=0, BlurY=0, End의 흰색, BlurX=20, BlurY=20,
   Timeline의 Move 복사해서 21F에 붙여넣고 Start=흰색,
   BlurX=20, BlurY=20, End=흰색, BlurX=0, BlurY=0으로(안의 효
   과 복사하여 btn02~btn08열고 1Fr에 붙여도 됨)

17. btn01~08선택 우클릭→Grouping→Group as Movie Clip, 이름
   btn, O=X, 센타, X=360 Y=500

18. Outline의 btn선택 Window→Filters→Drop Shadow→Default,
   X/Y=10

19. Scene1선택 Text Tool선택 Stage클릭 Properties의 글씨체
   =Beautiful ES~, 크기=72, 색=흰색, B, 마진해제, Edit창에
   Effect Image Gallery입력, 우클릭→Grouping→Group as
   MovieClip, 이름: title, O=X, 센타, X=360 Y=35 Filters→Drop
   Shadow→Default, X,Y=10

20. Scene1선택 Text Tool선택 Stage클릭, 글씨체=Arial Black,
   크기=16, 색=흰색, B, Edit에 Show입력, O=X, 센타

21. Outline의 Text에 우클릭→ Copy Object, Scene1에 Paste In
   Place(내용: Hide로) Show아래로 내려주고

22. Outline의 2개의 Text에 우클릭→Grouping→Group as Movie
   Clip, 이름: sh, O=X, 센타, X=45 Y=495, 열고 선택 후
   sh라인 1, 2F: stop(),주고 Hide라인 1프레임에 place 2프레임에
   Remove, Show라인 2프레임에 place, +로 닫고 sh선택, window
   →Filters→Drop Shadow→Default, X,Y=10

23. Scene1선택 Text Tool선택 Stage클릭, 글씨체=Arial Black,
   크기=16, 색=흰색, B, Edit에  Alpha U/D입력,O=X, 센타,Text에
   우클릭→Grouping→Group as Movie Clip, 이름 alpha로 열고 안
   의 T에 우클릭→Break→Break into Letters, Group열고 안의 U
   선태 우클릭→Grouping→Group as movie clip,이름 U으로 D도
   movie clip으로 묶고 이름 D로 모두 +로 닫고 Transform의 O=X,
   센타 X=670 Y=505 Window→Filters→Drop Shadow→Default,
   X,Y=10

24. Scene1선택 Text Tool선택 Stage클릭, Properties의 글씨체
   =Arial Black, 크기=16, 색=흰색, B, Edit에 Random입력, O=X,
   센타 X=45 Y=515, Filters→Drop Shadow→Default, X/Y=10

25.  SceneI선택 insert→Import Animation→로고, 불러와, 로고선
   택 O=X, 센타, x/y=660/445,  이름 sign로

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

 

- img열고 auto

onFrame (150) {
    _root.img.play();
}

- btn열고 btn01~btn8까지(자기번호로)

onFrame (39) {
    _root.btn.btn01.gotoAndPlay(2);
}

btn열고 btn01열고 btn01~btn08까지 붙여넣고
on (press)의두곳 숫자와 btn01을 각각의번호로 바꿈 

on (rollOver) {
    _root.btn.btn01.gotoAndPlay(2);
}
on (rollOut) {
    _root.btn.btn01.gotoAndStop(1);
}
on (press) {
    _root.img.img1.gotoAndStop(1);
    _root.img.img1.auto.gotoAndPlay(1);
    _root.img.src.gotoAndPlay(1);
    _root.img.mask.gotoAndPlay(1);
}

- sh - hide

on (press) {
    if(_root.btn._visible == 1){
        _root.btn._visible = 0;
    }else{
        _root.btn._visible = 1;
    }
}
on (press) {
    if(_root.rec._visible == 1){
        _root.rec._visible = 0;
    }else{
        _root.rec._visible = 1;
    }
}
on (press) {
    if(_root.alpha._visible == 1){
        _root.alpha._visible = 0;
    }else{
        _root.alpha._visible = 1;
    }
}
on (press) {
    if(_root.sh._currentFrame == 1){
        _root.sh.gotoAndStop(2);
    }else{
        _root.sh.gotoAndStop(1);
    }
}
on (press) {
    _root.sign._x = 690;
    _root.sign._y = 530;
}

-sh-show

on (release) {
 this.gotoAndPlay(1);
}
 on (press) {
    _root.sign._x = 660;
    _root.sign._y = 450;
}

- alpha - Group - D

onSelfEvent(enterFrame){
    if (isrollover == true && _root.img.img1._alpha >= 0){
        _root.img.img1._alpha = _root.img.img1._alpha - 1;
    }
}

 - alpha - Group - U

onSelfEvent(enterFrame){
    if (isrollover == true && _root.img.img1._alpha <=100){
        _root.img.img1._alpha = _root.img.img1._alpha+ 1;
    }
}

- alpha-Group-D-D와 - alpha-Group-U-U에

on (rollOver){
    isrollover = true;
}
on (rollOut,releaseOutside){
    isrollover = false;
}

- random

on (press) {
    img.img1.gotoAndStop(1 + random(8));
    img.img1.auto.gotoAndPlay(1);
    img.mask.gotoAndPlay(1);
    img.src.gotoAndPlay(1);
}

 

 

 

 

 

 

Effect Image Gallery.swf

0.3MB

Effect Image Gallery.swi

1.56MB

Effect Image Gallery mask.swf

0.1MB