책장넘기기 & 타이틀넣기
☞ 참고하세요
- 초급입장에서 작성하여 설명이 부족한 부분은 달리 배우신대로 재량껏 하세요.
- 작업중 좌1.우1.우bg,img,auto등 이름을 붙인것은 작업편리상 붙인것으로 각자 변경해도 됩니다.
- 설명내용에서 클릭,찍고,체크,누르고 등의 용어는 같은 뜻으로 특별히 오른쪽이란 말이 없으면
마우스왼쪽을 사용하면 됩니다.
- 선택(블록)이란 것은 두 개 이상을 마우스로 선택했을 때 블록(파랗게)이 만들어짐을 말합니다.
- 묶음,묶고,묶여진 등은 작업중 2개이상의 객체를 복사하거나 Movie Clip했을때 생긴모양을 말함.
- 작업중 물결판을 불러온것은 물이있는 이미지에 어울리나 이미지선택에 따라 안넣어도 됩니다.
- 26번 설명중 글꼴의 크기, 모양, 색상, 진하게, 기울기 등은 개인별 취향에 따라 하세요.
- 작업위치의 설명이 어려운부분이 여러곳 있으나 해당 설명하는 곳의 가까운데서 찿아보세요.
- 설명은 이미지 5장을 소재로 작업한 것으로 추가적으로 이미지를 넣을때는 각 번호별 설명에서
해당 이미지 수만큼 늘려서 작업하세요(이미지가 너무많으면 블로그나 카페에 올릴때 안올라갑니다)
- 추가적인 효과(음악, 시계, 액자, 동물, 사람 등)는 개인별 취향에 따라 소스를 불러옵니다.
- 설명내용과 사진이 많이 필요하여 사진은 생략하였습니다. 처음에는 순서에 따라 먼길 약도보고
찿아가듯이 천천히 익히시고 몇 번해보면 작업속도가 익숙해집니다. -yjk버드내-
1. 스위시 창을 열고 작업창의 크기를 맟춘다(작업창크기 720☓540)
2. 이미지(5장)를 불러와서 이미지 크기를 600☓450으로 맟춘다.
☞ 이미지는 작업수량만큼 한꺼번에 모두 불러와서 크기를 맟추면 좋음.
3. 아웃라인에서 이미지를 모두선택 → 우클릭 → Break → Break into Pieces클릭 →
→ 작은창(Regular Grid)이 나오면 아래와 같이 해준다.
☞ Columns =2. Rows=0으로 수정해 준다..
☞ Allow non-triangular pieces앞에 동그라미에 체크한다.
☞ Inflate all pieces by 앞네모☑에 체크한다.
☞ ( )Pixels앞의 숫자를 0.1로 수정해준다.
☞ Cascade order아래에 여러 가지 모양중에서 맨윗줄 왼쪽첫째(오른쪽화살표모양)을 클릭하고 맨아래쪽 OK를 클릭한다.
4. 아웃라인의 이미지전체선택(블록)상태에서 → 우클릭 → Grouping → Ungrouping클릭.
☞ 아웃라인의 이미지가 묶인(블록)상태에서 10개로 늘어난다.
5. 맨아래의 이미지를 클릭하여 이름을 “좌1” 이라고 넣는다
아래에서 위로올라가며 2번째 이미지를 클릭하여 이름을 “우1“ 넣는다
아래에서 위로올라가며 3번째 이미지를 클릭하여 이름을 “좌2” 넣는다
아래에서 위로올라가며 4번째 이미지를 클릭하여 이름을 “우2” 넣는다
아래에서 위로올라가며 5번째 이미지를 클릭하여 이름을 “좌3” 넣는다
아래에서 위로올라가며 6번째 이미지를 클릭하여 이름을 “우3” 넣는다
아래에서 위로올라가며 7번째 이미지를 클릭하여 이름을 “좌4” 넣는다
아래에서 위로올라가며 8번째 이미지를 클릭하여 이름을 “우4” 넣는다
아래에서 위로올라가며 9번째 이미지를 클릭하여 이름을 “좌5” 넣는다
아래에서 위로올라가며 10번째 이미지를클릭하여 이름을 “우5” 넣는다
☞ 위에서 아래로 정렬한 상태보기 = 맨위 우5→좌5→우4→좌4→우3→좌3→우2→좌2→우1→맨아래 좌1.
6. 이름이 모두 주어지면 “우”로된 이미지을 위로 올리고 “좌“이미지는 아래로 오게한다.
☞ 보기 → 맨위쪽이 “우5” 아래로 내려오면서 “우4” “우3“ ”우2“ ”우1” 정열해준다.
“우1” 아래는 “좌5“ ”좌4“ ”좌3“ ”좌2“ ”좌1“순으로 정열한다(좌1이 맨아래)
☞ 정렬한 상태보기 = (맨위)우5→우4→우3→우2→우1→좌5→좌4→좌3→좌2→좌1(맨아래) (1단계)++
7. 우1에서 우5까지 모두선택(블록) → 우클릭 → Copy Object(복사) → Scene-1클릭 →
Scene-1자리에서 다시 우클릭 → Paste In Place클릭(붙이기) = 15개로 늘어남
8. 맨위쪽에 복사된 이미지 우1~우5가 새로 생긴다.
복사된 이미지(우1~우5)모두선택 →우클릭 →Grouping →Group as Movie Clip클릭해서 묶음.
하나로 묶여진곳에 이름을 "우bg"라고 붙여준다.
“우bg" 이름붙인것을 바로위에 있는 녹색화살표를 이용하여 맨아래로 이동(좌1아래)시킨다. (001-1단계)
9. 효과주기 : 우1~우5를 모두선택(블록)한다. 선택한 상태에서
화면우측상단에 있는 Transform에서 o=x를 클릭(활성화)하고 앵카포인트(작은네모9개모양)가운데에
검은색으로 체크되어있는 것을 왼쪽네모 3개중 가운데에 체크(찍고)
x값=360. y값=270으로 맟춰주고
x의 오른쪽 끝에 rotation:( 0)ﾟ 을 (-180)ﾟ 으로 숫자를 넣어주고
y의 오른쪽 끝에 ( 0)ﾟ 을 (180)ﾟ 으로 넣어주고 엔터키를 친다.
10. 우1~우5를 모두선택(블록)한 상태에서 타임라인(Time line)의 40프레임에 더블클릭한다(붉은색점 생김)
11. 우1~우5 의 현상태에서
우1을 선택(클릭)하고 화면우측상단에 있는 트랜스폼(Transform)으로 가서
x의 오른쪽 rotation: ( -180 )ﾟ 을 0으로 수정한다.
y의 오른쪽 ( 180 )ﾟ 을 0으로 수정한다.
우2를 선택하고 위와같이 x와 y를 모두 0으로 수정한다
우3을 선택하고 위와같이 x와 y를 모두 0으로 수정한다
우4을 선택하고 위와같이 x와 y를 모두 0으로 수정한다
우5를 선택하고 위와같이 x와 y를 모두 0으로 수정한다
12. 아웃라인의 위쪽 우1~우5를 다시 모두선택(블록)하고 → 타임라인의 100프레임에서 → 우클릭
→ Place선택(타임라인에 작은동그라미형태의 모양이 세로줄로 생긴다)
13. 아웃라인 아래쪽에 있는 좌1~좌5의 이미지를 우1~우5이미지의 같은번호아래로 각각 이동한다.
☞ 보기 : 위에서부터 아래로 우5. 좌5 .우4 .좌4. 우3. 좌3. 우2. 좌2. 우1. 좌1 순으로 정렬한다.(2-2단계)
14. 아래서부터 같은번호끼리 선택(블록)하여 → 우클릭 → Grouping → Group as Movie Clip클릭.
☞ 보기 : 좌1과 우1묶고. 좌2와 우2묶고, 좌3과 우3묶고, 좌4와 우4묶고 좌5와 우5묶어준다.
15. 묶어진 5개의 Movie Clip(객체)를 모두선택(블록) → 우클릭 → Grouping →
Group as Movie Clip 해서 모두 묶은것에 이름을 img라고 붙여준다.
☞ 아웃라인에는 아래쪽 우Bg 와 위쪽 img 두 개만 남는다(2-3단계)
==============================================
16. 책장넘기기 효과주기 :+++++
위쪽에 있는 img를 열어놓는다(img왼쪽의 +를 클릭하면 열린다)---5개의 무비클립이 생김.(3단계시작)
다시 img를 선택(클릭)한다 → img를 선택한 상태에서
타임라인에서 1~20프레임까지 선택(블록)하고 멈춘다---파란색으로 블록이 형성된다 (중요)
현상태에서 작은목록창의 Movie Control클릭 → Stop클릭(파란색이 분홍색으로 바뀜)+++중요
☞1~20프레임선택이란 : 1프레임에서 우클릭누른상태로 오른쪽으로 드래그하여 20프레임에서 멈춤.
17. 타임라인의 맨아래쪽 1행에서 1프레임에 →우클릭 →Place선택(클릭) →바로옆 2프레임찍고 →
→ 우클릭 → Remove선택(클릭) → 1프레임과 2프레임을 같이선택(블록) → 우클릭
→ Copy Effect(복사) → Paste Effect(붙이기)위로 한칸씩 올라가며 계단식으로 붙여넣기 한다
→ 맨위(마지막)이미지는 우클릭하여→ Place선택(클릭)한다.
☞ 계단식붙여넣기란 :두개의프레임을 묶은상태에서 위로올라가면서 우쪽프레임위치에서 붙여넣기함.(3단계완료)-----
18. 아웃라인에서 맨위img를 다시선택(블록)하고 →Insert → Movie Clip선택 → 무비클립이 새로생긴다.
새로생긴 이름을 auto라고 붙여주고→auto를 맨 아래로 이동(우bg위에)한다 →auto선택(블록)하고→
→ Script클릭 → Add script▼ → Events(맨위) → Feame → on Frame(...)클릭 →
→ on Frame( 1)의 ( )의 숫자를(100)으로 수정한다 → 다시 Add script▼ →
→ Movie Control → Play( ) → 물음표(Target)2번클릭 → Target의 오른쪽 ▼클릭
→ Parent(맨위)선택한다.
☞ Insert 위치 = 아웃라인의 Scene-1(씬-원)바로위에 Insert ▼를 선택하면 됨.
☞ Script 위치 = 작업창왼쪽위의 녹색물음표와 체크모양의 바로위에 있음.
=============================================
19. 배경만들기---16번설명과 동일한 방법
아웃라인의 맨아래에 있는 우bg를 열고 → 맨위의 우5를 맨아래로 내린다
타임라인의 “우5”행 1프레임에서 → 우클릭 →Place선택(클릭) →바로옆 2프레임찍고 →
→ 우클릭 → Remove선택(클릭) → 1프레임과 2프레임을 같이선택(블록) → 우클릭
→ Copy Effect(복사) → 위로 한칸씩 올라가며 계단식으로 붙여넣기 한다
→ 맨위(마지막)이미지는 우클릭하여→ Place선택(클릭)한다.
타임라인에서 1~20프레임까지 선택(블록)하고 멈춘다-----파란색으로 블록이 형성된다.
현상태에서 작은목록창의 Movie Control클릭 → Stop클릭(파란색이 분홍색으로 바뀜)
20. 아웃라인에서 우bg 를 선택한다 → Insert → Movie Clip 선택 → 새로생긴 객체의 이름을 auto
라고 붙여주고 → auto를 맨 아래로 이동한다 → auto선택(블록)하고 →
→ Script클릭 → Add script ▼ → Events(맨위) → Feame → on Frame(...) →
→ on Frame(1)의 숫자를(100)으로 수정한다. → 다시 Add script ▼ →
→ Movie Control → Play( ) →물음표(Target)2번클릭 → Target의 오른쪽▼클릭 →Parent클릭.
==========================================================
21. 작업창과 아웃라인을 모두닫고 → 아웃라인에서 Img와 우bg 모두선택(블록) → 우클릭 →
→ Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 a 라고 붙여준다.
☞ 작업창과 아웃라인닫기란 : 작업창은 창의 왼쪽상단 Layout:Scene-1을 클릭하면 되고
아웃라인은 Img와 우bg 앞의 -를 클릭하면 된다.
22. 아웃라인에서 a 를선택(블록) → 우클릭 →Copy Object(복사) → 그 자리(a)에서 다시 우클릭 →
→ Paste In Place(붙이기) → a Copy새로생김 → 현상태에서 트랜스폼(Transform)으로 가서 → y＋1해준다.
☞ y+1이란 : y의 현재숫자에 1을 더해주는것(예. 250=251로, 270=271로 ,350=351로) (4단계 완성)
===================================================
23. Scene-1을 클릭하고 임포트에니메이션(Import Animation)에서 준비된 물결판을 불러온다 →
→ 불러온 물결판을 a의 한칸아래(중앙)내려놓는다 → 물결판과 위의 a를 선택(블록)하여 →
→ 우클릭 → Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 w 이라
붙여준다 → Mask에 체크해준다 → w과 아래a를 함께 선택(블록)→ 우클릭 →
→ Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 img라고 붙여준다.
24. Scene-1을 클릭하고 준비된 바탕이미지(배경이미지)를 불러와서 작업창크기로 맟춰준다(720☓540) →
→ 바탕이미지를 img아래(맨아래)로 내린다.
25. 여기서 플레이를 한번 해본다. 책장넘어가는것 확인하고 다음순서로 넘어간다.
26. 타이틀넣기 (큰 제목 세로글 넣기)
툴박스(Tools)에서 T선택 →Scene-1(씬원)클릭 →프로퍼티즈(Properties)에서 글꼴(휴면옛체),
크기(28),색상(핑크).세로쓰기(맨아래N)선택 → 작업창의 글쓸곳에 한번 찍고(클릭) →Edit클릭
→ 글쓰기창에서 글내용입력(책장오른쪽으로 넘기기) → Apply클릭 → 글쓰기창닫음(X누름)
→ 툴박스의 화살표를 찍고 글의 위치를 바로잡아주고 →
→ 타임라인의 T(글) 1프레임에서 더블클릭~200프레임에서 더블클릭→ 우클릭→ Effect(맨아래)
→ Appear Into→Position → 3D Spin in and grow(왼쪽맨위)선택하고 → "예‘클릭.
→ 타임라인의 250프레임더블클릭 ~ 450프레임더블클릭 → 우클릭 → Effect(맨아래) →
→ Disapper From Position → 3D Spin(왼쪽맨위)선택하고 → “예” 클릭
→ 아웃라인(Outline)의 Text(글)와 이미지를 선택(블록) → 우클릭 → Grouping →
→ Group as Movie Clip클릭 → 묶어준것 이름을 Title(타이틀)로 붙여준다.
☞ 아웃라인에는 Title 과 배경이미지 2개만 남는다
27. 책장넘기기와 글넣기 완료됨(기타 음악,시계,사람,새,액자 등은 개인별 취향에 따라 넣어준다)
28. 플레이 해본다 →저장한다: File(파일)→ Save As(중간저장.필요시) → Export → SWF(저장완료)
'°♡。swish & 소스' 카테고리의 다른 글
| ▣ 책장 오른쪽 넘기기 (0) | 2022.07.20 |
|---|---|
| 01.스위시 스크립트 이해하기 | (0) | 2022.07.20 |
| 크리스마스 아이콘 모음 (0) | 2022.07.20 |
| °♡。 크리스마스 아이콘 모음 2 (0) | 2022.07.20 |
| 겨울 이미지 gif (0) | 2022.07.20 |