|
출처: 고향으로 가는길 원문보기 글쓴이: 일출봉
1. properties - Movie properties를 클릭 한후 다음 과 같이 설정한다.
- Back ground Color;[검정색] - [Width = 700][Height = 525] - Frame rete;[25] - SWF;[10]
- Tools - Rectangle Tool 클릭하여 - Stage에 클릭한다.
- properties; 이름; bg - [Width = 700][Height = 525] - Line;[None] - Fill Color;[검정색]
- Tools - [Rectangle Tool] 선택 - Stage에 그려줍니다.
- properties; 창에서 - 이름; bg - [Width = 700][Height = 525] - Line;[None]
- Fill Color;[Solid(검정색)] 으로 합니다.
- Transform;[O=X][정가운데] - [X = 350][Y = 262.5] - Shape 선택 우 클릭
- Grouping → Group as Movie Clip 클릭하고 - 이름을 “bg" 로 합니다.
- Filters; 추가버튼 - Gradient Bevel → Default 클릭 - Default펼치고;[흰색] 으로 합니다.2. Lay Out - View - [Automatically Adjust~] - Zoom;[100]% - Fit Stage in Window 클릭합니다.
3. Guides에서 다음 과 같이 설정한다.
- Guides; Show, Ruler, Snap 클릭하고
- Grids; Show;[H = 350] - Snap;[V = 262.5] - Position; 그리드가 위에 위치 하도록한다.
- Snap; Tolerance;[6] 으로 합니다.4. Stage에서 가이드라인을 다음과 같이 위치한다( 위치한후 Lock 에 체크)
- 수직가이드 라인; 55, 645 - 수평가이드 라인; 45, 4805. Out line - Scene1 - Insert → Omport Image 클릭 - img01 ~ img08불러와(위에서 아래로 정렬)
- Transform;[O=X][정가운데] - [X = 350][Y = 262.5]6. Out line에서 - img01~img08 함께 선택 우 클릭 = Grouping → Group as Movie Clip 클릭하고
- 이름을 imgbg 로 하고 - [O=X][정가운데] - [X = 350][Y = 262.5]7. Out line - imgbg펼치고 선택 = Coponents - Utility - Rename Tool을 W 클릭
- Out line에서 imgbg 선택된 상태로 - parameters;창에서 Ba..[imgbg0] - 1 - Update;[회색 바 클릭]
- Rename Tool"삭제“한다 - imgbg08을 맨위로 이동시킵니다.8. Out line - imgbg펼치고 선택 - Lay Out에서 - Tools - Text Tool 선택 - Stage에 클릭
- properties; [Arial] - [20] - [흰색] - [B] → Edit;창에서 auto, 입력하고 - [O=X][정가운데]9. Out line - imgbg 펼치고 - auto선택 - 그위에서 마/우 클릭
= Grouping → Group as Movie Clip 클릭하고 - 이름을 auto 로 하고 - [O=X][정가운데] - [X = 0]
[Y = 0] - Tint; Alpha;[Transparent] 클릭합니다.10. Out line에서 - imgbg 펼치고 선택 - Time line에서
- imgbg줄; 1~8F ; Stop() → 우측 아래 imgbg08번부터 계단형식 적용 하여 줍니다.11. Out line - imgbg 펼치고 - auto 선택 하여 Script 로 들어갑니다.
Add Script → Events → Frame → onFrame(...)클릭하고
위에서 onFrame;[100] 으로 수정하여 줍니다.
Add Script → Movie Control → play( ) 클릭하여
◉Taget; 에는 _root.imgbg을 찾아넣어줍니다.12. Out line - Scene_1클릭 - Insert → Import Animation 클릭 - src - 확인 - Import 창에서
❋위 □ 사각 4개에는 “체크” 해지 되어야 하고 - 아래◉Animated Movie Clip 에는 “체크” 되어야함
- Transform;[O=X][정가운데] - [X = 350][Y = 262.5] - [W = 700][H = 525]로 합니다.13. Out line에서 - src 펼치고 선택 - Time line의 맨위Shape 줄 우측 - 38F(place)을 100F로이동해서.
- 100F에 place 적용14. Out line - Scene_1 클릭하고 - Insert → Import Image 클릭하여 - img01 열기합니다.
- properties;창에서 - 이름 img01, 로하고 - [O=X][정가운데] - [X = 350][Y = 262.5]15. Out line - img01, 과 src 함께선택 마/우 클릭 = Grouping → Group as Movie Clip 클릭하여
- 이름; img01 로 하고 - ☑use bottom object as mask 에 “체크” 합니다.
- Filter; 추가버튼 - Drop Shadow - Default을 넣어줍니다.16. Out line - img01펼치고 src선택 - Copy object - Scene_1에서 - paste 하여
- 이름을; srcfade, - [O=X][정가운데] - [X = 350][Y = 262.5] - img01 속의 src 펼치고
Shape 모두선택 - Fill Color;[흰색]으로Alpha;[50]% 로 합니다.17. Out line - srcfade 펼치고 - Time line에서
- 1~5F(마/우 드래그 5F에서 Insert Frame(s) 클릭하여 빈 프레임 추가 - 좌측 돌출된 place 줄의
1F에 place (4곳)을 적용 → 모든 효과 끝에 Fade Out을 넣어줍니다. 각개체 끝 -100F에; place 넣는다.18. Out line - srcfade, 와 img01 함께 선택 마/우 클릭 = Grouping → Group as Movie Clip 클릭하고
- 이름; img01 - [O=X][정가운데] - [X = 350][Y = 262.5]19. Out line - img01합치고 선택 - Copy object - Scene_1 - paste in place(7번) 합니다.
20. Out line에서 img01모두 함께 선택 마/우 클릭 = Grouping → Group as Movie Clip 클릭
- 이름; img - [O=X][정가운데] - [X = 350][Y = 262.5]21. Out line - img펼치고 선택 = Components - Utility - Rename Tool를 W 클릭
- parameters;에서 - [img0] - 1 - Update[회색 바 클릭] - Rename Tool삭제 - Open Image한다.22. Out line - imgbg 펼치고 - auto 선택 - Copy object - img 펼치고 선택 - paste 합니다.
23. Out line - img - Time line에서
- img; 1F~8F에 Stop( ) 넣어주고 - 우측 아래 img01부터 계단형식 적용 합니다.24. Out line에서 - img 펼치고 - auto 선택
onFrame(100){
_root.img.play( );
}25. Out line에서 - img펼치고 - 그속의 img01선택 - Copy object - Scene_1 - paste 합니다.
- 1~2F의효과삭제(우드래그;Delete Frame(s)클릭) - 이름;btn01; - [O=X][정가운데] 확인
- [X = 90][Y = 480] - [W = 70][H = 52.5]로 합니다.26. Out line의 - btn01펼치고 - img01펼치고 - 그속img01선택 - Copy Object - btn01에
- paste in place - 이름 btn01으로 하고 - Filter; 추가버튼 - Drop Shadow - Default 한다.
- src펼치고선택; 1F에 Stop(), - 맨위Shape 줄(100F의 place을 ← 52F; place 끌어서 이동한다.)27. Out line의 img합치고 - btn01도 합치고 선택 마/우 클릭 - Copy Object - Scene_1 - paste(7번)한다.
28. Out line - btn01을 맨위로 이동 - btn01모두 함께선택 마/우 클릭
= Grouping → Group as Movie Clip클릭 - 이름; btn 으로 합니다.29. Out line - btn 펼치고선택 - Components - Utility - Rename Tool을 W 클릭합니다.
- Out line으로 나갑니다.
- parameters에서; - Ba...;[btn0] - 1 - Update,[회색 바 클릭] - Rename Tool삭제 - Open image30. Stage의 - btn01~btn08을 배열하고 - 모두선택 - Align - [Align to] - [All Selected] - Dustribute;
[Dustribute Horizontal Center] 클릭하여 합친후; [O=X][정가운데] - [X =350][Y = 480]31. Out line - Scene_1 - Tools - Text Tool 을선택 - Stage 클릭
- Properties;에서 BILLY ARGEL~ , - [72] - [흰색] - [B] - [마진해제]
- Edit; Vertical Transform Gallery, 을 입력 - [O=X][정가운데]
- Out line에서 마/우 클릭 = Grouping → Group as Movie Clip 클릭
- 이름; title - [O=X][정가운데] - [X = 350][Y = 45]
- title펼치고 - “T"선택 - Time line의; 75F에서 W 클릭 - Effect차에서; - ☑Filter체크
- ☑Filter체크 (에니메이션을 적용 할수 있습니다)
- Filter; - 추가버튼; - Drop Shadow - Default → Glow - Default
- [-]Drop Shadow열고 - start;에 BlusX(px);[5] BlusY(px);[5] Distance(px);[5] - End;에는
BlusX(px);[0] BlusY(px);[0] Distance(px);[0] 합니다.
- Time line에서; Move효과; 복사 하여 - 76F에 붙여넣고 - Effect차에서; - ☑Filter체크 합니다.
- Filter; - 추가버튼; - Drop Shadow → Glow - Default 열고 - start;에 BlusX(px);[0]
BlusY(px);[0]Distance(px);[0] → End;에는 BlusX(px);[5]BlusY(px);[5] Distance(px);[5] 합니다.32. Out line - Insert - Import Animation - sign - Import 눌러불러온다.
- sign; [O=X][정가운데] - [X = 350][Y = 435]33. Out line - Scene_1 - Insert - Import Sound - es(wav) 선택
- Out line;에서 마/우 클릭 = Grouping → Group as Movie Clip 클릭 - 이름 es 로 한다.34. Out line - Secen_1 - Tools - Rectangle Tool 선택 - Stage 대층 그려줍니다.
- Properties에서; 이름; bbg - [W = 70][H = 18] - Line;[None]
- Fill Color;[Solid][검정색]-[50]% - Transform; [O=X][정가운데] - [X = 238.55][Y = 516]35. Out line - Scene_1 - Tools - Text Tool - Stage 에 클릭
- properties;에서 [Androgyne] - [16] - [흰색] - [B] - 마진해제,
- Edit; Play 입력;[O=X][정가운데] - [X = 238.55][Y = 516]36. Out line - Scene_1 - Play, bbg - Align에서
- Align to; [Last Selected] - Align;[Align Horizontal Center] [Align Vertcal Center]클릭하고
- play - Copy Object - Paste in place - Edit;창에서 - Stop 수정37. Out line - Scene_1 - Stop에서 bbg까지 함께 선택 마/우 클릭
= Grouping → Group as Movie Clip클릭 - 이름; sp 로 하고 - [O=X][정가운데]
- [X = 238.55][Y = 516]38. Out line - Scen_1 - sp펼치고 - Stop, play(효과적용)
- Filtera; 추가버튼 - Glow - Default(흰색)
- Time line; 1,2F에 stop() - 우측 아래 계단 형식 적용(bbg는 적용하지않는다)39. Out line - Scene_1 - sp - 마/우 클릭 - Copy Object - Scene_1 - paste(3)한다.
sp맨위로 올리고 - sp(Stop, play) - random(stop은삭제 Play을 Random);[X = 312.9][Y = 516]
- fs(No Scale 아래 Normal);[X = 387.2][Y = 516] - sound(Sound(검정색), Sound);[X = 461.55]
[Y = 516] 으로 합니다.40. Out line - Scene1 - sp에서~sound까지 모두선택 마/우 클릭
- Grouping → Group as Movie Clip 클릭하고 - 이름; sbtn [O=X][정가운데] - [X = 350.05]
[Y = 516] 확인 한다.41. Out line - Scene_1 (위에서 아래로 순서 정렬)
- title, sign, es, btn, sbtn, img, imgbg, bg 순으로 한다.42. Out line의 각각의 개체에 Script를 적용 한다.
- sbtn펼치고 - sp펼치고선택 - Stop
on (press) {
_root.img.img01.stop();
_root.img.img02.stop();
_root.img.img03.stop();
_root.img.img04.stop();
_root.img.img05.stop();
_root.img.img06.stop();
_root.img.img07.stop();
_root.img.img08.stop();
_root.img.img01.srcfade.stop();
_root.img.img02.srcfade.stop();
_root.img.img03.srcfade.stop();
_root.img.img04.srcfade.stop();
_root.img.img05.srcfade.stop();
_root.img.img06.srcfade.stop();
_root.img.img07.srcfade.stop();
_root.img.img08.srcfade.stop();
_root.img.img01.img01.src.stop();
_root.img.img02.img01.src.stop();
_root.img.img03.img01.src.stop();
_root.img.img04.img01.src.stop();
_root.img.img05.img01.src.stop();
_root.img.img06.img01.src.stop();
_root.img.img07.img01.src.stop();
_root.img.img08.img01.src.stop();
_root.img.auto.stop();
}on(press) {
_root.imgbg.auto.stop();
}on(press) {
if(_root.sbtn.sp._currentFrame == 1){
_root.sbtn.sp.gotoAndStop(2);
}else{
_root.sbtn.sp.gotoAndStop(1);
}
}- sbtn - sp - Play
on (press) {
_root.img.img01.play();
_root.img.img02.play();
_root.img.img03.play();
_root.img.img04.play();
_root.img.img05.play();
_root.img.img06.play();
_root.img.img07.play();
_root.img.img08.play();
_root.img.img01.srcfade.play();
_root.img.img02.srcfade.play();
_root.img.img03.srcfade.play();
_root.img.img04.srcfade.play();
_root.img.img05.srcfade.play();
_root.img.img06.srcfade.play();
_root.img.img07.srcfade.play();
_root.img.img08.srcfade.play();
_root.img.img01.img01.src.play();
_root.img.img02.img01.src.play();
_root.img.img03.img01.src.play();
_root.img.img04.img01.src.play();
_root.img.img05.img01.src.play();
_root.img.img06.img01.src.play();
_root.img.img07.img01.src.play();
_root.img.img08.img01.src.play();
_root.img.auto.play();
}
on(press) {
_root.imgbg.auto.play();
}
on(press) {
if(_root.sbtn.sp._currentFrame == 1){
_root.sbtn.sp.gotoAndStop(2);
}else{
_root.sbtn.sp.gotoAndStop(1);
}
}- random
on (press) {
_root.img.gotoAndStop(1+random(8));
_root.img.auto.gotoAndPlay(1);
}
on (press) {
_root.imgbg.gotoAndStop(1+random(8));
_root.imgbg.auto.gotoAndPlay(1);
}- fs (기존 소스 아래 붙여넣는다)
on(press) {
if (Stage.displayState == "normal"){
Stage.displayState= "fullScreen";
Stage.scaleMode = "noScale";
} else if ( Stage.displayState == "fullScreen"){
Stage.displayState= "normal";
}
}
on(press) {
if(_root.sbtn.fs._currentFrame == 1){
_root.sbtn.fs.gotoAndStop(2);
}else{
_root.sbtn.fs.gotoAndStop(1);
}
}- sound펼치고 - sound(위 검정색)
on(press) {
_root.es.stop();
}
on(press) {
if(_root.sbtn.sound._currentFrame == 1){
_root.sbtn.sound.gotoAndStop(2);
}else{
_root.sbtn.sound.gotoAndStop(1);
}
}- sound 펼치고 - sound(아래 흰색)선택
on(press) {
_root.es.play();
}
on(press) {
if(_root.sbtn.sound._currentFrame == 1){
_root.sbtn.sound.gotoAndStop(2);
}else{
_root.sbtn.sound.gotoAndStop(1);
}
}- btn펼치고 - btn01펼치고 - btn선택 [b수02~08에 붙여넣고]
[10,11,줄 btn02~08 - 15,16줄 btn02~08 - 18,22줄 해당번호 2~8 수정]
onSelfEvent (load) {
this._alpha = 100;
}
onSelfEvent (rollOver) {
this._alpha = 50;
}
onSelfEvent (rollOut,releaseOutside) {
this._alpha = 100;
on (rollOver) {
_root.btn.btn01.srcfade.gotoAndPlay(2);
_root.btn.btn01.img01.src.gotoAndPlay(2);
}
on (rollOut,releaseOutside) {
_root.btn.btn01.srcfade.gotoAndStop(1);
_root.btn.btn01.img01.src.gotoAndStop(1);
}
on (press) {
_root.img.gotoAndStop(1);
_root.img.auto.gotoAndPlay(1);
}
on (press) {
_root.imgbg.gotoAndStop(1);
_root.imgbg.auto.gotoAndPlay(1);
}- btn펼치고 - btn01펼치고 - srcfade선택[기존 소스 아래 붙여넣는다]
(btn01~08에 붙여넣는다- 해당btn02~08)onFrame (52) {
_root.btn.btn01.srcfade.gotoAndPlay(2);
}- btn펼치고 - btn01펼치고 - img01펼치고 - src선택 [기존아래 붙여넣는다]
(btn01~08에 붙여넣는다- 해당btn02~08)onFrame (52) {
_root.btn.btn01.img01.src.gotoAndPlay(2);
}- sign
on (rollOver) {
_root.sign.stop();
}
on (rollOut,releaseOutside) {
_root.sign.play();
}- title
on (rollOver) {
_root.title.stop();
}
on (rollOut,releaseOutside) {
_root.title.play();
}