메뉴 건너뛰기

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 48031
» 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16802
2114 부드럽고 심플한 느낌의 버튼만들기 by oop [14] file 양현일 2002.07.28 16797
2113 [포토샵] 펑키아쿠아 [15] file Blue™ 2003.06.26 16785
2112 누구나쉽게할수있는 패스파인더를 이용한 디테일일러스트레이션.. [11] file ColorS_HikkI 2003.04.17 16774
2111 스크롤 이미지 [7] file 여어자 2005.01.15 16756
2110 텍스트 동그랗게 쓰기 [4] file 카라 2002.02.22 16741
2109 3DSMax5.0 3D Logo 만들기(렌더링까지) [8] file tester350 2003.10.13 16701
2108 꽃잎 + 크리스탈 같은 테두리 만들기. [14] file 김미리 2003.01.01 16690
2107 [초급예제] 구름같은 느낌의 텍스트 만들기 [11] file Heal.P.XER0 2003.12.19 16686
2106 어여쁜 여자 캐릭터 만들어보기 도트 [18] file 김정호 2003.12.08 16663
2105 [Kei] Tentacle - 한국이름은 오징어다리정도-_-)? [64] Kei 2003.10.27 16663
2104 신비스런 ★ 이미지 만들기! [9] file SeNsE★ 2004.01.03 16641
2103 [초급] 깔쌈, 간단한 홈페이지용 컨텐츠 버튼 만들기 [7] file 김용호 2003.09.02 16621
2102 유리창 효과 [24] file 푸룬 2002.11.16 16610
2101 크레파스로 그린듯한 테두리 만들기 [1] file ★소프트™ 2002.04.29 16607
2100 트윈효과 멋지게 주자 ! [15] 혁명ⓥ 2002.09.08 16596
2099 얼렁뚱땅 퍼즐만들기 [9] file hoosh 2004.07.22 16589
2098 빛나는 문자 효과 ~_~(글자 아니어도 되요 ;;) [16] file Tokki™ 2003.12.08 16561
2097 GIF 애니메이션 만들기 [10] file 황남운 2004.01.05 16554
2096 e마크 만들어 보기 [22] file ZetStorm 2002.07.08 16540