공49.스위시(Swish): 버튼8 (책장넘김버튼1) --- 일출

 만남은 소중하게 인연은 아름답게~~~

♡ 버튼8은 책장을 넘길때 버튼을 클릭하면 책장이 한장씩 넘어가는 것입니다.  ♡ 작업의 이해를 쉽게하기 위해 이미지 5장으로 준비하였으며 이미지를 추가로 할때는 공부방 50번을 활용하세요.  ♡ 작업을 하고나서 중간저장(Swi파일)해 놓으면 이미지는 아무때나 원하는 것으로 교체할 수 있음.  ♡ 이미지를 교체하여 응용한 작품은 스위시첫걸음방 116번 참조하세요. yjk3452 버드내

☞  작업 준비 ㅡㅡㅡ>>    버튼8자료(일출5).zip     (바탕화면에 저장하여 압축풀어 사용하세요)

   

    

         책장 오른쪽 아무곳에 마우스를 클릭하세요

▣ 버튼8(책장넘김버튼5매)-일출        작업준비 : 작업자료 압축파일을 바탕화면에 저장후 압축풀어 사용하세요.   1. 작업창을 열고 크기를 맟춤 : w=700,h=500. 배경색=#666666   2. 아이콘바에서 Open클릭 → (에니메이션) 책장버튼 넘기기를 불러온다.   3. (이미지)일출1~일출5를 한번에 모두 불러와서 아래서 위로 1~5번호 붙임(번호있으면 그대로)   4. 1~5선택상태에서 우클릭 → Break → Break Into Pieces → Columns=2. Rows=1 → OK클릭   5. 아웃라인 모두 묶인상태에서 우클릭 → Grouping → Ungroup     → 아래서 위로 이름=좌1. 우1. 좌2. 우2. 좌3. 우3. 좌4. 우4. 좌5. 우5.   6. 좌.우끼리 아래서 위로 정렬하기 : 우5.우4.우3.우2.우1. 좌1.좌2.좌3.좌4.좌5.     → 좌5와 우1 두 개만 묶어(블록)우클릭 → Copt Object(복사) → 제자리 붙이기(Paste In Place)     → 복사한 것 : 좌5 이름=뒷장. 우1 이름=앞장     → 뒷장은 맨위(좌5 위)로 올리고 앞장은 우1 위에 정렬한다(좌1과 우1사이)     → 아웃라인 11을 복사 제자리붙이기 5번(합6) → 맨위뒷장 아래 ~ 좌1 아래까지 각각 아래에 정렬해준다     → 뒷장과11묶어 Movie Clip → 이름=뒷장     → 나머지도 좌5+11~좌1+11까지 각각 묶어 우클릭 → Movie Clip  → 아래서 위로 이름 = 좌1. 좌2. 좌3. 좌4. 좌5.     → 아웃라인 21을 복사 제지리 붙이기5개(합6) → 앞장~우5 까지 각각 아래에 정렬 해준다     → 제목글 넣기 : 앞장선택하고 툴박스 T → 글꼴휴먼옛체. 크기=36. 색상=하늘색 → 작업창에 마우스찍고     → Edit클릭 → 제목글 입력 → 제목글을 좌1아래로 내리고 제목글. 앞장. 21 셋을 함께 묶고(블록) 우클릭     → Movie Clip → 이름=앞장     → 앞장 열고 안에있는 앞장은 삭제한다 → 앞장 닫음.     → 나머지도 우1+21~우5+21을 각각 묶어 우클릭 → Movie Clip → 아래서 위로 이름=우5. 우4. 우3. 우2. 우1.     ☞ 위에서 아래로 정렬상태 = 뒷장. 좌5. 좌4. 좌3. 좌2. 좌1. 앞장. 우1. 우2. 우3. 우4. 우5.     → 앞장만 그대로 두고 나머지 뒷장에서 아래로~우5까지 각각 마스크에 체크해 준다.   7. 앞장~우5까지 묶어(블록) → 포인트점 왼쪽중앙 찍고 → 타임라인 10프레임 더블클릭 → w=0   8. 뒷장~좌1 까지 묶어(블록) → 타임라인 빨간막대를 0에 놓고 포인트점 오른쪽중앙찍고 → w=0     → 타임라인 10프레임 더블클릭 → w=340.8(원위치 해줌) 하거나 _xscale 100% 해줌.   9. 아웃라인을 정렬해준다 : 위에서 아래로 정렬순서     버튼. 링. 링1. 뒺장. 좌5. 좌4. 좌3. 좌2. 좌1. 앞장. 우1. 우2. 우3. 우4. 우5.100. 200순으로 정렬   10. 아웃라인 링~200까지 함께 묶어(블록) 우클릭 → Grouping → Movie Clip → 이름=책장버튼 → 책장버튼을 열여놓고 →     11. 타임라인에서 효과주기 : 타임라인 효과막대를 아래와 같이  정렬해줍니다.     책장버튼 줄 : 1. 20. 40. 60. 80. 100, 120프레임에 각각 우클릭 → Movie Control → Stop     뒷장 줄 : 효과막대를 111프레임에 끌어다 놓는다. Move(10)     좌5 줄 : 효과막대를 91프레임에 끌어다 놓는다. Move(10)     좌4 줄 : 효과막대를 71프레임에 끌어다 놓는다. Move(10)     좌3 줄 : 효과막대를 51프레임에 끌어다 놓는다. Move(10)     좌2 줄 : 효과막대를 31프레임에 끌어다 놓는다. Move(10)     좌1 줄 : 효과막대를 11프레임에 끌어다 놓는다. Move(10).    앞장 줄 : 효과막대를 2프레임으로 끌어다놓고 끝에서 1프레임 줄인다 : Move(9) → 1프레임 Place     우1 줄 : 효과막대를 21프레임에 끌어다 놓고 → 1프레임 Place     우2 줄 : 효과막대를 41프레임에 끌어다 놓고 → 21프레임 Place     우 3 줄 : 효과막대를 61프레임에 끌어다 놓고 → 41프레임 Place     우4 줄 : 효과막대를 81프레임에 끌어다 놓고 → 61프레임 Place     우5 줄 : 효과막대를 101프레임에 끌어다 놓고 → 81프레임 Place     100 줄 : 1프레임 Remove → 20프레임 Place - 책장버튼 닫음.    12. 아웃라인 버튼을 선택 → Script → Add Script → Target → 책장버튼선택 → 스크립트창 닫음.    13. 음악넣고 서명넣고 기타 필요한 소스넣고 마무리합니다 . Play → 저장. 끝.

♡♡♡ 보충자료(빨간색 테두리 참조) --->사진을 클릭하면 크게 보입니다

                2번 설명(open 클릭)                               5번 설명(이름 주기)                           6번 설명(좌,우정렬하기)

  

              6번 설명(좌5.우1 묶음)                          6번 설명(복사한것 이름)                    6번 설명(11을 복사 아래 정렬하기)

  

           6번 설명(11과 묶어 무비클립)                       6번 설명(21을 복사 정렬하기)                   6번 설명(21과 묶어 이름주기)

  

    6번 설명(앞장빼고 나머지모두마스크체크)                        7번 설명                               8번 설명(빨각막대를 0에 놓고)

  

        8번 설명(10프레임 더블클릭)                8번 설명(w 또는 xscale 100%)                 9번 설명(아웃라인 정렬하기)

  

               11번 설명(책장버튼 줄 Stop 주기)                                11번 설명(타임라인의 효과막대를 정렬하기) 

          11번 설명(타임라인의 효과막대를 정렬하기)                                        12번 설명(스크립트창)

 

 

                                           

                                      넘치면 부족함만 못하고 나를 비워버리면 만사가 편안하다

버튼8자료(일출5).zip

0.97MB

버튼8(책장넘김버튼)-일출.swf

5.29MB