플래시 강좌_ 버튼 클릭시 이미지 전환 플래시 만들기


버튼 클릭시 이미지가 전환되는 플래시를 만들어 보겠습니다.


File-> Import-> Import to Stage
작업할 이미지를 불러옵니다.



레이어를 하나 추가해서 버튼으로 사용할 이미지를 불러와 정렬합니다.
배경화면도 이미지에 맞춰 크기를 조절해 주세요.



저는 세장의 이미지를 사용했는데요.
 메인이미지가 있는 레이어에서 프레임마다 키프레임을 추가(F6)한 후
각 프레임에 나타날 한장의 이미지만 남겨두고 나머지 두장의 이미지는 삭제합니다.
버튼 레이어도 3프레임 까지 F5를 눌러 프레임을 연장합니다.



버튼으로 사용할 이미지를 각각 버튼으로 등록합니다.



버튼으로 등록한 이미지에 버튼 액션을 줍니다. 소스는 위와같이 주고
괄호 안의 숫자는 그 버튼을 눌렀을 때 나타날 이미지가 위치한 프레임의 숫자를 입력해 주세요.



레이어를 하나 추가하고 1프레임에 프레임 액션을 줍니다. stop();





완성되었습니다.
버튼을 눌렀을 때 이미지가 나타나는 방식을 수정할 수도 있겠죠.






Posted by 맛있는세상

댓글을 달아 주세요

  1. jang 2012.02.01 14:50  댓글주소  수정/삭제  댓글쓰기

    ㅠㅠㅠ 이거 너무어렵네요 ㅠㅠㅠ 죄송하지만 괜찮으시다면 "저는 3장의 이미지를 사용했는데요"
    이부분좀 디테일하게 설명좀 해주시면 안될까요??

    버튼부분에는 HIT 이런건 하나도 안건들여도되나요? 아무리연구해도 너무 어려워서 질문남깁니다 ㅠㅠ

    • 맛있는세상 2012.02.01 17:01 신고  댓글주소  수정/삭제

      위의 큰 이미지가 메인 이미지, 아래 작은 이미지 3개가 버튼, 각각의 버튼을 눌렀을 때 나타나는 메인 이미지가 바뀌잖아요. 그 메인 이미지가 3장이란 뜻입니다. 메인 이미지가 3장이니 버튼도 3개, 4장이면 버튼도 4개 만들어야겠죠. 버튼액션에서 gotoAndStop(1)부분의 숫자를 두번째 버튼에선 2, 세번째 버튼에선 3.. 이런식으로 변경해 주셔야 합니다. 물론 각각의 프레임에 버튼과 연결된 이미지를 등록해 놓아야 합니다. 버튼은 버튼으로 등록하고 액션만 주면 됩니다.

    • jang 2012.02.01 17:59  댓글주소  수정/삭제

      이해가 잘안되네요 ㅠㅠ 첫번째 레이어에 우선 메인이미지가 될 첫번째 사진을 넣고 키프레임을 삽입해 두번째 메인이미지를 넣고 반복해서 세번째 이미지를 넣고 레이어를추가해서 버튼을 만드는데버튼이 3개가 나오는데 프레임은 한개고 제가 너무 초짠데 어려운걸 도전하는건지 ㅠㅠ 버튼을 액션에서 취하면 a가 버튼에 뜨는데 좀더 배우고 도전해보겠습니다!

    • 맛있는세상 2012.02.01 18:16 신고  댓글주소  수정/삭제

      ^^; 메일주소 비밀댓글로 남겨주시면 작업파일 메일로 보내드릴께요. 보고하시면 쉬울꺼에요~

  2. 2012.02.02 08:51  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  3. 2012.03.15 12:59  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  4. 달지 2012.05.09 16:46  댓글주소  수정/삭제  댓글쓰기

    똑같이 따라한 것 같은데 왜 저는 그냥 켰을 때 사진이 한 장씩 보이고 나서 제자리로 돌아가는 걸까요?ㅠㅠ버튼을 누르지 않았는데 알아서 사진이 바뀌어요..

  5. 강쥐 2012.05.18 15:46  댓글주소  수정/삭제  댓글쓰기

    제대로 하긴 했는데 조금 부드럽게 넘어가는 방법은 없을까요?
    버튼을 누르면 이미지가 바로바로 나오는것말구요..ㅎ 좋은 정보 감사합니다

  6. 2012.06.03 16:47  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  7. 2012.06.03 22:34  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  8. 2012.06.07 15:44  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  9. 2012.06.12 14:17  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  10. 2012.06.24 08:33  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  11. 2012.07.18 15:12  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  12. 2012.07.23 19:26  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  13. 2012.08.07 07:22  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  14. 1991 2012.10.07 01:33  댓글주소  수정/삭제  댓글쓰기

    강좌 따라해서 저장까지 했는데, 다음이나 네이버 블로그나 카페에 올리면 크기가 10분의 1 정도로 축소가 되서 올라가는데 혹시 해결방법도 아시는지 궁금합니다 ㅠㅠ 애써 만들었는데 써먹지 못해서 갑갑해요. 부탁드립니다.

  15. 2012.12.04 11:47  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • 1991 2013.08.04 15:10  댓글주소  수정/삭제

      저 위에 댓글 단 사람인데요ㅠㅠ 비밀글로 되어있어서 댓글이 안보이는데 공개로 보여주실 수 있나요?

  16. 이름 2012.12.14 16:46  댓글주소  수정/삭제  댓글쓰기

    안녕하세요
    플래시 공부를 하려 하는데요 ㅠㅠ
    어떤 화장품회사 스카이007회사의 맨상단에

    허그데이?그거 swf요...
    이미지는 자동으로 움직이는데 조그마한 네모에 마우스 대면 이미지가 정지하고..
    또 이미지를 누르면 그 페이지로 링크가 가는데 이건 어떻게 하나요?
    ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ