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

플래시 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를 눌러 버튼 액션을 삽입합니다.
액션은 위와 같이~



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




Posted by 맛있는세상

댓글을 달아 주세요

  1. †마법루시퍼† 2011.05.13 13:01 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보고 갑니다. 행복한 시간 보내세요^~^

  2. 매일 좋은글 2011.05.13 16:31 신고  댓글주소  수정/삭제  댓글쓰기

    유용한 정보 한가득 얻어 갑니당^^

  3. 절대캔디 2011.05.14 22:26  댓글주소  수정/삭제  댓글쓰기

    찾던 정보였습니다! 좋은 정보 감사드려요~~ 복받으세요 ^^

  4. 프시케 2011.05.16 18:46  댓글주소  수정/삭제  댓글쓰기

    완전 좋은 정보 감사합니다~~
    그렇지 않아도 궁금했는데...

    티스토리블러그는 스크랩안되지요? ㅠ.ㅠ
    담아가고파요~~ ㅋ~~

  5. 뽀글이 2011.06.23 14:52  댓글주소  수정/삭제  댓글쓰기

    똑같이 따라했는데
    이미지가 안움직이고 가만히 잇네요...ㅠ
    무슨 문제일가요...ㅠㅠ?
    알려주세요..ㅠ

  6. 모모 2011.07.08 11:11  댓글주소  수정/삭제  댓글쓰기

    이거모션트위닝이아니라...클래식트위닝인데...ㅋㅋ모셔트위닝하면안먹혀요

  7. ㅎ.ㅎ 2012.06.13 01:52  댓글주소  수정/삭제  댓글쓰기

    정말 포스팅 잘 보구 있습니다.

  8. 이슬기 2012.09.16 15:20  댓글주소  수정/삭제  댓글쓰기

    플래시 CS3인데요
    슬라이드만들었는데 액션스크립트가 안먹혀요
    왜그런거예요?
    답장 해주세요~