본문 바로가기

포토샵/플래시/플래시 CS3

플래시 강좌_ 슬라이드 만들기 사진 슬라이드 만들기

플래시 강좌_ 슬라이드 만들기 사진 슬라이드 만들기

플래시 cs3를 이용해 간단하게 슬라이드 만드는 방법에 대해 알아보겠습니다!!

 
새문서를 엽니다.

 
Import to Stage나 Import to Library로 이미지를 불러옵니다.
불러올 이미지는 가로, 세로 사이즈가 모두 같아야 합니다.

 
전 5장의 이미지로 슬라이드를 만들어 봤습니다.
5장의 이미지를 가로로 차례대로 정렬합니다.
첫번째 이미지의 좌표를 (0,0)으로 설정합니다.


Properties패널의 Size부분을 클릭하여 옵션을 변경합니다.

 
배경화면의 가로 사이즈는 이미지 3장의 가로 사이즈를 합한 값으로 설정합니다.
전 이미지 1장당 사이즈가 300이니 300x3=900으로 설정
세로 사이즈는 이미지의 세로 사이즈와 같게 설정합니다.
Frame rate가 30이 아닌 분들은 30으로 설정해 주세요.

 
정렬해 놓은 5장의 원본 이미지를 모두 선택한 뒤
 alt를 누른 상태에서 마우스로 드래그해 모두 복사합니다.

복사한 5장의 이미지 중 첫번째 이미지가
원본 이미지의 마지막 이미지 끝 부분에 위치하도록 정렬시킵니다.


1프레임에서 우클릭 한 후 Motion Tween을 줍니다.


180프레임에 키프레임을 넣고(단축키:F6) 180프레임에서
복사한 5장의 이미지 중 첫번째 이미지가 배경화면 시작점에 오도록 이동시킵니다.
마우스로 드래그해서 이동시켜도 되고 properties패널의 좌표 입력칸에
(0,이미지세로사이즈/2)의 값을 입력 하셔도 됩니다.


 180프레임과 1프레임이 겹치면서 이미지가 튕기는 현상이 발생하므로
179에 키프레임을 삽입하고 180의 키프레임은 지워줍니다.

 
이미지를 나열한 Layer1은 잠궈두고
레이어 하나를 새로 추가합니다.

 
Rectangle Tool을 선택합니다.

 
이미지 3장을 덮도록 네모를 그려줍니다.
색상은 아무 색상이나 상관없음.

 
네모를 선택하고 F8을 눌러 버튼으로 등록합니다.

 
버튼으로 등록 된 네모를 더블 클릭해서 안으로 들어갑니다.
 Up부분에 있는 키프레임을 마우스로 당겨 Hit부분으로 옮깁니다.

 
Scene 1을 클릭해 밖으로 나오면
버튼이 투명한 색상으로 변한 것을 볼 수 있습니다.

 
버튼이 선택된 상태에서 F9를 눌러 버튼 액션을 삽입합니다.
액션은 위와 같이~



완성되었습니다.
슬라이드 위에 마우스 올리면 멈추고 내리면 다시 움직입니다.
속도는 프레임 길이로 조절하세요~~~~