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

공92. (버튼) Components(Glow Filter활용) 서울야경 : 명동부르스

유재구(버드내) 2017. 3. 17. 22:01

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

  ♡ 내용 : Components - Glow Filter활용.  이미지교체. 버튼활용. 글넣기. 

  ♡ 작업이미지 변경 및 추가로 필요시 자료실 48번방에 있습니다. 즐거운 마음으로...yjk3452. 버드내



 작업자료 ㅡㅡㅡ>>  서울야경.zip     (바탕화면에 저장하여 압축풀어 사용하세요)


  ▣ 서울야경(공92)

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

            - 서울야경 이미지 변경 및 추가로 필요시 스위시자료실 48번방에서 가져다 쓰세요.

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

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

  1. 작업창크기 맟춤 : w=740. h=460  

  2. 툴박스 네모 → 휠컬러 → Solid → 작업창에 대충그리고 → x=370. y=230. w=740. h=460    

  3. (이미지) 배경이미지를 불러와서 크기맟춤 : x=370. y=230. w=740. h=460

  4. 아웃라인 Components → Effects → Filters → Glow Filter선택하여 작업창으로 끌어낸다

   → 아웃라인에서 Glow Filter열고 → T(영문글) 삭제 → x=0. y=0. 엔터  

  5. Glow Filters선택 → 윈도우 → Parameters → Color=흑색. inner=false.

     knockout=false. 아래의Filters Settings열고 → blurX=16. blurY=16. stre=3.

   → Glow Filter 닫고 → 이를 복사 → 제자리붙이기 → 복사된 것 배경이미지아래로 내림 이름=휠터

  6. 맨위의 Glow Filter열고 선택하고 → 툴박스 네모 → 휠컬러 → Solid → 작업창에 대충그리고

   → x=670. y=60. w=100. h=75 → 선=점선(아래로3번째). 굵기=3. 선색상=황토색(#FF9900))

   → 다시 4각을 그리고 : x=330. y=245. w=570. h=345

   → Shape선택상태에서 바탕이미지 불러와서 x=330. y=245. w=570. h=345 이름=큰바탕

   → 다시 바탕이미지 불러와서 x=670. y=60. w=100. h=75이름=작은바탕

  7. Glow Filters를 닫고 우클릭 → 복사 → 제자리붙이기 → 복사된 Glow Filter 열고

   → 큰바탕선택 → 휠컬러 → 오픈이미지 → 서울야경1 불러온다(교체)

   → Change Image(첸지이미지아이콘) 클릭 → Fit to Shape

   → 작은바탕 선택 → 오픈이미지 → 야경1-1을 불러온다(교체) → Change Image(첸지이미지아이콘) Fit to Shape

   → Glow Filters 닫고 → o=x(활성화). 기준점=상단오른쪽. rotation=180  

   → 타임라인 1프레임 우클릭 → Move → 효과막대 더블클릭

   → Effect창에서 Xangle 내림버튼 → Rotate CCW by=180 Play

   ( Play해보고 이미지와 맞게 겹치면되고 안맞게겹치면 수치를 조정함)

   → 효과막대를 복사 → 80프레임에 붙여넣기 → Glow Filters-Copy 우클릭 → Movie Clip 이름=바탕이미지 

   Glow Filters는 그림자의 효과를 주는데 있으며 Movie Clip을 해주어야만 그림자가 생긴다.

  8. 툴박스 네모 → 휠컬러 → Solid → 작업창의 작은 사각모양과 큰사각모양 그 위에다 같은 모양으로 조금크게 그린다음

   → 2개의 Shape를 함께묶어 우클릭 → Shape Operations → Add선택 → 눈감김

   → 바탕이미지 아래로 내린다 → 바탕이미지와 Shape 묶어 → Movie Clip → 마스크체크 → 이름=바탕이미지 

  9. 바탕이미지 우클릭 → 복사 7개(합8개) → 아래서 위로 바탕이미지1~바탕이미지8 번호준다

  10. 타임라인 Scene_1줄 2프레임에 우클릭 Movie Control  Stop준다

   → 이를 복사(Copy) 4. 6 .8. 10. 12 .14. 16. 18. 프레임에 붙여넣기(Paste Event)

   맨 아래 바탕이미지1을 선택 3프레임에 Place → 5프레임에 Remove

   → 3프레임과 5프레임을 함께묶어 우크릭 → 복사(Copy Effect)

   → 한칸씩 위로 올라가면서 5. 7. 9. 11. 13. 15. 17.프레임에 붙여넣는다 

  11. 씬원(Scene_1)클릭 → (에니메이션) 이미지버튼을 불러와서 오른쪽여백에 적당히 위치한다      

  12. 맨아래서 두 번째 바탕이미지2열고 → 열고 → 열고 → 큰바탕선택 → 오픈이미지  → 서울야경2(큰이미지) 불러온다

   → 작은바탕 선택 → 오픈이미지 → 서울야경2-1(작은이미지)를 불러온다

   → 같은 방법으로  이미지8번까지 모두 바꿔준다 → Play

   큰이미지는 큰이미지로 작은이미지는 작은이미지로 맞은 번호를 불러와서 교체한다.

  13.(에니메이션) 여인을 불러와서 적당한 크기를 맟춘다 (x=445. y=320. w=550. h=365) → 여인을 바탕이미지1 아래로 내림

  14.(에니메이션) 별빛 불러와서 야경위 불빛에 알맞게 놓는다 → 바탕이미지1 아래로 내림

  15.(에니메이션) 별3을 불러와서 크기를 맟춘다 : x=450. y=140. w=375. h=330  → 바탕이미지1 아래로 내림 → Play

  16.(에니메이션) 시작버튼을 불러와서 적당한 위치에 놓는다

  17. 글넣기 : 툴박스 네모 → 휠컬러 → Solid →작업창에 대충그리고 → x=330. y=35. w=580. h=50 

   → 툴박스 T →글꼴=궁서. 크기=20. 색상=흰색

   → 네모안에 글입력( 좋은 친구 한 사람 만나는 것이 일생에 다시 없는 축복이며 행운입니다)

   → Shift키를 누른채로 마우스로 글을잡고 네모의 오른쪽으로 밖으로 끌어낸다

   → 800프레임에 더블클릭(활성화) → Shift키를 누른체 글을 다시 왼쪽밖으로 끌어낸다.

   → 글과 아래 Shape를 함께 묶어 Movie Clip → 마스크체크 → 이름=글 → 눈감김  

  18. 제목글 넣기(서울야경) : 툴박스 T → 글꼴=HY동녘B. 크기=36. 글색상=검정

   → 작업창에 마우스찍고 → Edit클릭 → 서울야경 입력 → 적당한 위치놓음

   → 서울야경 우클릭 → Grouping → Group as Shape → 예

   → 휠컬러 → Gradient → 채색표에서 맨왼쪽=#FF3300(빨강). 중간=흰색. 맨오른쪽=#00FF00(연초록) 이름=제목글

   → 제목글 선택 → 윈도우 → Filters → 녹십자 → Drop Shadow → blur8.....→ 다시 녹십자

   → Grow → blur2.....→ Shadow Color=검정색 → Strength(%)=300으로 수정.

   → 제목글 효과주기 : 제목글 1프레임 우클릭 → Appear... → 3D Spin in and Grow

   → 효과막대 130프레임까지 늘려줌 → 20프레임띄어 150프레임 우클릭 → Disappear → 3D Spin

   → 효과막대를 250프레임까지 늘려줌 → 제목글 우클릭 → Grouping → Group as Movie Clip

   → 바탕이미지1 아래로 내림 → Play

  19. 음악넣기 : Scene_1줄 1프레임 우클릭 → Sound → Play Sound(...) → Import

   → 음악불러옴 → 음악클릭 → Sound Effect → 맨위 Dont Play...네모에 체크 → Loop sound=3

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


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

 

                   4번 설명                                            4번 설명(영문글)삭제                                      5번 설명


                 6번 설명                                                       7번 설명                                             7번 설명


              7번 설명(Effect창)                                      8번 설명                                                    9번 설명


                  10번 설명                                                  19번 설명


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

공92.서울야경.swf
3.1MB