플래쉬에 사용할 이미지 만들기

1.플래시 실행하고-> 스테이지 크기를 1000X230, frame rate=24fps,  layer1이름을 배경으로

  설정한다.

 

2.포토샵에서 만든 back 이미지 파일 불러오기
 (1)File-> import!!! to library로 포토샵에서 저장해둔 외부이미지 back1부터....back6까지 불러와

   라이버리에 등록한다.  
 (2)라이버리에 등록된 back1.jpg를 스테이지로 끌어 놓고-> Properties에서 위치를

    X=0,Y=0 맟추어 놓는다.

 

3.등록한 외부이미지 삽입후 저장하기
 (1)배경레이어 1번플레임 찍고-> 스테이지를 클릭하면 아래 Properties 속성창에

    Swap...가 나타난다.
   *Swap...를 클릭-> back1.jpg를 선택하고-> OK->
   *File-> Save As-> info.fla로 저장하고-> Ctrl+Enter(Test Movie)하면  info.swf파일로 저장된다.
 (2)다시 Swap...클릭-> back2.jpg를 선택하면-> 스테이지 배경이 바뀐다.
   *File-> Save As-> Profile.fla로 저장하고-> Ctrl+Enter(Test Movie)하면  Profile.swf파일로

    저장된다.
 (3)같은방법으로 Swap를 클릭-> back3...back6까지 선택해 본인이 생각하는  메뉴를 파일으로

    저장한다.  *(예시)info.fla/ profile.fla/ portpolio.fla/ photo.fla/ free.fla/ data.fla/등등...
 
4.베너에 로고/심벌만들기-> 카페 포토샵 참조
 (1)위에 저장한 fla 파일중 아무거나 1개 열고 배경레이어는 잠군다.
  *여기서 photo.fla를 연다.
  *레이어 추가하고-> 이름을 "포장"으로 바꾼다.
   (기존에 메뉴바가 있었으면 삭제하고 빈바탕 위에서 작업한다)
 (2)Ctrl+R(File-> Import!!-> Import!! to stage)하여 포토샵 이미지레디에서 작업한 1.swf를 불러온다.
 (3)레이어 추가-> "러브"로 이름바꾸고-> Ctrl+R하여 2.swf를 불러온다. 
 (4)포장과 러브 이미지를 transform 툴로 크기와 방향을 임의로 적당하게 조정하고, 레이어 층도

    조정하여 맟춘다.

 

5.심벌로 등록하기
 (1)포장지를 선택(레이어와 이미지 모두)-> F8-> 무비클립 체크/이름=포장지 -> OK
  *포장지 이미지를 더블클릭-> 무비클립 편집모드에서->1번frame을 80번frame으로 끌어다 이동

    시키고-> 100번frame을 클릭-> F6하여 플레임을 준다.
  *1번플레임을 클릭-> 포장지 이미지를 좌측 스테이지 밖으로 이동시키고-> 1번과 100번 플레임

   중간을 클릭-> 아래 속성창 Tween에서-> motion을 선택-> Ease는 -100(점점 빠르게)을 준다.
  *100번 플레임 클릭-> F9-> Timeline Control에서 Stop을 더블클릭하여  Motion을 정지시킨다.

   ->F9하여 닫는다.
 (2)러브레이어를 선택-> 러브 이미지를 클릭-> F8-> 무비클립/이름=러브->  OK하여
  *이미지를 더블클릭-> 무비클립 편집모드창에서 1번 플레임을 80번 플레임으로  끌어다

   이동시키고-> 160번 플레임에서 F6을 준후
  *80번 플레임을 찍고-> 방향키로 러브 이미지를 스테이지 아래로 이동시키고->  80번과 16번

   플레임 중간을 클릭-> 아래 속성창 Tween에서 Motion을 선택->  Ease를 -100으로 설정하고
  *160번 플레임 클릭-> F9-> Timeline Control에서 Stop을 더블클릭하여   Motion을

    정지시킨다-> F9하여 닫는다.
  ※타임라인 속도(10,80,160 등)는 본인의 제작의도에 따라 달리 할 수 있다.

  (3)포장레이어 선택-> 1번찍고-> Color Mixer패널에서 Alpha값=0을 준다.

 

6.타이틀 삽입
 (1)레이어를 추가-> 이름을 타이틀로 바꾸고
  *홈페이지 제목을 입력-> 타이틀(레이어)을 클릭-> F8-> 무비클립/이름:텍스트-> OK
  *타이틀을 더블클릭-> 다시 F8-> 그래픽 심벌로 바꾼후
  *10번찍고-> F6-> 1번프레임 찍고-> Modify-> Transform-> Scale And Rotat= 20%주고
  *1번과 10번사이에 클릭-> 아래 속성창에서 Tween/Motion을 준다.
  *속도가 불만스러우면 끌어다 이동시켜 속도를 조절한다.

 

7.타이틀을 다른 URL로 링크하려면...
 (1)타이틀 바로 위에 레이어를 추가-> 레이어 이름을 "투명버튼"으로 바꾼다.
  *사각툴선택(선색:Non/면색:적색계통)->타이틀 범위만큼 드래그하여 사각범위를 그린다.
 (2)투명버튼(사각범위)을 클릭->F8-> 버튼/이름:투명버튼-> OK
  *투명버튼(레이어가 아님)을 더블클릭
  *Up을 Hit로 끌어다 옮겨 놓고
  *F9클릭-> Movie Clip Control-> On 더블클릭해 입력하고
  *relerse를 선택해 입력하고-> {밖에 커서를 옮기고-> Enter친다.
  *Browers Network클릭-> Get URL클릭-> 괄호안에 주소를 입력
   (예시) ("
http://www.casamo.kr","_blank");

 

8.액션(눈내리는 효과)만들기
 (1)배경 레이어위에 새레이어 추가-> 이름을 액션으로 바꾸고
 (2)액션파일 가져오기
  *File-> import!!-> import!! to libery->자료(04주차)top_img.fla를 찾아 등록 하거나/

   또는 파일-> 열기하여 불러와
  *작업중인 info.fla 탭을 클릭-> libery 탭▼을 눌러 Top_img.fla를 찾아 클릭하여-> 나타나는

   라이버리에서 눈내림 무비클립을 끌어다 스테이지 밖으로 끌어다 놓는다.
  *레이어 층을 포장레이어 위로 이동시키고-> 끌어다 놓은 눈내림 무비클립을 클릭-> Modify->

   Transform-> Holizental로 바꾼다.
  *Ctrl+Enter 하여 실행해 본다.

 

9.방울무늬 배경 만들어 넣기
 (1)레이어 추가-> 이름을 "패턴"으로 바꾸고
  *원형툴선택(배경색: 흰색, 선색:없음)-> 드래그하여 작은 원을 그린다.
  *Alt + 드래그하여 복사해 일정한 간격으로 1줄을 채운다.
  *Color Mixer 패널에서-> Alpha 값=40%적용하고 레이어 층 조정
  *첫번째 줄을 Shift를 눌러 모두 선택해 Alt+ 드래그하여 복사해 전부 채운다.

 

10.메뉴바 삽입하기
 (1)레이어 추가-> 이름=메뉴바로 바꾸고
  *사각툴 선택-> coner radius를 10~20정도 주고, 바탕색:흰색,선색:없음-> 드래그하여

    메뉴바를 그린다.
  *필터를 적용하기 위해 메뉴바 클릭-> F8-> 버튼심벌 클릭/이름=메뉴바-> 아래 패널에서

   Filter탭+ 눌러-> Droshdow적용-> Blur값=3정도, Sterngth값=30%, Distance=3,

   Angle=45준다.

 

11.메뉴삽입
 (1) A툴클릭-> 첫번째 메뉴(홈으로) 입력
  *글자를 선택-> F8-> 버튼심벌/이름:홈으로-> OK하고
  *메뉴(홈으로)를 더블클릭-> UP은 그대로/ Over=F6 / Hit=F6 하고
  *Hit에서 사각영역(마우스 올리면 변하는 영역)을 잡고
  *Over를 눌리고/ 글자도 눌리고-> F8-> 무비클립으로 등록-> (홈으로)더블 클릭-> 글자크기=15
  *다시 글자를 클릭-> F8-> 그래픽 심벌로 등록->
  *10번 프레임에서-> F6-> 1번과 10번사이에 클릭-> 아래 속성창 Tween에서 

    Motion을 선/Ease=100(점점 빠르게)
  *1번 플레임 선택-> Modify-> transeform->

   Scale and Rotate(scale=20%/  Rotate=0(1번플레임에서 20%정도 나타나게)
  *10번 플레임 선택-> F9-> Stop(정지시킨다)

 

 (2)메뉴복사 및 수정하기
  *메뉴(홈으로)를 선택-> Alt + 드래그하여 복사한다.
  *메뉴를 변경한다-> 변경할 메뉴를 선택-> 우측마우스-> Duplicate Symbol->  메뉴이름을

   기입하고-> OK
  *메뉴를 더블클릭-> Up에서 메뉴를 수정->
  *Over탭을 클릭/20%축소된 형태의 작은 글자로 나타나면-> 작은글자 클릭->  우측마우스-> 

   Duplicate Symbol-> OK하고-> 더블클릭
  *다시 우측마우스->  Duplicate Symbol-> OK하고
  *점으로 나타난 글자를 Ctrl눌리고 +(확대)하여 메뉴(글자)를 수정하고->
  *무비클립탭에서 10번플레임에서 더블클릭-> 글자수정

 

 (3)같은 방법으로 다른 메뉴도 전부 수정하고
 (4)Ctrl+Enter하여 실행확인