플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 정보

Flash 플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기

첨부파일

music.alz (429.7K) 76회 다운로드 2006-11-13 19:22:26

본문

이제 마지막 강좌입니다.
지금까지 함께 하여 주신 분들께 진심으로 감사드립니다.

이번 강좌는 강좌라기 보다는 일종의 팁이라고 할수 있습니다.
홈페이지를 방문하다가 보면
사이트내에 뮤직컨트롤러가 부착되어 있는 것을 많이 보셨을 것입니다.
이번 강좌는 홈페이지에 사운드컨트롤러 넣기입니다.
사운드 컨트롤러를 제대로 만드려면 중급이상의 액션스크립트를 써야 하기 때문에
제가 만들어 놓은 컨트롤러를
여태까지 함께 만들어서 완성시켰던 네비게이션에 넣는 방법에 대해서 알아 보겠습니다.

첨부된 music.alz를 다운 받습니다.
압축을 해제하면 제가 만든 뮤직컨트롤러인 music.fla 파일이 있습니다.

1.
다운 받은 압축 프로그램을 푸시면
플래시 원본파일과 샘플로 함께 넣은 음악파일 세개가 있습니다.
music.fla 파일을 플래시에서 불러 옵니다.
1.jpg


***** 여기서 잠깐 *****
열리는 동안 잠시 여담입니다.
플래시의 정확한 한글명칭이 뭘까요?
플래시라고 부르는 사람이 있는가 하면 플래쉬라고 부르는 사람도 있습니다.
벌음기호상으로는 플래쉬에 가깝기 때문에 애매한 부분이지만
플래셔들은 플래쉬라고 하지 않고 플래시라고 부릅니다.

참고하시길...


2.
파일을 열어 보면 레이어가 하나뿐입니다.
원래는 아날라이저도 들어 있고 여러가지 시각적인 효과도 만들었습니다만
사이트에 활용하기 쉽게 다이어트를 좀 했습니다.
카피프레임으로 복사합니다.

3.
우리가 작업해왔던 파일로 돌아 옵니다.
레이어 하나를 추가합니다.
Paste Frame으로 붙여 넣을 것이기 때문에 이름은 적어줄 필요가 없습니다.

4.
사운드레이어에 Paste Frame으로 붙여 넣습니다.
복사가 되었습니다.


**** 여기서 잠깐 ****
도큐멘트가 다른 파일에서 복사해서 Paste Frame으로 붙여 넣기를 하면
플래시는 항상 왼쪽과 상단이 만나는 꼭지점을 기준으로 정렬합니다.
즉 X=0, Y=0의 지점을 기준으로 정렬한다는 의미입니다.
참고 하시기 바랍니다.

5.
위치를 네비게이션 화면의 오른쪽 하단으로 옮겨 줍니다.
그림처럼 자리잡게 합니다.
5.jpg

6.
투명하게 만들었기 때문에 눈에 잘 띄지 않습니다.
색상을 조절하겠습니다.
레이어를 선택합니다. 무비클립 표시가 보입니다.
Properties 창을 열고 컨트롤러를 클릭하면 Color 창이 활성화됩니다.
Brightness를 선택합니다.
밝기에 65를 입력합니다.
6.jpg

7.
보기가 훨씬 나아졌습니다.
저장합니다.
퍼블리시 해봅니다.
버튼에 마우스가 갔을 때 사각형이 보이는 것은 밝기를 높게 올렸기 때문입니다.

8.
퍼블리시 합니다.
버튼을 이것 저것 눌러 봅니다.
가장 오른쪽의 버튼을 누르면 세가지의 음악을 바꿔서 들을 수 있습니다.

9.
음악을 바꾸는 방법입니다.
라이브러리 창을 열어 봅니다.
track1, track2, track3 이라는 사운드 심볼이 보입니다.

10.
track1을 더블클릭합니다.
대화상자에서 Import 버튼을 누릅니다.
압축파일에 함께 포함되어 있던 01.mp3을 찾아서 더블 클릭합니다.
OK버튼을 누릅니다.

11.
track2에는 02.mp3을 찾아서 넣습니다.
track3에는 03.mp3을 찾아서 넣습니다.
저장합니다.
퍼블리시하여 테스트 해봅니다.

12.
만약 음악을 바꿔서 넣고 싶다면 언제든지 track를 눌러서 교체할 음악을 찾아 넣으면 됩니다.
아주 간단하죠?

여기까지 15강입니다.
정말 수고하셨습니다.
이제 여러분은 플래시의 세계에 상당히 깊은 곳까지 오셨습니다.
응용에 관한 부분만 채워 넣으신다면
상당히 강한 트레이닝을 바탕으로 다져진 기본기를 바탕으로
필요한 웬만한 것은 직접 만드실 수 있을 것입니다.

단순히 기능을 설명하는데 그치지 않고
뭔가를 만들수 있는 실력을 쌓게 해드리는 방향으로 강의하다 보니
시간이 예상했던 것 보다 몇배 더 늘었지만 끝끼지 함께 해주신 분들과
격려해주시고 애정 보여 주신 많은 분들 덕분에 무사히 강좌를 마칠 수 있었습니다.
지켜보아 주신 분들과
부족한 강좌를 특별링크로 빛나게 하여 주신 관리자님께 깊이 감사드립니다.
강좌도중에 기초과정의 책과 다르다며 쪽지주신 분들께는
보셨다는 그 책이 제게서 플래시를 배운 사람이 쓴 것일 수도 있다는 말로 답변을 대신하며
길게도, 혹은 짧게도 느껴졌던 강좌를 마칩니다.

처음부터 끝까지 함께 해주신 네잎클로버님과 플록님께는 특별히 깊은 감사를 드립니다.
강좌를 마무리 하기까지 두분이 보내주신 힘은 정말 컸습니다.
다시 한번 머리숙여 감사드립니다.

기회가 된다면 고급과정 강좌에서 다시 뵙겠습니다.
[이 게시물은 관리자님에 의해 2011-10-31 16:50:06 Flash에서 이동 됨]
추천
3

댓글 28개

고생하시고 수고 많이 하셨습니다.
진심으로 감사를 드리오며 언제나 건강하십시오~~~~
아마도 조만간 한번 찾아 뵐듯합니다.....ㅎㅎㅎ
아직 부족한 것도 많아서 매일매일 많은 질문을 드리지 않을까 합니다.
최대한 알아볼만큼은 알아보고 수소문할만큼 해보고 최후에 안되는 경우에 한해서 말입니다...ㅎㅎ

어ㅤㅉㅐㄲ거나 너무나 소중한 것 나누어 주심에 진심으로 감사를 드립니다.

건강하시고 행복하시고 사업 번창하세요~~~!
많은 밤을 함께 밝히면서 격려 하여 주셔서
정말 감사합니다.
플록님과 더불어 큰 힘을 주셨습니다.
특히 궂은 일에 함께 해주신 점 깊이 감사드립니다...^^
강좌의 모든 과정이 끝난 현재의 최종 결과물입니다.
 
[http://sijeon.com/aa/15.html]
그동안 함께 하여 주신 모든 분들께 감사드립니다.
조만간 찾아뵙고 한번 찐하게 이슬이 형제들에게 목욕 좀 해야겠습니다.....ㅎㅎㅎ

휴식좀 취하시고 매일매일 행복한 날 맞으시길 기원합니다....

거듭 감사 드립니다...
jepae님 네잎클로버님 강좌 내내 수고 많으셨습니다.

큰 숙제를 하나 받은것 같은 그러나 뿌듯한 몇일 이었다는 생각을 합니다.

15강 과제물을 올리면서 다시 뵙겠습니다. ^^
수고 많으셨습니다.
8강끝나고 오늘 저녁에 쬐끔만 하면 다 따라가겠구나 했는데... 벌써 15강.

한번 다 해보고 여러번 복습해야 겠습니다.
jepae님 그동안 수고 많으셨습니다.

강좌외의 문제로 마음 상하시지 않길 바랍니다.

강의와 아울러 보여주신 jepae님의 열정과 성숙한 자세가 저에겐 큰 귀감이 될것입니다.

좀더 적극적으로 참여하지 못한점 너그러이 양해해 주시리라 생각합니다.

jepae님 가족 모두 건강하시고 행복한 일만 가득하시길 바랍니다.

또한 추진하고 계신 사업 번창하시어 웅지를 펼쳐 보여주시길 기원드립니다.


jepae님께서 강좌를 마치며 인용한 싯귀를 붙이는 것으로 고마움을 전해드립니다.

연탄재 함부로 발로 차지 마라
너는
누구에게 한 번이라도 뜨거운 사람이었느냐
안도현 - 너에게 묻는다 -

좋은 인연으로 다시 뵙기를 바라며 고개숙여 감사드립니다.

http://www.phosay.com/flash/Sir_jepae.html
원본에 충실하기 위해 꽃잎 길들이기 다시했습니다.
프래임을 전체적으로 밀지않고 시작프래임만 밀어낸것 수정했습니다.

꽃이파리 다이나믹(?) && 방정버전은 아래 링크참조하세요.
http://www.phosay.com/flash/december_14.html
정말 수고 많으셨습니다. jepae님
뜨거운 온천욕후에 달콤한 휴식은 잘 하셨는지 모르겠네요.

아~ 링크서비스로 이쁜 봄처녀 만나게 해주셔서 또 감사합니다.
좋은건 놓치지 않는 비주 -_-V
감사합니다..
한숨 푸욱 자고 일어났습니다.
7일동안 잠잔 시간을 계산해보니 10시간이 채 안되는군요..
아직도 약간 멍한 상태..
교정까지 끝내 놓고 답글 답니다...^^
잃어버린 시간은 다시 되찾지 못하는 법인데 큰일(?) 나셨네요?.....ㅎㅎㅎ

너무 무리하지 마시고 하세요.....

언제나 좋은 일만 가득하시길.....
약속한 헬프 파일로 메뉴얼 제작은 2006년05월02일자로 완성되여서 jepae 에게 전달되엇습니다

배포 하실것인지  아님 특별한 분에게만 선물로 드릴것인지는 jepae 이 결정하실 것 입니다

메뉴얼에 용량이 20메가 정도 입니다

강좌을 하신분과 이걸 따라서 배우는 모든 분들 고생하셧습니다

제가 보기에 이런 강좌는 자주 잇어야만 한다고 생각 합니다

지식은 나누어 주는대에 보람이 있는것 입니다
만드시느라 정말 수고하셨습니다...
정성껏 ..그리고 멋있게 만들어 주셔서 뭐라고 감사를 드려야 할지 모르겠습니다.
다시한번 감사드립니다..
pc박사님 감사합니다.
검색기능이 있어 더욱 편리하게 활용 할 수 있겠습니다.

PC 하드웨어 및 OS 관련 홈페이지 잘 보았습니다.
관련자료를 보니 은근히 뭔가 다시 시도해보고 싶은 욕망이 생깁니다.
이러면 안되는데,,^^
이 강좌의 모든 내용을 담아 PC박사님께서 만들어 주신 전자메뉴얼이 현재 무료배포중입니다.
트래픽 때문에 꼭 필요한 분들께만 신청받아서 배포하고 있습니다.
전자메뉴얼이 필요하신 분들께서는 드림팀님께 쪽지를 보내시면
드림팀님께서 계정주소를 알려 주실 것입니다,
쪽지를 주시고 해당계정의 주소가 담긴 응답을 받을 수 있는 기간은 최장 2일입니다.
배포에 대한 모든 것을 드림팀님께 일임하였으므로 저는 전혀 관여하지 않겠습니다.
따라서 그에 관해 직접 제게 주시는 쪽지는 사양합니다. 
불편해질 수도 있는 입장을 감수하면서 어려운 역할을 맡아 주신 드림팀님과
정성껏 제작하여 주신 PC박사님께 다시 한번 감사 드립니다.
필요하신 분들의 많은 이용바랍니다.
세 분 모두 다시금 감사드립니다...

현재 복습에 복습에 복습을 거듭하고 있습니다.....(실패에 또 실패.......막삽질파의 비애....ㅠ.ㅠ)

5/6일 09:00 까징 홈 대문에다가 동안 배운걸로 간략하게 하나 달아 보려고 겁나게 땀 흘리고 있습니다....

나날이 조금씩 배운다는 것에 희열을 느끼면서 말입니다....

위에 적은 시간까지 하나 맹글려면 또 욜심히 해야 겠네요.....

거듭 감사드립니다....
드디어 완료입니다. ㅎㅎ
굉장히 기쁩니다.

근데 아쉬운건 한 10번은 반복해야 이해가 될꺼 같다는 겁니다.ㅠㅠ

자주 연습해보고 완전히 숙지되면 제껄 한번 만들어 봐야 겠습니다.

http://mirisa.oranc.co.kr/mirisa/swf/15.swf
http://sunnyf.com/flash/05.swf

부족하고 아쉽지만...
강사님의 노고에 보답하는 마음으로 완성 했습니다.
덕분에 플래시를 조금 알게돼습니다.
감사합니다. =꾸벅=

flash 버전이 틀려 고생 했습니다. 저는 2004버전입니다.

그런데 돌아서면 잊어버립니다. ㅎㅎㅎ
애쓰셨습니다.
100점..
수료증 드리겠습니다.
자유게시판에서 수료증 확인하세요^^
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=113050&page=&sca=&sfl=&stx=&sst=&sod=&spt=&page=
전체 251
개발자팁 내용 검색 Flash에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT