Effect Image Gallery

 

교육자료4406 anjun- Max4(4406) Effect Image Gallery(2)-406

1. 자 료 : ①img01~08.jpg ③fire.swi

②src.swf ④sign(아마봉).swi

2. Swish Max3 실행

①Movie Properties 클릭

Background color-#336666

Width : 700, Height: 525

Frame rate : 20

Export Settings for Movie-클릭

SWF Version : SWF10

Image quality : 60%-확인

②Layout패널의 아래View에서

Automatically adjust click하고 - Zoom 100% click

③Guides패널에서 Guides 와 Grids를 다음과 같이 설정

Guides : Show/Ruler/Snap - 체크

Grids : Show/Snap - 체크

H : 350, V : 262.5

Pcs : 개체가 가이드가 위에위치

Snap에서 Tolerance : 6▼

Snap to Object Handles - 체크

④Stage에서 가이드라인의 위치를 다음과 설정한다.

Insert Vertical(수직) : 100, 261, 440, 600,

Insert Horizontal(수평) : 50, 133, 384, 445, 475,

<* 설정 후 Look - click>

⑤Outline= Insert - Import Animation - src.swf(삽입)

Properties에서

Stage의 배경색을 src의 배경색으로 바꾼다.<#252525>

src를 펼치고 선택

Time line 에서 : 상위src의 1~10F에 빈 프레임을 추가 하고

하위shape의 1번의 63F에 Place를 Remove로 수정

* src의 [-]를 [+]로 닫는다.

☑Stop playing at end - 체크

Transform에서 : O=X, 정 가운데, x/y=350/262.5, W/H=652/329,

3. 이미지 삽입과 효과주기

①Outline= [Scene_1] 선택하고

Layout Tools : □Rectangle - 선택

Stage 에서 : 사각형을 하나 적당히 그리고

Properties에서 : 이름: mask, W/H=179/251,

Line: None, Fill: Solid,

Transform에서 : O=X, 정 가운데, x/y=350.5/258.5,

②Outline= [Scene_1] 선택하고

Insert - Import Image - img01(삽입)

용량: 30%-확인, ☑Allow smoothing-체크

Properties에서 : 이름: img01

Transform에서 : O=X, 정 가운데, x/y=350/262.5, W/H=700/525

③Outline= img01, mask를 선택(R,click)

Grouping - Group as Movie Clip

Name : img01,

☑Use bottom object as mask - 체크

Transform에서 : O=X, 정 가운데, x/y=350.5/258.5, W/H=179/251,

④Outline= img01을 펼치고 선택

Time line 에서

img01 : 60~61F: Move, 61F: PF, Tint: Color: Unchanged

62~63F: Move, 63F: PF, Tint: Color: White

64~65F: Move, 65F: PF, Tint: Color: Unchanged

66~67F: Move, 67F: PF, Tint: Color: White

68~70F: Move, 70F: PF, Tint: Color: Unchanged

141~150F: Fade - Fade Out

mask : 60F: Place, 71~80F: Move, 80F: PF, w/h=700/525, x/y=0/0

131~140F: Move, 140F: PF, w/h=179/251, x/y=0.5/-4

* img01의 [-]를 [+]로 닫고.

Properties에서 :

☑Stop playing at end - 체크

☑Use bottom object as mask - 체크확인

Filters: 추가버튼 - Drop Shadow - Blurx/y=10으로 수정

src : ☑Stop playing at end - 체크확인

⑤Outline= img01, src를 선택(R,click)

Grouping - Group as Movie Clip

Name : img01,

⑥Outline= img01를 선택(R,click)

복사/붙이기 : Edit - copy object

Scene_1 - Paste In Place : 7번

Name : img01~08(위에서 아래로), Open Image 한다.

⑦outline= [Scene_1] 선택하고

Layout Tool에서 : Text Tool(T) 선택 - Stage에 click

Properties 에서 : Arial, 20, 흰색, B, Edit-click : auto 입력

Transform에서 : O=X, 정 가운데, x/y=350/262.5,

auto선택(R,click)

Grouping - Group as Movie Clip

Name : auto

Tint패널에서 : Alpha - Trans parent<투명으로 해준다.>

Edit-click : auto 글씨삭제<Apply-click>

⑧Oultine= auto ~ img08를 선택(R,click)

Grouping - Group as Movie Clip

Name : img

img를 펼치고 선택 - Time line에서

상위img: 1~8F: stop()

하위img01~08

우측 아래로 계단식 적용하고

* img의 [-]를 [+]로 닫는다.

4. rec만들어 넣기

①outline= [Scene_1] 선택하고

Layout Tool에서 : □Rectangle - 선택

Stage 에서 : 사각형을 하나 적당히 그리고

Properties에서 : 이름: recup, W/H=700/50,

Transform에서 : O=X 정 가운데, x/y=350/25,

Line: None, Fill: Solid<src 배경색상 #009900>

②outline= recup을 선택(R,click)

복사/붙이기 : Edit - copy object

Scene_1 - Paste

Name : recdown, x/y=350/500 - recup아래로 위치

③outline= recup, recdown을 선택(R,click)

Grouping - Group as Movie Clip

Name : rec

Filters: 추가버튼 - Glow - Default - Blur x/y=10

5. btn 만들기

①Outline= [Scene_1] 선택하고

Insert - Import Image - img01~08(삽입)

Properties : 이름: btn01~08(위에서 아래로)

용량: 30%-확인, ☑Allow smoothing-체크

Transform : O=X, 정 가운데, x/y=350/262.5, W/H=60/45,

Stage에서 : 가이드라인 사이에 나열한다.(좌에서 우로)

(Align: All Selected, Distribute: Horizontal Center)

②Outline= btn01~08을 선택(R,click)

Convert - Convet to Movie Clip

☑Stop playing at end - 체크해제

btn01을 펼치고 선택 - Time line에서

상위btn01 : 1F - stop()

하위btn01 : 1F - Place

20F - Wclick : PF해제

Effect패널에서 : ☑Filter체크 - Filter선택:

추가버튼-Glow-Default-Start-흰색, Blurx/y 0, 0,

End -흰색, Blurx/y 20, 20,

Timeline에서 : Move 복사 - 21F에 붙여넣기

추가버튼-Glow-Default-Start-흰색, Blurx/y 20, 20,

End -흰색, Blurx/y 0, 0,

③Outline= btn02~08을 각각열고 선택하여<같은 방법으로 적용>

Time line에서 효과를 복사하여 붙여넣기 한다.<btn을 각각 닫는다.>.

④Outline= btn01~08을 선택(R,click)

Grouping - Group as Movie Clip

Name : btn

Transform에서 : O=X, 정가운데, x/y=350/500, W/H=500/45,

Filter패널 에서 : 추가버튼 - Drop Shadow - Default : 흰색 위

6. title 만들기

①Outline= [Scene_1] 선택하고

Components패널에서

Effects - Filters - DropShadowFilter(W,click)

Properties에서 : 이름: title

title을 펼치고 Text 선택

Properties 에서 : 글자모양 - Chopin Script

글자크기 - 36pt(흰색), B, 마진체크해제,

Edit 에서-click : Effect Image Gallery(2) - 입력

②Outline= title를 닫고 선택

Parameters에서

흰색 위, 45, 10, false, false, false, 8, 8, medium, 2,

Transform에서 : O=X, 정 가운데, x/y=350/25

Filter에서 : 추가버튼- Drop Shadow - Default : 흰색 위

7. Show, Hide, alpha, random, 만들기

①Outline= [Scene_1] 선택하고

Layout Tool에서 : Text Tool(T) 선택 - Stage에 click

Properties 에서 : Androgyne, 16, 흰색, B,

Edit-click : Show 입력,

Transform에서 : O=X, 정 가운데, x/y=350/262.5,

T Show 선택(R,click)

복사/붙이기 : Edit - copy object

Scene_1 - Paste In Place

Edit-click : Hide 입력,

②Outline= 2개의 Text 선택(R,click)

Grouping- Group as Movie Clip

Name : sh

Transform에서 : O=X, 정 가운데, x/y=35/490

sh를 펼치고 선택 : Time line에서

상위sh : 1F,2F - stop()

우측 아래로 계단식 적용하고

* sh의 [-]를 [+]로 닫는다.

Filter 에서 : 추가버튼 - Drop Shadow - Default : 흰색 위

③Outline= sh 선택(R,click)

복사/붙이기 : Edit - copy object

Scene_1 - Paste In Place

Name : alpha

alpha를 펼치고 Hide삭제 - Time line에서 효과도 삭제

Show를 선택하고

Edit-click : Alpha U/D 입력,

T Alpha U/D를 선택(R,click)

Break - Break into Letters : 합치고

Transform: O=X, 정 가운데, x/y=650/490

④Outline= [Scene_1] 선택하고

Layout Tool에서 : Text Tool(T) 선택 - Stage에 click

Properties 에서 : Androgyne, 16, 흰색, B,

Edit-click : Random 입력,

Transform에서 : O=X, 정 가운데, x/y=45/510,

Filter 에서 : 추가버튼 - Drop Shadow - Default : 흰색 위

8. 본인이름 : sign, fire 삽입하기

①outline= Scene_1를 선택

insert - import Animation(click)

sign, fire삽입 : 이름: fire, name

sign - O=X, 정가운데, x/y=600/520

fire - O=X, 정가운데, x/y=625/505, xyscale=60/35

9. Outline= 각각의 개체에 Script를 적용한다.

①Outline= img - auto를(선택) - Script주기

onFrame (150) {

_root.img.play();

}

②Outline= btn - btn01를(선택) - Script주기

<*기본 Script아래 4번 줄에 Past한다.>

<* 같은 방법으로 btn08까지 Past하고 다음과 같이 수정한다.>

5번줄 btn01을 btn02는02로, btn03은03으로,....btn08은08로 수정

onFrame (39) {

_root.btn.btn01.gotoAndPlay(2);

}

③Outline= btn - btn01 - btn01를(선택) - Script주기

<* 같은 방법으로 btn08까지 Past하고 다음과 같이 수정한다.>

2번줄 btn01을 btn02는02로, btn03은03으로,....btn08은08로 수정

5번줄 btn01을 btn02는02로, btn03은03으로,....btn08은08로 수정

8번줄 Stop(1)을 btn02는(2)로, btn03은(3)으로,....btn08은(8)로 수정

on (rollOver) {

_root.btn.btn01.gotoAndPlay(2);

}

on (rollOut) {

_root.btn.btn01.gotoAndStop(1);

}

on (press) {

_root.img.gotoAndStop(1);

_root.img.auto.gotoAndPlay(1);

}

④Outline= sh - hide를(선택) - Script주기

on (press) {

if(_root.btn._visible == 1){

_root.btn._visible = 0;

}else{

_root.btn._visible = 1;

}

}

on (press) {

if(_root.rec._visible == 1){

_root.rec._visible = 0;

}else{

_root.rec._visible = 1;

}

}

on (press) {

if(_root.alpha._visible == 1){

_root.alpha._visible = 0;

}else{

_root.alpha._visible = 1;

}

}

on (press) {

if(_root.sh._currentFrame == 1){

_root.sh.gotoAndStop(2);

}else{

_root.sh.gotoAndStop(1);

}

}

on (press) {

_root.sign._x = 640;

_root.sign._y = 485;

}

⑤Outline= sh - show를(선택) - Script주기

on (press) {

if(_root.btn._visible == 1){

_root.btn._visible = 0;

}else{

_root.btn._visible = 1;

}

}

on (press) {

if(_root.rec._visible == 1){

_root.rec._visible = 0;

}else{

_root.rec._visible = 1;

}

}

on (press) {

if(_root.alpha._visible == 1){

_root.alpha._visible = 0;

}else{

_root.alpha._visible = 1;

}

}

on (press) {

if(_root.sh._currentFrame == 1){

_root.sh.gotoAndStop(2);

}else{

_root.sh.gotoAndStop(1);

}

}

on (press) {

_root.sign._x = 640;

_root.sign._y = 485;

}

⑥Outline= alpha - Group - D를(선택) - Script주기

on(press){

if(_root.rec._alpha > 0){

_root.rec._alpha = _root.rec._alpha - 10;

}

}

⑦Outline= alpha - Group - U를(선택) - Script주기

on(press){

if(_root.rec._alpha < 100){

_root.rec._alpha = _root.rec._alpha + 10;

}

}

⑧Outline= random를(선택) - Script주기

on (press) {

_root.img.gotoAndStop(1 + random(8));

_root.img.auto.gotoAndPlay(1);

}

⑨Outline= sign를(선택) - Script주기

on (press) {

if(_root.neme.fire._visible == 1){

_root.neme.fire._visible = 0;

}else{

_root.neme.fire._visible = 1;

}

}

⑩Outline= sign - fire를(선택) - Script주기

script를 수정한다.

10. Full Screen에 Script 넣기

①outline= [Scene_1] 선택하고

LayoutTools에서 : Text Tool(T) 선택 - Stage에 click

Properties 에서 : Ruritania, 14, 흰색, B,

Edit- click 에서 : Full Screen 입력 - Stage 좌측하단에다 둠

Transform 에서 : O=X,정 가운데, x/y=650/450,

Filter 에서 : 추가버튼 - Drop Shadow - Default,

②Full Screen & Script 넣기

1. outline= [Scene_1] 선택

function gofull() {

if (Stage.displayState == "normal") {

Stage.displayState= "fullScreen"

}

else { Stage.displayState = "normal"

}

}

2. outline= [Full Screen] 선택

on (release) {

gofull();

}

10. 저장하기 : File= Save As, 파일이름, swi, swf, html - 저장

 

 

 

Effect Image Gallery.swf

0.25MB

src.swf

0.2MB