phone gallery

 

 

* Photoshop 작업

1. 포토샵에서 액션 팔레트를 이용하여 이미지 사이즈를 설정한다.

2. 제어판의 글꼴에 폰트를 설치한다.

 

* SwishMax 작업

1. Properties - Movie Properties를 클릭 후 다음과 같이 설정한다.

- Background color: 검정색, Width: 700, Height: 525, Frame rate: 25, SWF9

2. Layout - View - Automatically adjust~, Zoom 100%, Fit Stage in Window

3. Guides에서 다음과 같이 설정한다.

- Guides: Show, Ruler, Snap

- Grids: Show, Snap, H: 350, V: 262.5, Pos: 가이드가 위에 위치

- Snap: Tolerance: 6

4. Stage에서 가이드라인을 다음과 같이 설정한다.(설정 후 Lock)

- 수직 가이드라인: 165, 260, 275, 425, 535

- 수평 가이드라인: 150, 175, 363, 388, 480

5. Outline - Insert - Import Image - bg

- Properties: 이름: bg, O=X, 정가운데, x/y=350/262.5

6. Outline - Insert - Import Image - hp

- Properties: 이름: hp, O=X, 정가운데, x/y=350/262.5

7. Outline - Insert - Import Image - img01~07

- Outline: img06~07, - Properties: 이름: btn06~07, W/H=40/64, O=X, 정가운데

- Stage: 가이드라인에 맞춰서 배열 후 Align 패널에서 등간격 배분

8. Outline - btn06~07 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: btn, O=X, 정가운데, x/y=350/480

9. Outline - Scene1 - Layout - Tool - Text Tool - Stage

- Properties: Arial, 90, 노란색, B, Edit: [, O=X, 정가운데

10. Outline - T([) - 마우스 우클릭 - Break - Break into Shape

- Subselection Tool로 수정 후 복사한다.

- Reshape에서 좌우반전 후 각각 x/y=330/480, 370/480으로 위치한다.

11. Outline - Shape - 마우스 우클릭 - Grouping - Group as Shape - 아니오 - 이름: btnol, O=X, 정가운데, x/y=350/480

12. Outline - btnol - 마우스 우클릭 - Convert - Convert to Movie Clip - 체크해제

13. Outline - Insert - Import Image - img01~07

- Outline: img06~07, 이름: img06~07, O=X, 좌측위

- Guides: Grids - H: 15 - Stage에서 15간격으로 좌우로 배열한다.

- img01, 02와 img01, 03을 복사하여 좌, 우로 위치한다.

14. Outline - img02~03 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: imgth, O=X, 정가운데, x/y=350/269.5

15. Outline - Scene1 - Layout Tool - Pen Tool로 각각 좌측, 가운데, 우측 마스크 영역을 만든다.

- Outline: 이름: maskl, maskc, maskr - Line: None, Fill: Solid, A: 0%

16. Outline - maskl, maskc, maskr - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: mask, O=X, 정가운데, x/y=350/269.5

17. Outline - imgth, mask - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: imgth, Use bottom object as mask체크, O=X, 정가운데, x/y=350/269.5

18. Outline - hp, imgth, btnol, btn, bg

19. Outline - Scene1 - Layout Tool - Rectangle Tool - Stage

-Properties:W/H=700/238, Line:None, Fill:Solid, A:0%, O=X, 정가운데, x/y=350/269.5

20. Outline - Shape - 마우스 우클릭 - Break - Break into Pieces

- Regular Grid, 7, 0, Allow non-triangular pieces, 좌측1번째 줄의 1번째

21. Outline - Group - 마우스 우클릭 - Grouping - Ungroup - 이름: btnth06~07

22. Outline - btnth06~07 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: btnth, O=X, 정가운데, x/y=350/269.5

23. Outline - Insert - Import Image - img01

- Properties: 이름: img01, W/H=460/345, Line: 실선, 흰색, 1, O=X, 정가운데, x/y=350/262.5, xyscale: 0%

24. Outline - img01 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img01, O=X, 정가운데 - 펼치고 선택 - Timeline

- img01: 1, 31F: stop()

- img01: 20F: 더블클릭: xyscale: 100%, 26F: 더블클릭: xyscale: 105%, 31F: 더블클릭: xyscale: 100%, PF해제

- 효과를 모두 복사 후 32F에 붙여넣기 하고, 좌우 위치를 바꾼다.

- 61F: 더블클릭: xyscale: 0%, PF해제

25. Outline - img01 - 마우스 우클릭 - Copy Object - Scene1 - Paste In Place(6번)

- 이름: img06~07, Open Image

26. Outline - img06~07 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: img, O=X, 정가운데

27. Outline - img - 펼치고 선택 - Timeline

- img: 1~7F: stop(), 우측 아래 계단 형식 적용

28. Outline - Scene1 - Layout Tool - Rectangle Tool - Stage

-Properties: 이름: imgol, W/H=460/345, Line: 실선, 흰색, 1, Fill: Solid, A:0%, O=X, 정가운데, x/y=350/262.5, xyscale: 0%

29. Outline - imgol - Timeline

- 20F: 더블클릭, xyscale: 100%, 40F: 더블클릭, xyscale: 0%, PF해제

30. Outline - imgol - 마우스 우클릭 - Copy Object - Scene1 - 마우스 우클릭 - Paste In Place(4번) - imgol 모두 선택 - 마우스 우클릭 - Grouping - Group as Movie Clip - 이름: imgol, O=X, 정가운데, x/y=350/262.5

31. Outline - imgol - 펼치고 선택 - Timeline

- imgol: 1, 25F: stop()

- 우측 아래 계단형식, 우측 위 계단형식 적용

32. Outline - Scene1 - Layout Tool - Text Tool - Stage

- Properties: BILLY~, 72, 흰색, B, Edit: Smart Phone Gallery

33. Outline - Scene1 - Components - Effects - Filters - DropShadowFilter 더블클릭 - Outline - 이름: all - 펼치고 선택 - 안의 개체 삭제 - Parameters

- 검정색, 45, 10, false, false, false, 8, 8, medium, 1

34. Outline - Smart~ ~ btn - 마우스 우클릭 - Cut Object - all - 마우스 우클릭 - Paste - 합치고 선택 - O=X, 정가운데, x/y=350/262.5

35. Outline-Insert-Import Animation-sign-Import - O=X, 정가운데, x/y=570/500

36. Outline - 각각의 개체에 Script를 적용한다.

- btn - btn06

on (rollOver) {

_root.all.imgth.imgth.targetx = 770;

_root.all.btnol.targetx = 185;

_root.all.img.gotoAndStop(1);

}

on (press) {

_root.all.img.img06.gotoAndPlay(2);

_root.all.imgol.gotoAndPlay(2);

}

on (rollOut) {

_root.all.imgol.gotoAndStop(1);

}

- btnol

onSelfEvent (load) {

targetx = 350;

speedx = 0.2;

}

onSelfEvent (enterFrame) {

this._x = this._x + speedx * (targetx - this._x);

}

- imgth - imgth

onSelfEvent (load) {

targetx = 275;

speedx = 0.1;

}

onSelfEvent (enterFrame) {

this._x = this._x + speedx * (targetx - this._x);

}

- btnth - btnth06

on (rollOver) {

_root.all.imgth.imgth.targetx = 770;

}

- img - img06 - img01

on (press) {

_root.all.img.img06.gotoAndPlay(32);

_root.all.imgol.gotoAndPlay(26);

}

 

 

 

BILLY_ARGEL_TRIAL___.ttf

0.14MB

phone gallery.swi

0.12MB

hp.png

0.04MB