continous_photo_gallery.swf
Continuous Photo Gallery
자료준비: ㉮ 연사 이미지 8점
gif영상.rar
㉯ 짧은 詩한수
쇼 만큼 즐거운 인생은 없다..txt
㉰ Sound On-Off (직접만들기)
Sound_On_Off.swi
㉱ "앗차~ 이럴수가" 글씨체
미드자목련 (체)
(주의) 연사이미지는 사이즈를 잘라내기 할수 없음으로 확대한 후
마스크를 이용하여 크기를 조절해야 합니다.
1. Movie : 740 * 430
2. 바탕 만들기
㉮ Guides Line설치
세로 30px, 710px와 가로 100px, 370px [P1]
㉯ 사각 Shape(Gradient)만들어 좌표(370*215), 크기(740*430)에 맞춘다.
左색상탭(000000), 右색상탭(ffcc00)설정
㉰ 다시 Shape만들어 좌표(180*235), 크기(W:300*H:270) 맞춤
또 다시 Shape만들어 좌표(530*235), 크기(W:360*H:270) 만듬[P1].
3개의 Shape를 묶어서 Shape Operations→Subtrack하면
중복된 2부분이 잘려 나간다(2개의 구멍이 난다)[P2]
㉱ Gradient의 Shape를 Name(배경)함
㉲ 배경에 음영효과 넣기
Filters→Glow→blur8→ShadowColor(검정)→blur(15), Strenght(200)
3. 연사이미지 위치와 크기조정 하기.
㉮ gif 연사이미지 8개를 동시에 불러온다.
Name(image-1, 2, 3, 4, 5, 6, 7, 8)한다.
㉯ 사이즈가 다르기 때문에 한개 한개씩 크기(W:360*H:270)으로 수정한다.
㉰ 좌표(X:530* Y:235)으로 맞춘다.
㉱ 연사이미지를 크기를 맞추었드라도 左右上下에 검은 화면이 나타나는
경우들이 많이 있으므로 한개씩 눈감기고 확인해 보아야 하며 만약
검은 화면이 나타날 경우는 해당 변의 중앙조절점을 늘려서 조정한다.
4. 작품 작업에서 배경Shape를 만들었기 때문에 연사이미지에 마스크 적용은
생략키로 한다.
5. 연사이미지(image-1~image-8)의 타임라인 효과 주기
㉮ image-1의 1F에 Slide→Slide in From Right(30)넣는다.
㉯ image-1의 효과 Copy Effect한 후 나머지 7개를 동시 선택한후 1F에
Paste Effect한다.
㉰ 효과준 8개의 image를 모두 선택하고 Convert to Movie Clip한후 "예"한다.
Stop Playing at end(첵크)는 그대로 둔다.
㉱ 8개의 Movie Clip을 묶어서 한개의 Movie Clip으로 만들고 Name(img)한다.
㉲ img Movie Clip열고 타임라인 효과 주기
㉠ image-1의 1F에 Place, 2F에 Remove준다.
㉡ image-2부터 한프래임씩 뒤로 계단씩으로 Place, Remove효과 준다.
㉢ 마지막 image-8에는 Place 효과만 준다.
㉣ img Movie Clip 행에는 1F~8F까지 Stop 준다.
㉤ img Movie Clip을 배경아래로 내린다.
6. 왼쪽 공란에 詩넣기
㉮ 저장해둔 詩복사하여 왼쪽 공란에 붙여 넣기한후
㉯ 위치, HY견명조, 16pt, 검정색설정하고
㉰ 詩의 1F에 Appear →Come in Appearace(150)나타나는 효과등을 넣는다.
효과 수정: Duration(150), Scale(0)
㉱ 효과준 Text를 Movie Clip만들고 Name(Poem)하고 Stop에 첵크한다.
㉲ Filters효과 넣기//Glow→blur2→흰색, 기본값
7. 버튼 만들기
㉮ 사각Shape로 右下단에 버튼 자리만든다
좌표(X:580*Y:390), 크기(W:250*H:30), 색상(9933ff//Alpha:25%)
㉯ Text Tool 선택, Arial Black, 20pt, 검정색 설정한다.
Shape위에 "12345678"입력하고 Text를 Ungroup한후 1(X:465)과
8의 위치(X:675)를 맞추고 Align→Space Horizontally정열한다.[P3]
㉰ 1,2,3,4,5,6,7,8 을 선택하고 Convert to Button한다.
Name(but-1, but-2, but-3, .........but-8 )
㉱ 8개의 but와 Shape를 묶어서 Movie Clip만든다.//Name(button)한다.
㉲ button이 Menu버튼의 명령에 따라 나타나고 살아지게 한다.
㉠ button의 2F에 Fade in(19)준다.
㉡ 효과준 button을 Movie Clip만들고 BB한다.
Stop playing at end에 첵크한다.
㉢ BB Movie Clip열고 1F에 Stop준다.
8. Menu버튼
㉠ Menu버튼은 button이 나타나게하고 살아지게 한다.
㉡ T 툴선택, Arial Black, 20pt, 흰색, 이미지의 左下단(380*390)에
"Menu"입력한다.
㉢ Menu 택스트에 Filters→Glow→blur2→ShadowColor(청색), 기타 기본값
㉣ Menu에 Scripting하기
on (rollOver) {
BB.gotoAndPlay(1);
}
9. 각 Button에 Scriping하기
㉮ BB 열고 다시 button 열고 but-1선택후 Scripting하기
on (press) {
_parent._parent.img.gotoAndStop(1);
}
㉯ but-1의 Script를 Copy 한후
다른 버튼에 Paste 한후 프래임을 2, 3, 4, 5, 6, 7, 8로 수정한다.
10. 연사이미지와 詩의 바탕에 Gradient Shape만들어 맨아래로 내린다.
左탭색(66cc00), 右탭색(ffff66)의 색상을 선택한다// Name(바탕)
11. 타이틀 만들기
㉮ Components→Text display→SwirlText더블클릭하여 스테이지에 넣는다.
㉯ SwirlText선택상태에서 Parameters패널 열고 Text선택하여 Enter Text창에
"Continuous Photo Gallery"넣고 [OK]한다.
㉰ Click to Edit클릭하면 Text속성창이 나타난다.
글씨체 (Stencil BT), 36pt, 연하늘색 설정→Close한다.
//변경되지 않은 상태임.
㉱ Click to Update클릭하면 글자가 변경상태로 된다.
㉲ Object Attributes에서 Visibility下에 2곳 모두 첵크풀고 [OK]한다.
㉳ dot의 타임라인에 계속효과 gotoAndPlay(Frame) 넣는다.
㉴ 앵카포인트(Left Center)선정
㉵ 위치를 상단에 올린다.
㉶ dot(점)의 크기(2)//dot(점)의 수량(100) 수정
㉷ 택스트와 점의 색상을 다르게 하는 효과를 넣으려면 Filters효과 넣음
㉠ Glow→blur2→흰색, 기본값
㉡ Dropshadow→blur4→검정색, Strength(200)
12. Sound On-Off 불러와서 60% 축소하여 左側하단에 위치시킨다.
13. 화살표 넣기
㉮ Menu버튼의 오른쪽에 작은 화살모양(Arrow_2)넣고 가리키는(좌우 움직임)
효과넣기로 한다.
㉯ Menu의 타임라인 5F에 더블클릭하고 X좌표 10F추가 10F에 더블클릭한 후
좌표를 원 위치 한다.
㉰ Arrow_2를 Movie Clip만들고 화살표라 한다.
Swi파일
continous photo gallery.swi
교재
Continuous Photo Galler교재.hwp