구술버튼 만들기

 

 

 

구슬버튼 만들기

 

 

1. 작업창 크기; 700*500, 이미지 크기; 700*430, 난이도;

 

이번 강좌는 이제까지 소소로 제공했던 버튼들을 만드는 과정을 설명하려 한다. 이런 작업은 작업하는 즐거움을 느껴야지 영상에만 욕심을 내면 지겹고 거칠은 작업이 될 것이다.

 

철망 이미지 불러와서 작업창을 확대해서 오려내고 싶은 부분에 동그라미 그려 투명도를 50으로 주고 적당한 로테이션 값과 사이즈를 조절하면서 적당한 부분에 일치시켜 둘을 블록으로 잡아 세이프 오페레이션 인터셋으로 오려낸다.

 

 

2. 오려낸 이미지를 카피해 한 장을 더 만들어 다시 동그라미 그려 바닥부분에 각도와 사이즈를 조절하면서 위치시키고 다시 세이프 오페레이션-인터셋으로 오려낸다.

 

 

3. 오려 낸 바닥 이미지를 카피해 한 장을 더 만들어 아래 것을 구멍 이미지로 교체하고 위 이미지는 무비클립으로 묶고 e1이라 표시하고 e1을 열고 타임라인 1프레임에 place를 주고 2-11프레임에 무비를 주고 사이즈를 1/1로 주고 다시 12-21에 무비를 주고 원 사이즈로 환원한 다음, 1, 11프레임에 스톱을 준다.

 

 

4. 무당벌레 불러와 바닥 사이즈에 맞추고 적당히 위치시킨 다음, 눈 모양보다 조금 작게 동그라미 그려 필타입=솔리드, 색상=흰색, 투명도=50을 주고 이 둘을 무비클립으로 묶고 타임라인 1, 2프레임에 각자 반대가 되게 place, remove를 주고 아래 무당벌레 이미지와 다시 무비클립으로 묶고 타임라인 11프레임에 무비를 주고 사이즈를 1/1로 다시 22-31에 무비를 주고 원 크기로 환원하고 1, 20프레임에 스톱을 주고 이를 다시 무비클립으로 묶고 e2라 한다.

 

 

5. 적당한 크기로 click을 입력하고 적당한 곳에 위치시키고 블릭 인투 레터를 선택하고 벗겨 낸다. 맨 아래 글자를 선택하고 타임라인 1프레임에 Appear into position-Flatten_Turn on을 주고 이 효과막대를 카피해 올라가면서 5프레임 간격으로 붙여넣기를 하고 맨 위 글자 50프레임에 place를 주고 이를 무비클립으로 묶는다.

 

 

6. 무비클립으로 선택하고 원사이즈를 기억한 다음, 1/1로 축소하고 21-30프레임에 무비를 주고 원 사이지로 환원하고 31-40에 무비를 주고 다시 1/1로 축소시킨 다음, 이를 무비클립으로 묶고 e3라 표시하고 e3를 열고 1, 30프레임에 스톱을 준다.

 

 

7. 구슬 이미지 불러와 사이즈를 60/60으로 주고 작업창에 맞춘다. 구슬과 무당벌레는 포토샵 작업이므로 설명이 복잡하다. 각자 만들어 보라. 이미지 선택하고 1-50프레임에 무비를 주고 로테이션 360/0을 주고 이를 무비클립으로 묶고 타임라인 1프레임에 place를 주고 2-11프레임에 무비를 주고 사이즈를 1/1로 12-21에 무비를 주고 60/60으로 환원하고 이를 다시 무비클립으로 묶고 e4라 이름하고 e4를 열고 1, 11에 스톱을 준다.

 

 

8. 60/60으로 사각형 그려 필타입=none으로 주고 이 모두를 선택하고 무비클립으로 묶고 b1이라 표시하고 주고 싶은 필터를 준 다음, b1을 열고 투명세이프를 선택하고 아래 스크립트를 적고 플레이를 해 본다.

 

on (rollOver) {

e1.gotoAndPlay(2);

e2.gotoAndPlay(2);

e3.gotoAndPlay(2);

e4.gotoAndPlay(2);

}

on (rollOut) {

e1.gotoAndPlay(12);

e2.gotoAndPlay(21);

e3.gotoAndPlay(31);

e4.gotoAndPlay(12);

}

 

 

9. b1을 선택하고 사이즈를 70/70으로 조정하고 포지션 포인트 좌하에 주고 0/500에 위치시키고 이를 카피 총 10개를 만들어 맨 위 무비클립 선택하여 포지션 포인트 우하에 주고 700/500으로 보내고 모두를 선택하고 수평정렬을 한다. 이어 각각의 이름을 b1-10으로 적고 다시 무비클립으로 묶고 btn이라 하고 각각의 무비클립으로 열고 구슬 이미지를 교체한다.

 

 

10. 마스크 소스 불러와 포지션 포인트 중상에 주고 350/0에 위치시키고 h=430으로 한다. 이어 이미지 10을 한꺼번에 불러와 포지션 포인트 중상에 주고 350/0에 위치시키고 이 모두를 무비클립으로 묶고 img라 이름 하고 img를 열고 위 그림처럼 타임라인에 배열한다.

 

 

11. img와 아래 mask를 무비클립으로 묶고 main이라 이름하고 프로퍼티즈창에서 마스크에 체크하고 주고 싶은 필터를 준다. 이어 각각의 버튼을 열고 투명세이프를 선택하고 아래 구문을 적는다. 빨간색 프레임 수만 올라가면서 홀수로 변경하면 된다.

 

on (release) {

_parent._parent.main.mask.gotoAndPlay(1);

_parent._parent.main.img.gotoAndPlay(1);

}

 

 

구슬버튼_만들기.swf

구슬버튼만들기 자료.zip

구슬버튼_만들기.swf

0.79MB

구슬버튼만들기 자료.zip

0.53MB