고향으로 가는길
Sm 438 - Circle Mask Gallery.hwp
Sm 438 - Circle Mask Gallery
❋[Movie properties]를 눌러 - Back ground Color;[검정색] → Width = 700 Height = 5525
→ Frame rate;[25]%으로 하고 - SWF;[10]으로 하여 줍니다.
❋Lay Out - View - [Auto matically Adjust~] - Zoom;[100]% - Fit Stage in Window를 클릭하여
작업창을“최적화” 시킨다.
1. Tools Box의 - Rectangle Tool 선택 - Stage에 대층 그려주고
- properties;에서 이름;[bg] - [W = 700][H = 525] - Line;[None] - Fill Color;[Solid][검정색]
- Transform;[O=X][정,가운데] - [X = 350][Y = 262.5]
- Out line에서 우 클릭 = Grouping → Group as Movie Clip 클릭하고 - 이름;bg 로하고 - [O=X]
[정,가운데] 확인 한다.
- Filters; 추가버튼 눌러 - Gradient Bevel → Default - [흰색]으로하고 - Blur;X/Y;[10]
- Distance;[10]으로 하여줍니다.
2. Lay Out에서 - View - Zoom;[100]% → Fit Stage in Window 클릭하여 확인
3. Guides에서 다음 과 같이 설정한다.
- Guides; [Show], [Ruler], [Snap]눌러고 - Grids; [Show], [Snap] - [H = 350][V = 262.5]
- position; 그리드 가 위에 위치 - Snap; Tolerance;[6] - To Pbject Handles; 에 “체크“
4. Stage에서 “가이드라인”을 - 다음과 같이 위치한다. - 위치 후 Guides의 “Lock"을 클릭한다.
- 수직 “가이드라인” - [70][630] - 수평 “가이드라인” - [35],[65.5], [459.5], [492.25]하여줍니다.
5. Out line - Scene_1 클릭 - Insert - Import image 눌러 - 저장한 곳에서 img01~08(위에서 아래로)
- 이름; imgbg01 ~ 08,로 하고 - 모두 선택후 Transform;[OX][정,가운데] - [X = 350][Y = 262.5]
6. Out line - Scene_1 - imgbg01 ~ 08 위에서 우 클릭 = Grouping → Group as Movie Clip 클릭하고
- 이름; imgbg, - [O=X][정,가운데] - [X = 350][Y = 262.5] - imgbg를 펼친 후 - imgbg08을 맨위로
이동 시켜 줍니다.
7. Insert → Movie Clip 클릭하면 - 빈Movie Clip 이 만들어 집니다 - 이름; auto 로 합니다.
auto,[O=X][정,가운데] - [X = 0][Y = 0] 확인하고 - Tint;창에서 - Alpha;[Transparent] 으로 한다.
9. Out line - Scene_1 - imgbg - Time line
- imgbg; 1~8F에서 마우 드래그하여; Movie Control → Stop( )클릭
- imgbg08~07; 우측아래 [place][Remove]넣어 “계단형식” 적용 하여 줍니다.
10. Out line - Scene_1 - imgbg - auto 선택 - Script 로 들어갑니다.
Add Script → Events → Frame → onFrame(...) 클릭 - onFrame;[120] 아래 “소스”복사하여넣는다.
onFrame (120) {
_root.imgbg.play();
}
11. Out line - Scene_1 - Lay out - Tools → Ellipse Tool - Stage에 적당히 드래그 한후
다음과 같이 설정한다.
- Properties;에서 - 이름; mask - [W = 50][H = 50] - Line;[None] - Fill Color;[Solid] 기본색
- Alpha;[100]% - Transform;[O=X][정,가운데] - [X = 350][Y = 262.5]
- Time line; 50F;에서 “더블” 클릭 - Transform;의 _ xscale;[1610] yscale;[1610]
- PF을 “해지”하고 - 120F에; place를 적용 한다.
12. Out line - Scene_1 - Insert - Import Image - img01을 불러옵니다.
- 이름; img01 - [O=X][정,가운데] - [X = 350][Y = 262.5] - Tint창에서; Alpha;[Custom][33]%
13. Out line - Scene_1 - img01, 과 mask 함께 선택 마우 클릭 = Grouping → Group as Movie Clip
클릭하고 - 이름;0133 - þduse bottom object as mask에 “체크”하고 - [O=X][정,가운데]
- [X = 350][Y = 262.5] 로 합니다.
14. Out line - Scene_1 - img0133 위에서 마우 클릭 - Copy Object - 마우 클릭 - Paste in place(2번)
- 가운데것 img0166; 펼치고 선택 img01; 11F; [place] - Tint;[Custim][66]% - mask;11F(Move시작)
- 맨위것 im해1100;펼치고 선택 img01; 21F; [place] - Tint;[Custim][100]% - mask;21F(Move시작)
15. Out line - Scene_1 - Lay Out - Tools - □Rectangle Tool - Stage에 적당히 드래그 한후
다음 과 같이 설정한다.
- Properties; 이름; maskbg. - [W = 700][H = 394] - Line;[None] - Fil Color;[Solid]기본색상,
- Alpha;[0]% - Transform;[O=X][정,가운데] - [X = 350][Y = 262.5]
16. Out line - Scene_1 - Lay Out - Tools - ○Ellepse Tool - Stage에 적당히 드래그 한후
다음 과 같이 설정한다.
- properties; 이름; mask - [W = 50][H = 50] - Line;[None] - Fill Color;[Solid][흰색]
- Alpha;[25]% → Transform; [O=X][정,가운데] - [X = 350][Y = 262.5]
- Out line; mask를 “복사”하여 - “제자리붙이기”를 한후 - [W = 30][H = 30]으로 한다.
2개의 mask를 선택한 후 마우 클릭 = Shape Operations - Subtrct 클릭 - 이름; mask 로 한다.
- Time line; 40F; 더블클릭, - Transform;에서 xscale;[1610] yscale;[1610]
- PF을 해지하고, - 41F에서 우 클릭 = Fade → Fade Out - 120F에서 = place를 적용한다.
- mask, maskbg 함께 선택 우 클릭 = Grouping → Group as Movie Clip 클릭 - 이름; mask 로하고
þduse bottom object mask 에 “체크” 합니다.
17. Out line - Scene_1 - mask ~ img0133을 함께 선택 우 클릭 = Grouping → Group as Movie Clip
클릭 하고 - 이름; img01 로 하고 - [O=X][정,가운데] - [X = 350][Y = 262.5]
18. Out line - Scene_1 - img01에서 우 클릭 = Copy Object - Scene_1에서 - Paste in place을(7번)
하고 - img01을 맨 위로 이동한 후 나머지 이름을 img02 ~ 08로 한다(위에서 아래로)
- Open Image 하고 - mask 펼치고 그속의 mask 선택하여 - 다른 색상으로 바꾸어 줍니다.
19. Out line - Scene_1 - img01~08 위에서 우 클릭 = Grouping → Group as Movie Clip 클릭
- 이름;img 로 합니다.
20. Out line - Scene_1 - imgbg펼치고 - auto위에서 우 클릭 - Copy Object - img펼치고선택 - Paste
21. Out line - Scene_1 - img선택 - Time line에서
- img줄; 1~8F; 마/우 드래그; Movie Control → Stop()넣어줍니다.
- img01~08; 우측아래 - place, - Remove을 계단형식 으로 적용
22. Out line에서 - img펼치고 - auto선택하여 - Script 창으로 들어갑니다.
OnFrame(120){
_root.img.play();
}
23. Out line - Scene_1 - Lay Out에서 - Tools - Text Tool선택 - Stage 클릭하고
- Properties에서; 글꼴; BILLY ARGEL FONT, - [72] - [흰색] - [B] - Edit; Circle Mask Gallery.
[O=X][정, 가운데] 로 합니다.
- Out line에서 마/우 클릭 = Grouping → Group as Movie Clip 클릭 - 이름; title, - [O=X]
[정,가운데] - [X = 350][Y = 35]로 합니다.
24. Out line의 - Scene_1클릭하고 - Insert → Import Animation - sign - Import
- sign선택; - [O=X][정,가운데] - [X = 640][Y = 425]
25. sm437을 Open 한후 Out line에서 - sbtn을 “복사”하여 - sm438의 Scene_1에 “붙여넣기“ 한다.
- [O=X][정,가운데] - [X = 550][Y = 450]
26. Out line - Scene_1 - Insert → Import Image 클릭하여 - img01~08 입력
- 이름; btn01~08, - 모두선택; [W = 70][Y = 39.4] - [O=X][정,가운데]
27. Stage에서 - 맨 아래 “수평가이드라인”에 - “좌”에서 “우”로 배열한다.
- 모두 선택한 후 = Align; - [All Selected] - [Distribute Horizontal Center]
- Align;[Vertical Center]눌러 가로 정렬 합니다.
28. Out line - Scene_1 - btn01~08 함께 선택 우 클릭 = Grouping → Group as Movie Clip 클릭하고
- 이름; btn, - [O=X][정,가운데] - [X = 350][Y = 492.25]
29. Out line - Scene_1; 아래로 - title, sign, btn, sbtn, img, imgbg, bg 순으로 합니다.
30. Out line의 각각의 개체에 - Script를 적용 한다.
- sbtn - prev; "미리 적용되어 있다.
- sbtn - random; 미리 적용되어 있다.
- sbtn - fs; 미리 적용되어 있다.
- sbtn - next; 미리 적용되어 있다.
- brn 펼치고 - btn01 선택 → sm438 Script 소스를 복사하여 btn01에서 btn08에 붙여넣기하고
- btn02에서 08까지를 각각 열고 - 다음 과 같이수정 합니다.
※btn02 → 9번10번 줄 = btn02를 [btn01] 수정 - 44번 45번도 btn02를 [btn01]수정합니다.
나머지 btn03 ~ btn08 까지도 위와같이 [btn01] 모두 수정합니다.
79번 ~83번 - 해당번호 숫치 2에서 8로 수정
onSelfEvent(load){
alpha = 100;
speed = 0.2;
}
onSelfEvent(enterFrame){
this._alpha = this._alpha + speed * (alpha - this._alpha);
}
on (rollOver) {
if(_root.btn.btn01.alpha == 100){
_root.btn.btn01.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn03.alpha == 100){
_root.btn.btn03.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn04.alpha == 100){
_root.btn.btn04.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn05.alpha == 100){
_root.btn.btn05.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn06.alpha == 100){
_root.btn.btn06.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn07.alpha == 100){
_root.btn.btn07.alpha = 30;
}
}
on (rollOver) {
if(_root.btn.btn08.alpha == 100){
_root.btn.btn08.alpha = 30;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn01.alpha == 30){
_root.btn.btn01.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn03.alpha == 30){
_root.btn.btn03.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn04.alpha == 30){
_root.btn.btn04.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn05.alpha == 30){
_root.btn.btn05.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn06.alpha == 30){
_root.btn.btn06.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn07.alpha == 30){
_root.btn.btn07.alpha = 100;
}
}
on (rollOut,releaseOutside) {
if(_root.btn.btn08.alpha == 30){
_root.btn.btn08.alpha = 100;
}
}
on (press) {
_root.img.gotoAndStop(1);
_root.img.auto.gotoAndPlay(1);
}
on (press) {
_root.imgbg.gotoAndStop(1);
_root.imgbg.auto.gotoAndPlay(1);
}