메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의


여태껏 올라왔던 커튼효과를 간단하게 액션스크립트로 만들수있는 방법입니다 헌데 이방법은 무비

클립의 크기나 방향이 항상 일정합니다 물론 속도는 랜덤처리되므로 여태껏 나왔던 커튼효과와는

조금 다른 느낌이 들겁니다 그럼 시작해 보겠습니다.

Lesson 1
  
  우선 첫번째 레이어에 그림과 같이 배경이 될만한 그림을 불러들입니다.
  그리고 Insert-Layer 메뉴를 선택해 레이어를 하나 더 만들어줍니다. 새로
  생긴 레이어에 그림과 같은 무비클립을 만들어줍니다.

  * 무비클립은 테두리를 없앤 흰 사각형을 쓰면 됨.

Lesson 2
  
  무비클립을 선택하고 메뉴에 Insert-Convert to simbol메뉴를 선택하고 라디오
  버튼에 Movie clip를 선택한후 Ok 버튼을 누릅니다. 그후 무비클립에 Alpha 값을
  45%정도 주면 그림과 같이 투명하게 됩니다

Lesson 3
  
   만들어진 무비클립에 마우스 오른쪽키를 누른후 Action을 선택합니다.
  위에 그림과같이 Expert mode를 선택합니다.
  그후 나타나는 오른쪽 빈공간에 아래에 액션메뉴를 복사해넣습니다.

  onClipEvent (load) {
        speed = random(5)+1;
  }
  onClipEvent (enterFrame) {
        this._x += speed;
        if (this._x<0 || this._x>400) {
                speed *= -1;
        }
  }

Lesson 4

  복사해넣구 시험을 해보면 무비클립이 엉뚱한 위치에서 방향을 바꿀것입니다
  이건 자신의 그림크기와 액션에 넣은 숫자 크기가 달라서 인데요.. 잘 보시면
  위에 넣은 액션에 400이란 크기가 있져? 이건 그림의 오른쪽 크기를 말하는거
  구요 0은 왼쪽크기를 말하는겁니다.. 그러니 저처럼 숫자를 그림 크기에 맞춰
  서 알맞게 방향이 바뀌도록 해주시면 되겠져?

Lesson 5
  한번 만들어진 무비클립은 Windows-Liberly에 가시면 계속 존재해있습니다.
  그러니 한번 만드신후에 위에 작업을 반복할 필요없이 그냥 복사하시면 되져
  ^^ 크기는 알맞게 바꾸셔두 됩니다!!

  허접하면서 잘 알아듣지도 못하게 강좌를 올려서 죄송합니다!! 새해복 많이받
  이시구요 좋은하루되세요!!

Lesson 6
추가 : 스크립트 설명들어갑니다
   onClipEvent (load) {
        speed = random(5)+1;
  }
  onClipEvent (enterFrame) {
        this._x += speed;
        if (this._x<0 || this._x>400) {
                speed *= -1;
        }
  }

1 .onClipEvent (load) 요기서 load란 처음에 프레임이 실행되었을때 {}안에 문장을 실행하라는 뜻입니다..
2. speed = random(5)+1; speed 는 무비클립에 속도를 바꾸어주는 것으로 0~에서 4까지의 숫자를 랜덤으루
   받아와 +1을 한후에 speed 란 변수에 집어 넣어라는 줄입니다 *+1을 해주는 이유는 random값이 5라면 0~4
   까지의 숫자를 얻어오게 되니 0이되면 무비클립이 멈춰버리게 됩니다.. 그래서 임시방편으루 넣어준것입니다
3. onClipEvent (enterFrame) 요기서 enterFrame란 프레임이 이어질때 연속적으로 계속 실행되었을때 {}안에
   문장을 실행하라는 뜻입니다.
4. this._x는 this란 무비클립 그 하나를 의미합니다 예를들어 내가 1번 무비클립에 이 액션을 주고 있다면 this는
   1번무비클립 하나를 의미하는것이죠.. 그러니 this._x는 이 액션을 주고있는 무비클립에 x좌표를.. speed에서
   받아오라는 뜻이됩니다.. 쉽죠? 어려우면 다시 설명요청해주세요 ^^:; 아참 += 는 this._x= this._x+ speed를 줄
   여놓은 문장이란거 눈치채셨죠??
5. if (this._x<0 || this._x>400) 쉽게 볼수있는 if문입니다.. 요기서 || 는 다른언어의 or로 생각하시면 되구요..
   this._x에 들어가는 좌표가 0보다 크거나 400보다 작으면 {}의 문장을 실행하라는 것입니다.. 여기서 0과 400은
   총 그림의 크기가 되겠죠?? 그럼!! 마지막문장
6. speed *= -1; 이문장은 방향을 바꿔주는문장입니다.. speed에 여태껏 + 수만 들어갔죠? +1+2+3+4+5 까지요..
   +는 오른쪽방향으루 이동하라는 뜻까지 가지고 있는데요.. 그럼 -를 주면??? 왼쪽이루 이동하겠져? ^^ 궁금하
   신분은 해보시길.. 한마디루 -를 곱해 방향을 틀어주라는 간단한 문장입니다!!

휴.. 요기까지 수정을 했는데여.. 어떤분이 요청을 하셔서 올리긴 했는데... 영 설명이 어려운것 같기도하구.. 그러네
요 영~~모르겠는분은 메일주세요... 그럼..

  민! 민!! kwang-min.wo.ro

  * 건데 이 강좌 짤리려나여? -_- 이미지박스 용량이 모자라서 그림은 링크했
    는데 -_- 흠흠
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48030
251 Newtry식 플래시무비 만들기 - "창문너머 흐르는 구름" [10] file Newtry 2004.03.19 17114
250 포토샵 못지 않다.! 플래쉬로 드롭쉐도우 효과주기. [6] file c_⊙_⊙_l 2002.07.05 17039
» 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16802
248 스크롤 이미지 [7] file 여어자 2005.01.15 16756
247 움직이는 메뉴 네비게이션 [2] file totomylove 2005.02.09 16417
246 플래시에서의 BACK버튼 만들기-_-;;; [9] 세나^.^ 2002.03.19 16147
245 [플래시]마스크효과를 이용한 무비. [8] file 길수님 2002.12.08 16023
244 깜빡이게하기☆ [13] file 입픙체리냥♬ 2003.02.27 15896
243 [허접 tip]회전하는 3D 글짜 흉내 내기 [7] gimbob 2003.03.11 15838
242 버튼 만들기 (1) [8] file 응? 2003.10.19 15751
241 플래시만으로 깔끔한 버튼 만들기 ~ [2] file kim's 2007.03.24 15658
240 [액션] 별을 이용한 예술적인 무비클립 [10] 이희덕 2003.01.26 15652
239 [기초] 마스크를 이용한 무비 [14] file Ziwoogae 2003.02.26 15428
238 카드를 만들어 보자(눈내리는 효과) [11] gimbob 2002.12.04 15204
237 [플래시 MX 동영상 강좌] 34. 가로 바네이 메뉴 제작하기 [4] 서기 2005.08.08 14886
236 플래쉬 - shape tweening (동영상) [25] 홀로선 2002.08.22 14499
235 ScrollPanel [16] 응? 2003.08.06 14491
234 Flax 에서 한글 폰트 깨지시는 분 과 swf -> fla 로 바꾸는 법 2 [9] 주영남 2004.09.12 14426
233 갤러리 100% 활용하기 윤선미320 2007.12.04 14356
232 플래시 기능 질문입니다. [2] 곽연숙 2006.03.17 14344