웹디자인 강의
Flash 밀뜨의 요상한 플래쉬메뉴 만들기 1탄 !!
2004.02.18 14:24
안녕하세요 (__)
처음 강좌 올려보네요
제가 만들 플래쉬는 현재 제 홈페이지의 메뉴바로 쓰이고 있는 플래쉬메뉴입니다 ^^
먼저 만들 플래쉬는 이것입니다
- 완성 예제는 관리자에 의해 임시 삭제되었습니다. 양해 바랍니다. - 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탄에서 뵈요 ~ ^^
처음 강좌 올려보네요
제가 만들 플래쉬는 현재 제 홈페이지의 메뉴바로 쓰이고 있는 플래쉬메뉴입니다 ^^
먼저 만들 플래쉬는 이것입니다
- 완성 예제는 관리자에 의해 임시 삭제되었습니다. 양해 바랍니다. - 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탄에서 뵈요 ~ ^^
댓글 16
-
Millth
2004.02.18 14:41
-
☺okoru
2004.02.18 14:49
요상한 플래시? 뭔가 완성작이라든가.. 없어서는 도대체 뭘 만드는지 모르겠는데요;; -
Root
2004.02.18 14:39
강좌의 중간 중간을 생략하면 초보자일수록 점점 난해해집니다.
생략된 부분이란, Document Properties 창을 띄우는 방법이나 사각형을 만들때 어떤 툴로 그려야 하는것이나 테두리 없이 흰색의 사각형 그리는 방법, 100 x 50의 사이즈로 만드는 방법에 대한 구체적인 방법등입니다. -
Millth
2004.02.18 14:53
☺okoru // 추가했습니다 ^^ -
rombardi
2004.02.18 16:17
멋지네요....굿입니다. -
nogk1
2004.02.18 18:28
그동안 플래시 메뉴가 만드는 원리를 당췌 몰라 고생했었는데..좋은 기초 자료가 되었습니다.
굳~~~~추천 한방~ -
まんじ
2004.02.18 21:38
오오 멋집니다. 지금 플레시 안깔려있어서 해보진 못하겠지만 좋군요!
앞으로 메뉴 강좌만 쭈욱 해주실 의향은 없으신지..?
아주 초급자용 / 중급자용 / 고급자용 이렇게 분류별로도 해주시면 더 좋구...
최고입니다. 추천 한방 ㅋ -
Millth
2004.02.19 00:33
감사합니다 (__)
스크린샷이 별로 없어서 걱정했었는데
좋은 평을 내려주시니 너무 감사합니다 ^^
앞으로 정리되는 대로 계속 포토샵 &플래쉬 강의 올릴게요 'ㅡ')/ -
서니
2004.02.20 18:26
2번째 사각형만들때 85*50이 아닌거 같은데요? 10아닌가??
@.@어려워요..ㅜㅜ -
Millth
2004.02.21 12:34
서니 // 앗 ..
실수네요 (__)
수정하겠습니다 ^^ -
짜장만두™
2004.02.22 19:36
좋은 강좌...앞으로도 계속...수고하세요~^^* -
이윤호
2004.02.25 18:21
저기 마지막 그림에 글씨배경에 때문에요.
설명대로라면 글씨배경 레이어에 3프레임 즈음에 키프레임이 안들어있어야하는데 있거든요.
그리고 1프레임하고 30프레임에 있는 액션마크a는 어떻게 해야하죠?
똑같히 따라한다고 한것 같은데 안되네요. -
박종찬
2004.02.29 07:01
왜 우리집은 한글판이지? ㅠㅠ shape가 먼지두 모르겠구.. 플래쉬처음하는인간인데.. 흐흑 -
서효재
2004.03.06 20:32
어떻게 만들어야 될찌 감도 안잡히네요-ㅁ- 좀더 쉽게는 안될까유..-_ㅠ -
마법구술
2004.04.05 17:30
맨처음 나오는 509X50 하는거 만드는거 겨우 찾았어요,
알고보니
NEW 하시고 Modify 에서 Document 에서 하는거네요..ㅎ
이렇게 초보자를 위해서 수정해주셧으면 해요 ^ㅡ^;
강좌 좋네요 ^ㅡ^; 이번 리뉴얼에 쓰기로 바로 결정했습니다 ^ㅡ^;; -
강한일
2004.10.25 20:45
트위닝이 어딨는지 모르겠네요...
시정해보도록 하겠습니다 ...