이제 마지막 강좌입니다.
지금까지 함께 하여 주신 분들께 진심으로 감사드립니다.
이번 강좌는 강좌라기 보다는 일종의 팁이라고 할수 있습니다.
홈페이지를 방문하다가 보면
사이트내에 뮤직컨트롤러가 부착되어 있는 것을 많이 보셨을 것입니다.
이번 강좌는 홈페이지에 사운드컨트롤러 넣기입니다.
사운드 컨트롤러를 제대로 만드려면 중급이상의 액션스크립트를 써야 하기 때문에
제가 만들어 놓은 컨트롤러를
여태까지 함께 만들어서 완성시켰던 네비게이션에 넣는 방법에 대해서 알아 보겠습니다.
첨부된 music.alz를 다운 받습니다.
압축을 해제하면 제가 만든 뮤직컨트롤러인 music.fla 파일이 있습니다.
1.
다운 받은 압축 프로그램을 푸시면
플래시 원본파일과 샘플로 함께 넣은 음악파일 세개가 있습니다.
music.fla 파일을 플래시에서 불러 옵니다.

***** 여기서 잠깐 *****
열리는 동안 잠시 여담입니다.
플래시의 정확한 한글명칭이 뭘까요?
플래시라고 부르는 사람이 있는가 하면 플래쉬라고 부르는 사람도 있습니다.
벌음기호상으로는 플래쉬에 가깝기 때문에 애매한 부분이지만
플래셔들은 플래쉬라고 하지 않고 플래시라고 부릅니다.
참고하시길...
2.
파일을 열어 보면 레이어가 하나뿐입니다.
원래는 아날라이저도 들어 있고 여러가지 시각적인 효과도 만들었습니다만
사이트에 활용하기 쉽게 다이어트를 좀 했습니다.
카피프레임으로 복사합니다.
3.
우리가 작업해왔던 파일로 돌아 옵니다.
레이어 하나를 추가합니다.
Paste Frame으로 붙여 넣을 것이기 때문에 이름은 적어줄 필요가 없습니다.
4.
사운드레이어에 Paste Frame으로 붙여 넣습니다.
복사가 되었습니다.
**** 여기서 잠깐 ****
도큐멘트가 다른 파일에서 복사해서 Paste Frame으로 붙여 넣기를 하면
플래시는 항상 왼쪽과 상단이 만나는 꼭지점을 기준으로 정렬합니다.
즉 X=0, Y=0의 지점을 기준으로 정렬한다는 의미입니다.
참고 하시기 바랍니다.
5.
위치를 네비게이션 화면의 오른쪽 하단으로 옮겨 줍니다.
그림처럼 자리잡게 합니다.

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

7.
보기가 훨씬 나아졌습니다.
저장합니다.
퍼블리시 해봅니다.
버튼에 마우스가 갔을 때 사각형이 보이는 것은 밝기를 높게 올렸기 때문입니다.
8.
퍼블리시 합니다.
버튼을 이것 저것 눌러 봅니다.
가장 오른쪽의 버튼을 누르면 세가지의 음악을 바꿔서 들을 수 있습니다.
9.
음악을 바꾸는 방법입니다.
라이브러리 창을 열어 봅니다.
track1, track2, track3 이라는 사운드 심볼이 보입니다.
10.
track1을 더블클릭합니다.
대화상자에서 Import 버튼을 누릅니다.
압축파일에 함께 포함되어 있던 01.mp3을 찾아서 더블 클릭합니다.
OK버튼을 누릅니다.
11.
track2에는 02.mp3을 찾아서 넣습니다.
track3에는 03.mp3을 찾아서 넣습니다.
저장합니다.
퍼블리시하여 테스트 해봅니다.
12.
만약 음악을 바꿔서 넣고 싶다면 언제든지 track를 눌러서 교체할 음악을 찾아 넣으면 됩니다.
아주 간단하죠?
여기까지 15강입니다.
정말 수고하셨습니다.
이제 여러분은 플래시의 세계에 상당히 깊은 곳까지 오셨습니다.
응용에 관한 부분만 채워 넣으신다면
상당히 강한 트레이닝을 바탕으로 다져진 기본기를 바탕으로
필요한 웬만한 것은 직접 만드실 수 있을 것입니다.
단순히 기능을 설명하는데 그치지 않고
뭔가를 만들수 있는 실력을 쌓게 해드리는 방향으로 강의하다 보니
시간이 예상했던 것 보다 몇배 더 늘었지만 끝끼지 함께 해주신 분들과
격려해주시고 애정 보여 주신 많은 분들 덕분에 무사히 강좌를 마칠 수 있었습니다.
지켜보아 주신 분들과
부족한 강좌를 특별링크로 빛나게 하여 주신 관리자님께 깊이 감사드립니다.
강좌도중에 기초과정의 책과 다르다며 쪽지주신 분들께는
보셨다는 그 책이 제게서 플래시를 배운 사람이 쓴 것일 수도 있다는 말로 답변을 대신하며
길게도, 혹은 짧게도 느껴졌던 강좌를 마칩니다.
처음부터 끝까지 함께 해주신 네잎클로버님과 플록님께는 특별히 깊은 감사를 드립니다.
강좌를 마무리 하기까지 두분이 보내주신 힘은 정말 컸습니다.
다시 한번 머리숙여 감사드립니다.
기회가 된다면 고급과정 강좌에서 다시 뵙겠습니다.
지금까지 함께 하여 주신 분들께 진심으로 감사드립니다.
이번 강좌는 강좌라기 보다는 일종의 팁이라고 할수 있습니다.
홈페이지를 방문하다가 보면
사이트내에 뮤직컨트롤러가 부착되어 있는 것을 많이 보셨을 것입니다.
이번 강좌는 홈페이지에 사운드컨트롤러 넣기입니다.
사운드 컨트롤러를 제대로 만드려면 중급이상의 액션스크립트를 써야 하기 때문에
제가 만들어 놓은 컨트롤러를
여태까지 함께 만들어서 완성시켰던 네비게이션에 넣는 방법에 대해서 알아 보겠습니다.
첨부된 music.alz를 다운 받습니다.
압축을 해제하면 제가 만든 뮤직컨트롤러인 music.fla 파일이 있습니다.
1.
다운 받은 압축 프로그램을 푸시면
플래시 원본파일과 샘플로 함께 넣은 음악파일 세개가 있습니다.
music.fla 파일을 플래시에서 불러 옵니다.

***** 여기서 잠깐 *****
열리는 동안 잠시 여담입니다.
플래시의 정확한 한글명칭이 뭘까요?
플래시라고 부르는 사람이 있는가 하면 플래쉬라고 부르는 사람도 있습니다.
벌음기호상으로는 플래쉬에 가깝기 때문에 애매한 부분이지만
플래셔들은 플래쉬라고 하지 않고 플래시라고 부릅니다.
참고하시길...
2.
파일을 열어 보면 레이어가 하나뿐입니다.
원래는 아날라이저도 들어 있고 여러가지 시각적인 효과도 만들었습니다만
사이트에 활용하기 쉽게 다이어트를 좀 했습니다.
카피프레임으로 복사합니다.
3.
우리가 작업해왔던 파일로 돌아 옵니다.
레이어 하나를 추가합니다.
Paste Frame으로 붙여 넣을 것이기 때문에 이름은 적어줄 필요가 없습니다.
4.
사운드레이어에 Paste Frame으로 붙여 넣습니다.
복사가 되었습니다.
**** 여기서 잠깐 ****
도큐멘트가 다른 파일에서 복사해서 Paste Frame으로 붙여 넣기를 하면
플래시는 항상 왼쪽과 상단이 만나는 꼭지점을 기준으로 정렬합니다.
즉 X=0, Y=0의 지점을 기준으로 정렬한다는 의미입니다.
참고 하시기 바랍니다.
5.
위치를 네비게이션 화면의 오른쪽 하단으로 옮겨 줍니다.
그림처럼 자리잡게 합니다.

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

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에서 이동 됨]
댓글 28개
이 강좌의 모든 내용을 담아 PC박사님께서 만들어 주신 전자메뉴얼이 현재 무료배포중입니다.
트래픽 때문에 꼭 필요한 분들께만 신청받아서 배포하고 있습니다.
전자메뉴얼이 필요하신 분들께서는 드림팀님께 쪽지를 보내시면
드림팀님께서 계정주소를 알려 주실 것입니다,
쪽지를 주시고 해당계정의 주소가 담긴 응답을 받을 수 있는 기간은 최장 2일입니다.
배포에 대한 모든 것을 드림팀님께 일임하였으므로 저는 전혀 관여하지 않겠습니다.
따라서 그에 관해 직접 제게 주시는 쪽지는 사양합니다.
불편해질 수도 있는 입장을 감수하면서 어려운 역할을 맡아 주신 드림팀님과
정성껏 제작하여 주신 PC박사님께 다시 한번 감사 드립니다.
필요하신 분들의 많은 이용바랍니다.
트래픽 때문에 꼭 필요한 분들께만 신청받아서 배포하고 있습니다.
전자메뉴얼이 필요하신 분들께서는 드림팀님께 쪽지를 보내시면
드림팀님께서 계정주소를 알려 주실 것입니다,
쪽지를 주시고 해당계정의 주소가 담긴 응답을 받을 수 있는 기간은 최장 2일입니다.
배포에 대한 모든 것을 드림팀님께 일임하였으므로 저는 전혀 관여하지 않겠습니다.
따라서 그에 관해 직접 제게 주시는 쪽지는 사양합니다.
불편해질 수도 있는 입장을 감수하면서 어려운 역할을 맡아 주신 드림팀님과
정성껏 제작하여 주신 PC박사님께 다시 한번 감사 드립니다.
필요하신 분들의 많은 이용바랍니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 28772 |
HTML
오늘 날짜와 요일 넣기
1
|
| 10555 | |
| 10554 |
JavaScript
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다
|
| 10553 | |
| 28770 |
HTML
창의 사이즈 변경 금지 시키기
1
|
| 28769 |
HTML
손님의 방문 횟수를 알려 줍니다
|
| 10552 | |
| 10551 | |
| 28768 |
HTML
자바스크립트 버튼에 링크 걸기
|
| 10550 | |
| 10549 |
JavaScript
들어올때나 나갈때나 인사는 착실히 해야죠..ㅋㅋㅋㅋ
|
| 10548 | |
| 10547 | |
| 28767 |
HTML
이름을 물어보고 인사하는 스크립트
|
| 10546 | |
| 10545 |
JavaScript
창을 열면 인사하는 간단한 스크립트
|
| 10544 | |
| 28766 | |
| 10541 | |
| 10540 | |
| 10538 | |
| 10537 |
기타
순발력테스트
|
| 10535 |
Flash
Ajax강의
1
|
| 10534 |
JavaScript
named -- dns서버
|
| 10533 |
JavaScript
문서내 이미지갯수 출력
|
| 10532 | |
| 28760 | |
| 10531 | |
| 10530 |
JavaScript
리눅스 부팅후 자동 실행
|
| 28759 |
HTML
버튼에 스타일주기(익스)
|
| 10527 | |
| 10525 | |
| 10523 | |
| 10520 |
Flash
swish 서브메뉴 제작방법
2
|
| 28758 |
HTML
오른쪽마우스클릭시메뉴(익스전용)
|
| 28757 |
HTML
오른쪽마우스클릭시메뉴(익스전용)
|
| 10519 | |
| 10518 |
MySQL
mysql 자동 최적화 / 복구 스크립트
|
| 10517 |
JavaScript
내용 복사해서 붙어넣기 하면 출처까지가 따라서 나옴 (출처:네이버 소스)
|
| 10515 |
JavaScript
ncftp사용법
1
|
| 28756 |
HTML
영카트에서 카테고리 검색하기
|
| 10514 | |
| 10512 | |
| 10511 |
JavaScript
영어철저가 의심스러울때
|
| 10510 |
JavaScript
로그인할때 나오는 메시지 바꾸기
|
| 10509 | |
| 10508 | |
| 10507 | |
| 28755 |
HTML
자바스크립트로 url 획득
|
| 28751 | |
| 10506 |
JavaScript
파일을 엑셀 혹은 워드로 다운 받기
|
| 10505 | |
| 10504 |
JavaScript
테이블속성연습
|
| 10503 | |
| 10499 | |
| 10487 | |
| 28748 |
HTML
투명도조절
2
|
| 10486 | |
| 28747 | |
| 10484 |
JavaScript
날짜 계산하기
1
|
| 10483 |
기타
폼필드로 바탕색상조정
|
| 10482 | |
| 28746 |
HTML
버튼 하나로 링크두개를 열어보자
|
| 10480 |
JavaScript
접속시도를 여러번 하는 IP 자동 블락하기
1
|
| 10476 | |
| 10473 |
JavaScript
팝업창.. 지정한 시간대에 열기
2
|
| 10472 |
기타
한글 영문으로 변환
|
| 28745 |
HTML
[펌]다중 업로드
|
| 10460 | |
| 10456 | |
| 28739 | |
| 10455 | |
| 28738 | |
| 10451 | |
| 10448 | |
| 10446 |
JavaScript
font-weight 숫자로도 가능
1
|
| 10445 |
JavaScript
에디터 수정해서 쓰세요!
|
| 10444 |
기타
리사이즈 팝업
|
| 10442 | |
| 10439 |
JavaScript
배경음악 또는 배경이미지 등 브라우저를 열고 처음 접속시 한번만 실행
2
|
| 10408 |
Flash
무료 플래시 209개
30
|
| 10403 | |
| 10400 |
JavaScript
문서내에 글씨 찾기
2
|
| 10398 | |
| 10397 | |
| 10396 |
JavaScript
ssh dictionary attack 막기
|
| 10391 | |
| 10390 | |
| 28733 |
HTML
밑의 갤러리 압축 화일
4
|
| 10389 |
JavaScript
까만도둑님께서 플래쉬 갤러리가 필요하시다고 해서...
|
| 10383 | |
| 10378 |
Flash
플래시에서 tabIndex 적용하기
4
|
| 28732 | |
| 10342 |
Flash
간단하지만 유용한 배너관리 시스템
35
|
| 28731 | |
| 10335 |
Flash
플래시 자동 슬라이더
6
|
| 28730 |
HTML
cart클래스2
|
| 28729 |
HTML
cart클래스1
|
| 28727 |
HTML
비교 복사
1
|
| 10332 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기