스위시세상/스위시 고급 Eye Button Gallery by 어린양01 2010. 5. 7. <Eye Button Gallery> 1)Movie설정 : 650*430, Frame Rate : 12, 색상은 임의 2)Ellipse(원)선택-타원형(110*60)을 그리고 하나 더 복사한다. (복사 아이콘 클릭후 ctrl+shift+V) 3)Linear선택-중앙(흰색), 양쪽(연한 검정색), Alpha=100 4)위의 shape 한 칸 아래로 내려준다. 5)다시 위의 shape선택-solid상태에서 Transform(center), X=Y 해제상태로 H수치 기억하고 0으로 써서 만든다. (타원형 안에 가로형태의 사각점만 나타난다) 6)위의 shape선택된 상태에서 10프레임 더블 클릭한후 Transform 패널에서 X=Y 첵크 해제, H의 기억한 수치에서 30을 뺀 숫자를 쓰면 반쯤 열리는 상태로 된다. 7)다시 1프레임 띄운 곳에 Move활성화 하고 H=0으로 쓰면 닫혀 진 상태로 된다. 8)그림 불러와 줄여서 타원(버튼)위에 위치시키고 아웃라인 상 그림과 아래 shape 블록 설정-sprite만들고 mask에 첵크한다. 그리고 임시로 play해 본다. 9)옵션열고 그림 눈감기하고 타임라인 상 첫 막대기(Move)를 1프레임을 띄워놓고 옮겨 전부 한 칸씩 밀려 끌어 놓는다. 즉 타임막대 두 개를 모두 선택하여 오른쪽으로 1F씩 끌어 놓는다. sprite행에 1프레임과 12프레임은 stop을 주고 shape행에는 1프레임에 place준다. 10)옵션 닫고 전부(sprite+shape)블럭설정-복사,붙이기 3개 더한다 (총4개)-배열순서를 같게 한다. 아웃창에서 맨 아래 sprite+shape는 무비창에도 맨 아래 위치시킨다. 11)그림4장을 불러와 모두 블록설정-X=Y해제상태 W:40, H:30- 아웃라인상 그림 클릭하여 타원 아이콘 안에 배열하되 아웃라인상 그림 배열순과 버튼안의 배열순은 같게 한다. 12)Rectangle(ㅁ) 선택-무비창의 오른쪽 여백에 그려주되 아래에 글 쓸 공간을 두고 그려준다.- Fill(none), 실선(2), 색상선택 13)제일위 그림선택-5프레임 더블클릭 한 후 타원 버튼안의 작은 사각그림을 끌어서 오른쪽 큰 사각형 중앙에 놓는다.- setting창(X=Y첵크) X angle(Rotate CW by) 360도- close 14)8F 더블클릭- 빨간 사각점안에 클릭 한번 한 후-위 방향키 세 번 눌러 올려준다. 12F 더블클릭- 빨간 사각점안에 클릭한번 한 후-아래 방향키 세 번 눌러 내려준다. 15F 더블클릭- 빨간 사각점안에 클릭한번 한 후-위 방향키 두 번 눌러 올려준다. 17F 더블클릭- 빨간 사각점안에 클릭한번 한 후-아래 방향키 두 번 눌러 내려준다. 마지막 막대에서 조금 떨어진 곳 임시로 Place 준 후 play 해본 후 place는 삭제한다. 15)앞의 막대에서 7프레임 띄운곳에 Move(활성화)준 후 작은 사각그림을 끌어서 전체 사각점에 맞추어 준다. 16)아웃라인상 막대 모두 블록설정-복사하여 나머지 그림에도 붙이기 한다. 17)아웃라인상 그림모두 블록설정-Convert-to sprite- 모두 sprite로 바뀐 다.-다시 모두 블록상태에서 grouping-as sprite- 이름(image) 붙인다.-맨 아래로 내려준다. 18)T선택-그림 소개글(야생화를 소개 합니다)-아래에 위치 시키고 -image, sprite차례로 열어 그림선택-타임라인상 막대 끝에서 10프레임 띄운 곳(45F)에 T행에 core Effects-3D spin준다. 19)글을 복사하여 4개 더 만들어 총 5개 만들고-모두 블록설정 -Convert-to sprite-모두 블록상태(sprite)-grouping-as sprite- 이름(Text) 붙인다. 20)Text열고-sprite이름을 아래로부터 1,2,3,4,5을 쓴다. 21)타임효과는 다음과 같다. Text행 1,3,5,7,9은 stop을 준다. 1행-1F:place, 2F:Remove 2행-2F:place, 4F:Remove 3행-4F:place, 6F:Remove 4행-6F:place, 8F:Remove 5행-8F:place, -Text 옵션 닫는다. 22)image열고 sprite를 위에서부터 4,3,2,1순으로 이름 바꿔주고 효과를 다음과 같이 준다. image행-1,3,5,7,9F=stop준다. 1행-2F:place, 4F:Remove 2행-4F:place, 6F:Remove 3행-6F:place, 8F:Remove 4행-8F:place, 23)Image 옵션 닫고 버튼 sprite도 각각클릭-아래서부터 위로 b1, b2, b3, b4로 이름 바꿔준다. 24)맨 아래 shape선택-script눌러 Add-Events-Button-on(rollover) Add-Movie control-gotoAndplay-gotoAndplay(Frame)- 아래 Target 눌러 b1선택-Frame은 2로 입력한다. Add-Events-Button-on(rollout) Add-Movie control-gotoAndplay-gotoAndplay(Frame)- 아래 Target 눌러 b1선택-Frame 13로 입력한다. 25)script상-on(rollout)클릭-복사를 하나 더 한다 (도구창에서 복사, 붙여넣기 아이콘 사용).- 아래 rollout 선택된 상태에서 아래 rollout 첵크 해제 press 첵크하고 아래 소스중에 맨 아래 소스(b1.gotoAndplay)클릭- 체크 눌러 image선택하고 Frame(2) 입력한다. 26)script상-on(press)클릭-복사를 하나 더 한다.-아래 on(press)선택된 상태에서 아래 on(press) 첵크 해제하고 release 첵크 하고 아래 image.gotoAndplay 클릭-체크 눌러 Text 선택하고 Frame(2) 입력한다. 27)Expert로 바꿔 소스 복사-아웃라인상 바로 위 shpae 클릭 붙여넣기 하고 아래 소스 중 세 번째, 네 번째 소스 (2)를 (4)로 고치고 위의 소스 중에 첫 번째, 두 번째 소스 (b1)을 (b2)로 고쳐 쓴다. 나머지 shape 에도 클릭하여 소스를 복사, 붙여 넣고 소스중에 숫자(2~4)와 문자(b2~b4)를 아래와 같이 고쳐준다. *위의 번호는 2, 4 6, 8씩으로 고쳐 나가고 b1은 b2, b3, b4씩으로 고쳐주며 방법은 전과 동일하다.-작업창으로 전환한다. 28)아웃라인상 제일위 shape선택-사각점으로 전체 무비창과 맞게 조정하고 shape패널에서 Linear(중앙 흰색, 양쪽 짙은 회색)만들고 아웃라인상 맨 아래로 내려준다. 29)image, 맨아래 sprite(-1)순으로 열고 그림 선택- 실선(-), 2, 흰색 넣고 그림을 기억한 후 b1열고 그림 선택하여 패널에서 위의 그림과 같은 그림을 바꾼다. 이때 위 그림과 아래그림은(스테이지상) 같은 위치에 있어야 한다. 나머지 그림도 위와 같은 방법으로 맞게 바꾸어 준다. b1안의 그림과 -1안의 그림은 같은 그림 이어야 한다. 30)아웃창에서 Text-(-1)순으로 옵션열고 T선택-글씨체, 크기, 색상을 선정하여 제목글로 바꿔주고 위치는 무비창의 그림 중앙에 위치시킨다. 31)나머지 4개의 T(글자)는 꽃에 맞는 글로 수정하여 위치 이동은 하지 말고 그대로 둔다. 32)제목의 글이 조금 늦게 나오면 아웃창에서 Text-(-1)순으로 옵션열고 T선택한 후 타임창에서 45F에 있는 타임막대를 10F에 갖다 놓는다. 33)작업완료-play *끝까지 작업설명에 임해 주신 회원님들께 다시 한번 감사 드립니다. 이 작품은 고급수준이므로 급히 서둘지 마시고 조금 천천히 이해를 해 가시면서 꼭 성공을 거두시어 완작품이 나올 수 있도록 바라겠습니다. 감사합니다. 엄주보 올림 eye버튼_갤러리.swf0.2MB eye버튼_갤러리.swi0.33MB 공유하기 게시글 관리 우리 하나님~!나의 아버지~! '스위시세상 > 스위시 고급' 카테고리의 다른 글 [스크랩] Rounded Rect Line Gallery (0) 2010.05.07 Picture Frame Gallery (0) 2010.05.07 조명효과로 이미지 나타내기 (0) 2010.05.06 피어나는 꽃 만들기 (0) 2010.05.05 Window Opening and Closing (0) 2010.05.05 관련글 [스크랩] Rounded Rect Line Gallery Picture Frame Gallery 조명효과로 이미지 나타내기 피어나는 꽃 만들기