공189. 봄풍경15 (황매산철쭉꽃) - Break frame mask(버튼)
만남은 소중하게 인연은 아름답게~
|
♡ 육각형맹글어 조각내어 효과주기. 버튼만들기. 스위시 살금살금즐기기. |
☞ 작업자료 --->> 
공189.봄풍경15(황매산철쭉꽃).zip 바탕화면에 저장하여 압축풀어 사용하세요
|
▣ 공189. 봄풍경15(황매산 철쭉꽃) - Break frame Gallery ♡ 위에 있는 작업자료를 바탕화면에 저장하여 압축풀어 사용하세요 . ♡ 설명내용 중에서 파란색설명은 아래에 있는 보충설명(사진)을 참고하면 좋아요. -------------------------------------------------------------------------------------------------------------------------- 1. 작업창 크기 : w=760. h=490. 이미지(철쭉꽃)=10장 2. 육각형 작업 : ① 육각형만들기 : 툴박스 별 → 2D → Polygon → 작업창에 그리고 → 선=None. 휠컬러=Solid → 선택툴(검정화살표) → 가운데 점에 한번클릭한다(육각형 됨) → x=380. y=225. w=750. h=400 → 우클릭 → Group as Shape → 예 → Shape 제자리복사 → 아래Shape 이름=mask → 눈감김 ② 조각내기 : 위 Shape선택 → Break into Pieces → C=10. R=0. 나머지기본. OK클릭 ③ 색상넣기 : Group우클릭 → Gruoping → Ungroup → 모두선택상태에서 휠컬러 → Gradient → 채색표에서 좌,우=검정. 가운데=흰색 → 아래서 위로 이름=1~10 ④ 육각형 펼침효과 : 1~5 묶어(블록) O=X. 좌중앙 → 6~10 묶어(블록) O=X. 우중앙. → 1~10 모두묶어 1프레임에 Place. → 1번선택 20프레임에 더블클릭(활성화) → _x.rotation=-180, _y.rotation=180 → 10번선택 20프레임에 더블클릭(활성화) → _xrotation=180, yotation=-180 → 2~9(8개) 묶어서 2프레임에 Move(10) → 2~5효과막대(좌측4개) 각각 활성화 x=54.85. h=240.8 → 6~9효과막대(우측4개) 각각 활성화 x=705.15. h=240.8 → 2~9(8개)선택 12프레임에 Place. 13프레임에 Move(10) → 2~5(좌측4개) 각각 활성화 _x.rotation=-180, _y.rotation=180 → 6~9(우측4개) 각각 활성화 _x.rotation=180, _v.rotation=-180 → 2번의 효과 4개중에서 뒤쪽3개만 묶어서(블록) 21프레임으로 밀어준다 → 같은방법으로 3번=42. 4번=63. 5번=84. 6번=84. 7번=63. 8번=42. 9번=21프레임에 밀어준다 → 1~10 묶어서 무비클립하고 → 이름=frame → Play. → frame열고 선택 → 1프레임과 105프레임에 스톱준다 ⑤ 필터주기 : 윈도우 → Filters → Drop Shadow → blur4 3. 이미지 작업 : ① 이미지불러오기 : Content로 철쭉1~철쭉10 불러온다 → 10번이미지를 작업창으로 끌어온다 → x=380. y=225. w=750. h=400 → O=X. 좌하 → 1프레임에 Place주고 86프레임에 Fade Out(165).활성화하여 →_x,y.scale=130 → 1번이미지 끌어와서 x=380. y=225. w=750. h=400 → O=X. 좌하 → _x,y.scale=130으로하고 86프레임에 Fade in(165).활성화하여 →_x,y.scale=100(원위치) → 280프레임에 더블클릭(활성화) _x,y.scale=130 → Play. ② R.G.B작업 : 철쭉1 → Tint → Color의 Advanced선택 → R,G,B의 앞숫자 모두 700으로수정 → 310프레임에 더블클릭 → R,G,B의 앞숫자 모두100으로 수정 → _x,y.scale=100% → 철쭉1번과 철쭉10번을 묶어 무비클립하고 스톱에 체크하고 이름=1 ③ 이미지교체 : 1번복사 9번(합10) → 이름=1~10 → 2번열고 철쭉10은 철쭉1번으로 철쭉1은 철쭉2번으로 바꿔줌. → 3번열고 10은 2번으로. 1은 3번이미지로 바꿔줌 → 같은방법으로 4번~10번 이미지를 모두 바꿔준다 → 맨아래 mask를 올려서 1번아래로 정렬한다 → mask를 복사하여 두 번 붙여넣고 → 맨아래 mask 이름=bg → 위로 올려 1아래에 정렬. → 위 mask선택 맨위로 올린다(10위에) → 선=실선. 굵기=3. 색상=흰색 → 휠컬러=None, 이름=frame1 ④ 이미지 자동변환 : bg와 1~10(11개) 묶어서 무비클립하고 이름=a → a열고 선택 1,3,5,7~21프레임에 우클릭 → Movie Control → stop() 주고 → 1번선택하고 2프레임에 Place주고 4프레임에 Remove → 효과 두 개를 복사하여 4,6,8~20프레임에 붙여넣고 맨위 Remove삭제하고 닫음 ⑤ 이미지물결주기 : a와 아래 mask 둘을 묶어서 무비클립하고 마스크 체크 → 이름=img → img 제자리복사 → y숫자에 1 더해 주고 이름=img → (에니)물결99 불러와서 복사본img 아래로 내리고 → 복사본과 물결99를 묶어서 무비클립하고 마스크 체크 → 이름=w. 눈감김 → 아래 img와 w를 무비클립하고 이름=main. 맨아래로 내림 → 아래서위로 main. frame1. frame정렬 4. 버튼 만들기 : 원 툴 → 원 그리고 → 선=none. 휠컬러=Gradient → 채색표에서 좌측=연두, 우측=연두. 중간=노랑 → x=83. y=370. w=45. h=45. → Shape복사 w=40. h=40 → 색상=자유 → Shape두개묶어 Groupas shape → 아니오 → (이미지) 해3 불러와서 x=83. y=370. w=37. h=37, → 다시 O=X 좌중앙에 놓고 5프레임에 더블클릭 → _x.y.scale=140 →10프레임 더블클릭 → _x.y.scale=100 → 해3을 우클릭하여 무비클립한다 → 버튼에 글넣기 : 툴박스 T → 글꼴=Arial. 크기=20. 색상=검정 → 작업창 버튼위에 b1입력 → 글 복사하여 색상=흰색 → 글2개 중 하나를 방향키로 움직여 살짝겹치게 만들고 → T둘을 Group as group하고 → 다시 아래Movie Clip과 Shape(3개)를 묶어서 → Group as button → Has...over 체크하고 → Button열고 Up안의 Movie Clip을 삭제하고 닫음 → 버튼정렬 : 복사4번(합5) 하고 → 맨 위것 선택 x=347. y=449 → 5개선택하고 윈도우 → Align →Space Both클릭( 옆으로 나란히 정렬됨) → 맨위 버튼복사하여 x=414. y=449 → 다시 맨위 Button복사4번(합5개) → 맨위 선택 x=675.y=368 → 위Button 5개묶어 → 윈도우 → Align → Space Both(자유정렬) → b1~b10 각각열고 Group열고 Edit창에서 숫자 바꿔주고 → Over Seate 안에있는 글을 상.하 위치를 바꿔준다 → 아래서 위로 이름=b1~b10 → b1~b10 모두묶어서 무비클립하고 → 이름=btn → 필터주기(Drop Shadow → blur4) → 버튼 스크립트작업 : btn열고 b1~b10 각각 선택하여 아래의 스크립트내용 복사하여 붙여넣기 on (release) { _parent.frame.gotoAndPlay(2); _parent.main.img.a.gotoAndPlay(2); _parent.main.w.img.a.gotoAndPlay(2);}
→ 3개의 숫자중 아래2개의 숫자를(빨간글씨) b2=4. b3=6. b4=8~b10=20으로 수정한다 → Play 5. 마무리 : (이미지)배경33 불러와서 창크기와 맟추고 맨아래로 내림 → 아웃라인의 순서는 아래서부터 배경33, main, frame1, frame, btn순 정렬. → 서명. 음악. 풀스크린. 글넣기 등 자유로 꾸미고 → Play → 저장. 끝. |
▣ 보충설명 사진(빨간색 테두리 참조) ---> 사진을 클릭하면 크고 선명하게 잘 보입니다
2번-1 설명 2번-1 설명 2번-2 설명
2번-3 설명 2번-4 설명 2번-4설명
2번-4 설명(스톱주기) 3번 설명 3번 설명(이미지크기)
3번-2 설명(R.G.B) 3번-2 설명(체크) 3번-3설명(마스크복사)
3번-4 설명 4번 설명(버튼에 글넣기) 4번 설명(체크. 삭제)
4번 설명(Align정렬) 4번 설명(정렬상태) 4번 설명(숫자바꾸기)
4번 설명(버튼숫자 바뀐상태) 공통(아웃라인정렬)
버드내^^