[스크랩] Chart Image Gallery

1)Movie 설정 : 600 * 400  (배경색 : 검정색)

2)Chart 만들기

 ㄱ)열리는 차트 만들기

   *아웃창에서 이미지 chart-0, 1, 2, 3, 4, 5, 6, 7, 8.gif(총9장)를

    순서대로 삽입한다.

    작업창에 이미지 삽입할때는 위의 이미지 9장이

    내컴에 저장되어 있어 Insert Image 클릭하여

    이미지 삽입하여야 하나 설명의 편의상

    저자는 아래 첨부파일에 <파일1>을 열어

    아웃창에 있는 chart-0~8.gif(총9장)를 복사하여

    현재 작업창에 붙여 넣는다.

   *타임창에서 다음과 같이 효과를 넣는다.

    chart-0.gif행에 1F(프레임)에 place,  2F(프레임)에 Remove

    chart-1.gif행에 2F(프레임)에 place,  3F(프레임)에 Remove

    chart-2.gif행에 3F(프레임)에 place,  4F(프레임)에 Remove

    chart-3.gif행에 4F(프레임)에 place,  5F(프레임)에 Remove

    chart-4.gif행에 5F(프레임)에 place,  6F(프레임)에 Remove

    chart-5.gif행에 6F(프레임)에 place,  7F(프레임)에 Remove

    chart-6.gif행에 7F(프레임)에 place,  8F(프레임)에 Remove

    chart-7.gif행에 8F(프레임)에 place,  9F(프레임)에 Remove

    chart-8.gif행에 9F(프레임)에 place를 넣는다.

   *타임창에서 맨 아래에서 부터 효과주면

    점차 위로 올라가는 계단식으로 모양이 된다.

   *아웃창에서 위의 9개(이미지)gif를 모두선택한 후

    우클하여 Grouping-Group as sprite 클릭하고

    오른쪽 sprite 패널창에서

    Stop playing at end of sprite에 체크하고

    이름을 <열림차트>라 입력한다.

 ㄴ)닫히는 차트 만들기

   *다시 아웃창에서 이미지 chart-0, 1, 2, 3, 4, 5, 6, 7, 8.gif를

    순서대로 삽입한다.

    아래 첨부파일에 <파일1>을 열어

    아웃창에 있는 chart-0~8.gif(총9장)를 복사하여

    현재 작업창의 아웃창에 붙여 넣는다.

   *위의 이미지를 타임창에서 다음과 같이 효과를 넣는다.

    chart-0.gif행에 9F(프레임)에 place

    chart-1.gif행에 8F(프레임)에 place,  9F(프레임)에 Remove

    chart-2.gif행에 7F(프레임)에 place,  8F(프레임)에 Remove

    chart-3.gif행에 6F(프레임)에 place,  7F(프레임)에 Remove

    chart-4.gif행에 5F(프레임)에 place,  6F(프레임)에 Remove

    chart-5.gif행에 4F(프레임)에 place,  5F(프레임)에 Remove

    chart-6.gif행에 3F(프레임)에 place,  4F(프레임)에 Remove

    chart-7.gif행에 2F(프레임)에 place,  3F(프레임)에 Remove

    chart-8.gif행에 1F(프레임)에 place,  2F(프레임)에 Remove

   *위와 같이 효과 넣으면 내려가는 계단식의 모양이 된다.

   *아웃창에서 위의 9개(이미지)gif를 모두선택한 후

    우클하여 Grouping-Group as sprite 클릭하고

    오른쪽 sprite 패널창에서

    Stop playing at end of sprite에 체크하고

    이름을 <닫힘차트>라 입력한다.

   *여기까지 작업한 결과물은 아래 첨부되어 있는

    <파일2>를 참고하시기 바랍니다.

3)열림과 닫힘 주기 설정하기

 ㄱ)타임창에서 <열림차트>행에

    1F, 40F, 80F, 120F, 160F, 200F에 Place를 주고

    30F, 70F, 110F, 150F, 190F, 230F에 Remove준다.

 ㄴ)타임창에서 <닫힘차트>행에

    30F, 70F, 110F, 150F, 190F, 230F, 240F에 주고

    40F, 80F, 120F, 160F, 200F에 Remove준다.

 *여기까지 작업한 결과물은 아래 첨부되어 있는

    <파일3>를 참고하시기 바랍니다.

4)아웃창에서 이미지 삽입과 효과주기

  *아웃창에서 이미지 6장을 삽입하되

   크기는 W=500  H=333 크기로 하고

   Transform패널에서 X=300 Y=200으로 맞추어 주면

   무비창의 한가운데에 위치한다.

   그리고 나서 아웃창에서 위의 이미지 6장을 모두 선택하여

   <닫힘차트>, <열림차트> 밑으로 내려 놓는다.

5)위의 이미지에 대해 타임창에서 아래와 같이 효과를 준다.

  타임창에서 맨아래 이미지부터 차례로 위로 효과를 준다.

  맨아래 이미지행에 1F에 주고   40F에 준다.

  바로위 이미지행에 40F에 주고  80F에 준다.

  바로위 이미지행에 80F에 주고  120F에 준다.

  바로위 이미지행에 120F에 주고 160F에 준다.

  바로위 이미지행에 160F에 주고 200F에 준다.

  맨위 이미지행에   200F에 준다.

 *여기까지 작업한 결과물은 아래 첨부되어 있는

    <파일4>를 참고하시기 바랍니다.

6)최종 마무리

  *아웃창에서 닫힘차트, 열림차트, 이미지6장 모두 선택한 후

   무비창에서 약간 아래로 드래그하여 조금 내려준다.

   왜냐하면 위의 여백에 타이틀 글자를 입력하여야 하기 때문이다.

  *글자(타이틀)을 삽입한다.

   도구창에서 를 선택하여

   Text패널에서 “사계절 아름다운 풍경”이라 입력하고

   무비창의 사진이 있는 위쪽 공간에 위치시킨다.

   물론 Text에 대해서도 효과를 준다.

   위의 글자는 이미지에 맞게 적어주고

   글자효과는 자기 취향대로 주면 된다.

   저자는 글자효과를 Core Effects-Transform 효과를 주었음

7)<미리보기>하면 차트가 열리고 닫히는 과정에서

   이미지가 바뀌면서 나타난다.

 8)작업완료-play

   *용량관계로 아래에 최종파일이 첨부되어 있지 않습니다.

     만드시다가 혹시나 최종파일을 알고져 하신분은

     묻고 답하기방에 No266 (9/10자)에 Chart Image Gallery로

     swi 파일을 올려 놓았습니다. 참고 하시기 바랍니다.

   *위의 작품설명은 어렵고 난해한 부분은 없는 것으로 사료됩니다만

     만드는 과정에서 이해가 되지 않으시면 질문을 해 주십시오.

     상세하게 답변을 드리겠습니다.

     다음 기회엔 여기서 활용편으로 버튼으로 이미지가 전개되는

     장면을 설명 드리겠습니다.

     그럼 성공을 빌겠습니다.

     끝까지 설명에 관심을 가져 주셔서 감사합니다.

파일1.swi

파일2.swi

파일3.swi

파일4.swi

출처 : 스위시2080

글쓴이 : 엄주보 원글보기

메모 :

Chart Image Gallery파일2.swi

0.62MB

Chart Image Gallery.swi

1.79MB

Chart Image Gallery파일1.swi

0.59MB