메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

Flash [초급] 날아다니는 원만들기.

2002.10.23 09:15

요니에


01.gif

01. 우선 작은 스테이지를 하나 만듭니다. 까만바탕이 더 잘보일 듯 해서 까만바탕으로 했습니다.
그리고 이번 강좌는 심볼에 대한 기본적인 지식이 있으셔야 합니다.

심볼은 플래쉬에서 꼭 필요한 부분인데. 일반적으로 무비들을 만들때 많이 사용합니다. 심볼을 만들어
라이브러리라는 곳에 등록을 시키고 계속해서 불러내서 쓸 수 있는 것들이죠. Ctrl + L하시면 작은 창이 뜨는데.
이게 심볼 라이브러리입니다.

심볼 등록을 해야 알파값으로 투명도를 조절할 수가 있답니다.


03.gif

02. 심볼 등록을 하기 전에 레이어 추가를 한 후, 스테이지의 적당한 부분에 테두리 색 없음을 선택하고 흰색으로
도형을 하나 그려줍니다.


02.gif

03. 그리고 F8을 눌러 심볼 등록을 해줍니다. F8을 누르면 위와 같은 창이 나오는데
날아다니는 원을 만들려면 움직일 원을 만들어야겠죠? 알아보기 쉽게 이름에는 원반이라고.
그리고 움직이는 심볼이므로 Movie Clip으로 등록을 합니다. Button은 버튼을 만들때. 메뉴같은 걸 만들때 쓰구요.
Graphic은 일반적인 그래픽을 등록할때 씁니다.


04.gif

04. 심볼 등록을 하고나면 도형에 십자 표시가 생깁니다. 그런후 1번 레이어에 적당한 프레임까지 인서트해주시구요.
2번 레이어에 그려진 도형을 선택툴로 선택합니다. 주위에 하늘색 선이 생깁니다.
그리고 Effect판넬에 None이라는 부분을 선택해 Alpha로 값을 주고 투명도를 조절합니다. 30이 적당하겠네요.


05.gif

05. 그리고 선택툴을 이용해 1번 위치로 도형을 빼냅니다. 2번 레이어에 적당한 간격을 두고 키 프레임을 삽입하면서
각각의 위치로 순서대로 이동시킵니다. 임의대로 하시면됩니다. 키프레임의 간격이 줄여들수록 속도는 점점 빨라집니다.


06.gif

06. 그리고 마지막 키프레임을 제외하고 각각의 키 프레임에서 팝업메뉴를 불러내 모션 트윈을 삽입합니다.
프레임이 보라색으로 변하고 각각의 다음 키 프레임까지 화살표가 그어진 것을 볼 수 있습니다.


cir.gif

07. 엔터를 눌러보시면 위와 같은 무비가 완성되는 걸 보실 수 있습니다.


07.gif

08. 한번 라이브러리에 등록된 심볼을 계속 꺼내 쓸 수 있습니다. 아까 등록한 원반이라는 심볼을 스테이지로
끌어와서 Scale과 위치를 조절했습니다.


cir2.gif

09. 위와 같은 무비가 응용되었습니다.




글로 하니 좀 복잡하지만 한번 손에 익으면 아주 쉽습니다.
여러가지 배경화면을 이용해 만들면 더욱 멋진 무비가 완성될 것입니다.


그럼 감기 조심하세요..^-^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
575 소용돌이 패턴 모양의 배경 디자인 [14] file ┗⌒∇⌒┓ 2002.10.24 15692
» [초급] 날아다니는 원만들기. [7] file 요니에 2002.10.23 13469
573 [하이링고] 투명큐빅박스 (일러+포토샵)-[1] [11] file 하이링고 2002.10.23 12582
572 [추가]리스 만들기.. [13] file zizibecap 2002.10.22 5478
571 [일러스트페이지]플래쉬의 알파그라디언트를 일러스트에서 해보자~! [6] file 현주 2002.10.21 14608
570 [초급] 마스크 이용 간단한 무비 만들기 [8] 요니에 2002.10.21 17276
569 땡땡이 무늬 만들기 [15] file 무이 2002.10.21 6092
568 명암에 대해서 알아봅시다. [13] w:)style 2002.10.19 6110
567 [쩌비]그라디언트 툴 활용하기 [7] file 쩌비 2002.10.19 5918
566 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
565 단색계열에서 머리카락 정교하게 따내기 [5] 홍유경 2002.10.19 5647
564 금속성 링만들기입니다. 제목 붙이기가 애매하네.. [12] file 낯선타인 2002.10.18 9355
563 속비치는 투명한 글씨 만들기 쉬운 버전;; [13] file Eccen 2002.10.17 11681
562 액자의 꺽이는 부분 -0-;;; 만들기 [11] file Eccen 2002.10.17 11915
561 네온스타일 응용해서 이미지 꾸미기 [11] file 워니 2002.10.17 6010
560 [쩌비][팁]포토샵을 더 빠르게 만들어보자! [9] file 쩌비 2002.10.17 11557
559 속비치는 투명한 글씨 만들기(걍 용기내서 올려봅니다) [18] file 박은석 2002.10.17 9792
558 [쩌비]간단한 축전이미지 준비하기. [8] file 쩌비 2002.10.16 6500
557 오피스도트 #2 - 모니터 보호하는거-_-; 만들기 [8] [C]EARS 2002.10.11 13139
556 오피스도트 #1 - LCD액정 모니터 만들기;; [5] [C]EARS 2002.10.11 7233