메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

안녕하세요 (__)
처음 강좌 올려보네요
제가 만들 플래쉬는 현재 제 홈페이지의 메뉴바로 쓰이고 있는 플래쉬메뉴입니다 ^^
먼저 만들 플래쉬는 이것입니다
- 완성 예제는 관리자에 의해 임시 삭제되었습니다. 양해 바랍니다. - Eccen



먼저 509 X 50 사이즈, 프레임이 40fps인 새문서를 작성해 주세요.



그리고 레이어의 이름을 '메뉴'라고 지정해줍니다.
플래시나 포토샵작업에서 레이어의 이름을 정하는 것은 필수라고 생각합니다.
안하면 헷깔려서 ~__)~



85 X 50 사이즈의 사각형을 하나 그린후 심볼로 지정해줍니다.
이름은 '01'로 지정해 주시고 무비클립으로 설정해주세요
그리고 심볼을 더블클릭하세요



이렇게 4개의 레이어를 생성합니다.
그리고 각각의 이름을 그림과 같이 설정해줍니다. 그다음 전체의 타임라인을 45까지 끌어주세요.
그다음 "글씨배경"이라는 레이어를 클릭합니다



이렇게 85 X 10 사이즈의 사각형을 그립니다
이 사각형은 후에 설정을 통해 훌륭한 메뉴바의 배경이 될겁니다 ^_^)/



위에서 그린 사각형에서 아래위로 각각 1px씩을 띄운후 선을 하나 그어 줍니다
물론 위의 선은 '윗선' 레이어에, 아래의 선은 '아랫선' 레이어에 각각 그려줍니다
그리고 여기서 부터 중요합니다 !!

★ 윗선과 아랫선 레이어에서의 설정 ~ !!

① 윗선 : 모든 과정 사이에는 Shape트위닝을 줘야 합니다.
먼저 10초에서 윗선을 문서의 가장 위로 끌어올린후 트위닝을 줍니다.
그리고 17초에서 선을 굵게 만들고 색을 어둡게 만들어 준후 트위닝을 줍니다.
그리고 30초에서 선을 안보이게 만들어준후 트위닝을 줍니다.
마지막으로 45초에서 다시 제자리로 돌아온후 트위닝을 줍니다.

② 아랫선 : 모든 과정 사이에는 Shape트위닝을 줘야 합니다.
먼저 10초에서 윗선을 문서의 가장 아래로 끌어올린후 트위닝을 줍니다.
그리고 17초에서 선을 굵게 만들고 색을 어둡게 만들어 준후 트위닝을 줍니다.
그리고 30초에서 선을 안보이게 만들어준후 트위닝을 줍니다.
마지막으로 45초에서 다시 제자리로 돌아온후 트위닝을 줍니다.

★ 글씨배경 레이어에서의 설정 ~ !!

역시 모든과정 사이에는 Shape트위닝을 줍니다.
먼저 22초에서 위에서 그린그림을 85 X 50사이즈로 만들어 주고 색을 원하는 색을 주어 트위닝을 줍니다.
그리고 26초에서 그림을 안보이게 한후 트위닝을 줍니다.
그리고 30초에서 다시 그전에 지정한 색으로 돌아온후 트위닝을 줍니다.
마지막으로 45초에서 원래의 색깔, 원래의 크기로 돌아온후 트위닝을 줍니다.

★ 글씨 레이어에서의 설정 ~ !!

이번엔 모든과정 사이에서 모션트위닝을 줍니다.
먼저 원하시는 곳에 글씨를 써주시고 색을 지정해 주세요.
그리고 30초에서 글씨의 색을 흰색으로 지정해 주시고 트위닝을 줍니다.
그다음 다시 45초에서 처음으로 되돌아온후 트위닝을 줍니다.

이렇게 모두 설정을 끝내시면 이렇게 프레임이 나오게 됩니다.



그럼 2탄에서 뵈요 ~ ^^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
211 [플래시 MX 동영상 강좌] 23-1. 스르륵 서브메뉴 사라지게 하기 [20] 서기 2005.06.22 13410
210 [플래시 MX 동영상 강좌] 25. 시계의 초침을 제작해보자. [5] 서기 2005.06.22 4375
209 제로보드 리스트를 플래시로(이미지미리보기가능) .. [17] file 삐리리 2005.06.21 9225
208 [플래시 MX 동영상 강좌] 24. 액션스크립트의 기초!!! [9] 서기 2005.06.20 9384
207 [플래시 MX 동영상 강좌] 23. 스르륵 서브메뉴 제작하기 [30] 서기 2005.06.17 18571
206 [플래시 MX 동영상 강좌] 22. 드림위버를 이용한 홈페이지 제작 [16] 서기 2005.06.11 9966
205 [플래시 MX 동영상 강좌] 21. 무비클립의 드래그 [9] 서기 2005.06.10 4672
204 [플래시 MX 동영상 강좌] 20. Tell Target [5] 서기 2005.06.09 4536
203 [플래시 MX 동영상 강좌] 19. 마스크 사용하기 [5] 서기 2005.06.08 9384
202 [플래시 MX 동영상 강좌] 18. 에니메이션 버튼 제작하기 [12] 서기 2005.06.07 8642
201 [플래시 MX 동영상 강좌] 17. 여러개의 파일을 이용한 홈페이지 제작 [20] 서기 2005.06.06 7732
200 [플래시 MX 동영상 강좌] 16. 홈페이지 서브메뉴 제작해보기 [25] 서기 2005.06.04 18659
199 [플래시 MX 동영상 강좌] 15. 이미지 겔러리 제작하기 [9] 서기 2005.06.03 8367
198 [플래시 MX 동영상 강좌] 14.기본적인 베너 제작하기 [13] 서기 2005.06.02 7478
197 [플래시 MX 동영상 강좌] 13. 무비클립 &모션가이드 [12] 서기 2005.06.01 9268
196 [플래시 MX 동영상 강좌] 12. 버튼심볼 [11] 서기 2005.05.31 9546
195 [플래시 MX 동영상 강좌] 11. 혼합 트위닝 [6] 서기 2005.05.30 8142
194 간단한 플래시액션하나(이미지에 마우스 이벤트 효과) [10] 홈때기~♪ 2005.05.30 8716
193 플래시에디터 [12] file 삐리리 2005.05.29 5002
192 [플래시 MX 동영상 강좌] 10. Shape Hint [6] 서기 2005.05.29 4060