♧ Transit 효과(스크립트) swi첨부!!

Transit 효과(스크립트)

 

01. 작업창 크기; 700*500, 난이도; ★★★

오늘 영상은 색상 변화이다. 이 영상 역시 색상에 관련된 스크립트 구문은 이해하기 힘들다. 여러분이 변경할 수 있을 부분만 주석을 달아 놓았다. 부담 갖지 말고 메모장에 잘 보관해 두었다가 다음 기회에 사용하면 될 것이다.

 

Content-Library를 통해 이미지 10장을 등록해서 10장 모두를 스테이지로 불러와 Convert to Movie Clip으로 개별 무비클립을 만들어 a1-10으로 이름한다. 오늘 무비클립은 설명과 같이 해야만 한다. 여기서 이름을 변경하면 스크립트 구문의 명령도 전부 수정해야 할 것이다.

이어 이 모두를 묶어 무비클립으로 만들어 이름을 aa라 한다.

 

 

2. 작업창에 사각 세이프를 그려 엔카포인트 좌상으로 _x=0, _y=0, _w=1050, _h=500으로 하고 필타임=그라디언트, 양쪽 색상=검정으로 하고 왼쪽 색상바를 위 그림처럼 오른쪽으로 이동시키고 맨 오른쪽 색상바 클릭해 투명도=0으로 하고 이를 무비클립으로 한 다음, 이름을 mc로 하고 aa 밑으로 내린다.

 

 

3. 이 둘을 무비클립으로 묶고 이름을 AA라 하고 엔카포인트를 좌상으로 찍는다.(아주 중요하다. 그렇지 않으면 엉뚱한 곳에서 움직인다.)

이어 아래 스크립트 구문을 붙여넣기하면 끝난다.

 

function clearImage()

{

imgSelectNo = imgSelectNo>= imgTotCnt ? 1 : imgSelectNo+=1;

for (i=1; i<=imgTotCnt; i++)

{

bgNo = imgSelectNo==1 ? 10 : imgSelectNo-1; // "10"은 이미지 장수다.

aa["a"+i]._visible = i==imgSelectNo ? 1 : 0;

aa2["a"+i]._visible = i==bgNo ? 1 : 0;

}

}

onSelfEvent (load)

{

imgTotCnt=10; // image 장수 "위에 있는 "10"과 함께 변경해줌

divCnt=3; // 이동속도...높을수록 빠름

frameCnt = imgSelectNo = bgNo = 0;

aa.duplicateMovieClip("aa2", 1);

aa.swapDepths(2);

mc.swapDepths(3);

aa.cacheAsBitmap = true;

mc.cacheAsBitmap = true;

aa.setMask(mc);

mc._x-=mc._width;

clearImage();

onEnterFrame = function()

{

frameCnt++;

tellTarget(mc)

{

_x = _x<0 ? _x+=_parent.divCnt : null;

_parent.frameCnt>(_width/_parent.divCnt) ?

( _x=0-_width, _parent.frameCnt=0, _parent.clearImage() ) : null;

}

}

}

 

 

4. AA를 카피해 하나 더 만들어 _y 값 1을 더 주고 물결판 불러와 마스크 처리하는 것은 늘 같은 작업이다. 그러나 오늘 영상은 그렇게 처리하면 물결판이 비친다. 영상에 투명도가 많이 들어가 있기 때문이다.

위 그림을 자세히 보자 AA에 밑에 작업창과 같은 사각 세이프를 하나 더 만들었다. 그리고 이 둘을 묶어 무비클립으로 다시 한번 묶은 것이다. 이걸 카피해서 물결판과 마스크 처리하면 그런 현상이 해소된다.

 

오늘 영상은 스크립트만 이해하면 비교적 간단하다. 여기에 적당한 소스를 첨가할 수도 있다. 허나 그런 부분은 내 개성에 맞지 않을뿐더러 강좌를 간략하게 설명하려 효과를 주는 소스들을 사용하지 않았다. 여러분은 이미지의 효과를 돋보이기 하는 여러 소스들을 적용하시기를 바란다. 그런 부분은 다 여러분의 몫이다.

출처: 초원광장