스위시 (Swish Max4)/스위시공부방

공134. (버튼)외암리마을 : 민요(경음악)

유재구(버드내) 2017. 11. 24. 07:25

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

   ♡ 창 밖에는 지금 어제 내린 첫눈위에 함박눈이 계속 내려덮고 있네요. 차량운행이나 외출시 미끄럼 조심하세요.

   ♡ 컴앞에 앉으면 벗님들의  메일도 천천히 열어보구 안부도 전하여 즐거운하루 보내세요


    화면 아래의 작은 사진이 펼쳐질 때 사진을 골고루 클릭하세요 



 작업자료 ㅡㅡㅡ>>    공134.외암리마을.zip     (바탕화면에 저장하여 압축풀어 사용하세요)

  ▣ 공134. 외암리 마을(버튼)

   위에 있는 작업자료 바탕화면에 저장하여 압축풀어 사용하세요(작업전 완성작을 잘 보면 이해가 잘 되요)

   설명내용 중에서 파란색설명은 아래에 있는 보충자료(사진)을 참고하면  도움됩니다.

    ♡ 기본작업을 바탕으로 이미지. 색상, 크기, 위치, 필요한 소스는 벗님 취향대로 바꿔서 꾸며도 좋아유^^ 

 ------------------------------------------------------------------------------------------

  1. 작업창 크기 설정 : w=760. h=490.

  2. (이미지) 외암img 불러와서 : x=380. y=245. w=1025. h=245

  3. 툴박스 별 → 2D → Rectangle rounded → 작업창에 그리고 → x=17. y=245. w=300. h=245

   → 네모도형 복사 → 제자리붙이기 4번(합5) → 맨위도형 선택하고 x=742. y=245

   → 도형5개 모두묶어(블록) → 윈도우 → Align → Space evenly → Space Horizontally선택

  4. 이미지img와 5개도형을 함께묶어 우클릭 → Grouping → Group as Shape → 예

   → 휠컬러 → None선택하고 이어서 Image선택(작업창의 도형안에 이미지나타남)

   → 외암img 우클릭 → Grouping → Ungroup → 맨아래 이미지는 그대로 두고 

       복사된 이미지만 아래서위로 이름=외암1~외암5

   → 외암1~외암5 함께묶어 → 윈도우 → Align → Align Hotizontal Center(첫줄 좌에서 우로 2번째)

   → 이미지5개 묶인상태에서 x=280 y=220. w=480. h=360

  5. 효과넣기 : 타임라인 외암1줄 1프레임 우클릭 → Appear...→ Come in_Blur in

   → 효과막대 80프레임까지 늘림(활성화) → 이펙트창 열고 Scale=125. Fade=0 수정

   → 타임라인 효과막대 복사 → 외암2~외암5 1프레임에 각각 붙여넣기

   → 맨아래 외암img(원본)는 눈감김(다음에 버튼으로 활용)

  6. 이미지1~이미지5 작업

    마스크준비 작업 : 현상태에서 외암5를 제자리 복사한다 → 타임라인에서 복사된  외암5의 Blur in효과막대를

     삭제한다(효과막대 우클릭하고 Cut Effect)

   → 맨위 복사된 외암5 선택하고 → 휠컬러 → Solid → 이름=도형

   → 도형복사 → 제자리붙이기 5번(합6) → 복사된 도형을 아래서 위로 이름=도형1~도형5

      (맨아래 도형은 그대로 둔다. 나중에 바탕으로 사용함)

   ① 이미지5작업 : 아웃라인에서 외암5를 맨위로 올림

   → 타임라인 Scene_1줄 80프레임 클릭해 놓고

   → (에니) 기러기200 불러옴 →하늘쪽으로 적당히 놓고 작업창 왼쪽밖에 정렬 → Play

   → 도형5. 외암5. 기러기200 함께묶어 Movie Clip → Stop Playing과 마스크체크 이름=외암5

   ② 이미지4작업 : 외암4를 맨위로 올림

   → (에니) 솔개300을 불러와서 이미지 위쪽에 적당히 정렬

   → 솔개300. 외암4. 도형4 함께묶어 Movie Clip → Stop Playing과 마스크에 체크 → 이름=외암4

   ③ 이미지3작업 : 외암3을 맨위로 올림

   → (에니) 두루미100 불러와서 60% 축소 → 적당한 위치에 놓고 작업창 왼쪽 밖에 정렬

   → 두루미100. 외암3. 도형3 함께묶어 Movie Clip → Stop Playing과 마스크에 체크 → 이름=외암3

   ④ 이미지2작업 : 외암2를 맨위로 올림

   → (에니) 참새200을 불러와서 60% 축소 → 논바닥에 놓고 이미지 오른쪽에 정렬(x=695.y=300)

   → (에니) 눈내림을 불러와서 x=300. y=230 → 마스크체크 → 눈감김

   → 눈내림. 참새200. 외암2. 도형2 함께묶어 Movie Clip → Stop Playing과 마스크체크 → 이름=외암2

   ⑤ 이미지1작업 : 외암1을 맨위로 올림

   → (에니) 까치3마리 불러와서 논밭에 적당히 정렬

   → (에니) 눈내림을 불러와서 x=300. y=230 → 마스크체크 → 눈감김

   → 눈내림. 까치. 외암1. 도형1 함께묶어 Movie Clip → Stop Playing과 마스크체크 → 이름=외암1

   → 아래서 위로 외암1~외암5 순서로 다시 정렬한다

  7. 이미지제어 : 외암1~외암5 함께묶어 Movie Clip → 이름=이미지

   → 이미지 열고 타임라인 외암1줄 2프레임에 Place. 외암2줄 4프레임에 Place

   → 외암3줄 6프레임에 Place → 외암4줄 8프레임에 Place → 외암줄 10프레임에 Place

   → 이미지줄 1.3.5.7.9.11(홀수) 프레임에 Stop 준다

   → 다시 이미지줄 2프레임 우클릭 → Frame → setLavel(...) 스크립트창에서 label=01 수정 

   → 같은방법으로 4. 6. 8.10프레임에 setLavel(...) 하고 나서 02. 03. 04. 05 로 수정한다

   → 스크립트창 닫음. 아웃라인 이미지도 닫고 눈감김

  8. 배경만들기 : (이미지)배경img 불러와서 크기맟춤 : x=380, y=245. w=760. h=490

   → 툴박스 네모 → 휠컬러 → Solid → 배경이미지 크기와 같게 그려줌

   → 휠컬러 → Gradient → 채색표 왼쪽=검정(25%). 오른쪽=흰색(50%)

   → 배경이미지와 Shape 함께묶어 우클릭 → Grouping → Group as Shape → 예 → 맨아래로 내림

   → 윈도우 → Filters → 녹십자 → Bevel → ButtonShading

  9. 안내문 바탕만들기 : 도형선택 → 윈도우 → Filters → 녹십자 → Glow → blur8

   → 색상=검정 → BlurX(px)=15. Blury(px)=15. Knockout체크. 나머지 기본 → 이름=안내바탕 Play

  10. 안내글 넣기 : 툴박스 T → 글꼴=HY강B. 크기=18. 글색상=연자주(CCCCFF)

   → 작업창에 마우스 찍고 → 글넣기(자료 글 복사하여 붙이기) → x=280. y=75

   → 타임라인 글줄 1프레임 우클릭 → Appear...→ Shoot in from the hip

   → 이펙트창 열고 효과=400넣고 → 위에서 아래로 80. 0. 0. 100. 50. 0. 20 으로 수정 → 600프레임에 Place준다

   → 글 우클릭 Movie Clip → 이름=안내글

   → 윈도우 → Filters → 녹십자 → Glow → blur8...→ 색상=파랑. Strenght=200% → 이미지 아래로 내린다 → Play

  11. 풍차 만들기 ; 툴박스 별 → 2D → Sunburt → 작업창 우측여백에 그리고 w=300. h=300

   → 안쪽 조절점을 중심점(안쪽)으로 옮겨 가운데 공간이 없도록 만든다

   → 바깥쪽 아래조절점을 아래쪽으로 조금내려서 간격을 좁힌다(취향대로)

   → 휠컬러 → Gradient → Radial gradient → 채색표 왼쪽=검정. 오른쪽=회색(CCCCCC) 50%

   → 왼쪽에서 오른쪽으로 큰눈금 6번째(1/3지점)에 추가로 채색표만들어 벽돌색(CC6600)준다

   → 타임라인 200프레임 더블클릭 → 이펙트창 열고 → X angle내림단추 → Rotate CCW by=360

   → 도형 Movie Clip → 이름=풍차 → x=640. y=220. w=180. h=300

   → 타임라인 풍차줄 1프레임 우클릭 → Core Effects → 3D Spin → 효과막대 100프레임까지 늘림

   → 이펙트창 열고 → X spin의 Start와 End에 각각 360 수정.

   → Z spin의 Start에는 0. End에는 360 수정.

   → 아웃라인의 풍차 우클릭 Movie Clip → 이름=풍차

   → 타임라인 풍차줄 1프레임에 Place → 21프레임 우클릭 → Fade → Fade Out → 효과막대 50프레임까지 늘림 → Play

  12. 안내버튼 만들기 : 글꼴=휴먼옛체. 크기=22. 글색상=검정 → 글입력(민속마을 안내) → 풍차가운데 정렬 

   → 툴박스 네모 → 안내글을 덮어그리고 → 휠컬러 → None → 글과 Shape묶어 Movie Clip 이름=안내버튼

   → 윈도우 → Filters → 녹십자 → Glow → blur2...→ 색상=흰색

   → 안내버튼 선택 → 스크립트 → Add Script → Events → Button → on(press)

   → 다시 Add Script → Movie Control → Goto and stop → gotoAndStop(FRAME)

   → Target → 이미지선택 → frame=1은 그대로 둔다

  13. 버튼만들기 : 외암img의 눈감김을 풀고 맨위로 올리고 → x=300. y=440. w=330. h=50

   → 외암img 제자리 복사 → 위 img우클릭 → Break → Break into Pieces → C=5. R=1 → 나머지 기본 → OK클릭

   → Group우클릭 → Grouping → Ungroup → 선=실선. 굵기=0.1. 선색상=진회색(333333)

   → 아래서 위로 이름=버튼1~버튼5

   → 아래에 있는 외암img 이름=배경버튼 → 휠컬러 → Solid → 색상=검정

   → 윈도우 → Filters → 녹십자 → Glow → blur8...→ BlurX(px)=15. Blury(px)=15. 색상=벽돌색

   → 배경버튼과 버튼1~버튼5 함께묶어(블록) → 타임라인 80프레임 더블클릭 → x=210(왼쪽이동)

   → 160프레임 더블클릭 → x=300(원위치)

   → 배경버튼~버튼5 모두 묶어 Movie Clip → 이름=버튼 → Play (버튼 좌우로 움직임)

  14. 버튼스크립트 작업 : 버튼 열고 → 버튼1선택 → 스크립트 → Add Script → Events → Button → on(press)

   → 다시 Add Script → Movie Control → Goto and play → gotoAndPlay(LABEL)

   → Target → parent.이미지 선택 → Goto label 내림버튼 → 01선택

   → 나머지 버튼2~버튼5 도 위와 같은 방법으로 하고 Goto label 내림버튼 클릭하여

   → 버튼2=02. 버튼3=03. 버튼4=04. 버튼5=05 로 바꿔준다 → Play

  15. 개인이름. 음악. 풀스크린. 등 필요한 소스넣고 마무리합니다 → Play. 저장. 끝.


보충설명 사진 (빨간색 테두리 참조) --->  사진을 클릭하면 크고 선명하게 잘 보입니다         

                    3번 설명                                              4번 설명(작업창 화면)                             4번 설명


              5번 설명(이펙트창 열고)                       6번-1 설명(외암5 맨위로)                            6번-1설명( 두 곳 체크)


           6번-4 설명(눈내림 불러와서)                  6번-5 설명(아웃라인 정렬)                  7번 설명(타임라인과 스크립트 창)


                      9번 설명                                       10번 설명(이펙트창 열고)                     11번 설명(조절점 사용하기)


             11번 설명(조절점 사용 후)                       11번 설명(채색표 색넣기)                     11번 설명(이펙트창 열고)


            11번 설명(이펙트창 또 열고)                               13번 설명                                    14번 설명(내림버튼 위치)


                공통(전체화면)                                       공통(아웃라인)


                                             칭찬은 상대와 나를 동시에 행복하게 합니다


공134.외암리마을.zip
0.76MB