파라솔 마스크

파라솔 마스크

 

1. 작업창 크기; 700*500, 이미지 크기; 600*350, 난이도; ★★★

1. 이번 영상은 피서대신 파라솔 영상으로 대신한다. 파라솔 세이프 소스 불러와 벗겨내어 360/250에 위 그림처럼 위치시키고 이를 카피하여 사이즈를 120/84로 조정하고 이를 카피 총 10개를 만들어 작업창 왼쪽 위로부터(아웃라인에서는 아래서부터) b1-b10으로 이름하고 좌표값으로 이동시킨다. b1=237/42, b2=132/90, b3=60/160, b4=69/390, b5=195/435, b6=335/446, b7=505/450, b8=635/442, b9=625/125, b10=507/55.

이어 b1-10을 모두 선택하고 컨버트 투 무비클립으로 한다.

 

 

2. 맨 아래 이미지 카피해 y 값 1을 더 주고 물결판 불러와 카피한 이미지 밑으로 내려 위 이미지와 무비클립으로 묶고 마스크에 체크한 다음, 아래 남은 이미지와 다시 무비클립으로 묶고 img1이라 하고 주고 싶은 필터를 준다. 여기서 스크립트 좌표와 일치하려면 물결판의 크기가 700/700이고 좌표를 350/150으로 주어야 한다. 그래도 좌표와 차이가 날 경우는 이 영상의 물결판의 무비와 맞지 않을 경우다. 이 영상의 물결판의 모션은 주어진 프레임동안 밑으로 내려오는데 물결판 윗선이 작업창 윗선에까지만 내려오는 모션이다. 즉 물결판 위선이 작업창 안으로 내려오지 않는다. 이 정도 설명이면 이해할 수 있어야 한다.

 

 

3. img1의 사이즈를 120/84로 축소시켜 이를 카피 총 10개를 만들어 img1-10으로 표기하고 처음 버튼 좌표값으로 하나하나를 선택하고 전부 이동 시킨다. 이어 버튼과 img에 해당 이미지로 교체한다.

 

 

4. img 10개를 무비클립으로 묶고 main이라 하고 타임라인에 위 그림처럼 1프레임을 비워 놓고 배열하고 아래 스크립트를 적는다.

 

* img1-10을 각각 선택하고

onSelfEvent(load){

MovieClip.prototype.elasticMove = function(a, b, tx, ty){

var tempx = this._x;

var tempy = this._y;

this._x = a * (this._x - tx) + b * (this.prevx - tx) + tx;

this._y = a * (this._y - ty) + b * (this.prevy - ty) + ty;

this.prevx = tempx;

this.prevy = tempy;

}

}

onSelfEvent(enterFrame){

this.elasticMove(1.2, -0.6, 0, -90);

}

onSelfEvent (load) {

easing = 0.2;

elasticity = 0.2;

txscale = 100;

ts = 0;

}

onSelfEvent (enterFrame) {

ts = ts * easing + (txscale - this._xscale) * elasticity;

this._yscale = this._yscale + ts;

this._xscale = this._xscale + ts;

}

onSelfEvent (rollOver) {

this.txscale = 90;

}

onSelfEvent (rollOut) {

this.txscale = 100;

}

 

* b1을 선택하고

onSelfEvent (load) {

easing = 0.85;

elasticity = 0.5;

txscale = 90;

ts = 0;

}

onSelfEvent (enterFrame) {

ts = ts * easing + (txscale - this._xscale) * elasticity;

this._yscale = this._yscale + ts;

this._xscale = this._xscale + ts;

}

onSelfEvent (rollOver) {

this.txscale = 100;

this.swapDepths(1);

}

onSelfEvent (rollOut) {

this.txscale = 90;

}

on(press){

main.gotoAndStop(2);

}

 

* b2-10은 스크립트 맨 아래 빨간색 프레임 수만 3-11까지 바꾼다.

 

 

 

 

파라솔모양.swi

 

파라솔_영상.swf

파라솔모양.swi

0.6MB

파라솔_영상.swf

0.57MB