버튼과 그라디언트 마스크
무비 800X500
1. bg만들기
가이드선을 세로 45, 450에 놓고 가로 130, 750에 놓고 bg불러와
W=800 H=500 O=X Center X=400 Y=250에 놓고, 사각그려 라인
=실선 굵기=1 색=흰색 Fill color=Solid, 색=cecece, W=775
H=470, O=X Center X=400 Y=250에 놓고, Subselection Tool로
좌측 세로선 가로눈금자 45에 우클릭→Insert vertex클릭 하고,
위 가로선의 세로눈금자 130과 160에 우클릭→Insert vertex클릭
하고, 아래 가로선의 가로선에 가로눈금자 750과 우측 세로선의
세로눈금자 450 우클릭→Insert vertex클릭 하고,
2. 좌측 맨 위 점을 45로 내려 포개주고 130에 있는 점도 45로 직선
으로 내려주고 우측 맨 아래에 있는점을 450으로 포개주고 Shape
를 복사하여 붙여넣고 이미지로 바꿔주고 Window→Tint→Alpha의
Custom선택 30써주고 둘을 무비클립으로 묶고 이름 bg로 필터
버튼만들기
3. 사각그려 라인=none, Fill color=Solid 색=999900, W=228 H=28,
O=X Center X=594 Y=165에놓고 복사해서 붙여넣고 라인=실선
굵기=1 색=흰색 Alpha=75. Fill color=none, H=1로하고 O=X
Center X=594 Y=179.5에놓고, 다시 사각그려 라인=실선 굵기=1
색=999900,으로 Fill color=Gradient로 좌측색=흰색 우측색=
336600,으로하고 W=228 H=28, O=X Center X=594 Y=165에
놓고
4. 복잡하니까 새창에 사각그려 라인=none Fill color=SOlid 색=
666666, W=50 H=50으로 하고 3X3으로 조각내어 ungroup하
여 모두 선택돤 상태에 O=X Center에 놓고 W=10 H=10 으로하고
모두 선택된 상태에 Group as shape,하고 예 하고 Fill color
=Gradient로 좌측색=검정 우측색=cccccc,로하고 Change how
the image..→Edit Fill Transform클릭하여 X의 각도를 45로 쓰고
OK하고, W=12 H=12로하고 복사해다 원래 작업창에 붙여넣고
O=X Center X=493 Y=165에놓고
5. 단독으로 무비클립으로묶고 바로아래 shape와 무비클립으로 묶고
이름 k로 Window→Tint→Alpha의 Custom선택하고 17써주고 k라
인 2Fr에 move(6)주고 활성화 Custom의 17을 100으로하고 13Fr
에 더블클릭하여 Custom의 100을 0으로하고 k를 무비클립으로 묶
고 열고 1과 7Fr에 스톱주고 닫고 이름 ef로
6. poem-01쓰고 글씨체=verdana 크기=14, B, 색=333333 Alpha=
75로 하고, O=X 좌센타 X=513 Y=165에놓고 사각그려 라인=none
Fill color=none W=228 H=28 O=X Center X=594 Y=165에놓고
아웃라인의 위에서부터 shape, poem-01, ef, shape, shape, 5개
를 무비클립으로 묶고 O=X Center X=594 Y=165에 놓고 복사하
여 총 5개 만들고 맨 위것선택 Y=285에 놓고 얼라인 정렬하고 숫
자 바꿔주고 이름 b1~b5로하고 5개 모두 무비클립으로 묶고 이
름 btn으로 열고선택 117Fr에 스톱주고 안의 모두선택 117Fr
에 place준다 필터 (b1~b5에 스크립트주고 각각열고 투명 shape
에 스크립트)
open만들기
7. 사각그려 라인=실선 굵기=0 색=검정 Fill color=Gradient로 좌측
색=666600 우측색=cccccc,으로 W=342 H=300 O=X Center
X=226 Y=250에놓고 우측아래를 1번처럼 만들고 109Fr에 move
(5)주고 활성화 X=570으로 118Fr에 move(4)주고 X=226으로하고
122Fr에 Remove주고 다시 사각그려 라인=실선 굵기=0 색=흰색,
Solid 색=999900, W=53 H=30 O=X Center X=81.5 Y=120,으로
하고 96Fr에 move(7)주고 활성화하여 X=205 Y=212 W=300
H=145으로하고 109Fr에 더블클릭하여 X=226 Y=250 W=342
H=300으로하고 122Fr에 move(7)주고 활성화 X=226 Y=250
W=300 H=168로
8. 이미지 한 장 불러와 W=280 H=149 O=X Center X=226 Y=250으
로놓고 103Fr에 Fadein(10)주고 3개선택 129Fr에 Remove주고 3
개를 무비클립으로 묶고 이름 open으로 열고선택 128,과 129Fr에
스톱 주고 닫고 필터
loading만들기
9. 사각그려 라인=none Fill color=Gradient로 좌측색=999900 Alpha
=0, 좌측에서 큰두칸색=999900, Alpha=100, 우측색=99900
Alpha=0, 우측에서 큰두칸색=999900, Alpha=100,으로하고
W=280 H=21 O=X Center X=400 Y=250으로하고 1Fr에 place주
고 91 Fr에 Fade out(10)주고 다시 사각그려 라인=none, Solid 색
=006600 W=62 H=12, O=X Center X=446 Y=250으로놓고 1Fr
에 place주고 91 Fr에 Fade out(10)주고 단독으로 무비클립으로
묶고 이름 Mask_mc로하고 O=X 좌상에 놓고 100Fr에 더블클릭
X=480로
10. 다시 사각그려 라인=none Solid 색=999900, W=62 H=12 O=X
Center X=510 Y=250으로하고 1과 100Fr에 place주고 Shape와
Mask_mc을 무비클립으로 묶고 이름 Fill로 Fill라인 1Fr에 place주
고 91 Fr에 Fade out(10)주고
Animation만들고
11. 사각그려 라인=실선 굵기=0 색=검정 Fill color=solid 색=cc9900
W=62 H=12 O=X Center X=510 Y=250으로하고 창을키워 놓고
우측 아래를 1번처럼 만들고, 원그려 라인=none Fill color=Radial
Gradient,로 좌측색=999999, 우측색=흰색 W=4.5 H=4.5 O=X
Center X=510 Y=247로하고 Fill Transform툴 선택 좌상쪽으로 약
간 끌어놓고 단독으로 무비클립으로묶고 이름 Ball로하고 시간막대
1Fr에 놓고 Motion Tool선택하고 작업창의 원에서 좌측으로 사각
을 따라 클릭클릭해서 돌고 옆으로누은 8자형으로 한번 더 돌고
아래쉐이프와 무비클립으로 묶고 이름 Animation로 1Fr에 place주
고 91 Fr에 Fade out(10)주고 O=X Center 필터주고 창 맞춰주고
loading의 쉐이프와글
12. Loading쓰고 글씨체=verdana 크기=14, B, 색=흰색, 우클릭→
Break into Letters클릭하고 O=X Center X=385 Y=250에놓고 1Fr
에 App..→Wild - Uncompress(50)주고 91 Fr에 Fade out(10)주
고 위에서부터 Group, Animation, Fill, shape를 무비클립으로 묶
고 이름 loading로하고 스톱체크 W=480 H=31로 하고 loading에
서 bg까지 모두선택 무비클립으로 묶고 이름 open으로 필터
영상 만들기
13. 사각그려 라인=none Fill Color=Gradient,로 좌측색=검정 가운데
색=424242, 우측색=흰색, Alpha=0 W=900 H=300으로하고 O=X
우센타 X=54 Y=250에 놓고, 100Fr에 더블클릭하여 X=954로
무비클립으로 묶고 스톱체크 이름 mask로 (스크립트)
14. 이미지 한 장 불러와 이름 01로, W=700 H=300, O=X Center
X=400 Y=250에 놓고, 복하여 붙여넣고 Y에 1+ 해주고 물결 불러
와 복사본 아래로 내려 위 이미지와 무비클립으로 묶고 마스크
체크하고 아래 01과 다시 무비클립으로 묶고 이름 img로 하고 아
래 mask와 무비클립으로 묶고 마스크 체크하고 이름 img1로
15. 사각그려 라인=none Fill color=Solid W=300 H=285 O=X
Center X=590 Y=250으로 놓고 시복사해다 붙여넣고 O=X 상 센타
X=585 Y=115에 놓고 단독으로 무비클립으로 묶고 이름 s1로하고
아래 쉐이프와 무비클립으로 묶고 좌상에 놓고 마스크 체크하고
이름 ss1로 필터
16. 사각그려 라인=none Fill color=none W=20 H=280 O=X 상센타
X=737 Y=110에 놓고, 원그려 라인=실선 굵기=0, 색=흰색 Fill
color=Soluid 색=9900ff W=20 H=20 O=X Center X=737 Y=120
로 놓고 복사하여 붙여넣고 W=15 H=15로하고 둘을 Group
as shape, 아니오 하고 1Fr에 Looping..→Wild - Flimmer(20)주고
단독으로 무비클립으로 묶고 무비클립을 다시 무비클립으로 묶고
좌상에 놓고 이름 scrollBar로하고(스크립트) 다시 아래 쉐이프하고
무비클립으로 묶고 좌상에 놓고 이름 scrollSet로하고 아래 ss1과
무비클립으로 묶고
17. 무비클립라인 101Fr에 Fade in(10)주고 다시 무비클립으로 묶고
열고선택 110Fr에 스톱주고 닫고 이름 poem1로하고 다시 아래
img1과 무비클립으로 묶고 복사하여 총 5개만들고 이름 poem1
~poem5로 이미지 바꿔주고
18. 5개를 무비클립으로 묶고 열고선택 1,3,5~11Fr에 스톱주고
poem1선택 2Fr에 place 4Fr에 Remove주고 이두 효과를 복사하
여 4,6,8,10에 붙여넣고 맨위 Remove는 삭제하고 닫고 이름 main
으로, 필터주고, open열고 btn열고 b1~b5열고 맨 위 shape의
스크립트의 맨 아래 의 숫자를 고쳐준다
main열고 poto1~5열고 각각 img1열고 mask에
onSelfEvent (load) {
_parent.img.cacheAsBitmap = 1 ;
this.cacheAsBitmap = 1 ;
_parent.img.setMask(this);
}
open 열고 btn열고 b1~b5에
onSelfEvent (load) {
targetY = -60; //맨 아래 b1에서부터 -60,-30,0,30,60으로 고쳐준다
speedY = 0.2;
}
onSelfEvent (enterFrame) {
this._y = this._y + speedY * (targetY - this._y);
}
open 열고 btn열고 b1~b5열고 맨위 shape에
on (rollOver) {
ef.gotoAndPlay(2);
}
on (rollOut) {
ef.gotoAndPlay(8);
}//위는 모두같고 아래만 open/btn/b1/투명세이프에 (자기버튼 번호만 빼고 순서대로)
on (release) {
this.targetY = 300;
_parent.b2.targetY = -180;
_parent.b3.targetY = -150;
_parent.b4.targetY = 200;
_parent.b5.targetY = 230;
_parent._parent.open.gotoAndStop(129);
_parent._parent._parent.main.gotoAndPlay(2);
}
main열고 poto1~poto5열고 각각의 poem1열고 Movie Clip열고 scrollSet열고 scrollBar에
onSelfEvent (press){
this.startDrag(false, 0, 0, 0, this._parent._height - this._height/0.5);
}
onSelfEvent (release,releaseOutside){
stopDrag();
}
onSelfEvent (enterFrame){
var maxCntScroll : Number = this._parent._parent.ss1._height - this._parent._height;
var maxBarScroll : Number = this._parent._height - this._height;
this._parent._parent.ss1.s1._y = -maxCntScroll * (this._y / maxBarScroll);
}
opem.swf
opem버튼과 그라디언트 마스크.swi
opem버튼과 그라디언트 마스크.swf