큐브버튼과 영상 갤러리(3D Cube Image Gallery)

카테고리 없음

큐브버튼과 영상 갤러리(3D Cube Image Gallery)

광명기계쟁이 2013. 3. 31. 15:27

※ Movie 100*100 Frame Rate=25 배경색=임의 View창 돋보기클릭 200%

준비=이미지8장 600*405 또는555*375

1. 아웃라인 Content → Import to Library → Image 클릭 이미지 8장 불러온다

2. 툴바의 라인선택 Shift키 누르고 창에 그려주고 라인=실선 크기=1 색=연분홍 (FF00FF)

W=100 으로하여 Shape 복사(Copy Object)하여 제자리 붙여넣기(Paste in Place) 3번하여 총 4개 만들고 이름을 위에서부터 “좌” “상” “우” “하” 로 하고 좌상우하 모두선택 트랜스폼에서 O=X 좌상 X=0 Y=0 으로 한다

3. 좌와 우 선택 O=X 좌상 Reshape 패널에서 X _rotation을 90으로 하고 우 선택 x=100 상 선택 Y=100 으로 한다

4. 좌상우하 4개선택 우클릭 → Grouping → Group as Movie Clip 이름을 “라인”으로 하고 Stop playing at end 체크하고 트렌스폼에서 x=50 y=50 w=100 h=100

5. 라인 열고 좌상우하 모두선택 10프레임에 place, “하”는 그대로 두고 “우”는 13프레 임 “상”은 16프레임 “좌”는 19프레임으로 Place 효과를 이동시키고 다시 좌상우하 모두선택 25프레임에 Remove주고 라인 +로 닫는다

반짝이는 네모만들기

6. 신1선택하고 툴바의 사각선택 창에 그려주고 라인=실선 크기=1 색=흰색 솔리드 =이미지 W=100 H=100 트렌스폼창에서 O=X 센타 x=50 y=50으로 하고 Shape 복사하여 제자리붙이기 한다음 솔리드로 하고 색=빨강 알파=50 이름을 “틴트”라 하 고 틴트 아래 Shape는 이름을 “이미지”로 한다

7. 신1선택 자판의 Ctrl + J 클릭 무비를 700*500 으로하고 아웃라인 모두선택 O=X 센타 x=350 y=250 으로 하고 View창 돋보기클릭 스테이지 75%

8. 틴트선택 타임라인 25프레임에 place, 28프레임에 Remove주고 이 두효과 복사해서 같은행 31, 37프레임에 붙여넣고 이미지라인 25, 40프레임에 place, 틴트와 이미지 선택 타임라인 50프레임에 Zoom out 을 준다. (미리보기)

회전하는 큐브 만들기

9. 신1선택 툴박스의 Auto Shape툴의 3D → Cube선택 창에 그려주고 아웃라인 3D-Cube에 우 클릭 → Grouping → Ungroup 하여 위 Shape 두개는 삭제하고 남 겨진 Shape 3개 선택 라인=실선 굵기=1 색=흰색 솔리드=이미지로 한다

10. Shape 3개선택된 상태에 우클릭 → Grouping → Group as Movie Clip 이름을 "큐브“로 하고 트렌스폼창에서 O=X 센타 x=350 y=250 w=100 h=100 으로 한 다음 복사해서 하나 더 만들고(총 두개)이름을 ”논큐브“로 한다. O=X 센타 x=350 y=250 w=150 h=150 으로 하고 논큐브 열고 Shape 3개 각각 선택 라인=실선 굵 기=1 색=흰색 솔리드=논 으로 설정하고 논큐브 선택하고 툴바의 라인툴선택 우측 위 모서리와 아래 모서리에 안의 큐브(흰선)에 연결하여 그려주고 좌측 아래 모서 리도 연결하여 그려주고 논큐브 +로 닫는다

11. 논큐브와 큐브 선택 우클릭 → Grouping → Group as Movie Clip 이름을 “큐브2” 로 하고 타임라인 큐브2행 60프레임에 Zoom in, 76프레임에 Move주고 트렌스폼에 서 센타확인 _rotation=360 으로 하고 91프레임에 더블클릭(활성화) _rotation=0, 106프레임에 Zoom out을 준다. (미리보기)

12. 신1선택 툴바의 사각선택 창에 그려주고 라인=실선 굵기=0 색=흰색 솔리드=이미 지, 이름을 “이미지”로 바꿔주고 O=X 센타 x=350 y=250 w=550 h=350 하고 이 미지에 우클릭 → Grouping → Group as Movie Clip 주고 (나중에 Movie Clip 열 어서 효과도 주고 소스도 넣음) Movie Clip +로 닫고 이름을 “메인이미지”라 하고 타임라인 메인이미지행 116프레임에 Zoom in을 준다

13. 메인이미지, 큐브2. 틴트, 이미지, 라인 선택 우클릭 → Grouping → Group as Movie Clip, 이름을 “a1” 으로 하고 a1열고 a1선택 타임라인 126프레임에 우클릭 → Movie Control → stop을 준다

14. a1복사해서 총 8개 만들고 이름을 아래서부터 "a1~a8"로 하고 a1~a8 선택 우클릭 → Grouping → Group as Movie Clip, 이름을 "메인“으로 한다

15. 메인열고 a1선택 타임라인 a1행 2프레임에 place, 4프레임에 Remove 주고 이 두효 과 복사하여 위로 올라 가면서 4, 6, 8, 10, 12, 14프레임에 붙여넣고 a8행은 16프 레임에 Place 만 주고, 메인라인 1, 3, 5, 7, 9, 11, 13, 15, 17프레임에 우 클릭 → Movie Control → stop을 준다

그림 조합하기

16. a1열고 큐브2 열고 큐브열고 Shape 3개를 모두 1번 그림으로 바꾸어 주고 큐브 + 로 닫고 메인이미지열고 이미지 1개를 1번 그림으로 바꾸고, 틴트아래 이미지도 1 번그림으로 바꿔주고 a1 +로 닫고 이와같은 방법으로 a2~a8 까지 모두 바꿔주고 메인 +로 닫는다. ※ 이미지 바꿔줄 때 마다 이미지 우측 가운데 아이콘(Change...) 클릭하고 Fit to Shape를 필히 클릭하여야 한다.

버튼 만들기

17. 신1선택 툴박스의 Auto Shape툴의 3D Cube선택 창에 그려주고 아웃라인 3D큐브 에 우 클릭 → Grouping → Ungroup 하여 위 Shape 두 개는 삭제하고 남겨진 Shape 3개 각각 선택 라인=실선 크기=1 색=흰색 솔리드=이미지로 하고 아웃라인 Shape 3개 선택 우클릭 → Grouping → Group as Movie Clip 하고 Transform에서 O=X 센타 x=100 y=460 W=50 H=50 으로 하고 Movie clip 우 클릭 → 한번더 Grouping → Group as Movie Clip 주고 이름 "b1"으로 한다

18. b1열고 Movie Clip 선택 타임라인 Movie Clip행 1프레임에 place, 2프레임에 Move 주고 활성화 _rotation=360 하고 b1행 1프레임에 stop 주고 b1 +로 닫는다

19. b1선택 스크립트 창 열고 Add script → Events → button → on(rollover) Add script → Movie Control → Goto and play → gotoAndPlay(FRAME),

Target의 b1선택 프레임=2로 한다

Add script → Events → button → on(release)

Add script → Movie Control → Goto and play → gotoAndPlay(FRAME),

Target의 메인선택 프레임수=2

20. b1 복사 총 8개만들고 이름 아래서부터 "b1~b8"로 이름쓰고 b2선택 메인프레임수 을 4로 하고 b1을 b2로 고친다. b3는 메인프레임수=6 b3로 고치고, b4는 메인프레 임수=8 b4로 고치고, b5는 메인프레임수=10 b5로 고치고, b6은 메인프레임수 =12 b6으로 고치고, b7은 메인프레임수=14 b7로 고치고, b8은 메인프레임수=16 b8로 고쳐주고 Layout창으로 이동. 아웃라인 b8선택 트렌스폼창 x=595로 하고 b1~b8 선택한뒤 메뉴창의 Window → Align 창 열고 Align to를 All Selected로 하고 Size by는 Resizing로 선택 Space everly을 가로정렬(3개중 우측아이콘)한다

버튼과 이미지 연결하기

21. b1열고 Movie Clip열고 아래 Movie Clip열고 Shape 3개 각각 선택 1번그림으로 바 꿔주고 b2~b8도 같은방법으로 그림을 번호대로 바꿔주고 b1 열고 Movie Clip 선택 타임라인 1프레임에 우클릭 → Sound → PlaySound() 클릭 Script창에서 Import 클릭 “큐브 효과음” 불러와 클릭해주고 b2~b8도 같은방법으로 효과음을 삽입한다

22. 사각그려주고 색상을 진초록으로 하여 창에 맞추고 아웃라인 맨 아래로 내려준다.

23. T툴 선택 작업창 상단에 “Cube Image Gallery" 입력하여 색상 글씨체 글크기 정하 고 적당한 효과를 주고 닉네임도 삽입하여 저장을 한다.