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

공31.스위시(Swish): 동그라미액자 만들기(Full.소스) - 하얀민들레

유재구(버드내) 2016. 6. 3. 09:10

 여러가지 액자 속에 동영상과 이미지를 넣어서 글을 넣어봅니다

   ♡ 사진의 수량(15장)과 작품성격상 약간 시간이 소요됩니다. 번호순으로 천천히 하시면 아래 완성작과 같은 효과를 만듭니다.

   ♡ 작품이 완성되면 꼭 중간저장(SWI 파일)하시어 사진을 원하는 것으로 바꿀 수 있습니다. 사진을 바꾸는 방법은 6번 설명대로

       하시면 됩니다. 음악바는 29번에 있어 생략합니다. 동그라미액자 응용작으로 스위시첫걸음방 64번과. 58번 맹글었습니다.

   ♡ 보충자료사진과 약간 틀린부분은 사진을 바꾸어서 작업했기 때문으로 아무런 상관없습니다. yjk3452 버드내 


  작업 준비 ㅡㅡㅡ>>    작업자료세트.zip     (바탕화면에 저장하여 압축풀어 사용하세요)


   

       왼쪽아래 Fullscreen을 클릭하면 전체화면으로 바뀌고 재생중 음악이 멈추면 삼각형을 클릭하세요



 ▣ 움직이는 동그라미액자 만들기

      준비 : 준비된 자료 참고 (바탕화면에 저장하여 압축풀어 놓으세요)


  1. 작업창 크기 를 맟춘다. 가로=700,세로500. 배경색=#999999 → 돋보기를 클릭하여 창을 정렬한다

  2. 배경사진 불러와서 크기를 맟춘다 : 가로=500, 세로=500. 엔터

  3. 벽고리만들기 : Scene-1클릭 → 툴박스 동그라미 → Properties에서 선=None → 휠컬러=Solid

    → 작업창에 작은 동그라미를 그린다 → 크기를 가로=20, 세로=20으로 수정 → 엔터

    → 동그라미정렬하기 : 윈도우 → Align → 위첫줄 좌에서 우로 2번째 → x=350. y=78.

    → Fill Color → Gradient → Radial Gradient → 오른쪽붉은색 → 왼쪽청색 → 중간노랑 →  Shape 이름=벽고리

  4. 액자 만들기

    → 툴박스 별 우클릭 → 2D → Toroid → 작업창에 크게그린다 → 윈도우 → Align

    → 위첫줄 좌에서 우로 2번째. 아래줄 좌에서 우로 2번째

    → w=300, h=300 크기를 맟추고 → 선=None → Fill Color=Gradient → Radial Gradient.

    채색표오른쪽 큰눈금16칸(끝)색상=#663412 → 우측으로15칸째 색상=#ff9900  → 14칸째 색상=#663412

   → 툴박스 화살표 → 동그라미 우축중앙 조절점을 작업창상단 480눈금까지 오른쪽으로 드래그하면서 액자굵기를 조절한다.

      Scene-1클릭하고  윈도우 → Default Layout 해줍니다(초기화 하여 작업흐트러짐 예방)

  5. 꽃1번사진 불러옴 Scene_1 → 툴박스 동그라미 → Fill Color=Solid

    → 커서를 작업창 왼쪽상단 모서리에 놓고 자판기 Shift키 누른채로 대각선으로 내리면서 꽃1번사진보다 크게 그린다

    → Shape 를 w=295. h=295 크기를 맟추고 사진에 맞게 정렬한다.

    → 아웃라인 Shape과 아래사진 묶고 우클릭→ Shape Operations → Intersect

    →  사진을 Toroid(액자)아래로 한칸내림 → 사진과 Toroid 함께묶고 우클릭 → Grouping → Group as Group.

    → Group 선택상태에서 → 툴박스 화살표 → 자판기에서  Ctrl + C(복사)하고 이어서 Ctrl + V(붙이기) 14번(총15개) 

   → 15개룹을 아래서 위로 1~15 번호 붙임.

  6. 사진넣기

     2번사진을 열고 → 아래사진클릭 → Open이미지 → 2번사진불러옴 → 2번닫고

    → 3번사진을 열고 → 아래사진클릭 → Open이미지 → 3번사진 불러옴 → 3번닫고

    4번사진을 열고 → 아래사진클릭 → Open이미지 → 4번사진 불러옴 → 4번닫고

    위와 같은 방법으로 15번까지 같은 번호끼리 사진을 모두 바꿔준다.

    → 1~15번사진 모두묶고 → 우클릭 → Grouping → Group as Move Clip이름=동그라미액자.

  7. 연결리만들기 : Scene_1 → 툴박스 동그라미 → 선=실선, 굵기=4, 색상=노랑 → Fill Color=None

    → 작업창의 못과 액자중간에 타원형으로 작게그린다(못과 액자 길이에 맞게)

    → 윈도우 → Align → 위첫줄 좌에서 우로 2번째 → 아웃라인 Shape 이름=연결고리.

  8. 아웃라인 정렬한다 : 맨아래서부터 위로 배경사진연결고리동그라미액자벽고리순서로 정렬.

  9. 액자와 연결고리 묶고 우클릭 → Grouping → Group as Move Clip → 이름=동그라미액자. 엔터.

     여기까지 동그라미액자 만들고 사진까지 모두넣기는 끝났습니다(사진은 마음대로 교체됩니다)


 10. 동그라미액자 흔들림 효과주기 : Transform 에서 o=x클릭(활성화). 포인트점 상단중앙에 놓고 →

    → 타임라인 동그라미액자 줄 20프레임 더블클릭 → Transform 의 rotation=20로수정.

    → 60프레임 더블클릭 → 트랜스폼 rotation= -20 수정.

    → 100프레임 더블클릭 → 트랜스폼 rotation= 20 수정

    → 140프레임 더블클릭 → 트랜스폼 rotation= -20 수정

    → 160프레임 더블클릭→ 트랜스폼 rotation= 0 으로수정(마지막은 20프레임 늘려주고 rotation=0)

    → 액자와 벽고리를 함께 묶고 우클릭 → Grouping → Group as Move Clip → 이름=액자. 엔터. Play 해본다


 11. 사진 자동으로 바뀌기

    아웃라인의 동그라미액자 열고 → 다시 동그라미액자 열고 → 또다시 동그라미액자 연다 → 맨아래쪽 1번사진 선택하고

    → 타임라인 1사진 줄 1프레임 우클릭 → Place → 같은 줄 100프레임 우클릭 → Remove

    → 1프레임(Place)과 100프레임(Remove)을 함께 묶어(블록) 우클릭 Copy Effect(복사)

     묶는방법 =100프레임 Remove 주고나서 자판기 Shift 키를 누르고 1프레임을 클릭하면 묶여짐(블록잡힘) 

    → 타임라인 2번사진 줄에서 1번사진줄의 Remove위에 우클릭 → Paste Effect(붙여넣기)

    → 타임라인 3번사진 줄에서 2번사진줄의 Remove위에 우클릭 → Paste Effect(붙여넣기)

    → 타임라인 4번사진 줄에서 3번사진줄의 Remove위에 우클릭 → Paste Effect(붙여넣기)

    → 이와 같은 방법으로 14번사진까지 붙여넣기하고 마지막 15번사진 줄은 14번사진줄 Remove위에 Place만 준다

    → 아웃라인 동그라미액자를 닫는다 → Play해본다(사진바뀜확인)

  12. (이미지) 하얀민들레 불러와서 크기맟춤 : x=190. y=435. w=65 .h=58. 엔터

       (에니메이션) 꽃가루 불러와서 크기맟춤 : x=280. y=385. w=300. h=250 엔터.

       (에니메이션) 콩나물바= x=374. y=415.

  13. 음악넣고, 서명넣고(글꼴=옛체,크기=8.색상=하늘색), 배경사진 글넣고, 풀스크린넣고(x=230.y=430.w=46.h=14) 마무리.

  14. 아웃라인 모두 닫고 Play 해본다. 완성된 작업을 저장한다(중간저장과 완성작저장) 끝.  


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


          3번설명(윗줄 2번째)                            3-2번설명(색상)                                      4번설명(작업창에 크게그림)

   


                 4-1번설명                                        4-2번설명                                                4-3번설명(조절점사용)

                                    

      5번설명(Shape크기맟추고 정렬 )                       6번설명(2번사진열고)                       6-1번설명(Open이미지)

       


     7번설명                                            7-1번설명(노랑)                           7-2번설명(연결고리 그려줌)

  

                                                       

             8번설명(정렬순서)                                  10번설명                                       11번설명(열고,열고,열고)

   


       11-1번설명(1프레임 Place)       11-2번설명(Remove위에붙여넣기)           11-3번설명(마지막15번사진 Place)  



                                                      오늘도 보람된 하루되세요. ^ㅇ^



동그라미액자.swf
5.06MB
작업자료세트.zip
1.24MB
작업자료세트.zip
1.23MB