60.이미지 버튼---따라하기★

            

 

  이미지 버튼만들기----- 따라하기

    작업자료 함께 있어요 (압축풀어사용하세요) ---->    이미지버튼따라하기.zip

 

- 위 영상은 아래의 설명순서대로 따라서 작업한 결과입니다. 작업순서대로 천천히 따라 해보세요

    (작업중 사진의 크기와 글의 내용과 글꼴, 크기, 색상 등은 취향에 따라 하세요)

- 초급님위주로 작성하였으며 작업중 막히는 부분은 참고하세요.

-  사진이 없어 글의 표현이 부족합니다만 그런부분은 경험껏 하시고 필요부분은 댓글로 남겨주세요. 

- 연습하시고 완료후 벗님의 좋은 작품만드세요(버드내사랑방---버드내  ^^   ) 

 

   ▶ 작업요점 : 버튼만들기. 제목글 그림자넣기. 본문글 위로올라가기

 

1. Swish Max4 작업창크기 가로=720, 세로=540으로 맟춘다 → 작업창을 정렬한다

2. 준비된 사진 5매 동시에 불어온다 → 트랜스폼에서 x=360, y=250, w=640, h=440으로 수정한다.

    아웃라인의 사진을 아래서부터 위로 1~5로 번호를 준다.

3. 아웃라인(OutLine)에서 사진5매 모두선택(블록) 우클릭 → 복사Copy → 씬원(Scene-1)우클릭 - 붙여넣기(Paste In Place)

   프로퍼티즈(Properties) 에서 크기를  가로=60, 세로=40으로 넣어준다.

   프로퍼티즈에서   연필모양클릭 →   선=실선, 굵기=2, 선색상=노랑 으로 각각 설정한다

4. 아웃라인에서 복사된사진 1~5(윗쪽) 묶인(블록)상태로 우클릭 → Convert→ Convert to Button클릭.

     (각 사진의 왼쪽부분 버튼모양아이콘으로 바뀜)

    버튼5개 모두선택 → 트랜스폼에서  x=120, y=500 수정한다.

    다시 맨 위 5번버튼 선택하고 → 트랜스폼에서 x=600, y=500 수정한다.

    버튼5개 모두선택 → Window → Align→ space Both선택(얼라인창에서 Space evenly 3번째 모양)

    아웃라인에서 버튼이름을 아래서 ~ 위로 버튼1~버튼5 라고 붙인다.

5. 아웃라인 맨아래 1번사진 선택하고 →

    타임라인(Timeline) 1번사진 줄 1프레임 우클릭→ place클릭

    타임라인(Timeline) 2번사진 줄 2프레임우클릭 → Place(계단식으로 위로 한칸씩가며 Place클릭)

    타임라인(Timeline) 3번사진 줄 3프레임우클릭 → piace(계단식으로 위로 한칸씩가며 Place클릭)

    타임라인(Timeline) 4번사진 줄 4프레임우클릭 → piace(계단식으로 위로 한칸씩가며 Place클릭)

    타임라인(Timeline) 5번사진 줄 5프레임우클릭 → place(계단식으로 위로 한칸씩가며 Place클릭)

   타임라인 Scene-1 줄의 1프레임 우클릭 → Movie Control → stop 클릭

6. 아웃라인의 버튼1선택 → Script → Add script → Event → Button → on(press)

    다시 Add script → movie control → Goto and stop → gotoandstop(FRANE)클릭

    Script창에 있는 영문내용을 전체 블록잡아 우클릭 → 복사(Copy)한다.

    btn2선택 script창에 붙이기(Paste)하고 적색 숫자 1을 2로 수정한다.

    btn3선택 script창에 붙이기(Paste)하고 적색 숫자 1을 3로 수정한다.

    btn4선택 script창에 붙이기(Paste)하고 적색 숫자 1을 4로 수정한다.

    btn5선택 script창에 붙이기(Paste)하고 적색 숫자 1을 5로 수정한다.

7. 아웃라인 씬원클릭 → 준비된 배경사진을 불러온다 → 사진을 작업창에 맞춘다

    씬원클릭 → 툴박스에서 별모양(Autoshapes)우클릭 → 2D → Rectangle rounded선택 →

    작업창에 드래그하면서 적당히 그려준다

    트랜스폼에서  x=360, y=250, w=640, h=440으로 크기를 수정한다.

    아웃라인의 배경사진과 같이 블록잡고 우클릭 → shape operations → Subtract 클릭

    (작업창이 뚫어지면서 사진이 보인다)

    맨위의 하나로 묶인 사진을 버튼1 아래로 내린다(버튼1과 사진5 사이에 놓음).

8. 글넣기 : 씬원클릭 → 툴박스 T선택 → Properties창에서 글꼴=휴먼옛체, 크기=18, 색상=흰색설정

    마우스를 작업창 아래쪽 여백에 한번 클릭한다 → 프로퍼티즈창에서 에디트(Edit)클릭→ 글창 나옴.

    글창에서 직접글을 쓰거나 한글문서로 저장한 글을 복사하여 글창에 붙여넣기 한다.

9. 아웃라인 Scene-1클릭 → 툴박스의 사각형(Rectangle)선택 → 작업창에 글이 들어갈수 있도록

    적당히 그리고 → 툴박스 화살표를 클릭하고나서  사각형의 위치와 크기를 조절해준다.

10. 아웃라인의 글 선택하여 타임라인 글줄 20프레임 더블클릭하여 활성화된 상태에서

     작업창의 글을 Shift를 누르고 작업창의 사각형위쪽으로 바깥까지 쭉끌어올린다.

     타임라인 파란막대를 더블클릭하고 Effect창에 move를 1200으로 수정한다.

     아웃라인의 쉡(Shape)을 글아래로 한칸내린다.

     아웃라인의 글과 쉡(Shape)을 같이묶고(블록) 우클릭 → Grouping → Movie clip으로 묶고

    프로퍼티즈(Properties) 에서  마스크를 체크(☑Use bottom object as mask)한다 → 이름을 글이라 한다.

11. 제목넣기 : 툴박스 T선택 → Properties 창에서 글꼴=휴먼옛체, 크기=28pt, 색=흰색 설정

     작업창 상단 중앙에 마우스찍고 제목글 입력한다

     메뉴줄에서  Window → Filters → ✚선택 → Drop shadow→ default 하고 다시✚자 선택→

     Glow→ blu2_strength1000_white → Shasow color 검정색 선택한다(검정색 음영을 넣음)

12. 기타 필요한 소스를 추가로 넣어주면 됩니다. 끝  

      ☞ 저장 : File ⟶ Save As 선택하면 SWI로 중간저장(작업 추가 및 수정할수 있음)

                  File ⟶ Export⟶ SWF를 선택하면 완성작저장(수정안됨.이메일,카페,블로그 올림)

               ----------------  오늘도 좋은 하루 되세요 ----------------

이미지버튼따라하기.swf

3.99MB

이미지버튼따라하기.zip

2.71MB