tai leu hoc flash

85
Ngµy 8 th¸ng 8 n¨m 2014 Häc Flash I. Cµi ®Æt Flash 9.0 T¬ng tù c¸c phÇn mÒm kh¸c: - Më file cµi ®Æt vµ chän c¸c nót next. - Sau khi cµi ®Æt xong nhËp m· cho ch¬ng tr×nh ®Ó tiÕn hµnh ch¹y. II. Trë vÒ mµn h×nh mÆc ®Þnh: II. B íc ®Çu lµm viÖc víi Flash 1. Khëi ®éng: Tµi liÖu häc Flash - Trang 1

Upload: ha-thu

Post on 28-Jun-2015

91 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Tai leu hoc flash

Ngµy 8 th¸ng 8 n¨m 2014

Häc Flash

I. Cµi ®Æt Flash 9.0

T¬ng tù c¸c phÇn mÒm kh¸c:

- Më file cµi ®Æt vµ chän c¸c nót next.

- Sau khi cµi ®Æt xong nhËp m· cho ch¬ng tr×nh ®Ó

tiÕn hµnh ch¹y.

II. Trë vÒ mµn h×nh mÆc ®Þnh:

II. B íc ®Çu lµm viÖc víi Flash 1. Khëi ®éng:

Tµi liÖu häc Flash - Trang

1

Page 2: Tai leu hoc flash

2. Giao diÖn ban ®Çu:

3. Hép c«ng cô:

Tµi liÖu häc Flash - Trang

I. Khëi ®éng vµ tho¸t1. Khëi ®éngVµo Menu Start, chän Macromedia, chän Macromedia Flash 8 hoÆc nh¸y ®óp chuét vµo biÓu t îng trªn Macromedia Flash 8 mµn h×nh. XuÊt hiÖn mµn h×nh ban ®Çu- §Ó më mét File. Chän môc Open a Recent Item- §Ó më mét FIle míi. Chän môc Create New, chän Flash Document- §Ó t¹o míi mét File ¸p dông tõ c¸c mÉu chän Create From Template, chän mét th viÖn mÉu, chän mét mÉu..

2. Giao diÖn ban ®Çu cña Macromedia Flash 8

Title Bar Menu Bar B¶ng tiÕn tr×nh Time line)

C¸c b¶ng ®iÒu khiÓn (Panel)

Hép

c«ng

Th

an

h

viÕ

t lÖ

nh

Thanh thuéc tÝnh

Stage

2

Page 3: Tai leu hoc flash

4 B¶ng tiÕn tr×nh:

Tµi liÖu häc Flash - Trang

3

Chän ®èi tîng (di chuyÓn, chØnh söa,...)

Chän uèn n¾n ®èi t-îng

Gi·n k/c. kÝch th-íc.

Gi·n k/c, kÝch thíc, xoay,.

Chän tïy ý

ViÕt ch÷

VÏ HCN or HV, ®a gi¸c

Cä vÏ

T« mµu nÒn

VÏ ®êng th¼ng

VÏ liªn tiÕp theo ®iÓmVÏ ®êng trßn hoÆc elÝp

TÈy h×nh

VÏ nÐt tïy ý

T« ®êng viÒn

Sao chÐp mµu cã s½n

Mµu ®êng viÒn

Mµu nÒnPhãng to or thu nhá

Page 4: Tai leu hoc flash

III. Thùc hµnh1. VÏ h×nh sau: h×nh 1

B íc 1: VÏ h×nh e lÝp:

B íc 2: xãa nh÷ng dÊu chÊm trªn ®êng viÒn -->

B íc 3: kÐo lÖch t©m: B íc 4: T¹o gãc xoay vµ xoay theo gãc ®ã:

Tµi liÖu häc Flash - Trang

§Çu ph¸t (PlayHead)

Con sè khung h×nh (Frames Number)

Menu cña b¶ng tiÕn tr×nh

C¸c thanh cuén

Thêi gian ph¸t l¹i

Tèc ®é khung h×nhKhung h×nh hiÖn

t¹iSöa ®æi c¸c ®iÓm ®¸nh dÊu OnionSöa ®æi nhiÒu khung h×nh

ChÕ ®é söa ®æi ® êng nÐt Onion SkinChÕ ®é thÓ hiÖn Onion Skin

Canh gi÷a khung h×nh

Líp

4

Page 5: Tai leu hoc flash

B íc 5: vÏ ®êng trßn lín vµ tiÕn hµnh ghÐp h×nh:

* Lu ý c¸ch c¨n chØnh Align vµ phÇn hiÖn ®èi tîng trªn díi:

H×nh 2: t¬ng tù (kh«ng ®iÒu chØnh t©m xoay)

Tµi liÖu häc Flash - Trang

5

Page 6: Tai leu hoc flash

2. VÏ ®a gi¸c:B íc 1: chän kiÓu vÏ ®a gi¸c:

B íc 2: chän sè c¹nh, kiÓu trong môc options

B íc 3: VÏ h×nh (VD l¸ cê ®á sao vµng)

3. VÏ h×nh sau:

C¸ch vÏ: ®êng trßn lín vµ ®êng trßn nhá ®Ó t¹o m¾t:- VÏ c¸c 2 ®êng trßn.- §êng trßn nhá ®Ó t¹o m¾t ta copy lµm 3 lÇn vµ t« mµu cho 3 ®êng trßn nhá (cã c¨n chØnh ®é réng).C¨n lÒ 1 bªn cho 3 ®êng trßn nhá (VD: left).- Sao chÐp thªm 1 m¾t n÷a sau ®ã cã thÓ xoay 1800 or chän môc sau:Tµi liÖu häc Flash - Trang

6

KiÓu vÏ

Sè c¹nh

Page 7: Tai leu hoc flash

- T¹o tam gi¸c b»ng biÓu tîng chiÕc bót sau ®ã xoay theo yªu cÇu.- VÏ c¸c tam gi¸c nhá phÝa díi vµ t« mµu cho nã.- C¨n c¸c ®èi tîng ®Ó t¹o thµnh h×nh vÏ hoµn chØnh.(Trong h×nh vÏ nµy lu ý sau khi t¹o xong h×nh nªn group c¸c ®èi tîng l¹i)4. VÏ h×nh sau: T¬ng tù phÇn 1 (Lu ý chän ®óng kÝch th-íc).

5. VÏ cét cê:

B íc 1: VÏ l¸ cê vµ uèn cong l¸ cê (phÝa díi vµ trªn cong xuèng).

Tµi liÖu häc Flash - Trang

7

Page 8: Tai leu hoc flash

B íc 2: Dïng c«ng cô (chän chØnh söa) kÝch vµo ®iÓm ®Çu vµ t¹o ra ®êng th¼ng ®Ó uèn nh h×nh trªn.B íc 3: VÏ ng«i sao vµ c¸n cê.

Ngµy 30 th¸ng 11 n¨m 2008

Häc Flash

I. ¤n tËp thùc hµnh vÏ c¸c h×nh sau:

1. C«ng cô vÏ ®êng th¼ng2. C«ng cô chiÕc bót- Chän ®iÓm ®Çu vµ ®iÓm cuèi ( cã thÓ uèn cong t¹i ®iÓm cuèi)

3. C«ng cô bót ch×

4. C«ng cô cä vÏ:

Tµi liÖu häc Flash - Trang

8

Chän c¸c kiÓu ®êng cong, gÊp khóc,...

Page 9: Tai leu hoc flash

5. NÐt vÏ tù chän:

6. C«ng cô tÈy:

Tµi liÖu häc Flash - Trang

9

c¸c nÐt vÏ kh¸c nhau

Chän ®é lín cho nÐt vÏ

ChÕ ®é b×nh th-êngChÕ ®é nÒn

PhÝa sau

vïng chän

Bªn díi

Page 10: Tai leu hoc flash

7. Chän vµ phèi hîp nhiÒu mµu:

Tµi liÖu häc Flash - Trang

10

TÈy c/® mÇu nÒn

TÈy c/® chuÈn

TÈy ®êng viÒn

TÈy vïng chän

TÈy trong lßng h×nh vÏ

TÈy nhanh theo ®èi tîng cïng tÝnh chÊt

Vïng thay ®æi mµu ®· chän

Vïng chän mµu ban ®Çu

Page 11: Tai leu hoc flash

II. Thùc hµnh vÏ c¸c h×nh:1. VÏ h×nh sau:

- VÏ 1 ®êng trßn b×nh thêng.- Copy thªm 1 ®êng trßn kh¸c vµ t« mÇu cho nã, hiÖu

chØnh ®é lín cho nã (thay ®æi 1 th«ng sè th«ng sè kia thay ®æi theo- chän khãa)

- C¨n chØnh ®Ó t¹o thµnh 2 ®êng trßn ®ång t©m.

- T¹o ph©n m¶nh vµ xãa ®êng trßn bªn trong.

Tµi liÖu häc Flash - Trang

11

c¸c kiÓu hiÓn thÞ mµu

H×nh 1

Page 12: Tai leu hoc flash

- Chän 3 mµu (VD: Xanh tr¾ng xanh ®Ó t¹o h×nh trªn.

-

- Sao chÐp thµnh chiÕc vßng kh¸c vµ ®iÒu chØnh mµu nh sau:

Tµi liÖu häc Flash - Trang

12

xãa ®êng trßn bªn trong

lu ý mµu chän lu ý mµu chän

Chän mµu ®á cho khu vù nµy

Page 13: Tai leu hoc flash

- T¹o chiÕc vßng lång vµo nhau:+ Sao chÐp thµnh chiÕc vßng kh¸c vµ cho Èn phÝa díi sau ®ã xãa mét phÇn ®Ó t¹o 1 phÇn nhá ®Ì lªn h×nh trªn

2. VÏ h×nh

- T¹o nÒn vµ vÏ 1 ®êng trßn tr¾ng --> ®en.* Lu ý chän kiÓu :

- Sao chÐp ®êng trßn thµnh 1 ®êng trßn kh¸c cã kÝch cì kh¸c vµ ®æi chiÒu mµu (®en --> tr¾ng).

Tµi liÖu häc Flash - Trang

13

Page 14: Tai leu hoc flash

- H×nh sau t¬ng tù nhng ®æi chiÒu mµu gièng ®êng trßn thø nhÊt.3. VÏ h×nh

- VÏ h×nh trô vµ kÐo cong 2 ®Çu.- VÏ h×nh e lÝp vµ t« mµu ®en ®a lªn phÝa trªn cña h×nh trô.- T¬ng tù víi h×nh trô thø 2 vµ vÏ ch©n ®Öm b»ng 2 h×nh 3 elÝp.- VÏ h×nh trô thø 3 t« mµu ®á vµ phÝa trªn chÌn 1 h×nh e lÝp mµu ®á.- GhÐp c¸c h×nh víi nhau ®Ó ®îc h×nh thái son.4. VÏ c©y bót ch×:

Tµi liÖu häc Flash - Trang

14

Page 15: Tai leu hoc flash

- VÏ h×nh ch÷ nhËt gãc uèn cong vµ 1 h×nh ch÷ nhËt phÝa díi, t« mµu cho chóng.- VÏ 1 h×nh ch÷ nhËt ( cã thÓ vÏ 3 h×nh) vµ t« mµu nh trªn.- VÏ 1 HCN nhng kÐo cong ®Çu díi.- T¬ng tù víi phÇn ch× phÝa díi.(Lu ý dïng sè ®o ®Ó ®iÒu chØnh ®é lín c¸c phÇn)III. C«ng cô v¨n b¶n

1. T¹o text sau:

Tµi liÖu häc Flash - Trang

15

PhÇn nhËp ch÷

chän font ch÷

cì ch÷

HiÖu chØnh kho¶ng c¸chHiÖu chØnh ngang däc.ChØ sè

Xoay ch÷

Linh ®Õn web

Page 16: Tai leu hoc flash

- NhËp text. - NhÊn Ctrl + B 2 lÇn- T« mµu cho tõng ch÷.* Cã thÓ t« mµu cho ch÷ lµ 1 bøc tranh:

- Môc type\bitmap- Chän import ®Ó t¹o th môc chøa ¶nh- Chän ch÷ vµ thay ®æi c¸c kiÓu nÒn tõ th môc ¶nh.

Ngµy 6 th¸ng 12 n¨m 2008

Tµi liÖu häc Flash - Trang

16

Page 17: Tai leu hoc flash

Layer and folder

I. Lµm viÖc víi c¸c layer- Nh¸y ®óp chuét vµo ch÷ layer

- §æi tªn cho layer ®ã.* Thªm 1 layer míi:- KÝch chuét vµo c«ng cô (+) ë bªn díi

- §æi tªn cho layer míi.- Khi lµm viÖc ë layer nµo th× cã biÓu tîng chiÕc bót ë ®ã.* Chó ý:

- Khi ®· khãa layer th× kh«ng thÓ chØnh söa c¸c ®èi tîng trong layer ®ã.- Muèn bá c¸c dÊu “x” th× nh¸y chuét vµo dÊu “x” ®ã.

Tµi liÖu häc Flash - Trang

17

Khãa layer

Kh«ng nh×n thÊy c¸c ®èi tîng trªn layerHiÓn thÞ mµu trªn layer (mµu nÒn)

Xãa layer (kÐo th¶ chét vµo thïng r¸c)

T¹o folder ®Ó qu¶n lÝ c¸c layer

Page 18: Tai leu hoc flash

- KÐo th¶ chuét c¸c layer vµo folder ®Ó qu¶n lÝ nã.

- Muèn t¹o layer vµ folder míi ph¶i ®ãng vµ khãa c¸c layer vµ folder tríc.

II. Frame:Sè ®èi tîng hay h×nh ¶nh (Th«ng thêng 1 ®èi tîng cã

12 frame)

Keyflame

Tµi liÖu häc Flash - Trang

18

Page 19: Tai leu hoc flash

- Cã thÓ t¹o ®èi tîng vµo keyflame rçng b»ng c¸ch kÝch chuét vµo « rçng trªn flame sau ®ã t¹o ®èi tîng vµ keyflame chuyÓn sang mµu ®en.

- T¬ng tù cã thÓ t¹o thªm c¸c blankkeyflame (F7) vµ t¹o ®èi tîng ®Ó thµnh hiÖu øng chuyÓn ®éng.NhÊy enter ®Ó kiÓm tra chuyÓn ®éng hoÆc nhÊn CTRL + enter ®Ó kiÓm tra chuyÓn ®éng liªn tôc.

Tµi liÖu häc Flash - Trang

19

T¹o keyflame rçng

Page 20: Tai leu hoc flash

- Cã thÓ gi·n thêi gian ho¹t ¶nh b»ng c¸ch: tõ mçi flame t¹o thªm 1 flame n÷a (flame trèng)

III. Khung h×nh chuyÓn ®éng liªn tôc- T¹o ®èi tîng (h×nh trßn)- Chän nh h×nh vÏ sau:

Tµi liÖu häc Flash - Trang

20

T¹o flame F5

F7F6

xãa flame

Page 21: Tai leu hoc flash

- §¸nh dÊu ®iÓm vµ nhÊn F6 (insert keyflame)

- T¹i keyflame 50 di chuyÓn ®èi tîng ®Õn ®iÓm cuèi t¹o chuyÓn ®éng

Tµi liÖu häc Flash - Trang

21

Page 22: Tai leu hoc flash

- §Ó thay ®æi chuyÓn ®éng kho¶ng gi÷a lµm t¬ng tù ®o¹n cuèi.

- T¹o thªm ®èi tîng kh¸c chuyÓn ®éng.

Tµi liÖu häc Flash - Trang

22

Page 23: Tai leu hoc flash

+ insert 1 layer míi t¹i flame thø 5 nhÊn F7 råi vÏ h×nh vu«ng

+ KÝch ph¶i chuét t¹i flame thø 5 chän

+ T¹i ®iÓm cuèi ®Æt chuyÓn ®éng cho ®èi tîng nh trªn

Tµi liÖu häc Flash - Trang

23

Page 24: Tai leu hoc flash

- T¹o chuyÓn ®éng xoay:+ T¹i ®iÓm cuèi xoay h×nh

* T¹o biÕn ®æi ch÷:- §iÓm ®Çu

Tµi liÖu häc Flash - Trang

24

Page 25: Tai leu hoc flash

- §iÓm cuèi:

- BiÕn ®æi h×nh lín dÇn vµ ®æi mµu.

Tµi liÖu häc Flash - Trang

25

Page 26: Tai leu hoc flash

IV. ChuyÓn ®éng biÕn ®æi h×nh d¹ng ®èi t îng - VÏ h×nh trßn ban ®Çu- Chän vÞ trÝ flame vµ nhÊn F7.- VÏ h×nh biÕn ®æi cuèi (h×nh vu«ng)- Nh¸y chuét vµo ®iÓm gi÷a kho¶ng flame vµ chän

Tµi liÖu häc Flash - Trang

26

Thay ®æi mµu s¾c

Page 27: Tai leu hoc flash

- BiÕn ®æi h×nh thµnh ch÷ :+ VÏ h×nh tîng tr¬ng.+ Chän F7 ë vÞ trÝ flame vµ nhËp ch÷.+ Chän shape ë kho¶ng gi÷a

- Lµm liªn hoµn biÕn ®æi ch÷ thµnh h×nh, h×nh thµnh ch÷ + Chän flame n÷a

Tµi liÖu häc Flash - Trang

27

Page 28: Tai leu hoc flash

+ Copy h×nh ban ®Çu ( h×nh trßn).

+ ë kho¶ng gi÷a chän

* §Ó gi·n flame (kho¶ng thêi gian c/®) kÝch chuét vµo kho¶ng gi÷a nhÊn F5.

Tµi liÖu häc Flash - Trang

28

Page 29: Tai leu hoc flash

- T¹o H×nh chuyÓn ®éng ch¹y theo chiÒu tr¸i, ph¶i (ch÷ ch¹y)+ T¹o 1 h×nh sau ®ã nhÊn F6 vµ t¹o h×nh tiÕp theo.

+ Muèn ch¹y ngîc l¹i nhÊn ALT vµ kÐo th¶ chuét vµo layer míi.* T¹o chuyÓn ®éng theo quü ®¹o tù t¹o- T¹o ®êng quü ®¹o

- Nh¸y chuét ph¶i t¹i flame chän - Chän kho¶ng flame cho quü ®¹o (f6)

- ChÌn thªm layer vÏ t¹o ®èi tîng míi

Tµi liÖu häc Flash - Trang

29

Page 30: Tai leu hoc flash

- T¹o míi c/®

- Chän ®iÓm cuèi

-

- HiÖu chØnh tõng ®iÓm uèn cho layer 2 (qu¶ bãng)

* Chó ý: Cµng hiÖu chØnh ®iÓm gÇn nhau chuyÓn ®éng cµng chÝnh x¸c theo ®êng ®· vÏ.

Tµi liÖu häc Flash - Trang

30

Page 31: Tai leu hoc flash

Ngµy 7 th¸ng 12 n¨m 2008

T¹o ho¹t ¶nh

I. T¹o qu¶ trøng vì ra- Chän nÒn

- VÏ h×nh qu¶ trøng

Tµi liÖu häc Flash - Trang

31

KÝch thíc

mµu nÒn

Page 32: Tai leu hoc flash

-

Tµi liÖu häc Flash - Trang

32

Page 33: Tai leu hoc flash

- NhÊn vµo flame 10 råi nhÊn F5- T¹o layer míi- VÏ vÕt nøt

Tµi liÖu häc Flash - Trang

33

Page 34: Tai leu hoc flash

- Chän c¸c keyflame vµ xãa tõng ®o¹n 1 t¹o c¶m gi¸c vÕt nøt ch¹y

- ChÌn thªm layer thø 3 (trung vo)+ T¹i keyflame thø 11 chän insert blank keyflame+ Chän keyflame ®Çu tiªn cña trøng nhÊn ph¶i chuét chän copy flame + Tõ layer trøng vì chÌn thªm 1 blank keyflame

- NhÊn F6 vµ dïng c«ng cô xoay nöa h×nh 1 lÖch t©m ®Ó t¹o ra hiÖu øng trøng vì

Tµi liÖu häc Flash - Trang

34

Page 35: Tai leu hoc flash

- T¹o kho¶ng 10 keyflame nh trªn.- Cã thÓ vÏ thªm ga ë bªn trong t¬ng tù nh lµm trøng vì (ta sau khi copy flame ë phÇn vì ban ®Çu th× vÏ thªm gµ con ë trong – CÇn ph¶i khãa nh÷ng layer kh«ng dïng ®Õn). Mçi flame cho gµ lín h¬n.- Cã thÓ t¹o hiÖu øng dõng chuyÓn ®éng cña trøng b»ng c¸ch t¹o 1 layer míi vµ chÌn thªm 1 Keyflame (insert blank keyflame), më hép tho¹i action gâ lÖnh stop();.

hoÆc

Tµi liÖu häc Flash - Trang

35

Page 36: Tai leu hoc flash

II. ChuyÓn ®éng theo ® êng dÉn (quü ®¹o) - T¹o ®èi tîng, sau ®ã t¹o chuyÓn ®éng cho ®èi tîng ®ã.- Nh¸y chuét vµo dÊu + (add motion guide) cã d¹ng nh díi ®©y

- VÏ ®êng chuyÓn ®éng cho ®èi tîng.

- HiÖu chØnh t©m vµo ®iÓm ®Çu cña quü ®¹o vµ cuèi ®-êng quü ®¹o.- T¬ng tù cã thÓ vÏ quü ®¹o chuyÓn ®éng cña hÖ mÆt trêi.

Tµi liÖu häc Flash - Trang

36

Page 37: Tai leu hoc flash

+ T¹o chuyÓn ®éng cho mÆt trêi nh trªn.+ T¹o layer cho mÆt trêi.+ T¹o layer cho quü ®¹o (Copy ®êng chuyÓn ®éng add motion guide)+ ChØnh ®êng quü ®¹o cho phï hîp.

II. T¹o chuyÓn ®éng cho « t« theo quü ®¹o (vµnh xuyÕn)

- T¹o 2 layer: 1 vßng xuyÕn, 1 «t«.

- T¹o chuyÓn ®éng cho « t«.- add motion guide cho « t« (quü ®¹o lµ ®êng trßn trong vßng xuyÕn).- HiÖu chØnh mét sè ®iÓm trªn ®êng chuyÓn ®éng ®Ó cho « t« ch¹y ®óng híng.

Tµi liÖu häc Flash - Trang

37

T¹o c¸c layer

Page 38: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

38

C¸c layer

C¸c ®iÓm hiÖu chØnh xoay h×nh theo

Page 39: Tai leu hoc flash

Ngµy 13 th¸ng 12 n¨m 2008

T¹o ho¹t ¶nh(TiÕp)

I. Phãng to ch÷ khi cã vËt s¸ng ®i qua 1 ¶nh

1. Chän file -> Open as library, chän 1A2. Chän File -> New3. Trªn layer 1 kÐo G_text tõ th viÖn ra stage4. T¹o layer 2. Trªn Layer 2 ®a ra Symbol 2 tõ th viÖn.5. T¹o Create motion tween cho symbol 2 đi từ đầu đến

cuối chữ.6. T¹o layer 3, sao chép layer 1 ®Ó cã néi dung cho

layer3. Dùng Edit -> Copy ®Ó sao và Edit -> Paste in Place ®Ó d¸n vào layer 3.

7. Chän Windows -> Panel -> Transform. Thay ®æi chiÒu cao là 120% cña ch÷ trªn layer 3.

8. Tạo layer 4, sao néi dung cña layer 2 vào layer 49. Tạo create motion tween cho symbol 2 trên layer 4 ®i

tõ ®Çu ®Õn cuèi ch÷ gièng hÖt ë bíc 5 trªn layer 2.10. Tạo layer 4 là mask.11. NhÊn Control -> play ®Ó thö.

II. T¹o clip b¸nh xe

Tµi liÖu häc Flash - Trang

39

Page 40: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

40

Page 41: Tai leu hoc flash

T¹o nót ®iÒu khiÓn- Bíc 1:

tiÕp

- Bíc 2:

Tµi liÖu häc Flash - Trang

41

VÞ trÝ di chuét ®Õn ®Ó thay ®æi

Page 42: Tai leu hoc flash

- Bíc 3:

* Chó ý muèn t¹o nh÷ng nót cã d¹ng gièng nh vËy ta lµm nh h/v sau:

Tµi liÖu häc Flash - Trang

42

T¹o c¸c nót kh¸c nhau khi chuyÓn hiÖu øng lµm sinh ®éng ®èi t-îng (b«ng hoa në ra, mÆt trêi)....

Nh¸y chuét vµo ®©y ®Ó kÕt thóc

Page 43: Tai leu hoc flash

söa tªn:

- Nh¸y ®óp chuét vµo biÓu tîng trªn stage ®Ó söa thµnh h×nh kh¸c

Tµi liÖu häc Flash - Trang

43

Page 44: Tai leu hoc flash

Ngµy 20 th¸ng 12 n¨m 2008

Ho¹t ¶nh víi c¸c nót ®iÒu khiÓn

I. C¸c nót ®iÒu khiÓn phim- VÏ c¸c nót ®iÒu khiÓn

Tµi liÖu häc Flash - Trang

44

Page 45: Tai leu hoc flash

- T¹o thªm layer míi vµ kho¸ layer nut lai t¹o nÒn cho layer nÒn

- Cã thÓ t¹o híng dÉn b»ng c¸ch t¹o HD lµ button- ChÌn thªm 1 layer vµ më réng c¸c frame (F5)

Tµi liÖu häc Flash - Trang

45

Page 46: Tai leu hoc flash

- T¹o sè 1 t¹i keyframe nhËp sè 1 vµ ph¸ vë liªn kÕt

- TiÕp theo còng nh vËy t¹i vÞ trÝ cuèi

- TiÕp theo chän biÕn ®æi h×nh d¹ng

Tµi liÖu häc Flash - Trang

46

Page 47: Tai leu hoc flash

- T¹o 1 layer tiÕp theo

Tµi liÖu häc Flash - Trang

47

(F7 sau ®ãnhËp sè 1

Page 48: Tai leu hoc flash

- Lµm t¬ng tù víi c¸c keyframe 20 vµ 30 (F7 – sau ®ã míi nhËp ch÷)

- T¹o c¸c lÖnh cho layer nót (kho¸ c¸c layer kh¸c)

+ Play: on (press) play;+ Stop: on (press) stop;+ Next: on (press) next frame;+ Prev: on (press) prev frame;+ VÒ ®Çu: on (press) gotoandplay(1); + H×nh sè 1: on (press) gotoandplay (“so 1”); stop();+ H×nh sè 2: on (press) gotoandplay (“so 2”); stop(); hoÆc on (press) gotoandstop (“so 3”);+ H×nh sè 3: on (press) gotoandplay (“so 3”); stop();

II. T¹o nót ©m thanh- ChÌn vµo library 1 file ©m thanh (mp3, wav)- T¹o chuyÓn ®éng cho 1 ®èi tîng.- ChÌn thªm 1 layer míi vµ kÐo thÎ file ©m nh¹c vµo layer míi.* T¹o nót ©m thanh:- T¹o key frame 1:

- T¹o key frame 2:

Tµi liÖu häc Flash - Trang

48

Page 49: Tai leu hoc flash

- T¹i key 2 chän trong b¶ng thuéc tÝnh nh sau:

- T¹o 1 layer ®Ó viÕt lÖnh: dïng lÖnh stop ë c¶ 2 keyframe

- ChÌn thªm 1 layer míi “nót” vÏ HCN vµ nhÊn F6 ®Ó thùc hiÖn tiÕp.- T¹i c¸c HCN viÕt lÖnh:+ H×nh 1: on (press) {gotoAndPlay(2);}+ H×nh 2: on (press) {gotoAndPlay(1);stop();}- Chän HCN vµ chØnh phÇn thuéc tÝnh (alpha, gi¶m %) ®Ó lµm mê HCN

Tµi liÖu häc Flash - Trang

49

Page 50: Tai leu hoc flash

Bæ sungBƯỚC ĐẦU LÀM QUEN VỚI FLASH

Tµi liÖu häc Flash - Trang

50

Muốn lấy Align và transform ra ngoài màn hình bên tay phải. Ta làm như sau:Window-->Transform (CTRL+T)

Page 51: Tai leu hoc flash

Muốn tạo bông hoa

Muốn vẽ hình tam giác - lục giác...

*Nếu không xuất hiện bảng thì ấn vào Options.. ở phía dưới màn hình.

Hiệu ứng phóng to chữ khi có vòng tròn chạy qua

Tµi liÖu häc Flash - Trang

51

-Di chuột vào công cụ hình chữ nhật-Kích chuột vào PolyStar Tool hiện ra bảng sau:

-Sau đó chọn kiểu có thể là ngôi sao 5 -4 cánh....

-Xuất ra File chạy

Page 52: Tai leu hoc flash

Ví dụ: Soi chữ

Bước1:Tạo layer1 đặt tên là chữ1Bước2: Gõ chữ vào layer1 (ví dụ hau) (cách 1 bôi đen chữ)chú ý:(cách 2) muốn tô màu phải phá vỡ chữ sau đó tô màu và lại group lại (CTRL + G)

Bước 3: chọn khoảng trên Frame và ấn F5

Bước 4: Tạo layer2 đặt tên là tròn1Bước 5: Vẽ hình tròn màu của hình tròn trùng với màu nền để hình tròn ngang với chữ.tạo chuyển động cho hình tròn. Ấn create motion tween chọn khoảng trên Frame(trùng với khoảng của chu1) ấn F6. Di chuyển hình tròn qua chữ.

Bước 6: tạo layer3 đặt tên Bước 7: Copy toàn bộ text của chu1 sang chu2

Tµi liÖu häc Flash - Trang

52

Nháy chuột vào chu1. Sau đó nháy nút chuột phải vào chỗ đen ấn Copy Frames.

Page 53: Tai leu hoc flash

Bước 8: Tạo layer4 đặt tên tron2 Bước 9: Copy hình tròn của tron1 vào tron2 các bước thực hiện như bước 7.

Ví dụ: Hiện chữ từ trên xuống

Bước1: Tạo layer1: khoichu Bước2: Chọn khoảng trên Frame và ấn F5Bước3: Tạo layer2: hcn (hình chữ nhật dài bằng khối chữ)Bước 4: Tạo chuyển động cho hcn: create motion tween ấn F6. Di chuyển

hcn từ đầu xuống dưới. Kích vào công cụ để cho to khối chữ nhật bằng cả khối chữ. Sau đó ấn vào Mask. Sau đó ấn CTRL + ENTER để kiểm tra.

Tµi liÖu häc Flash - Trang

53

Sau đó nháy chuột phải vào chu2 Paste Frames.

-Chọn % cho chữ to hơn

-Ấn vào Tron2 nháy nút phải chuột và ấn MaskSau đó ấn CTRL +Enter để kiểm tra

Page 54: Tai leu hoc flash

Ví dụ: Hiện chữ từ dưới lênBước1: tạo layer1: khối chữ như trên: ở phía dưới trang trắng

tạo cho khối chữ chạy: create motion tween + F6.Bước: tạo layer2: khoichu. . Vẽ hình chữ nhật bao gồm hết cả phần khối chữ.Sau đó ấn vào Mask. Kiểm tra ấn vào CTRL+Enter.

Ví dụ: Chữ chạy ảnh

Bước2: Tạo layer1: đặt tên là: anh (chua anh vua chen). Tạo chuyển động cho ảnh(như trên).Bước3: Tạo layer2: chữ. Sau đó chọn khoảng và ấn F5.

sau đó ấn Mask. Kiểm tra CTRL+ Enter.

Ví dụ: Tạo chữ có vệt sángBước1: Tạo Layer1: đặt tên là chu1. Chọn khoảng ấn F5.Bước2: Tạo layer2: đặt tên là hcn. Tạo chuyển động của hcn(giống trên) di chuyển qua chữ. Nền HCN và viền màu trắng.Bước3: Tạo layer3: đặt tên là chu2. Copy của chu1 sang chu2 ( giống trên). Sau đó ấn Mask.

Tµi liÖu häc Flash - Trang

54

Bước1: Chèn ảnh

Page 55: Tai leu hoc flash

Quản lý đối tượng trong thư viện

Ví dụ: Tạo bánh xe

Bước 1: tab Window --> Library (CTRL +L)Bước 2: Đưa đối tượng vào thư viện: Insert --> New symbol (CTRL+F8)

Đặt tên và chọn Graphic.

Bước tạo bánh xeBước 1: Dùng công cụ hình tròn và công cụ đường thẳng. (chú ý phải

bật sáng ở phía dưới hộp cong cụ).

Tµi liÖu häc Flash - Trang

55

(Nếu quên không cho bài tập vào thư viên)Ấn F8 để chuyển bài làm sang thư viện.

chọn không màu đường viền ấn vào công cụ mũi tên chỉ.

Page 56: Tai leu hoc flash

Bước 2: chọn vào Align để căn chỉnh theo tâm. Sau đó chọn đường thẳng, chọn vào Transform bỏ tích ở constrain. Chọn Rotate 450.

Bước 3: Nhấn giữ phím CTRL + B (modify break apart) sau đó xoá dần các đường thẳng thừa như hình sau.

Bước 4: Vẽ một hình tròn sau đó chọn cả 2 và ấn cho vào tâm (ấn vào Align + bật sáng To stage)

*Muốn đóng thư viện ấn vào secen1

Tµi liÖu häc Flash - Trang

56

Page 57: Tai leu hoc flash

*Chuyển một đối tượng vào thư viện: Modify --> convert to symbol (F8)Bước 3: Cách tạo Movie Clip (tạo chuyển động)+ Vào Insert --> New symbol (CTRL +F8).

+Tạo bánh xe quay

Tµi liÖu häc Flash - Trang

57

Muốn sửa tên kích đúp vào

Chỉnh sửa hình kích vào thư viên và chọn bài của mình.

Nháy đúp vào hình.

Đặt tên và chọn movie Clip

Page 58: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

58

-Kéo hình từ thư viện vào trang trắng.

-Tạo chuyển động cho bánh xe:Ấn create motion tween.

-Sau đó chọn khoảng cách (dùng chuột kích vào điểm cuối ấn F6)- Tiếp theo chọn điểm giữa.

- Nhìn xuống phía dưới màn hình. Chọn Rotate: CW

Page 59: Tai leu hoc flash

-Tiếp theo đóng cửa số vào: Ấn secen1 và Lôi hình ra. Sau đó ấn CTRL + ENTER để chạy.

Ví dụ: Chuyển động xe đạp- Vẫn tạo trên layer 1

Ví dụ: Bướm bayTạo một file mới: File-->New (Ctrl +N) -->Flash Document.Bước1: Insert -->New symbol (Ctrl+F8)

Tµi liÖu häc Flash - Trang

59

Làm xong muốn kiểm tra. Nhìn sang cửa sổ bên phải. ấn vào mũi tên

Vẽ hình Xe đạp như trên. Có thể copy bánh xe thành 2

bánh.Tiếp tục tạo cho xe đạp chuyển động. Bằng cách giống như tạo cho bánh xe chuyển động. (create motion tween--> chọn khoảng cách ấn F6).-Di chuyển xe đạp cho đi theo đường nào tuỳ ý mình. Ấn CTRL + Enter kiểm tra.

Page 60: Tai leu hoc flash

*Làm như ở trên phải đóng secen1 vào sau đó tạo chuyển động của cánh bướm.

Tµi liÖu häc Flash - Trang

60

đặt tên: canhbuomChọn Graphic

Đặt tên và chọn Movie clip

Kéo hình cánh bướm ra copy thêm một cánh nữa.Xoay hình (Chọn 1 hình vào modify-->transfrom--> flip horizontal)

Page 61: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

61

- Hiện thanh thước (Nháy chuột vào View -->Ruler)

-Di chuyển kéo đường thẳng ở thước bên tay trái, để lấy tâm.-Sau đó nháy chuột và ấn F6

Nếu hai cánh bướm chập thành 1. Vào Modify-->Break Apart

Page 62: Tai leu hoc flash

*Chú ý muốn chạy thử phải nhấn vào secen1.

Ví dụ: Tạo đường quỹ đạo chuyển động của Bướm

Tµi liÖu häc Flash - Trang

62

Chỉnh từng cánh cho nhỏ lại.Rồi di chuyển vào tâm.

-Sau đó kéo hình con bướm vào trang giấy trắng. Chạy thử ấn CTRL + Enter.

* Chú ý: muốn cho cánh bướm đập chậm hơn cho thêm khoảng cách vào giữa ấn F5

Page 63: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

63

-Ấn vào biểu tượng Guide: Layer1

- Dùng công cụ bút chì vẽ đường bay của bướm. Sau đó ấn vào layer1(chứa hình con bướm). Tạo Create motion tween.

Ấn vào Guide ấn F5

Page 64: Tai leu hoc flash

Ví dụ: Tạo chuyển động của chong chóng

Nhấn vào công cụ để hiện (ở phía dưới hộp công cụ) chọn và nhấn giữ phím Shift chỉnh sửa cho giống cánh chong chóng (Cách làm giống như bông hoa). Sử dụng công cụ Transform để tạo cánh chong chóng.

Làm như các bước trên:Bước1:Tạo thư viện canhchongchongBước2: Tạo cánh chong chóng quay movie clip: chongchongquay

Tµi liÖu häc Flash - Trang

64

-Kích vào điểm đầu của Frame-Di chuyển dấu + trên con bướm trùng với điểm đầu của đường bay của bướm.

- Kích vào điểm cuối ở trên Frame.-Di chuyển dấu + trên con bướm trùng với điểm cuối của đường bay của bướm. Xoay bướm theo chiều bay của nó.

Page 65: Tai leu hoc flash

kích vào giữa Frame chọn Rotate: CW (ở phía dưới màn hình)

Tµi liÖu häc Flash - Trang

65

Page 66: Tai leu hoc flash

Nút lệnhTạo nút

nút play nút stop

Tµi liÖu häc Flash - Trang

66

-Vào Insert-->new symbol-Đặt tên và chọn button

-Up: hình chữ nhật đỏ (đưa chuột lên)-Over: hình chữ nhật xanh đậm(đưa chuột trỏ vào)-Down: hcn xanh lá cây(nhấn chuột vào hình)

-Nháy phải vào nút play(tuỳ bạn đặt tên) sau đó ấn vào Duplicate. Hiện ra bảng sau: ví dụ gõ tên stop(để sửa thành nút stop)

Page 67: Tai leu hoc flash

Gán lệnh tương tác giữa các nút ảnh

Ví dụ: Tạo máy bay bay lượn sử dụng các nút ấn

Bước 1: Tạo máy bay( ở phía dưới hộp công cụ sau đó Ấn J)

--> (Lật máy bay)Bước2: Tạo chuyển động cho máy bay (Cho máy bay ra ngoài màn hình trắng sau đó ấn Create montion --> ấn vào khoảng Frame20-->ấn F6) Di chuyển máy bay đến hết màn hình trắng.

Tµi liÖu häc Flash - Trang

67

-Kích chuột ngay sát key và ần F7.-Sau đó quay về điểm đầu để copy máy bay. Paste vào điểm cuối và lật.

Page 68: Tai leu hoc flash

Bước3: Tạo layer mới: chuyendong. Viết code cho chuyển động

Tµi liÖu häc Flash - Trang

68

- Sau đó tạo chuyển động cho máy bay vừa lật. Chọn khoảng Frame40 ần F6. Cho máy bay di chuyển ngược lại

-Vẫn trong layer chuyendong Kích vào Frame20 ần F7. sau đó viết code giống như trên.

Page 69: Tai leu hoc flash

Bước4: Tạo layer: nut. Sắp xếp như sau:

Liên kết tới ảnh hoặc đoạn phimBài Tập trong trong thư mục lienket.Bước 1: Tạo một bài chuyển động (ví dụ cdbong- thư mục liên kết)Bước 2: Xuất sang định dạnh:

Tµi liÖu häc Flash - Trang

69

File--> Publish Setting...

-Xuất sang Flash-Xuất sang Web(html).-Xuất sang File ảnh (GIDF-JPEG – PNG Image).-..............

Page 70: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

70

Vào thẻ Flash.Chọn Action Script 2.0

- Vào thẻ HTML/- Chọn Match Movie

Page 71: Tai leu hoc flash

sau đó ấn Publish và ấn Ok.Bước 3: Xuất sang File chạy(CTRL+SHIFT+ALT+S): File-->Export-->Export movie.Có thể xuất sang nhiều dạng khác nhau:

Tµi liÖu häc Flash - Trang

71

-Đuôi File Flash: .swf-Đuôi File movi: .avi-Đuôi ảnh động: .Gif

Vào thẻ GIF.Chọn Animated(chuyển động).Static(không chuyển động)- Chọn Transparent(trong suốt)

Page 72: Tai leu hoc flash

* chú ý muốn chèn đoạn phim trong Powpoint: Insert-->Movies and sound--> Movie from file--> sau đó chọn đoạn phim và Ok.

Bước 4: Tạo một bài mới: 2 nút group khung chữ và hcn với nhau.Chọn bài1 ấn F8. Bài 2 làm như vậy

Chọn bài1 ấn F9 viết code(Bài 2 tương ứng):

Tµi liÖu häc Flash - Trang

72

-Muốn tạo HTM: File--> Publish Preview-->HTML

Ấn F8 chuyển đổi sang nút ấn.

Page 73: Tai leu hoc flash

TẠO ALBUM ẢNHVí dụ: anhlienket

Bước1:

Tµi liÖu häc Flash - Trang

73

kích chuột vào On

Tên đường dẫn. Chú ý dấu sổ chéo

kích chuột vào Brower/Netwword

-Chèn ảnh trong thư viện. Hiện ra bảng sau:Bôi đen toàn bộ ảnh rồi ấn OPEN

Page 74: Tai leu hoc flash

sau đó ấn File-->Publish setting-->thẻ Flash-->ActionScrip2.0-->ấn Publish -->ấn OK

*Đánh số thứ tự cho ảnhBước2: Tạo một trang mới tên là anhlk: Trên layer1: stt tạo 4 nút và cho vào

NÚT thì làm như trên(F8)

Bước4: Tạo layer2: anh1: kéo ảnh vào và tạo kích thước cho ảnh

Tµi liÖu häc Flash - Trang

74

Bước3: kích vào fram4 và ấn F5

Page 75: Tai leu hoc flash

Viết code để cho ảnh hiện lên khi ấn nút ấn.

- ấn vào keyframe của anh1 ần F9 rồi ấn stop (lần lượt cho các anh2,3,4)

Viết code cho nút

- Chọn vào nút 1 (nút 2-3-4) ần F9 để viết code

Tµi liÖu häc Flash - Trang

75

- Kích thước của ảnh

-Bôi đen khoảng từ frame2-->frame4 rồi nháy chuột phải ấn Remove Frames

-Tạo layer3: anh2. nháy chuột vào Frame2 ấn F7 sau đó kéo ảnh2.-Sau đó xoá Frame4- Fram5

Page 76: Tai leu hoc flash

sau đó ấn File-->Publish setting-->thẻ Flash-->ActionScrip2.0-->ấn Publish -->ấn OK Chú ý: Xoay ảnh

Bước1:

sau đó kích vào Key cuối cùng và ấn F9 để viết code: stopBước2: ấn vào Scences. Tạo một layer6: anh5

Tµi liÖu häc Flash - Trang

76

-chọn movie Clip. sau đó chèn ảnh và cho ảnh chuyển động.

-ấn vào Frame5 cho ảnh vào và ần F9 để viết code: STOP.-Sau đó ấn vào Fame5 của stt(chứa nút) ần F5

-Chú ý phải chọn nút5 chuyển sang button.F8

Page 77: Tai leu hoc flash

Ngµy 21 th¸ng 12 n¨m 2008CÁCH LOAD ẢNH TRONG FLASH

Ví dụ có 3 ảnh lớn là : (01.jpg ; 02. jpg ;03 jpg) kích thước 340 x 300 pxVà từ 3 ảnh đó tạo 3 ảnh nhỏ KT: 100 x 88 px (01_a; 02_b; 03_c)Tất cả các đó lưu vào trong cùng 1 thư mục cho dễ chọn đường dẫn,

Bước 1: mở 1 file mớI KT : 540 x 400 pxBước 2: chọn công cụ hình chữ nhật vẽ 2 hình như hinh vẽ: (H1) ( 100 x 310 PX ) (350 x 310 PX )

(H1)

Bước 3: Import tất cả các anh đó vào trong thư việnẢnh to để trong thư mục Images của thư việnẢnh nhỏ để trong thư mục thumb

Bước 4: lần lượt chọn các ảnh nhỏ đó và chuyển các ảnh nhỏ đó sang nút đặt tên là (1 ; 2 ; 3 )

Bước 5: Tạo 1 Movie clip bằng cách vào Insert/ new symbol/ Movie clip và đặt tên cho nó. Vi dụ là : mc

Bước 6: kéo thứ tự các nút đó ra cửa sổ như hình vẽ: (H2)

Tµi liÖu häc Flash - Trang

77

Page 78: Tai leu hoc flash

- T¹o c¸c buttom cho 3 ¶nh nhá

- T¹o thªm 1 layer míi- T¹o 1 movieclip

Tµi liÖu häc Flash - Trang

78

Page 79: Tai leu hoc flash

Tµi liÖu häc Flash - Trang

79