메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

Flash 레이더 효과~~

2003.01.06 23:38

응?

레이더 효과입니다.
기본으로 지구모양의 둥근 원같은것이 있어야 됩니다.
완성된 플래시
  




1.우선 지구모양의 이미지를 불러옵니다.그리고 그래픽 심볼로 변환합니다.



2.지구 심볼을 선택하고,무비의 중앙에 위치하도록  합니다.



3.새로운 레이어를 추가한 다음, 레이어 2를 클릭 드래그해서 위치를 레이어1의 아래로 이동합니다.레이어 2에 지구 심볼보다 큰 원을 그리고, 레이어 2의 원의 위치도 작업영역의 중앙으로 이동합니다.



4.레이어 2의 그라데이션을 적용합니다.(Fill 패널에서 'Radial Gradient'를 선택하고,그림과 같이 왼쪽은 흰색,오른쪽은 검은색으로 적용시킵니다. 그런 다음 페인트통 툴을 선택해서 그림과 같이 원의 테두리선을 클릭해서 적용시킵니다.



5.레이어1을 선택해서 새로운 레이어를 추가합니다. 레이어1,2가 선택되지 않도록 자물쇠 표시를 선택하고, 레이어3에 적당한 원을 그려넣은 다음 지구를 덮습니다.(그림과 같이 하면 됩니다.)



6.원을 선택하고 그래픽 심볼로 등록합니다.원 심볼을 마우스 오른쪽 버튼을 클릭하고 , [Edit]를 선택하여 심볼 편집상태로 전환합니다.



7.심볼 편집 상태에서 라인 툴을 선택합니다. 원의 중심을 클릭하고 Shift키를 누른 상태로 원의 윗부분에 선을 긋습니다.다시 원의 중심을 클릭하고 Shift 키를 누른 상태로 10시 방향(-45도)으로 선을 긋습니다.



8.원의 색을 편집하는 동안만 배경색을 검은 색으로 변경합니다.(Ctrl+M)



9.원의 큰 부분을 선택하고, Mixer 패널에서 내부를 흰색으로 선택합니다. 그런다음 Alpha 값에 '50%'를 입력합니다.



10.작은 원을 클릭하고서 그림과 같이 오른쪽에 'Linear Gradient'를 선택합니다. 그런다음 왼쪽 조절점을 흰색으로 바꾼다음,Mixer 패널에서 Alpha 값을 '50%'로 입력합니다.오른쪽 조절점도 흰색으로 바꾼 후 Mixer 패널에서 Alpha 값을 '0%'로 입력합니다.



11.원 내부의 선을 모두 선택하고 Delete키를 입력해서 삭제합니다.Ctrl+M을 눌러서 배경색을 흰색으로 선택한 다음에 Scene1을 선택해서 작업영역을 Scene1로 전환 합니다.



12.레이어 3의 50프레임을 선택하고, F6을 클릭하여 키프레임을 삽입합니다.레이어1과 레이어2의 50프레임을 선택하고 F5를 클릭하여 프레임을 삽입합니다. 레이어 3의 1프레임을 선택하고 Frame 패널에서 Tweening 에서 'Motion'을 적용합니다.Rotate에 'CW'를 선택하고, Time에 '+ '1'을 입력해서 1번 회전하게 합니다.



13.레이더에 물체가 포착된 것처럼 표시하는 무비클립을 만들기 위해, 메뉴 Insert-New Symbol을 선택하고 'Movie Clip'을 선택합니다. 밝은 녹색의 작은 원을 그리고 중앙에 오게 합니다.원의 테두리 선은 삭제하고 원을 선택해서 그래픽 심볼로 변환합니다.



14.레이어 1의 5프레임을 선택하고 F6 키를 눌러서 키프레임을 삽입합니다. 그리고 1프레임의 원 심볼을 선택한 상태에서 Scale 단추를 이용해 크기를 작게 조절합니다.



15.프레임 5의 심볼을 선택하고, Effet 패널에서 Alpha값을 '20%'로 입력합니다. 프레임1을 선택하고 Frame 패널에서 Tweening은 'Motion'을 적용합니다.



16.6프레임을 선택하고 F7 키를 눌러서 빈프레임을 삽입합니다.6프레임을 더블클릭해서 액션창을 열어 Basic Action를 클릭하고, 펼쳐진 메뉴에서 'Stop'을 더블클릭합니다. 액션 패널창을 닫고 Scene1을 선택해서 Scene1작업영역으로 전환 합니다.



17.Scene1에서 레이어1을 선택한 다음, 새로운 레이어를 추가합니다.Ctel+L을 눌러서 라이브러리 패널을 열고 레이어4의 15프레임을 클릭하고 F7 키를 클릭해서 빈프레임을 삽입합니다.라이브러리 패널에서 무비클립 심볼을 선택하고,미리보기 창을 클릭해서 작업영역으로 드래그 합니다.무비클립 심볼을 그림과 같은 위치에 놓습니다.



18.레이어 4를 선택하고 새로운 레이어를 추가합니다. 레이어5 에서는 35프레임을 선택하고 F7키를 눌러서 빈프레임을 삽입합니다.라이브러리 패널에서 무비클립 심볼을 선택하고,미리보기 창을 클릭해서 그림과 같은 위치로 드래그 합니다. 이제 무비가 모두 완성~~~더추가 하려면 레이어를 추가해서 17번 16번 작업을 반복하면 됩니다.



허접하지만 잘봐주셈~~~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
775 움직임의 잔상이 남는 이미지 만들기 !!! [4] file 플럽 2003.05.11 11778
774 액션기능과 여러이미지를 썸네일형식 이미지로 만들기 [15] file 여어자 2003.05.25 11789
773 [츄뱌] 도트매니아 도트강좌─유리잔:-D[수정] [15] file 도트매니아 2003.05.28 11790
772 음 -ㅁ- 그... 글씨 빛나는 효과!?; [8] file SJH 2003.09.15 11799
771 3D Transform 을 이용한 기포(물방울) 만들기. [19] 눔곰 2003.10.18 11801
770 네이트닷컴 큰점광고 따라해보기[!] [7] file 데이레인 2003.09.07 11821
769 동그라미에서 글자로!!(쉬움) [11] file 권명진 2004.02.14 11840
768 [동영상강좌] 제2회차 - 브러쉬만들기 아이티스터디 2006.02.02 11844
767 플래시 캐릭터 movie 만들기및 제작사례 [1] file parkys 2008.05.28 11845
766 [키르강좌] 초간단 축전만들기 ① 키르(SP) 2002.02.27 11858
765 멋진 포즈의(?) 남자아바타 그리기 [10] file sook2 2005.01.21 11868
764 배너버튼 만들기 [1] file 빽짱구 2005.10.19 11881
763 [제로보드강좌]8강. 원프레임 사이트 만들기 (기본편) [53] 네찌 2006.12.30 11886
762 [동영상]퍼져나가는 동그라미 [1] 이희덕 2002.09.24 11891
761 [포토샵]단축키 모음 [13] 후니 2002.02.26 11903
760 액자의 꺽이는 부분 -0-;;; 만들기 [11] file Eccen 2002.10.17 11915
759 [중급예제] 오래된 지도이미지 만들기 [3] 힐링포션 2002.02.22 11926
758 사이버 구 그리기 [3] file Com[K]and 2004.03.05 11929
757 보일듯 말뜻 투명(?)한 그림자 만들기? [9] 퓨렌 2003.08.03 11931
756 초급팁 심플한 버튼 아주아주 쉬운방법을... [20] file LOST-X 2003.02.04 11934