원형 이미지 다양한 효과
작업창 크기 720x540, 이미지 크기 500x350,
1. 이번 강좌는 딱히 뭐라 제목도 줄 수가 없다. 이것저것 작업하는
요령을 설명하겠다. 350/350으로 동그라미 그려 라인=none 작업
창 중앙에 위치시키고 이를 카피, 위 동그라미는 1번 이미지로 교
체하고 눈을 감겨 놓고 아래 동그라미 선택하고 O=X 좌중에 s놓고
W=390 H=390으로 사이즈를 키우고 Fill color=Gradient로 Linear
gradient, 색상=왼쪽-분홍, 오른쪽=흰색(투명도/0)으로 주고 타임
라인 1-50프레임에 무비를 주고 O=X 좌중, Xrotation=360
Yrotation=0을 주고 이를 무비클립으로 묶고 f1이라 표시하고
Filters→Blur→Blur8, 옵션을 BlurX,Y=15, passes=5로 셋팅한다.
2. f1을 카피 총 5개를 만들어 f1-5로 이름하고 이를 다시 무비클립으
로 묶고 frame으로 열고선택 1~5Fr에 스톱주고 f1라인1 Fr에
place, 2Fr에 Remove주고 이 두효과 복사하여 계단식 적용, 맨 위
Remove는 삭제한다. 이어 각 f2~5 무비클립을 열고 왼쪽 색상을
원하는 색으로 다양하게 바꾼다.
3. 위 이미지 눈을 풀고 이를 카피 총 3장을 만들어 맨 위 이미지는 Y
값을 1 더 주고 물결판 불러와 작업창 중앙에 위치 시키고 마스크
처리한다. 물결판 폭을 이미지 폭과 같이 350으로 한다. 이어 중간
이미지와 다시 무비클립으로 묶고 img라 한다.
4. 아래 한 장 남은 이미지 선택하고 Fill color=Gradient로, 그라디언
트 색상 디폴트(기본값)로 하고 오른쪽 흰색의 투명도를 0으로 준
다. 이어 타임라인 1-100프레임에 무비를 주고 로테이션 360/0을
주고 이를 무비클립으로 묶고 mask라 이름하고 위 img와 다시 무
비클립으로 묶고 img1이라 한다. 이어 img1을 선택하고 아래 스크
립트를 적는다.
onSelfEvent (load){
img.cacheAsBitmap = true;
mask.cacheAsBitmap = true;
img.setMask(mask);
}
5. img1을 카피해 총 5개를 만들어 img1-10으로 표시하고 이를 다시
무비클립으로 묶고 main이라 이름하고 메인을 열고선택 1~5Fr에
스톱주고 맨 아래라인1 Fr에place, 2Fr에 Remove주고 이 두효과
복사하여 계단식 적용 맨위 Remove는 삭제한다. 이어 각각의 img
를 열고 해당 이미지로 교체한다.
main과 아래 frane를 무비클립으로 묶고 w=540으로 키우고
x=360으로 좌표값을 정정하고 다시 벗겨낸다.
6. 빛1 이미지 불러와 O=X 좌하 X=360 Y=270에 위치시키고 카피하
여 붙이기하면서 로테이션을 30을 주면서 원형으로 한다. 이어 이
모두를 group으로 묶고 타임라인 1-50프레임에 Return to
start-Spin_Pancake을 주고 에펙창에서 스케일을 300으로 준다.
이를 무비클립으로 묶고 타임라인 51프레임에 place, 100프레임에
remove를 주고 이를 다시 무비클립으로 묶고 ef라 이름하고 스톱
플레잉 엣 엔드에 체크한다.
7. 작업이 많이 진행되었다. 스샷의 아웃라인을 보면서 이해하자. 먼
저 바탕이미지 불러와 작업창에 맞추고 맨 아래로 내린다.
png 빛 광선 바탕이미지 불러와 그 위에 위치시키고(이 이미지에
은은한 색상변화 효과를 주어도 좋다.) 그 다음, 반짝이 소스 불러
와 작업창에 맞춘다. 이 소스는 이 영상에 맞게 재배치하고 약간 수
정한 것이다. 그 다음 테두리 이미지 불러와 작업창에 맞추었다. 그
냥 두어도 되지만 정리하는 습관을 들이면 여러 가지로 도움이 된
다. 액자부터 맨 아래 이미지까지 무비클립으로 묶고 bg라 한다.
이제 버튼을 만들어 보자.
8. 작업창 하단 중앙에 click이란 글자를 입력하고 카피해 하나를 더
만들어 색상을 흰색과 빨강으로 준다. 이 둘을 무비클립으로 묶고
e2라 표시하고 e2를 열고 타임라인 1프레임에 스톱을 주고 위 흰
색 글자 1프레임에 place를 주고 2-21프레임에 Disappear from
position→Fade_Std fade out, 22-41프레임에 Appear into
position→Fade_Std fade in을 준다. 아래 빨간 글자는 위 글자와
역으로 효과를 주고 21프레임에 스톱을 준다.
9. 빛2 이미지 불러와 글자 밑으로 내리고 포지션 포인트 우하에 주고
360/540에 위치시키고 이를 카피 수평 뒤집기 하여 360/540에
위치시킨 다음, 이 둘을 무비클립으로 묶고 e1이라 이름하고 열고
안의 둘 다 w=0.1로 축소시키고 타임라인 1프레임에 place, 2-11
에 무비를 주고 w=300, 12-31프레임에 Looping continuously→
Wild Flimmer를 주고 32-41프레임에 무비를 주고 w=0.1, 이어
31Fr에 스톱을 주고 30프레임에 무비컨트롤→고투엔 플레이→고
투엔 플레임을 선택하고 스크립트창에서 프레임수 1을 12로 정정
한다. 이어 글자 크기로 투명세이프를 만들어 맨 위에 위치시키고
이 e1,e2.shape, 3개 모두를 무비클립으로 묶고 btn이라 하고 btn
을 열고 투명세이프를 선택하고 적혀 있는 스크립트 밑에 아래 스
크립트를 적는다.
on (rollOver) {
e1.gotoAndPlay(2);
e2.gotoAndPlay(2);
}
on (rollOut) {
e1.gotoAndPlay(32);
e2.gotoAndPlay(22);
}
on (release) {
_parent.main.nextFrameAndPlay();
_parent.frame.nextFrameAndPlay();
_parent.ef.gotoAndPlay(1);
}
9-22.swi
강좌.zip