Đ NG NG C HOÀNG THÀNH

SCRIPT VÀ KĨ
THU T HO T HÌNH
(Giáo trình gi ng d y trên Flash CS5 và ActionScript 3.0)


Trang 1/ 222

Blank Page

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 2/ 222

L I NÓI Đ U

A

dobe Flash là m t ph n m m chuyên nghi p đ t o c|c th c phim
ho t hình c|c trị ch i thi t k giao di n web (RIA Rich Internet
Application) Flash có m t ng d ng to l n trong th gi i Internet
nói chung và trong cơng ngh gi i trí nói riêng. Dù r ng nhi u công
ngh m i ra đ i đang c g ng c nh tranh v i Flash nh ng Flash v n
chi m th ph n cao h n h n. Có khá nhi u giáo trình v Flash đ c biên so n,
nh ng đ i đa s đ u d a trên phiên b n MacroMedia Flash MX
t ng đ i

cũ V i phiên b n CS Adobe đ~ b sung vào nh ng tính năng m i giúp ng i
dùng thi t k và l p trình đ n gi n h n Cu n giáo trình này g m có ba ph n:
Ph n 1. Thi t k dành riêng cho nh ng đ c gi khơng chun mu n tìm
hi u cách s d ng cơng c v và t o ho t hình b ng các cơng c có s n c a Flash.
Ph n này bao g m c|c ch ng ch ng ch ng ch ng

Ph n 2. G m ch ng
Dành cho các đ c gi mu n tìm hi u v
ActionScript 3.0 m t ngơn ng l p trình có c u trúc g n gi ng v i Java đ c s
d ng đ tăng c ng s c m nh cho Flash.

Ph n 3. Mang tính ch t t ng h p. G m c|c ch ng v{ 7. Ph n này giúp
b n đ c hoàn thi n c|c th c phim ho t hình b ng c|c kĩ thu t nâng cao. Chúng
tơi cịn cung c p cho b n các ki n th c đ làm vi c v i hình nh, âm thanh và
video Đ ng th i, chúng tơi cịn gi i thi u đ n các b n gói th vi n m
PaperVision3D đ làm vi c v i đ h a 3D trong Flash m t đi u mà h u nh
ch a có m t gi|o trình n{o đ c p đ n.

Khi biên so n gi|o trình n{y chúng tơi đ~ c g ng hồn thi n nó. Tuy nhiên,
khơng th tránh kh i sai sót. Tơi r t mong nh n đ c s đóng góp ý ki n quý báu
c a các b n đ c gi cũng nh c|c b n đ ng nghi p. M i th t đóng góp xin g i
v
các
đa
ch
email
sau

ho c


Huế, tháng 08/2010

Chân thành cảm ơn !

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 3/ 222

Blank Page

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 4/ 222

PH L C
L ) NÓ) Đ U ........................................................................................................................................ 2
C(

1.1.

NG

S l


G) I THI U V FLASH ............................................................................................ 9
c v đ h a vector và l ch s ra đ i c a Flash .......................................... 9

1.2.

So sánh Flash v i Silverlight và JavaFx .................................................................. 12

1.3.

C{i đ t Adobe Flash CS5 .............................................................................................. 13

1.4.

Gi i thi u v Adobe Flash CS5 ................................................................................... 16

1.4.2.

Các ch đ tùy bi n giao di n ............................................................................. 18

1.4.3.

Layer, Frame, Scene và Movie ............................................................................ 21

1.4.4.

Vùng thanh công c Tools .................................................................................... 23

1.4.5.

Vùng thu c tính Properties ................................................................................. 24


1.4.6.

Vùng so n th o ActionScript .............................................................................. 25

1.4.7.

Các vùng ch c năng kh|c ..................................................................................... 26

1.4.1.

T ng k t ch

C(

2.1.
2.2.

NG

T o m i d án cho desktop và mobile ........................................................... 19

ng .......................................................................................................................... 34

CÁC CƠNG C V C B N ................................................................................... 36

Các cơng c Pencil, Brush và Erase .......................................................................... 36
Cơng c v hình c b n ................................................................................................. 38

2.3.


Công c Text ...................................................................................................................... 47

2.4.

Công c ch n Selection và Lasso ............................................................................... 49

2.5.

Các công c đ màu Paint Bucket, Ink Bottle và b t màu EyeDropper ..... 50

2.6.

Công c Free Transform và Gradient Transform ............................................... 52

2.7.

Các công c làm vi c v i đ

Script v{ Kĩ thu t Ho t hình

ng Bezier .................................................................. 55

Đ ng Ng c Hoàng Thành


Trang 5/ 222

2.8.


Làm vi c v i c|c đ i t

T ng k t ch

C(

3.1.

3.2.
3.3.
3.4.

4.1.

ng .......................................................................................................................... 61

NG . CÁC BI U T
Bi u t

Bi u t

Bi u t

NG TRONG FLASH ................................................................... 63

ng Graphic ........................................................................................................ 63

ng Button .......................................................................................................... 65
ng MovieClip .................................................................................................... 67


Làm vi c v i Library ...................................................................................................... 68

T ng k t ch

C(

ng .......................................................................................... 58

NG

ng .......................................................................................................................... 69

T O HO T C NH .................................................................................................... 71

Tìm hi u v TimeLine .................................................................................................... 71

4.2.

Classic Tween.................................................................................................................... 78

4.3.

Shape Tween ..................................................................................................................... 80

4.4.

Motion Tween ................................................................................................................... 82

4.5.


Công c Bone và Bind .................................................................................................... 87

4.6.

Công c Deco ..................................................................................................................... 91

4.7.

Công c 3D Translation và 3D Rotation .............................................................. 103

T ng k t ch

C(

5.1.

NG

ng ....................................................................................................................... 106

L P TRÌNH V I ACTIONSCRIPT ................................................................... 108

Các ki u d li u ............................................................................................................. 110

5.2.

Bi n và H ng................................................................................................................... 111

5.3.


Toán t và Bi u th c ................................................................................................... 112

5.4.

Các c u trúc l nh đi u khi n .................................................................................... 120

5.4.1.

Câu l nh if ................................................................................................................ 120

5.4.2.

Câu l nh switch ..................................................................................................... 121

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 6/ 222

5.4.3.
5.4.4.

Các câu l nh l p for while v{ do while ..................................................... 122

Các l nh continue, break và return ............................................................... 125

5.5.


Hàm .................................................................................................................................... 126

5.6.

L p v{ Đ i t

ng .......................................................................................................... 129

5.6.1.

Xây d ng l p .......................................................................................................... 129

5.6.2.
5.6.3.

Làm vi c v i đ i t

5.6.4.

S ki n bàn phím.................................................................................................. 137

5.7.
5.8.
5.9.

6.1.

6.2.
6.3.
6.4.

6.5.
6.6.
6.7.

7.1.
7.2.

ng vào ActionScript.................................................................... 138

Làm vi c v i XML ......................................................................................................... 140

Vùng ch c năng Code Snippets............................................................................... 142

NG

ng ....................................................................................................................... 148

CÁC () U CH NH NÂNG CAO ......................................................................... 150

X lý âm thanh, hình nh và video ........................................................................ 150

T o kĩ x o đi n nh v i Flash .................................................................................. 155

T o th

c phim Flash t a 3D .................................................................................. 160

Ghép n i nhi u ho t c nh ......................................................................................... 166

Kĩ thu t m t n mask .................................................................................................. 166


T o các nút nh n đi u khi n .................................................................................... 174

Xu t b n m t Movie..................................................................................................... 176

T ng k t ch

C(

S ki n chu t ......................................................................................................... 136

Đ am tđ it

T ng k t ch

C(

ng ...................................................................................... 133

NG

ng ....................................................................................................................... 177

T( V) N PAPERVISION3D .......................................................................... 179

Gi i thi u v PaperVision3D và Adobe Flex Builder...................................... 179
C u hình v{ c{i đ t PaperVision3D cho Adobe Flex Buider ........................ 183

Script v{ Kĩ thu t Ho t hình


Đ ng Ng c Hoàng Thành


Trang 7/ 222

7.3.
7.4.

Ch

ng trình (ello PaperVision3D !................................................................... 186

C|c đ i t

ng trong PaperVision3D ..................................................................... 190

C|c đ i t

ng hình th ........................................................................................... 190

Đ it

Đ it

ng Lights - Hi u ng ánh sáng ............................................................. 202

Đ it

Đ it


ng Shader - Hi u ng đ bóng ............................................................. 203

ng ShadedMaterial.................................................................................... 203

7.4.6. Đ i t

ng CompositeMaterial ............................................................................. 204

7.4.7. Đ i t

7.5.

ng Material - Ph i màu cho hình th ................................................. 198

ng MaterialsList ......................................................................................... 204

Import m t mơ hình 3D ............................................................................................. 204

T ng k t ch

ng ....................................................................................................................... 206

BÀI T P TH C HÀNH ................................................................................................................. 208

BÀI TH C HÀNH S 1 ............................................................................................................ 208
BÀI TH C HÀNH S 2 ............................................................................................................ 209
BÀI TH C HÀNH S 3 ............................................................................................................ 210
BÀI TH C HÀNH S 4 ............................................................................................................ 210
BÀI TH C HÀNH S 5 ............................................................................................................ 212
BÀI TH C HÀNH S 6 ............................................................................................................ 213

DANH SÁCH HÌNH ........................................................................................................................ 215
TÀI LI U THAM KH O THÊM .................................................................................................. 221

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành


Trang 8/ 222

Blank Page

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 9/ 222

CH

NG . GI I THI U V FLASH

1.1. S l
S l

c v đ h a vector và l ch s ra đ i c a Flash

c v đ h a vector


Đ h a m|y tính đ

c chia làm ba d ng c b n:

Đ h a đi m c s c a nó l{ c|c đi m nh (pixel). M i b c nh c a đ h a đi m
là m t ma tr n đi m, mà m i đi m nh đ c x|c đ nh b i m t m u màu theo
chu n ph bi n là RGB (Red-Green-Blue). M i tham s m{u đ c phân b t 0
cho đ n 2n -1 ( nh d ng n bit màu). Khi phóng to b c nh c a đ h a đi m, b n s
th y rõ t ng đi m nh. B n có th quan sát ví d đ i v i b c nh sau

Hình 1 Đ h a đi m
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành


Trang 10/ 222

Đ h a Fractal: s d ng thu t tốn đ quy. B n có th tham kh o thêm v d ng
đ h a này trong các tài li u liên quan đ n đ h a Fractal hay hình h c Fractal.

Hình 2 Đ h a Fractal

Đ h a vector c s c a nó l{ c|c đ ng cong Bezier. Nó có nhi u u đi m so
v i đ h a đi m. M t trong nh ng u đi m l n nh t c a nó là khơng b v h t
khi phóng to b c nh. C|c ch ng trình đ h a vector n i ti ng bao g m Adobe
)llustrator Corel Draw M t đ h a vector bao gi cũng m n m{ng h n so v i đ
h a đi m.

V i đ h a đi m, không ph i m i đ nh d ng đ u h tr ch đ transparent (hay

ch đ màu alpha) Nh ng v i đ h a vector, thì nh ng tính năng n{y đ c h
tr m t cách hoàn h o. V i đ h a vector c|c ch ng trình so n th o ln h tr
ch đ l p Layer nh ng v i đ h a đi m, ch có m t v{i đ nh d ng m i h tr l p
Layer n{y nh psd c a photoshop). B n có th quan sát m t s đ i t ng đ h a
đ c t o b i Adobe )llustrator sau đ}y
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 11/ 222

Hình 3 Đ h a vector

Đ nh d ng Flash mà chúng ta s làm quen đ}y cũng thu c v{o đ h a vector.
Nh ng nó k t h p v i hi u ng đ ng. Xét m t ph m trù n{o đó nó có nhi u
đi m t ng đ ng v i kĩ thu t t o video kĩ thu t 24 hình/giây). Nh ng nó có u
đi m là phim đ c t o b i Flash không b v h t khi phóng to (tr tr ng h p
phim có ch a c|c đ i t ng đ h a đi m) V{ đ c bi t kích th c phim t o b i
Flash r t nh g n so v i c|c đ nh d ng phim khác.
L ch s ra đ i c a Flash

Flash là m t kĩ thu t t o các hi u ng đ ng c|c th c phim ho t hình Flash
đ c gi i thi u đ u tiên b i công ty MacroMedia v{o năm
Đ n năm
công ty n{y đ~ đ c Adobe mua l i v i giá 3.4 t đôla T khi ra đ i cho đ n này,
Flash đ~ có r t nhi u b c phát tri n đ|ng chú ý Nhi u tính năng m i đ~ liên t c
đ c c p nh p trong các phiên b n c a nó, k t các phiên b n Macromedia Flash
cho đ n Adobe Flash hi n nay.
Script v{ Kĩ thu t Ho t hình


Đ ng Ng c Hoàng Thành


Trang 12/ 222

V i phiên b n Adobe Flash CS công ty Adobe đ~ b sung vào cho Flash nh ng
tính năng m nh m : h tr nhi u đ nh d ng import d li u; b sung các cơng c
t o ho t hình m nh m nh Bone Bind D Translation D Rotation

Phiên b n m i nh t c a Flash l{ CS cho đ n năm
Hi n nay Adobe cũng
đ~ t o ra m t n b n mã ngu n m cho Flash đó l{ cơng ngh Flex. M t trong
nh ng cơng ngh ra đ i s m nh t h tr t o giao di n web RIA. Flex là m t
công ngh h a h n đem l i nhi u l i nhu n cho Adobe (nh vào trình phát tri n
Adobe Flex Buider). Nó là m t đ i th đ|ng g m v i Silverlight c a Microsoft và
JavaFx c a Sun (nay đ c mua l i b i Oracle).

1.2. So sánh Flash v i Silverlight và JavaFx

Ngày nay, xu th th ng m i đi n t hóa đang ng{y c{ng len l i vào các ngóc
ngách xã h i C|c website l{ n i cung c p thông tin trao đ i v{ t v n Do đó giao
di n website đ p m t, thi t k thu n ti n là m t l i th . Chính vì l đó r t nhi u
nhà phát tri n chú ý đ n đi u này. Các hãng ph n m m l n nh Microsoft Adobe
Sun cũng lao v{o Tính v tu i đ i phát tri n c a các công ngh h tr RIA,
Adobe t ra l{ ng i tiên phong.

Flash/Flex c a Adobe, Silverlight c a Microsoft và JavaFx c a Sun là nh ng công
ngh đ|ng chú ý nh t. M i trong s chúng đ u có u đi m c a nó. M t u đi m
chung c a chúng l{ đ h a r t đ p và chuy n đ ng r t m m m i.


Flash/Flex có tu i đ i khá cao, v i l ng ng i dùng đông đ o, h u h t các nhà
phát tri n đ~ qu| quen thu c v i Flash. Flash cũng h tr l p trình h ng đ i
t ng Nó cũng t ng thích v i h u h t các ngơn ng l p trình web hi n nay.
Flash h tr h u h t trên các h đi u hành: Windows, Linux, MacOS và r t nhi u
m u Mobile c a nhi u hãng khác nhau. Đ phát tri n m t ng d ng Flash, các nhà
phát tri n có th s d ng trình biên t p Adobe Flash. Trình biên t p này ho t
đ ng t t trên đa s h đi u hành: Windows và MacOS. M t yêu c u đ trình khách
có th ch y đ c Flash là c n c{i đ t m t Plugin Flash nh g n (không quá 2 Mb)
ho c h tr m t phiên b n Flash Lite cho c|c dòng đi n tho i).
Silverlight m c d u ra đ i sau Flash nh ng v i s h u thu n c a m t t p đo{n
l n nh Microsoft nó cũng đang d n có m t v th đ|ng k . Ngoài ra, Silverlight
đ c phát tri n trên n n .NET, các l p trình viên có th s d ng VB.NET ho c C# m t ngôn ng l p trình m nh m - đ phát tri n. Nh c đi m c a nó là ch t ng
thích trên Windows, MacOS và các m u đi n tho i Windows Mobile. Đ phát tri n
ng d ng trên Silverlight, các nhà phát tri n ch có th s d ng Visual Studio v n

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 13/ 222

ch dành cho h đi u hành Windows. Trình khách mu n ch y đ
c{i đ t Plugin Silverlight (kho ng 5 Mb).

c Silverlight c n

JavaFx ra đ i sau cùng nh ng nó có nhi u u đi m: mã ngu n m , h tr nhi u
h đi u hành Windows, Linux, MacOS và h a h n ho t đ ng t t trên nhi u m u

Mobile, trình khách khơng c n c{i đ t Plugin h tr . Đ so n th o JavaFx ng i
dùng có th s d ng Eclipse ho c NetBean. C hai trình biên d ch n{y đ u ho t
đ ng t t trên Windows, Linux và MacOS. Nh ng m t đi u đ|ng ti c là JavaFx l i
ra đ i quá mu n màng.

V i tu i đ i cao l ng ng i dùng có kinh nghi m l n, các l p trình viên và các
nhà phát tri n đ~ qu| quen thu c v i Flash. Flash v n đang v{ s phát tri n trong
m t kho ng th i gian dài n a Flash có ba đ nh h ng tr ng tâm: phát tri n RIA
cho web, t o c|c ch ng trình ng d ng thơng qua Adobe Air cho desktop và
Flash Lite cho c|c dòng di đ ng cũng nh t o các th c phim trình di n. Trong
năm
W C đ~ đ a ra chu n m i chu n HTML 5 h a h n s sốn ngơi RIA
c a Flash, Silverlight và JavaFx. Dù sau này, v th trong vi c phát tri n RIA cho
web có thay đ i, thì nh ng đ nh h ng còn l i c a Flash v n là nh ng đ nh h ng
phát tri n quan tr ng, đ m b o s tr ng t n cho công ngh này.

1.3. C{i đ t Adobe Flash CS5

Yêu c u c u hình cài đ t: h đi u hành Windows XP Pack 3 ho c cao h n
(MacOS X ho c cao h n Gb Ram ho c cao h n Pentium )V ho c cao h n

M c d u m c đích chính c a chúng ta là s d ng ch ng trình Adobe Flash
Professional CS5, tuy nhiên các b n có th s d ng thêm m t s ch ng trình
đính kèm nh Photoshop dùng đ hi u ch nh nh, Dreamweaver thi t k giao
di n web đ ng th i chèn các phim Flash vào, so n th o ActionScript chuyên
nghi p h n v i Flash Buider 4, hi u ch nh }m thanh video Chính vì lý do này,
chúng tơi đ ngh b n nên ch n b tr n gói Adobe Master CS5.
B n có th t i tr c ti p t Adobe, b n có
hãy ti n hành gi i nén t p tin b n s thu đ


ng{y đ dùng th . Sau khi t i v , b n
c m t th m c chính.

N u b n s d ng m t đĩa c{i đ t DVD, thì b n h~y đ a đĩa DVD v{o đĩa DVD
trên máy tính c a b n. B n có th s d ng ch đ AutoRun c a nó, ho c m đĩa
DVD này ra.
Trong c hai tr ng h p nêu trên th m c chính s có th m c con và m t t p
Set-up.exe. B n có th quan sát c u trúc c a nó nh sau:
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành


Trang 14/ 222

Hình 4 C u trúc th m c bên trong đĩa DVD c{i đ t Flash CS5

B n hãy nh p đôi chu t vào t p tin Set-up exe khi đó s có m t c a s sau đ}y
hi n ra

Hình 5 M{n hình ch{o đón khi c{i đ t Adobe Master CS5

B n h~y đ c qua c|c đi u kho n s d ng ph n m m, n u b n đ ng ý thì b n ch
vi c nh p Accept Ng c l i, b n hãy ch n Quit đ h y b vi c c{i đ t.

Sau khi nh p vào Accept, c a s sau đ}y s xu t hi n. Trong c a s này, b n có
th đi n serial vào t ng ng v i Provide a serial number (n u b n có m t s

Script v{ Kĩ thu t Ho t hình


Đ ng Ng c Hoàng Thành


Trang 15/ 222

serial ng c l i, b n có th ch n Install this product as a trial(n u b n mu n s
d ng th 30 ngày). B n cũng có th ch n ngơn ng hi n th cho nó Sau đó b n
nh p Next.

Hình 6 C a s Serial Number
C a s Adobe )D sau đ}y s hi n ra

Hình 7 C a s Adobe ID

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành


Trang 16/ 222

Trong c a s này, b n hãy ch n l a các ph n m m mà b n c n c{i đ t b ng cách
đ|nh d u tích vào các ph n m m t ng ng. N u b n s d ng Flash CS5 b n hãy
ch n Flash Professional. Ngồi ra, tơi khuy n ngh b n ch n thêm các ph n
m m sau: Photoshop, Flash Buider, SoundBooth.
m c Location bên d i, b n hãy ch n v trí mà b n s c{i đ t. Theo m c đ nh,
nó s c{i đ t v{o th m c C:\Program Files\Adobe. B n cũng c n l u ý dung
l ng đĩa d{nh cho vi c c{i đ t. B n c n luôn đ m b o r ng dung l ng đ cài
đ t Total install ph i ln nh h n dung l ng đĩa cịn tr ng Available.
Sau đó b n nh p vào nút Install và ch đ i cho qu| trình c{i đ t hồn t t Sau đó

b n nh p v{o nút Finish đ đóng c a s c{i đ t.

1.4. Gi i thi u v Adobe Flash CS5

Kh i đ ng Adobe Flash Professional CS5: đ kh i đ ng Adobe Flash
Professional CS5, b n có th b m ch n bi u t ng c a nó trên màn hình Desktop,
ho c b n ti n h{nh c|c b c sau:
- Vào Start > All Programs

- Ch n Adobe Master Collection CS5.
- Ch n Adobe Flash Professional.

Hình 8 Kh i đ ng Adobe Flash Professional CS5

Khi đó m{n hình Splash
sau đ}y s hi n ra

m{n hình ch{o đón c a Adobe Flash Professional CS5

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 17/ 222

Hình 9 M{nh hình ch{o đón c a Adobe Flash Professional CS5

Sau khi quá trình kh i đ ng hoàn t t, b n s th y giao di n sau đ}y


Hình 10 C a s ban đ u c a Flash Professional CS5
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 18/ 222

Phiên b n Adobe Flash CS5 xu t x ng năm 10. So v i các phiên b n tr c đó
CS5 có nhi u thay đ i v c giao di n ch ng trình l n c|c tính năng c a nó.

V giao di n: phiên b n CS5 dành cho Windows đ~ tuy t giao v i giao di n
Window, s d ng m t giao di n đ c l p v i h đi u hành.

V tính năng: b sung thêm nhi u công c m i làm cho công vi c sáng tác tr
nên đ n gi n h n nh c|c công c Bone, Bind, 3D Translation, 3D Rotation.
1.4.1. Các ch đ tùy bi n giao di n

Trong giao di n t ng th Essential c a Flash CS5, có th chia làm 5 vùng chính:
- Vùng h th ng menu phía trên cùng.
- Vùng thanh cơng c

bên ph i.

- Vùng thu c tính v{ th vi n bên c nh thanh công c .

- Vùng sáng tác

trung tâm.


- Vùng TimeLine và Layer

phía bên d

Hình 11

Script v{ Kĩ thu t Ho t hình

i.

Giao di n Adobe Flash CS5

Đ ng Ng c Hoàng Thành


Trang 19/ 222

Flash CS5 cho phép b n làm vi c theo ch đ Tab. Trên vùng thanh menu, góc
bên ph i m c Essentials cho phép ta chuy n đ i qua l i gi a các cách b trí giao
di n. Có 6 ch đ b trí giao di n: Animator, Classic, Debug, Designer, Developer
và Essentials. Tùy vào c m quan c a b n, b n hãy ch n l y m t cách b trí giao
di n nào mà b n cho là phù h p và ti n l i cho b n nh t. Riêng tơi, tơi ch n ch
đ Essentials.
Đ phóng to hay thu nh khung sáng tác, ta ch c n s d ng phím t t l{ Ctrl đ
phóng to và Ctrl+- đ thu nh . Ho c b n có th ch n ch đ hi n th % bên
d i thanh menu.
1.4.2. T o m i d án cho desktop và mobile
Đ t o m i m t d án, b n kích chu t vào File, ch n New (phím t t là Ctrl+N).

H p tho i sau đ}y s hi n ra


Hình 12 T o m i m t d án
đ}y chúng ta quan t}m đ n m t vài ki u d án
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 20/ 222

- Flash File (ActionScript 3.0, ActionScript 2.0): t o d án Flash v i ActionScript
3.0 ho c 2.0. B n cũng l u ý r ng trong gi|o trình n{y chúng ta đang th o lu n v
ActionScript 3.0. Phiên b n này là phiên b n m i nh t c a ActionScript cho đ n
th i đi m này.
- Flash File (Adobe Air 2): t o d án Flash cho Desktop ch y trên Adobe Air.
Adobe Air là m t d án m i c a Adobe nh m t o ra môi tr ng cho các nhà phát
tri n nh ng ng d ng d a vào cơng ngh Flash có th ch y đ c l p trên các h
đi u hành. Nó có nhi u đi m t ng đ ng v i công ngh Java c a Sun hay .NET c a
Microsoft. Đ phát tri n m t trình ng d ng trên Adobe Air, b n hồn tồn có th
s d ng trình so n th o Adobe Flash ho c Adobe Flex Builder.
- Flash File (Mobile iphone OS, Flash Lite 4, Device Central): t o d án Flash cho
Mobile. Khi ch n ki u d án này, Adobe Flash CS5 s t đ ng g i đ n Adobe
Device Central CS5 Đ}y l{ ti n ích qu n lý các thơng tin v Flash Lite h tr trên
c|c dịng đi n tho i. B n ch c n tìm ki m lo i đi n tho i mà b n c n t o d ng d
|n sau đó b m vào Create.

Hình 13 Adobe Device Central
Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành



Trang 21/ 222

- Ngoài ra, n u b n mu n t o c|c Action đ c l p, b n có th t o riêng chúng b ng
cách ch n ActionScript File. Vi c t o c|c ActionScript đ c l p và s d ng chúng
trong các d án Flash s đ c th o lu n kĩ h n khi chúng ta l{m quen v i l p
trình v i ActionScript ch ng 5.

Remarks: B n cũng c n l u ý đ n m t v{i đ nh d ng trong các d án c a Flash.
Đ nh d ng Flash s có ph n m r ng l{ fla Đ nh d ng ActionScript File có đ nh
d ng l{ as Đ nh d ng t p tin cu i cùng c a flash là .swf.
1.4.3. Layer, Frame, Scene và Movie

Trong kĩ thu t t o c|c th c phim kĩ thu t đ c s d ng ph bi n đ t o chuy n
đ ng trong c|c đo n phim l{ kĩ thu t 24 hình/ giây. Trong kĩ thu t này, các hình
nh có nhi u đi m t ng đ ng s đ c ghép n i l i m t cách liên ti p C|c đ i
t ng c n t o chuy n đ ng s có chút thay đ i trên m i khung hình. Khi các
khung hình thay th cho nhau t c đ mà m t ng i không nh n ra s thay đ i
này, chúng ta s c m th y đ i t ng chuy n đ ng Kĩ thu t t o ho t hình trong
Flash cũng ho{n to{n t ng t Tr c khi tìm hi u kĩ v các cách th c t o chuy n
đ ng trong Flash, chúng ta cùng nhau tìm hi u qua các khái ni m: L p Layer,
Khung hình Frame, C nh quay Scence Th c phim Movie.

- Layer: là các l p đ c dùng trong vi c sáng tác. M i m t khung hình có th
ch a nhi u layer khác nhau. M i m t đ i t ng th ng đ c xây d ng trên m i
layer Kĩ thu t layer đ c s d ng r ng r~i trong đ h a máy tính, bao g m c đ
h a đi m nh photoshop corel photopaint hay đ h a vector nh illustrator
coreldraw.


Hình 14 T o m i Layer

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành


Trang 22/ 222

Nhóm bi u t ng bi u t ng xóa và t o layer
: bi u t ng th nh t t
trái sang là t o m i layer, bi u t ng th hai là t o m i m t th m c đ ch a
layer và bi u t ng cu i cùng là xóa layer ho c th m c ch a layer.

Nhóm bi u t ng hi u ch nh layer
: bi u t ng th nh t t trái sang là
cho phép n hay hi n layer đó bi u t ng th hai là khóa khơng cho phép
ch nh s a đ i t ng trên layer và bi u t ng cu i cùng l{ cho phép đ i t ng
trên layer hi n th đ ng vi n và màu n n hay ch đ ng vi n.

- Frame l{ khung hình dùng trong kĩ thu t t o chuy n đ ng. V t th chuy n đ ng
đ c là nh v{o kĩ thu t thay th các khung hình. Nh tơi đ~ trình b{y trên, m t
ng i ch có th l u đ c khơng quá 24 hình nh trong m t giây, n u t c đ
chuy n đ i các khung hình l n, m t chúng ta không th nh n th y đ c s thay
đ i này mà c m gi|c nh l{ hình nh đang chuy n đ ng. V i Flash, s khung hình
khơng nh t thi t ph i l n nh trong kĩ thu t t o video, nó gi m đi m t c|ch đ|ng
k nh vào công ngh đ c s d ng trong Flash Đi u n{y cũng giúp l{m gi m
kích th c c a t p tin Flash.

- Scene: đ c hi u nh l{ c|c c nh quay trong Flash. M t c nh quay là t p h p

c a các khung hình k ti p nhau đ t o ra chuy n đ ng. Đ chèn thêm scene, ta
vào Insert, ch n Insert Scene. Nh vào các c nh quay này, chúng ta có th t o các
th c phim dài, mà không ph i qu n lý các l p m t cách quá ph c t p khi s
l ng đ i t ng trên c nh quay đó tr nên quá l n. M t c nh quay trong Flash
cũng gi ng m t c nh quay trong phim truy n hình v y. Khi c n t o m t th c
phim hoàn ch nh, chúng ta s ghép n i nhi u c nh quay l i v i nhau. B n cũng
l u ý r ng, các c nh quay s đ c ghép t đ ng theo th t mà b n s p x p. Do
đó n u mu n thay đ i th t c nh quay, b n ch vi c thay đ i th t s p x p c a
nó Đ làm xu t hi n c a s qu n lý các c nh quay, b n vào Windows > Other
Panels > Scene (ho c phím t t Shift+F2).

Hình 15 C a s qu n lý c nh quay

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hồng Thành


Trang 23/ 222

Trong c a s này, b n ch c n s p x p l i th t trình bày c a các Scence b ng
thao tác kéo th đ n gi n. Th t các c nh quay s di n ra theo th t t trên
xu ng d i. Khi xây d ng các c nh quay đ c l p, b n có th ki m tra t ng c nh
quay này b ng cách vào Control > Test Scene (ho c t h p phím Ctrl+Alt+Enter).
- Movie: là m t th c phim hồn ch nh. M t movie có th ch a m t ho c nhi u
c nh quay. Đ chuy n đ i qua l i gi a các c nh quay trong m t movie, ta b m vào

bi u t ng
và ch n tên c a scene. Đ ki m tra m t b phim hoàn ch nh, b n
ch n Control > Test Movie (ho c t h p Ctrl+Enter). B n cũng l u ý r ng, n u b n

xây d ng m t th c phim ch a nhi u đ i t ng đ h a và có nhi u c nh quay,
thì vi c ki m tra s ho t đ ng c a t ng c nh quay l{ đi u c n thi t. B n ch nên
ki m tra s ho t đ ng c a toàn b phim khi các c nh quay đ~ ho t đ ng t t. S dĩ
nh v y là vì, quá trình biên d ch m t b phim hoàn ch nh bao gi cũng ch m
h n chi m nhi u tài nguyên b nh h n so v i biên d ch t ng c nh quay riêng l .
Đi u n{y đ c bi t h u ích v i nh ng máy có c u hình khơng q cao.

Remarks: B n cũng c n l u ý r ng Flash cũng h tr ch đ ki m tra tr c ti p
trong khung s|ng t|c Đ th c hi n ch c năng n{y b n có th ch n m t trong hai
ch đ : ch đ ki m tra b ng tay, ch đ ki m tra t đ ng Đ i v i ch đ ki m tra
b ng tay, b n s d ng thanh đ|nh d u Frame hi n t i sau đó kéo tr t nó trên
thanh TimeLine. V i ch đ ki m tra t đ ng, b n ch c n nh n phím Enter. N u
phim c a b n n m trên TimeLine quá dài và b n đang th c hi n ch c năng ki m
tra t đ ng, b n mu n d ng ch đ này ngay l p t c Khi đó b n hãy nh n phím
Enter thêm l n n a. Ch đ ki m tra t đ ng s d ng ngay l p t c.
1.4.4. Vùng thanh công c Tools
Vùng thanh công c ch a các công c đ t o hình, hi u ch nh và t o các hi u ng
cho c|c đ i t ng. B n có th thu g n thay cơng c b ng cách b m vào bi u t ng
thu nh bên ph i trên cùng, th hai t ph i sang. Ho c t t nó đi b ng cách b m
vào bi u t ng cịn l i.

Hình 16 Thanh cơng c

Script v{ Kĩ thu t Ho t hình

Đ ng Ng c Hoàng Thành