6. ●상단 베너 꾸미기(로고, 심벌, 액션삽입..)

[가사모]

●로고와 심벌 만들어 삽입하기

1.앞페이지에서 베너배경을 포토샵으로...플라시로...만들어 보았습니다.

 *암튼 플라시C3를 실행하여 top_banner_fla파일을 불러옵니다.

 *아니면 다시 만들어 봅니다.

2.작업이 용이하도록 가이드선(안내선)을 표시합니다.

*View-> Rulers 하여-> 눈금자가 나타나게 하고-> 눈금자를 마우스로 드래그하여-> 가이드선을

 스테이지 상하좌우에 표시합니다.

*가이드선을 가로 300, 950, 1000, -> 세로는 메뉴가가 들어갈 공간 크기로 그려넣고요 

*앞부분은 심벌과 로고가 들어갈 여백(약300정도) 주고-> 뒤로는 1000보다 조금 작게

  900까지 그려줍니다.

  *세로가이드 선은 맨 위 0, 60, 120, 그리고 맨아래에 각각 끌어다 놓습니다.(절대수치가 아님) 

  ※가이드선 색상변경 : View-> Guides-> Edit Guide 에서 원하는 색상 선택합니다. 

  스테이지가 크면-> 우측 타임라인 아래 화면 비율을 적용하면 됩니다.

3.메뉴바가 들어갈 공간을 가이드선으로 범위를 잡으면(약 60에서 70정도)

 *레이어를 추가하고-> 이름을 임의로(철모)로 바꾸어 주고

 *File-> import-> import to liberay를 선택해 라이버리에 등록하고

 *이미지를 끌어다 베너위에 올려 놓고-> 변형툴을 클릭하여-> 조절점으로 크기와 위치를

  원하는 방향으로 조정합니다.

4.다음은 심벌을 불러와 삽입하고-> 조절하여 위치를 잡습니다.

 

5.레이어를 추가하고-> 레이어 이름을 [로고]로 변경하고

 *만들어진 심벌이 있으면 File-> import에서 라이버리에 등록하고-> 심벌로 삽입합니다.

5.로고가 없으면 T툴을 선택해서 서체, 크기, 색상을 선택해-> 직접 입력합니다.

6.로고가 없다면 만들어 봅니다.

 *시작-> 모든프로그램-> 보조프로그램-> 시스템도구-> 문자표-> 글꼴▼버튼을 눌러->

   Webding,  Winding에서 골라-> 선택-> 복사하고

*플라시 작업창에서-> T툴 클릭-> Properties에서 서체를 Winding을 선택하고-> (문자표에서

   Winding에 있는 글자를 선택했기 때문에...)

  *심벌을 들어갈 위치에 클릭-> 붙이기 하면-> 선택한 문자표가 붙혀집니다.

  *복사된 문자중에 선택한 문자만 두고-> 다른 문자는 삭제하고-> 변형툴 선택-> 크기와 위치를

   조정해 붙이면 됩니다.

7.포토샵에서 심벌 만들기

 *포토샵 실행-> Custom Shape Tool선택-> 옵션에서 Shape를 선택-> 여러가지 모양중 골라

  선택-> 흰종이 위에 붙혀 그려->

 *File-> Save As for Web을 선택-> Gif(투명)으로 저장한 다음-> 플라시에 불러옵니다.

8.외부 플라시 파일 가져와 삽입하기(별 액션파일)

 *레이어 1개를 추가하고-> 레이어 이름을 [별액션]으로 수정하고

 *이미 저장된 플라시 파일(motin star fla)을-> File-> Open하여 불러오면...

 *별도의 탭이 열리고-> 라이버리에 등록됩니다.

9.라이버리에는 [십자가] [ball]  [star]  [wmc] 4개가 등록된것을 볼수 있습니다.

 *작업창 탭을 클릭-> 라이버리 상단 탭▼을 눌러-> motion_star를 선택하면-> 불러온 파일

  motion_star.fla이 나타납니다.

 *여기서 wmc를 클릭하면-> 미리보기 창에 나타납니다.-> 이런상태에서...

10.플라시에서 작업을 하든 탭을 클릭하면-> 미리보기 창에 있든 액션창이 없어지고-> 배너작업창이

  열립니다.

 *그러면 라이버리 창 목록창에-> V를 클릭하면-> 액션파일(motion_star.fla)이 보입니다.

   이 motion_star.fla를 선택하면-> 그림처럼 액션의 라이버리가 나타납니다.

 *그러면 wmc(별의 핵)을 클릭하여-> 드래그 하여 별의 액션을 삽입할 곳에 이동시킵니다.

11.그러면 이동시킨 위치에 점(핵)만 나타납니다.

 *Ctrl+Enter해도 별의 액션 동작이 나타나지 않습니다.

 *이 액션 작업이 Flash 6.0저젼에서 만든 파일이기에-> Flash 6.0 버젼으로 바꿔주어야 합니다.

 *따라서 File-> Publish Settings->대화상자에서 Flash를 선택-> Version에서

  ▼ Flash Player6을 선택하고-> OK합니다. 

12.Ctrl+Enter해서 실행하여-> 별 액션의 확산정도를 확인합니다.

 *확인해 보기위해 액파일을 첨부합니다.

ex_04.swf

13.별의 액션 별이 확산되는 범위가 넓으면 줄여주고-> 적으면 한번더 액션을 추가해 주어도 됩니다

 *확산 정도를 변경하려면-> 입력된 wmc를 더블클릭하여-> 액션을 클릭하여 액션창을 엽니다

 *액션편집모드로 바뀌면-> F9하면-> 아래와 같이 액션창이 열립니다.

*여기서 CanvasWidth=200; CanvasHeight=200;으로 수정하여-> F9로 닫습니다.

14.다시 Scene1을 눌러 빠져 나와서->

 *File-> save-> 파일이름 top_banner.fla로 저장하고-> 

 *Ctrl+Enter하여-> 실행을 확인해 봅니다. 

 

*첨부: 별 액션 

motion_star.fla

motion_star.swf

*다음은 메뉴바 만드는 과정을 알아보죠...