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

공94. (버튼)아름다운 해변

유재구(버드내) 2017. 4. 1. 18:45

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

  ♡ 스위시는 한번에 마무리하는 것보다 요령을 익히고 나서 작업하면 한결 쉽고 작품도 잘 다듬어집니다  

  ♡ 음악을 넣지않고 이미지가 바뀔때마다 효과음을 넣었슴다. 벗님작품 만들어보세요. yjk3452. 버드내



 작업자료 ㅡㅡㅡ>>   공94.아름다운해변.zip   (바탕화면에 저장하여 압축풀어 사용하세요)


   ▣ 공94. 아름다운해변

     작업준비 : 위에 있는 작업자료 압축파일 바탕화면에 저장하여 압축풀어 사용하세요.

         -  이미지변경. 색상변경. 크기변경. 글꼴변경은 자유입니다

         -  파란색 설명은 보충자료 사진을 참고하면 도움됩니다.

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

  1. 작업창크기 맟춤 : w=780. h=520  

  2. (이미지) 배경 불러와서 작업창 크기와 맟춤 : x=390. y=260. w=780. h=520

   → 툴박스 네모 → 휠컬러 → Solid → 작업창에 대충그리고 → x=390. y=260. w=780. h=520    

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

   → Shape와 배경을 묶어 우클릭 → Grouping → Group as Shape → 예

  3. 이미지작업 : 해변1~해변20을 한번에 모두 불러와서 크기맟춤 : x=340. y=260. w=500. h=330

   → 아래서 위로 해변1~해변20 이름붙임

   ① 해변1~해변12 작업 : 해변1 선택 → 타임라인 해변1줄 1프레임 우클릭 → Move(100)

   → Effect창에서 네모안의 체크모두풀고 → _x. _yscale=Increase by=10 X. Y angle=Rotate CW by=5

   → 해변1의 Move효과 복사 → 이미지3. 5. 7. 9. 11(홀수) 1프레임에 붙여넣기

   → 해변2. 4. 6. 8. 10. 12(짝수)을 함께묶어 자물쇠채우고 110% → rotate=5

   → 타임라인 해변2줄 1프레임 우클릭 → Move(100)

   → Effect창에서 →x. yscale=Increase by=10 → X. Y angle=Rotate CCW by=5

   → 해변2 Move효과 복사 → 해변4. 6. 8. 10. 12(짝수) 1프레임에 붙여넣기

   ② 해변13~해변20 작업 : 타임라인 해변13줄 1프레임 우클릭 → Move(100)

   → Effect창에서 → x. yscale=Increase by=10 → X. Y angle=Rotate CCW by=5

   → 해변13 Move효과 복사 → 해변15. 17. 19(홀수) 1프레임에 붙여넣기

   → 해변14. 16. 18. 20 을 함께묶어 자물쇠채우고 110% → rotate=-5

   → 타임라인 해변14줄 1프레임 우클릭 → Move(100)

   → Effect창에서 → x. yscale=Increase by=10 → X. Y angle=Rotate CW by=5

   → 해변14 Move효과 복사 → 해변16. 18. 20(짝수) 1프레임에 붙여넣기

   ③ 아웃라인의 해변1~해변20을 함께묶어 우클릭 → Convert → Convert to Movie Clip → 예

   → Stop playing st end 앞에 체크를 해지한다 play

  4. 이미지 제어 (1그룹작업을 하고 같은방법으로 5그룹까지한다)

   ① 1그룹작업 : 해변1~해변4을 함께묶어 Movie Clip → 이름=1그룹

   → 1그룹열고 → 타임라인 해변1줄 ·1프레임에 Place. 2프레임에 Remove

   → 해변2줄 2프레임에 Place. 3프레임에 Remove

   → 해변3줄 3프레임에 Place. 4프레임에 Remove

   → 해변4줄 4프레임에 Place

   → 1그룹줄 1. 2. 3. 4프레임에 Stop준다 → 1그룹닫고 다시 Movie Clip → 이름=1a

   → 1a열고 1a줄 100프레임 우클릭 → Movie Control → Play()

   → 스크립트창에서 Target=1구룹선택 → 1a구룹줄 99프레임 우클릭 → Sound → PlaySound(...)

   → Import → 효과음(소리1)을 불러온다 → 소리1을 클릭해준다

   ② 2그룹작업 : 해변5~해변8을 함께묶어 Movie Clip → 이름=2그룹

   → 2구룹열고 → 타임라인 해변5줄 ·1프레임에 Place. 2프레임에 Remove

   → 해변6줄 2프레임에 Place. 3프레임에 Remove

   → 해변7줄 3프레임에 Place. 4프레임에 Remove

   → 해변8줄 4프레임에 Place

   → 2그룹줄 1. 2. 3. 4프레임에 Stop준다 → 2그룹을 다시 Movie Clip → 이름=2a

   → 2a열고 2a줄 100프레임 우클릭 → Movie Control → Play()

   → 스크립트창에서 Target=2구룹선택 → 2a구룹줄 99프레임에 효과음(소리2)을 넣는다

  ③ 3그룹작업 : 해변9~해변12를 함께묶어 Movie Clip → 이름=3그룹

   → 3그룹열고 → 타임라인 해변9줄 ·1프레임에 Place. 2프레임에 Remove

   → 해변10줄 2프레임에 Place. 3프레임에 Remove

   → 해변11줄 3프레임에 Place. 4프레임에 Remove

   → 해변12줄 4프레임에 Place

   → 3그룹줄 1. 2. 3. 4프레임에 Stop준다 → 3그룹을 다시 Movie Clip → 이름=3a

   → 3a열고 3a줄 100프레임 우클릭 → Movie Control → Play()

   → 스크립트창에서 Target=3구룹선택 → 3a구룹줄 99프레임에 효과음(소리3)을 넣는다

  ④ 4그룹작업 : 해변13~해변16을 함께묶어 Movie Clip → 이름=4그룹

   → 4그룹열고 → 타임라인 해변13줄 ·1프레임에 Place. 2프레임에 Remove

   → 해변14줄 2프레임에 Place. 3프레임에 Remove

   → 해변15줄 3프레임에 Place. 4프레임에 Remove

   → 해변16줄 4프레임에 Place

   → 4그룹줄 1. 2. 3. 4프레임에 Stop준다 → 4그룹을 다시 Movie Clip → 이름=4a

   → 4a열고 4a줄 100프레임 우클릭 → Movie Control → Play()

   → 스크립트창에서 Target=4구룹선택 → 4a구룹줄 99프레임에 효과음(소리4)을 넣는다

   ⑤ 5그룹작업 : 해변17~해변20을 함께묶어 Movie Clip → 이름=5그룹

   → 5그룹열고 → 타임라인 해변17줄 ·1프레임에 Place. 2프레임에 Remove

   → 해변18줄 2프레임에 Place. 3프레임에 Remove

   → 해변19줄 3프레임에 Place. 4프레임에 Remove

   → 해변20줄 4프레임에 Place

   → 5그룹줄 1. 2. 3. 4프레임에 Stop준다 → 5그룹을 다시 Movie Clip → 이름=5a

   → 5a열고 5a줄 100프레임 우클릭 → Movie Control → Play()

   → 스크립트창에서 Target=5구룹선택 → 5a구룹줄 99프레임에 효과음(소리5)을 넣는다

  5. 그룹제어하기 : 아웃라인에서 아래서 위로 1a그롭~5a그룹으로 정렬한다

   → 그룹을 모두묶어 Movie Clip → 이름=그룹

   → 그룹열고 → 타임라인 1a그룹줄 2프레임에 Place. 3프레임에 Remove

   → 2a그룹줄 3프레임에 Place. 4프레임에 Remove

   → 3a그룹줄 4프레임에 Place. 5프레임에 Remove

   → 4a그룹줄 5프레임에 Place. 6프레임에 Remove

   → 5a그룹줄 6프레임에 Place 구룹줄 1. 2. 3. 4. 5. 6프레임에 Stop준다

  6.그룹에 음영넣기 : 그룹닫고 → 윈도우 Filter 녹십자 Drop Shadow blur8... 색상=검정 그룹을 눈감긴다

  7. 버튼만들기 : Component → Shaps → 3D → Cylinder선택하여 작업창으로 끌어다 놓음

   → Parameter Color1=회색(#666666). Color2=흰색. Color3=연고동(FFCC66) → x=390. y=260. w=100. h=40

   → 아웃라인에서 Cylinder 복사 → 제자리붙이기 5번(합6개)

   → 툴박스 T → 글꼴=HY강B. 크기=18. 색상=빨강 → 둘러보기(글입력)

   → Cylinder안에 글위치 맟춤글과 맨아래 Cylinder 2개만 함께묶어 Movie Clip → 이름=글

   → 타임라인 글줄 1프레임 우클릭 → Looping... → Pistons → 효과막대 80프레임까지 늘림

   → Effect창에서 Custom의 Pump height=20수정 → 글을 다시 Movie Clip → 이름=둘러보기

   → 타임라인 둘러보기줄 1프레임에 Place. 2프레임에 Remove

   → 윈도우 → Filter → 녹십자 → Drop Shadow → blur8...→ 색상=검정 → 눈감김

  8. 각각의 버튼작업 : 툴박스 T → 글꼴=HY강B. 크기=18. 글색상=검정

   → 보라카이 입력 → cylinder 안에 알맞게 위치

   → 글과 cylinder_Copy복사 두개만 함께묶어 → Grouping → Group as Button → 이름=버튼1

   → Has separate over state 한군데만 체크한다

   → 버튼1열고 → Over state의 보라카이 글자색을 빨강으로 바꿔줌 → 버튼1닫고 → 눈감김

   → 다시 툴박스 T → 글꼴=HY강B. 크기=18. 글색상=검정

   → 골드코스트 입력 → cylinder 안에 알맞게 위치

   → 글과 cylinder_Copy2 2개만 함께묶어 → Grouping → Group as Button → 이름=버튼2

   → Has separate over state 한군데만 체크한다

   → 버튼2열고 → Over state 의 골드코스트 글자색을 빨강으로 바꿔줌 → 버튼2닫고 → 눈감김

   → 나머지 복사된 cylinder도 같은방법으로 작업하되 cylinder_Copy3 은 바하마입력 이름=버튼3

   → cylinder_Copy4 는 나바지오 입력. 이름=버튼4

   → cylinder_Copy5 는 파타야 입력. 이름=버튼5

   → 버튼1~버튼5를 함께묶어 → 타임라인 2프레임에 Place → 30프레임 더블클릭(활성화)

   → x=700. y=130 수정 → 버튼5선택 → x=700. y=350

   → 다시 버튼1~버튼5 함께묶어 → 윈도우 Align All Selected Size byg=Resizing

   → Space evenly Space Vertically(3번째줄 우로 2번째버튼)선택하여 세로로 정렬한다

   → 각각의 버튼을 선택하고 → 윈도우 → Filter → 녹십자 → Drop Shaadow → blur8...

  9. 스크립트작업 : 타임라인 Scene_1줄 1프레임에 Stop → 2프레임에 효과음(소리6)을 넣음

   → 31프레임 우클릭 → Frame → setLabel(...) → label=sm으로

   → 130프레임 우클릭 → Movie Control → Goto and play → gotoAndPlay(LABLE)

   → 스크립트창에서 And play 내림버튼클릭 → sm선택

   → 아웃라인 둘러보기선택 → 스크립트 → Add Script → Event → Button → on(press)

   → 다시 Add Script → Movie Control → Goto and play → gotoAndPlay(FRAME) frame=2로 수정

   → 버튼1선택 → 스크립트 → Add Script → Event → Button → on(press)

   → 다시 Add Script → Movie Control → Goto and stop → gotoAndStop(FRAME) Target → 그룹 → frame=2로 수정

   → 같은방법으로 버튼2. 버튼3. 버튼4. 버튼5 작업하고 frame 숫자만 아래와 같이 바꿔준다

      ( 버튼2=3. 버튼3=4. 버튼4=5. 버튼5=6 ) → 스크립트창을 닫고 Play

  10. (에니메이션) 별1을 불러와서 적당한 위치에 놓는다

  11. 툴박스 T → 글꼴=자유 → 크기=36 → 색상=노랑 → (세계 아름다운 해변)입력 → x=395. y=20

  12. (에니메이션) 아동1을 불러와서 작업창 오른쪽아래 적당한곳에 놓는다.

  13. 별1. 세계 아름다운 해변. 아동1 을 구룹아래로 모두 내려준다

    → 각각 선택하여 윈도우 → Filter → 녹십자 → Drop Shadow → blur8...

  14. (이미지) 해변여인 불러와서 크기를 맟춤 : x=390. y=265. w=395. h=330 → 배경위에 정렬한다

  15. 서명. 풀스크린. 기타 필요한 소스를 넣고 마무리합니다 → Play. 저장. 끝. 


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

       2           2번 설명                                              3-1번 설명                                             3-1번 설명



      3-1번 설명(1프레임에 붙여넣기)                   3-1번 설명(짝수 묶기)                                  3-1번 설명


                  3-3번 설명(체크해지)                                    4-1번 설명                               4-1번 설명(100프레임에 Play)


                   4-1번 설명                                      4-1번 설명(소리1 불러옴)                                  5번 설명


                    6번 설명                                                      7번 설명                                    7번 설명(작어창에 버튼)


                7번 설명(색상넣기)                                                        7번 설명(글넣고 버튼안에 정렬)

   

                 7번 설명(2개만 묶어)                                 7번 설명(Effect창에서)                               8번 설명


                8번 설명(한곳에만 체크)                       8번 설명(2프레임~  )                                 8번 설명(윈도우~ )

   


             8번 설명(세로정렬상태)                                    9번 설명                                              9번 설명

 

                                    벗님은 참 좋은 사람입니다. 오늘 행운이 따를 것입니다

공94.아름다운해변.swf
2.93MB