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

플래시 cs3를 이용해 이미지가 자동으로 바뀌는 슬라이드쇼 (슬라이드) 만드는 방법에 대해 알아보겠습니다.

 
새문서를 엽니다.

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


불러온 이미지를 모두 선택하고 우측 마우스를 클릭해
Distribute to Layers를 선택합니다.


distribute 하면 위와 같이 이미지마다 레이어가 하나씩 생성됩니다.


Prorerties 패널의 Size 부분을 클릭해 옵션을 변경해 줍니다.

 
바탕화면의 가로와 세로 사이즈를 이미지의 가로, 세로 사이즈와 같게 변경하고
Frame rate가 30이 아닌 분들은 30으로 변경합니다.

 
이미지를 모두 선택하고 Align 패널을 사용해 가운데로 정렬합니다.

 
첫번째 레이어 프레임을 30까지 늘려 줍니다.(단축키: F5)
두번째 레이어의 키프레임을 31로 이동후 Motion Tween을 넣습니다.


두번째 레이어의 50프레임에 키프레임을 넣고(단축키: F6)
31의 키프레임의 Alpha를 0%로 변경합니다.


두번째 레이어 80에 키프레임을 넣고
세번째 레이어의 키프레임을 81로 이동 후 모션 트윈을 넣습니다.


두번째 레이어의 프레임을 100까지 늘려주고(F5)
세번째 레이어의 100에 키프레임을 넣고 81의 alpha를 0%로 변경합니다.

 
세번째 레이어 130에 키프레임을 넣고
네번째 레이어 키프레임을 131로 이동후 모션 트윈을 넣습니다.
세번째 레이어 프레임을 150까지 늘리고
네번째 레이어 150에 키프레임을 넣은 후 131의 알파를 0%로 변경합니다.


네번째 레이어 180에 키프레임을 넣고 200에 또 키프레임을 넣고 200의 알파를 0%로 변경한 후
첫번째 레이어의 프레임을 200까지 늘려줍니다.



완성되었습니다.
설명이 복잡한 것 같지만 똑같은 패턴으로 계속 반복되는 것 뿐이라 해보시면 정말 간단합니다.

모르는 것 질문주세요!!



Posted by 맛있는세상

댓글을 달아 주세요

  1. 역기드는그녀 2011.05.18 11:27 신고  댓글주소  수정/삭제  댓글쓰기

    저에게는 어려워 보입니다 ㅠㅠ
    하나하나 차근차근 따라서 해봐야 겠어요~

  2. 프시케 2011.05.18 13:22  댓글주소  수정/삭제  댓글쓰기

    이리 상세하게 설명해주시다니~~
    넘흐넘흐~~ 감사해요~~ ^^

  3. 박정일 2011.06.09 11:47  댓글주소  수정/삭제  댓글쓰기

    이거 제작한 파일을 클릭하면 곰플레이에서 보입니다..달리 보는법은 모르구요..
    문제는 카페에 올리 법 좀 알려 주시면 감사합니다.

  4. 이상호 2011.06.17 11:37  댓글주소  수정/삭제  댓글쓰기

    ㅠㅠ 저도 사진4장짜리로 무한반복되게 만들었는데요

    4번에서 1번으로 넘어간담에 1번 사진이 튕긴다고 해야하나 번쩍하는 현상이

    생깁니다 ㅠㅠ 이거 어케 수정해야 하나요 ㅠㅠ

    가르쳐 주세요

    • 맛있는세상 2011.06.19 20:14 신고  댓글주소  수정/삭제

      위의 설명중에 제가 잘 못 설명한 부분이 있네요^^;
      30의 키프레임의 알파를 0%로 변경하는 것이 아니라 31에 삽입한 키프레임 알파를 0%로 변경해야 합니다. 혹시 저렇게 하신 건 아닌지요??

  5. 나나 2011.06.20 12:35  댓글주소  수정/삭제  댓글쓰기

    알파채널이안보여요 ㅜ.ㅜ

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

    똑같이 따라햇는데 이미지가 안움직이네요..ㅠ

  7. エリ。 2011.07.12 18:19  댓글주소  수정/삭제  댓글쓰기

    각 이미지에 링크를 거는 방법은 어떻게 하면 되나요?
    플래시 만진지 10년정도 되서 기억이 전혀 안나네요 ㅠ. ㅠ
    저것도 겨우 따라했습니다 (버젼도 틀리고 일어라 그런지 ㅠ. ㅠ)

  8. 윤디 2011.09.19 02:28  댓글주소  수정/삭제  댓글쓰기

    플래쉬 강좌 더 더 더 올려주세요. 썸네일 제작과 연동하는것도 알고싶어요 ㅜㅜ

  9. 베닛 2011.10.05 17:46  댓글주소  수정/삭제  댓글쓰기

    한 7-8번 계속 했는데 안되네요.ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ살려주세요..저거 하고싶어요................

  10. 2장만 2012.03.01 01:52  댓글주소  수정/삭제  댓글쓰기

    ㅠㅠ 두장가지고 해보려는데 뜻대로 안되네요 ㅠㅠ 이해는 안하고 그냥 따라해서인지 사진 네장있어야 따라할수있어요 ㅠㅠ

  11. 라주 2012.03.12 18:42  댓글주소  수정/삭제  댓글쓰기

    자세하고 친근한 설명 덕분에 플래시에 대해서 차근 차근 알아가고 있는 중입니다.
    감사합니다.

    그런데 위에와 같은 효과중에서 마우스 를 해당 사진 위에 올리면 멈추게 하는 방법은 어떻게 해야 하나요.
    나름 배운데로 적용해 보려고 버튼으로 만들러 over에 action 주려 했는데 방법을 모르겠네요. 맞는지도 모르겠고...
    또 다른 방법으로는 사진위에 해당 사진마다 이동 할 수있는 번호형식의 버튼을 만들어서 슬라이드쇼 형식으로
    사진이 이동하는것 이외에 버튼을 이용해서 사진으로 이동하고자 하려면 어떻게 해야 할까 감만 살짝 잡히고
    손을 델 엄두는 못 내겠네요 ;; ㅎㅎ 여튼 좋은 강의 감사드립니다.

    • 맛있는세상 2012.03.12 20:49 신고  댓글주소  수정/삭제

      1. 레이어를 하나 추가하고 버튼으로 만들 도형을 사진크기에 맞춰 사진위에 그려줍니다. f8을 눌러 버튼으로 등록합니다. 버튼안으로 들어가서 up부분의 키프레임을 당겨 Hit으로 옮겨줍니다. scene으로 나옵니다. f9를 눌러 버튼액션을 줍니다.
      on(rollOver){
      stop();}
      on(rollOut){
      play();}

      2. 레이어를 하나 추가하고 버튼으로 사용할 이미지를 그려줍니다. 각각의 이미지를 버튼으로 등록합니다. 버튼액션을 줍니다.
      on(release){
      gotoAndPlay(숫자);}
      괄호안의 숫자는 슬라이드되는 사진이 완전하게 나타나는 프레임의 숫자를 입력합니다. 위의 글에서 만든 슬라이드의 경우 버튼 네개가 필요하고 괄호안의 숫자는 각각 1, 50, 100, 150이 되겠네요.

  12. 지인 2012.04.10 16:08  댓글주소  수정/삭제  댓글쓰기

    사진 불러올때 여러개의 사진을 컨트로 눌러서 불러왔는데 이렇게 하는거 맞나용?ㅋㅋ

  13. 지인 2012.04.24 01:16  댓글주소  수정/삭제  댓글쓰기

    저는 그냥 사진이 깜빡깜빡만하네요 ㅠㅠ 다른데서 로고만드는것도 저는 부드럽게 움직이지 않아요 ㅠㅠ

    • 맛있는세상 2012.04.24 12:22 신고  댓글주소  수정/삭제

      위 설명대로 똑같이 따라하면 잘 될 텐데요.
      혹시 버전이 달라서 그런 건 아닐까요??
      cs4부터 모션트윈이 클래식트윈으로 바꼈다고 하더군요.

  14. did2 2012.09.04 22:58  댓글주소  수정/삭제  댓글쓰기

    사진 변할때 시간차를 길게 하려면 어디를 조정해야되나요?

  15. 산앤도 2012.10.10 03:08  댓글주소  수정/삭제  댓글쓰기

    사진한장당 아랫부분에 설명글을 쓰고 넘기는 방법은 없을까요