메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

크리스마스와 연말연시가 다가오니 지금부터 부지런히 가까운 분들에게 보낼 카드를 준비해야 될 것 같습니다. 겨울하면 눈이 제일 먼저 떠올라서인지 카드에 가장 많이 쓰이는 효과가 바로 눈내리는 모양입니다.

멋진 카드만들기을 위해 눈내리는 효과를 내어 봅시다.

[예제 - 눈내리는 효과]



[따라하기]

  • 눈송이 모양을 만듭니다. image심볼로 등록을 합니다.


  • Insert>Symbols를 선택한 후 image심볼로 등록된 눈송이를 드래그해서 좌우로 모션트위닝을 줍니다. 이것은 눈이 약간씩 떨리면서 내려오기 때문입니다. 그리고는 movieclip으로 등록합니다.
    이름은 "좌우이동snow"입니다.


  • 눈이 내려오는 무비클립을 만들 차례입니다. Insert>Symbols를 선택한 후
    좌우로 이동이 되는 무비클립 "좌우이동snow"를 작업창으로 가지고 와서 다음과 같은 액션을 줍니다. 3개의 프레임에 각 각의 액션이 들어갑니다. 완성된 후의 이름은 "떨어지는snow"입니다.


    //1frame에 넣으세요
    snow_speed = Math.floor(Math.random() * 10) + 2;
    snow_size = Math.floor(Math.random() * 50) + 20;
    snow_x = Math.floor(Math.random() * 500);
    vector = Math.floor(Math.random() * 60) -30;

    _y = 0;
    _x = snow_x;
    _rotation = vector;
    _xscale = snow_size;
    _yscale = snow_size;
    this.move_LR.gotoAndPlay(Math.floor(Math.random() * 70) + 1);

    //2frame에 넣으세요
    _y += snow_speed;
    if (_y > 370) this.gotoAndPlay(1);

    //3frame에 넣으세요
    this.gotoAndPlay(2);


  • 좌우로 떨리는 눈이 내려오는 효과를 만들었습니다. 이제 그 눈이 복제를 시키면 완성이 됩니다. 역시 Insert>Symbols를 선택한 후 "떨어지는snow"를 라이브러리 창에서 드래그한 후 레이어를 추가해서 역시 3개의 프레임에 각 각의 액션을 넣습니다. 완성된 후의 이름은 "duplicate_snow"입니다.


    //1번 frame에 넣으세요.
    snow_Num = 50;
    count = 0;

    //2번 frame에 넣으세요
    if (count < snow_Num) {
            duplicateMovieClip ("snow", "snow"+count, 100 + count);
            count++;
    }
    else this.stop();

    /*
    this.stop();

    for (i = 0; i < snow_Num; i++)        
            duplicateMovieClip ("snow", "snow" + i, 100 + i);
    */

    //3번 frame에 넣으세요
    this.gotoAndPlay(2);


  • "떨어지는snow"와 "duplicate_snow" 무비클립의 구조는 아래 그림과 같이 됩니다.


  • 이제 본 무비를 만들 차례입니다. 적당히 배경이 될만한 그라데이션 이미지를 만들고 놓습니다. 다음엔 완성된 무비클립 "duplicate_snow"를 드래그해서 놓기만 하면 됩니다. 더이상의 액션스크립트를 넣을 필요가 없습니다. 이미 눈이 어떻게 떨어지며 복제해야 되는지를 넣어주었기 때문입니다.


  • 각자 그밖의 효과를 내어주면 완성이 됩니다.



  • *스테이지에 놓인 최종 무비클립 "duplicate_snow"를 해부하면 다음과 같은 구조로 이루워집니다.



    조금은 복잡해 보일 수가 있지만 무비클립속에 무비클립이 들어가 있는 것에 불과합니다. 이제 모두 멋진 카들르 만들어 봅시다.

    *다른 플래시 강좌는 http://www.goody.pe.kr 에 있습니다.


    번호 제목 글쓴이 날짜 조회 수
    공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
    1735 뭉글뭉글 외곽선; [12] file 엔케 2003.05.14 12483
    1734 평범한 하늘을 번개치는 하늘로~~ [19] 이모씨 2004.10.18 12478
    1733 [포토샵웍스 강좌시리즈] 홈페이지용 메뉴바 만들기 [3] file java 2006.04.25 12470
    1732 [건.성.레.키.도.강]눈(사람눈)그리기 [5] file 오이삭 2004.01.27 12456
    1731 (왕초보용) 메탈 느낌의 하트 만들기... [6] 가루라 2004.03.19 12447
    1730 문자디자인 [5] file 홍윤식 2002.09.12 12446
    1729 [허접시리즈] 환타스틱한 이미지 만들기 -_-;;; [13] Xrezae 2002.11.05 12445
    1728 이미지의 외곽선만 남기기 [16] file 쭘's 2003.05.12 12441
    1727 삽화느낌의 소녀 그림 그리기 - 손그림 [3] 민찡얌 2006.06.18 12430
    1726 쥬얼리 텍스트 연출하기^^;(허접강좌3탄) [8] file 이영민 2004.02.15 12425
    1725 [홈 레이아웃] 큰이미지를 통채로 사용한 메인화면 [8] file 여어자 2003.10.02 12424
    1724 [ 사각셀 : 유기체 ] 오케이케시백 네비게이션 형태 file Fc 2004.02.27 12421
    1723 왕초보 이쁜글씨 [6] file LOST-X 2003.02.04 12414
    1722 티모시의 도트강좌 2탄 {캐릭터 그리기} [18] 티모시 2002.08.15 12411
    1721 [Photoshop]두 이미지 적절히 합치기 [4] file 천민수 2002.02.22 12406
    1720 3d 크리스탈 [29] file 아적색 2002.11.09 12395
    1719 리얼한 나뭇잎 그리기! [32] file Wings 2003.01.16 12387
    1718 눈송이 박아둔듯한 유리 느낌의 글자체 만들기?! [3] happy sua! 2003.04.20 12379
    1717 [SWISH]종이가 돌돌돌 펼쳐지는 효과 [4] file 여어자 2003.05.18 12371
    1716 예쁜 구슬만들기~~~~~~ [8] 응? 2003.01.07 12360