giáo trình thiết kế hoạt hình với flash ngành công nghệ thông tin trung cấp

Tính chÃt: ThiÁt kÁ ho¿t hình vãi Flash là mát chuẩn đồ ho¿ ho¿t hình trên Web, giúp cho trang Web có tính t°¢ng tác và hÃp dẫn h¢n đối vãi ng°ßi sử dụng trang Web II.. Flash vãi háp côn

Bà XÂY DĀNG

TR¯âNG CAO ĐÀNG XÂY DþNG SÞ 1

GIÁO TRÌNH

TRÌNH Đà: TRUNG CÂP

Ban hành kèm theo Quyết định số: 368ĐT/QĐ-CĐXD1 ngày 10 tháng 08 năm

2021 của Hiệu trưởng trường CĐXD số 1

Hà Nßi, năm 2021

TUYÊN BÞ BÀN QUYÂN

Tài liáu này thuác lo¿i sách giáo trình nên các nguồn thông tin có thÅ đ°ợc phép dùng nguyên bÁn hoặc trích dùng cho các mục đích và đào t¿o và tham khÁo

Mái mục đích khác mang tính lách l¿c hoặc sử dụng vãi mục đích kinh doanh thiÁu lành m¿nh s¿ bß nghiêm cÃm

3

LâI NÓI ĐÀU

vụ cho giảng dạy và học tập cho trình độ Trung cấp ngành Công nghệ thông tin ở

trường Cao đẳng Xây dựng số 1 Thiết kế hoạt hình với Flash là môn học ngành nhằm cung cấp các kiến thức nâng cao về các phần mềm văn phòng cho ngành Công nghệ thông tin

Giáo trình này được viết theo đề cương môn học Thiết kế hoạt hình với Flash Nội dung gồm 04 chương như sau:

Mặc dù có nhiều cố gắng, nhưng trong quá trình biên soạn, biên tập và in ấn khó

các thầy cô và bạn đọc để hoàn thiện giáo trình hơn!

Hà Nội, ngày……tháng……năm………

Tham gia biên so¿n TrÅn Thß M¢ - Chÿ biên

CH¯¡NG 1: GIâI THIàU PHÄN MÂM FLASH VÀ THIÀT KÀ V¾ C¡ BÀN 14

1.1 Giãi thiáu āng dụng Flash 14

1.1.1 Các tính năng cÿa āng dụng 14

1.1.2 Giao dián làm viác 14

1.1.3 ThiÁt lập môi tr°ßng làm viác 17

2.3.1 Các yêu cÅu cÿa biÁn đổi hình v¿ 38

2.3.2 BiÁn đổi theo Shape 39

2.3.3 Trình tā các b°ãc biÁn đổi 39

2.4 Phép xoay hình 40

2.4.1 Cách t¿o phép xoay hình 40

2.4.2 Trình tā phép xoay hình 41

4.2 Xây dāng ho¿t hình bằng Action 56

4.2.1 Làm viác vãi cửa sổ Action 56

4.2.2 Gán Action lên các Frame 57

6

CH¯¡NG TRÌNH MÔN HàC

Tên môn hác: ThiÁt kÁ ho¿t hình vái Flash Mã môn hác: MH16.2

Thãi gian thÿc hißn môn hác: 45 giß; (Lý thuyÁt: 15 giß; Thāc hành, thí nghiám,

thÁo luận, bÁi tập: 28 giß; KiÅm tra: 2 giß)

I Vß trí, tính ch¿t cÿa môn hác:

1 Vß trí: Là môn hác chuyên ngành tā chán cÿa nghà Công nghá thông tin trình đá trung cÃp Đ°ợc thāc hián sau khi hác các môn hác kỹ thuật c¢ sá và môn hác Corel Draw

2 Tính chÃt: ThiÁt kÁ ho¿t hình vãi Flash là mát chuẩn đồ ho¿ ho¿t hình trên Web, giúp cho trang Web có tính t°¢ng tác và hÃp dẫn h¢n đối vãi ng°ßi sử dụng trang Web

II Māc tiêu môn hác:

- KiÁn thāc: + Trình bày đ°ợc cách t¿o các đối t°ợng, các cÁnh trong phim + Nêu đ°ợc trình tā xây dāng phim ho¿t hình bằng Flash + Nêu đ°ợc các cách thiÁt lập chuyÅn đáng và cách hiáu chỉnh chuyÅn đáng trong Flash

- Kỹ năng: + Vận dụng thành th¿o cách t¿o các đối t°ợng v¿ và gán hành đáng cho đối t°ợng v¿ Āng dụng đ°ợc vào thāc tißn

- Năng lāc tā chÿ và trách nhiám: + Có phẩm chÃt đ¿o đāc, kỷ luật tốt, tích cāc nghiên cāu hác hỏi nâng cao trình đá

7

BÀI Mä ĐÀU Māc tiêu bài hác

1 Giãi thiáu và làm phim, phÅn mÃm Flash và các b°ãc cài đặt, các đßnh d¿ng Ánh tính và Ánh đáng trên web

8

BÀI Mä ĐÀU 1 Giái thißu và làm phim

Làm phim là quá trình t¿o ra mát bá phim, từ ý t°áng ban đÅu tãi viÁt kßch bÁn, quay phim, biên tập và phân phối Thông th°ßng, nó cÅn mát số l°ợng ng°ßi có thÅ dißn ra trong vài tháng, thậm chí vài năm

Ngày nay, ngoài quá trình làm phim thông th°ßng, có mát số bá phim đ°ợc xây dāng dāa trên các phÅm mÃm chuyên dụng Các phÅn mÃm này s¿ hß trợ ng°ßi dùng có thÅ xây dāng nhân vật, t¿o ho¿t cÁnh, t¿o chuyÅn đáng… vãi tính t°¢ng tác cao và hÃp dẫn đÅ đăng tÁi trên các trang web

2 PhÁn mÃm Flash và các b°ác cài đặt

Flash là mát trong nhÿng công cụ thiÁt kÁ ho¿t hình thông dụng nhÃt hián nay Nó t¿o ra nhÿng hiáu āng ho¿t hình linh ho¿t có tính t°¢ng tác cao và hÃp dẫn đÅ đặt nó lên trang Web Hoặc t¿o ra nhÿng trò ch¢i vãi màu sắc và âm thanh hÃp dẫn

Flash vãi háp công cụ đa năng và các phép biÁn hình phối hợp hiáu āng trên các lãp giúp ng°ßi thiÁt kÁ thÅ hián nhÿng ý t°áng cÿa mình mát cách dß dàng Âm thanh đ°ợc điÃu khiÅn theo nhiÃu cách làm cho ho¿t hình thêm sống đáng Ngoài ra vãi các hàm t°¢ng tác giúp cho ng°ßi thiÁt kÁ còn có khÁ năng t¿o ra nhÿng điÃu khiÅn tác đáng trāc tiÁp lên ho¿t hình

Viác áp dụng đồ háa vector cho các đo¿n ho¿t hình đã mang l¿i sāc m¿nh và sā linh đáng cho Flash Nên các đo¿n phim Flash th°ßng nhỏ gán và tÁi xuống nhanh chóng Trình thÅ hián phim Flash đ°ợc cung cÃp mißn phí đã t¿o thuận lợi cho viác phổ biÁn tãi ng°ßi dùng

Tuy nhiên, đÅ t¿o đo¿n phim Flash, cÅn phÁi có mát công cụ sáng tác Mặc dù mát số ch°¢ng trình khác có thÅ xuÃt ra đßnh d¿ng Flash, nh°ng công cụ Flash vẫn đ°ợc xem là công cụ chÿ yÁu, chuyên nghiáp nhÃt trong viác t¿o ra các đo¿n phim Flash cho các trang Web Ngoài ra, Flash còn hß trợ ng°ßi thiÁt kÁ có thÅ xuÃt ra nhiÃu đßnh d¿ng file ho¿t hình tùy theo āng dụng cÅn sử dụng

Mát °u điÅm nÿa: giao dián Flash trāc quan h¢n, dß sử dụng thông qua nhÿng công cụ cho phép ta t¿o mát giao dián chuyên nghiáp, nÁu đã từ dùng mát ch°¢ng trình đồ ho¿ vector đÅ v¿ nh° Corel Draw hay Adobe Illustrator

❖ Yêu cÅu cài đặt phÅn mÃm Flash:

- Há điÃu hành Windows XP Pack 3 hoặc cao h¢n (MacOS X hoặc cao h¢n) - 1Gb Ram hoặc cao h¢n, Pentium IV hoặc cao h¢n……

9

❖ Các b°ãc cài đặt:

- Má th° mục chāa phÅn mÃm, ch¿y tập tin Setup.exe, khi đó s¿ cửa sổ sau đây hián ra nh° sau

Có hai lāa chán: Install và Try, trong đó:

+ Try: Cài đặt phiên bÁn dùng thử + Install: Cài đặt phÅn mÃm có bÁn quyÃn + Quit: Hÿy bỏ cài đặt

Sau khi chán Install cÿa sổ sau đây xuÃt hián - Hãy đác các điÃu khoÁn sử dụng phÅn mÃm, nÁu đồng ý thì chán Accept đÅ tiÁp tục hoặc chán Back đÅ quay và b°ãc tr°ãc Sau khi chán Accept, cửa sổ xác nhận Serial Number s¿ xuÃt hián

10

Nhập số serial từ nhà cung cÃp vào các ô t°¢ng āng vãi Provide a serial number, sau đó nhÃn Next NÁu dãy số serial hợp lá giao dián cài đặt s¿ hiÅn thß nh° sau:

T¿i mục Options lāa chán các gói phÅn mÃm cÅn cài đặt, chán ngôn ngÿ cài đặt t¿i mục Language, chán vß trí cài đặt t¿i mục Location (mặc đßnh cài đặt á đßa chỉ C:\Program Files\Adobe) Sau khi thiÁt lập xong chán Install đÅ bắt đÅu quá trình cài đặt, sau khi kÁt thúc quá trình cài đặt, nhÃp nút Finish đÅ kÁt thúc quá trình cài đặt

3 Các đßnh d¿ng Ánh tĩnh và đßng trên Web

Hình Ánh trên Website rÃt đa d¿ng, bao gồm hình slide, logo, các biÅu t°ợng, hình Ánh sÁn phẩm hay hình mô tÁ các bài viÁt Viác sử dụng hình Ánh có thÅ giúp khách hàng hiÅu rõ h¢n và nái dung, hiÅu rõ h¢n và sÁn phẩm,… Bên c¿nh đó, hình Ánh phÁi rõ nét, đẹp thì mãi thu hút đ°ợc khách hàng

Tuy nhiên, sử dụng nhiÃu hình Ánh, Ánh không đúng đßnh d¿ng có thÅ Ánh h°áng đÁn tốc đá cÿa website Mà điÃu này Ánh h°áng rÃt lãn đÁn trÁi nghiám ng°ßi dùng cũng nh° xÁp h¿ng SEO Do đó, b¿n phÁi biÁt các đßnh d¿ng Ánh th°ßng dùng cho website, °u nh°ợc điÅm và khi nào nên dùng chúng Sau đây là mát số các đßnh d¿ng Web:

1 Đßnh d¿ng SVG SVG là viÁt tắt cÿa Scaable Vector Graphic, nghĩa là đồ háa Vect¢ có thÅ má ráng SVG đ°ợc đßnh nghĩa bằng XML, nên nó có dung l°ợng nhẹ

(¯u điÅm: nhẹ không chiÁm nhiÃu dung l°ợng, nh°ợc điÅm: không thÅ t¿o Ánh nhiÃu chi tiÁt phāc t¿p, trình duyát cũ không hß trợ)

2 Ành PNG Đuôi Ánh PNG là chÿ viÁt tắt cÿa cụm từ Portable Network Graphics - t¿m dßch <Đồ ho¿ m¿ng di đáng= là đßnh d¿ng táp đồ ho¿ raster hß trợ nén dÿ

11 liáu nh°ng không làm mÃt chÃt l°ợng hình Ánh th°ßng dùng thay thÁ GIF và JPEG

+ ¯u điÅm: PNG cho phép nén không mÃt dÿ liáu, bÁo toàn chÃt l°ợng và siêu dÿ liáu cho dù b¿n mã hóa hoặc giÁi mã chúng bao nhiêu lÅn Vì PNG hß trợ đá sâu màu ráng, tāc là bÁng màu RGB 24 bit, 32 bit RGBA và thang đá xám, nên hình Ánh rÃt lý t°áng đÅ chụp Ánh Ành PNG có nÃn trong suốt

+ Nh°ợc điÅm: Do nén không mÃt dÿ liáu, PNG có dung l°ợng lãn h¢n JPEG

3 Đßnh d¿ng JPEG: Đßnh d¿ng cÿa JPEG có l¿ là đßnh d¿ng nổi tiÁng nhÃt Nó có 2 d¿ng JPEG không liên tục và JPEG liên tục Khi đ°ợc hiÅn thß, các Ánh JPEG không liên tục tÁi từ trên xuống d°ãi Có nghĩa là khi có kÁt nối chậm, b¿n s¿ thÃy Ánh JPEG tÁi từng phÅn mát cách chậm rãi cho đÁn khi tÁi xong

JPEG liên tục, phiên bÁn mãi h¢n, mang l¿i trÁi nghiám ng°ßi dùng tốt h¢n khi hiÅn thß vì chúng bắt đÅu bằng cách tÁi toàn bá hình Ánh á đá phân giÁi thÃp h¢n Sau khi tÁi xong hình Ánh trá nên sắc nét h¢n

+ ¯u điÅm: Các Ánh JPEG có dung l°ợng nhỏ h¢n do nén hiáu quÁ h¢n, chÃt l°ợng Ánh tốt

+ Nh°ợc điÅm: JPEG liên tục chiÁm nhiÃu bá nhã và tài nguyên CPU h¢n đÅ mã hóa và giÁi mã vì chúng phÁi quét hình Ánh nhiÃu lÅn

4 Đßnh d¿ng GIF Có thÅ t¿o Ánh tĩnh hoặc Ánh đáng bằng Ánh đßnh d¿ng GIF Tuy nhiên, b¿n chỉ nên t¿o các ho¿t Ánh ngắn vãi GIF vì chÃt l°ợng hình Ánh cÿa chúng kém h¢n các đßnh d¿ng khác

+ ¯u điÅm: Ành đáng GIF nhỏ h¢n so vãi các đßnh d¿ng Ánh khác Khi đ°ợc triÅn khai trên các trang web, GIF tÁi nhanh và tiÁt kiám băng thông và GIF hß trợ nÃn trong suốt Tính năng nén không mÃt dÿ liáu cÿa GIF đÁm bÁo chÃt l°ợng

+ Nh°ợc điÅm: GIF chỉ hß trợ mát bÁng màu h¿n chÁ (256 màu), có thÅ t¿o ra hình Ánh và ho¿t Ánh có pixel không mong muốn

Flash vãi háp công cụ đa năng và các phép biÁn hình phối hợp hiáu āng trên các lãp giúp ng°ßi thiÁt kÁ thÅ hián nhÿng ý t°áng cÿa mình mát cách dß dàng Âm thanh đ°ợc điÃu khiÅn theo nhiÃu cách làm cho ho¿t hình thêm sống đáng Ngoài ra vãi các hàm t°¢ng tác giúp cho ng°ßi thiÁt kÁ còn có khÁ năng t¿o ra nhÿng điÃu khiÅn tác đáng trāc tiÁp lên ho¿t hình

Trình xem phim Flash đ°ợc cung cÃp mißn phí đã t¿o thuận lợi cho viác phổ biÁn tãi ng°ßi dùng

- Giao dián Flash trāc quan, dß sử dụng thông qua nhÿng công cụ cho phép ta t¿o mát giao dián chuyên nghiáp

- Flash còn hß trợ ng°ßi thiÁt kÁ có thÅ xuÃt ra nhiÃu đßnh d¿ng file ho¿t hình tùy theo āng dụng cÅn sử dụng Có thÅ xuÃt ra nhiÃu lo¿i táp nh° html, swf, exe, jpg,…

1.1.2 Giao diện làm việc

ĐÅ khái đáng Adobe Flash Professional CS6 Chán biÅu t°ợng cÿa nó trên màn hình Desktop, hoặc tiÁn hành các b°ãc sau:

- Vào Start → All Programs → Adobe → Adobe Flash Professional CS6 Màn hình khái đáng Adobe Flash Professional s¿ hián ra nh° sau:

Kích chán menu File  Exit hoặc kích chuát vào nút Close cÿa cửa sổ ch°¢ng trình

16

Giao dián cÿa Flash đ°ợc t¿o nên từ nhÿng vùng sau:

Trong đó: - Thanh menu (thanh thāc đ¢n): chāa các menu làm viác - Khung hình (Frame): chāa nái dung ho¿t hình (hình v¿, nút nhÃn, nút nhÃn, âm thanh,…)

- Các cửa sổ thành phÅn (Properties): hay còn gái là thuác tính là các tính chÃt áp dụng cho đối t°ợng (lãp, đối t°ợng, hình v¿…)

- Lãp (Layer): lãp chāa các khung, là thành phÅn cÿa tiÁn trình ho¿t hình Lãp có nhiÃu thuác tính khác nhau Các lãp đ°ợc xÁp chồng lên nhau (che phÿ nhau), có bao nhiêu lãp cũng đ°ợc, đối t°ợng á lãp trên °u tiên hiÅn thß h¢n lãp d°ãi Ho¿t hình th°ßng có nhiÃu lãp đÅ dß quÁn và áp dụng các thuác tính đÅ t¿o các ho¿t hình phāc t¿p

- Háp công vụ (Toolbar): chia làm 4 nhóm: + Tools: chāa các công cụ v¿

+ View: công cụ hiÅn thß + Colors: công cụ chỉnh màu sắc + Options: chāa các công cụ hß trợ cho công cụ chính đang đ°ợc chán trong nhóm Tools

- Vùng làm viác: Trong Flash mát đối t°ợng có thÅ tồn t¿i mát trong hai māc làm viác sau:

+ Vùng khung làm viác (các đối t°ợng v¿ hoặc bß phân rã): chúng s¿ t°¢ng tác lên nhau khi đặt chồng lên nhau

+ Vùng che phÿ: (các đối t°ợng nhóm hay chuyÅn thành nút nhÃn) s¿ hiÅn thß đ°ßng bao hình chÿ nhật quanh đối t°ợng

- CÁnh (Scene): Vãi mát nái dung ho¿t hình dài th°ßng đ°ợc chia thành nhiÃu cÁnh đÅ dß quÁn lý và thiÁt lập các t°¢ng tác điÃu khiÅn

- Tập tin FLA: Tập tin nái dung cÿa Flash - Tập tin SWF: Tập tin ho¿t hình cÿa Flash (không chỉnh sửa đ°ợc nái dung)

1.1.3 ThiÁt lập môi trường làm việc

Khung làm viác trong môi tr°ßng Flash là n¢i thÅ hián các đối t°ợng, các ho¿t cÁnh, các thiÁt kÁ, hình Ánh và nhÿng khung đối t°ợng ngo¿i vi nh° video, import file flash

TÃt cÁ các đối t°ợng đ°ợc thÅ hián á khung làm viác màu trắng (còn gái là stage) Mßi stage chāa nhiÃu đối t°ợng khác nhau nh° các movie clip, các đối t°ợng button,…

19

1.1.3.3 Hiện ẩn thanh công cụ chính, thanh điều khiển hoạt hình, thanh hiệu chỉnh

- Chán Windows/Toolbars: Main, Controller, Edit Bar

❖ Thanh công cụ chính (Main) gồm các nút sau:

+ New: t¿o Stage mãi + Open: má Stage đã có + Save: l°u ho¿t hình + Print: in Stage + Cut: cắt vùng chán + Copy paste: copy vùng chán + Undo: trá và thao tác tr°ãc + Redo: quay trá l¿i thao tác vừa undo + Snap to objects: tắt má chÁ đá bắt dính các đối t°ợng + Smooth: làm tr¢n các đ°ßng thẳng và hình d¿ng đ¢n giÁn + Straighten: làm thẳng các đ°ßng và hình d¿ng đ¢n giÁn + Rotate and Skew: xoay và kéo ngiêng đối t°ợng

+ Scale: co dãn đối t°ợng + Align: canh thẳng hàng ❖ Thanh điÃu chỉnh ho¿t hình (Controller) gồm các nút sau:

20

+ Stop: dừng ho¿t hình + Rewind: trá và Frame đÅu tiên + Step Back One Frame [<]: trá và 1 Frame tr°ãc đó + Play: ch¿y thử ho¿t hình

+ Step Forward One Frame [>]: đÁn Frame kÁ tiÁp + Go to End: di chuyÅn đÁn Frame cuối cùng cÿa đo¿n ho¿t hình ❖ Thanh hiáu chỉnh (Edit Bar) gồm các nút sau:

+ Scene: chán cÁnh + Symbol: chán đối t°ợng + Hiáu chỉnh Stage

1.1.3.4 Hiện ẩn hộp công cụ, cửa sổ tiến trình

- Chán Window/ Tools/ Timeline (Ctrl + Alt +T)

1.2 Các đßi t°ÿng c¢ bÁn

1.2.1 T¿o đối tượng trong trang ho¿t hình

ĐÅ t¿o các đối t°ợng trong trang ho¿t hình, ng°ßi dùng có thÅ sử dụng các công cụ trong háp tho¿i Tools hoặc chèn các đối t°ợng (hình Ánh) từ ngoài vào

1.2.1.1 Vẽ bằng công cụ Pen

+ V¿ đ°ßng thẳng hoặc đ°ßng cong Trên bÁng Fill and Stroke: chán các thuác tính nét v¿ và tô màu cho đ°ßng thẳng cÅn v¿…

Double click vào nút đÅ xóa nút

1.2.1.2 Vẽ đường thẳng: Line tool (N)

Chán công cụ Line Trên bÁng Fill and Stroke: chán các thuác tính nét v¿, màu nét v¿, kích th°ãc và d¿ng nét v¿ cho đ°ßng thẳng cÅn v¿

BÃm giÿ chuát trái kéo trong vùng làm viác

Chú ý:

- NhÃn phím Shift trong khi kéo đÅ t¿o nhiÃu đ°ßng thẳng có góc 450 hoặc 900 - Không thÅ thiÁt lập các thuác tính tô màu cho công cụ line

22

1.2.1.3 Oval Tools (O)

Chán công cụ Oval Trên bÁng Fill and Stroke: chán các thuát tính cho nét v¿ và màu tô BÃm giÿ chuát trái rê trong vùng Stage ĐÅ v¿ hình tròn Ãn thêm phím Shift

1.2.1.5 PolyStar Tool

Công cụ PolyStar giúp v¿ hình đa giác Trên bÁng Fill and Stroke: chán các thuát tính cho nét v¿ và màu tô Trên cửa sổ Tool Settings chán lo¿i polyStar

23

1.2.1.6 Pencil Tool (Y)

Công cụ Pencil Tool dùng đÅ v¿ đ°ßng bằng tay Trên bÁng Fill and Stroke: chán các thuác tính nét v¿, màu nét v¿, kích th°ãc và d¿ng nét v¿ cho đ°ßng thẳng cÅn

1.2.2 ThiÁt kÁ các ho¿t cảnh

- ThiÁt kÁ các ho¿t cÁnh là viác t¿o sā kián liên há qua l¿i giÿa các đo¿n ho¿t hình, cÁnh, khung hình khi trình chiÁu Ho¿t cÁnh có thÅ thāc hián tốt nhß các thiÁt lập t°¢ng tác hoặc lập trình (Scripting)

- Sā kián: là tình huống xÁy ra (click chuát lên nút) hoặc thßi điÅm thiÁt lập đã đÁn ( tiÁn trình ch¿y đÁn khung hình khóa có chāc năng thiÁt lập t°¢ng tác

- Đích : Là đối t°ợng bß tác đáng bái hành đáng khi xÁy ra sā kián - Hành đáng: Là mát tác đáng, t°¢ng tác trên đích khi sā kián xÁy ra

1.2.3 Quản lý các đối tượng bằng cửa sổ Library

Th° vián Library Panel là kho chāa tÃt cÁ các biÅu t°ợng mà ng°ßi dùng sử dụng trong Flash Movie: Movie Clip, Button (nút), các biÅu t°ợng đồ háa

Cách đÅ má th° vián: Vào Windows → Library (hoặc Ctrl + L)

24

❖ Library chỉ chāa nhÿng biÅu t°ợng liên quan đÁn Flash movie hián đang má thì Common Libraries l¿i chāa các nhóm biÅu t°ợng

❖ Mßi nhóm biÅu t°ợng l¿i có nhiÃu biÅu t°ợng đ°ợc t¿o tr°ãc và cài sẵn cùng vãi Flash

❖ Window → Other Panels → Common Libraries

▪ Buttons ▪ Classes ▪ Learning Interactions

1.3 Phân cÁnh

Đối vãi ho¿t hình dài, ng°ßi ta chia thành nhiÃu cÁnh đÅ dß quÁn lý Khi chiÁu ho¿t hình s¿ lÅn l°ợt chiÁu qua các cÁnh Ngoài ra còn giúp cho viác đặt các nút điÃu khiÅn ho¿t hình đ°ợc linh ho¿t h¢n

1.3.1 Khái niệm phân cảnh

Phân cÁnh (Scene) đ°ợc hiÅu 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

Nhß các cÁnh quay này, ng°ßi dùng có thÅ t¿o ra 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 các đối t°ợng trên cÁnh quay đó trá lên quá lãn Mát cÁnh quay trong Flash cũng giống nh° mát cÁnh quay trong phim truyÃn hình 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 Các cÁnh quay s¿ đ°ợc ghép tā đáng theo thā tā mà ng°ßi dùng sắp xÁp

1.3.2 Cách t¿o phân cảnh

Vào menu Insert → Scene

1.4 Thÿc hành Bài tập 1: Sử dụng Tools và v¿ các hình sau:

26

Bài tập 2: V¿ các hình sau:

Bài tập 3: V¿ các hình sau:

Bài tập 4: V¿ các hình sau:

27

Hß thßng kiÁn thāc ch°¢ng 1 1 Yêu cÁu và lý thuyÁt

- KiÁn thāc và phÅn mÃm Flash, các tính năng cÿa āng dụng, giao dián, môi tr°ßng làm viác, cách sử dụng các công cụ v¿ hình c¢ bÁn đÅ thiÁt kÁ đối t°ợng trên phÅn mÃm Flash

2 Yêu cÁu và bài tập: Làm bài tập cÿa ch°¢ng 1 3 Hß thßng các kiÁn thāc đã hác:

- Giãi thiáu và tính năng cÿa āng dụng Flash - Làm quen vãi giao dián phÅn mÃm, cửa sổ làm viác - Cách sử dụng các công cụ v¿ hình đ¢n giÁn trong thanh công cụ Tools - Cách t¿o phân cÁnh, sắp xÁp hiáu chỉnh phân cÁnh

4 Các bài tập ch°¢ng 1: Bài tập t¿i māc 1.4 Thÿc hành

4 Vận dụng t¿o đo¿n phim ho¿t hình đ¢n giÁn

29

CH¯¡NG 2: T¾O CHUYÄN ĐÞNG 2.1 ThiÁt kÁ ho¿t hình

Là quá trình các đối t°ợng xuÃt hián, di chuyÅn theo mát chuyÅn đáng nhßp nhàng và đÃu đặn

Thāc ra là chußi các Ánh tĩnh trong đó mßi hình Ánh (khung hình - frame) chỉ thay đổi mát chút so vãi hình Ánh tr°ãc đó, mßi hình Ánh chỉ đ°ợc thÅ hián trong mát khoÁng thßi gian ngắn

❖ Khung hình (Frame): BiÅu dißn mát lÅn thÅ hián cÿa phim Flash á mßi thßi điÅm cụ thÅ trong suốt quá trình phát l¿i

Sau khi dßch và ch¿y, ch°¢ng trình đ°ợc thāc hián từ khung hình đÅu đÁn khung hình cuối

❖ Tốc đá khung hình:

Số l°ợng các hình Ánh riêng biát (khung hình) xuÃt hián trong mát giây Càng cao thì càng có nhiÃu khung hình trong mát đ¢n vß thßi gian phát l¿i → tăng kích th°ãc táp tin

Flash mặc đßnh và th°ßng dùng là 24 fps ❖ Flash đ¢n giÁn hóa ho¿t Ánh:

▪ Chỉ cÅn t¿o ra hình Ánh bắt đÅu và hình Ánh kÁt thúc ▪ Flash tā t¿o mái thā nằm giÿa hai hình Ánh này đÅ t¿o ra ho¿t Ánh →

BiÁn đổi (Transformation) ❖ Flash có 2 lo¿i biÁn đổi:

▪ BiÁn đổi chuyÅn đáng (Motion Transformation) ▪ BiÁn đổi hình d¿ng (Shape Transformation)

2.1.1 ThiÁt kÁ các đối tượng đo¿n

Khi thao tác vãi đối t°ợng, ta th°ßng sử dụng chāc năng sau đây: - Nhóm viÃn và nÃn cÿa đối t°ợng thành mát nhóm: sử dụng chāc năng Group và Union bằng cách: Chán đối t°ợng nÃn và viÃn (nhÃp đôi vào đối t°ợng) → Vào menu Modify → Group (Ctrl + G) hoặc Combine Object → Union

- Nhóm nhiÃu đối t°ợng thành mát nhóm: Chán các đối t°ợng cÅn nhóm vào Modify → Group (Ctrl + G)

- Vô hiáu hóa viác chỉnh sửa mát đối t°ợng: Chán đối t°ợng cÅn khóa → Vào menu Modify → Arrange → Lock (Ctrl + Alt + L)

- Kích ho¿t viác chỉnh sửa mát đối t°ợng: Chán đối t°ợng → Vào menu Modify → Arrange → UnLock (Ctrl + Shift + Alt + L)

- Sắp xÁp thā tā đối t°ợng: Chán đối t°ợng → Vào menu Modify → Arrange → thāc hián hiáu chỉnh thā tā sắp xÁp

Khi đang chán bÃt kỳ mát công cụ bÃt kỳ giÿ Ctrl đÅ chuyÅn t¿m thành công cụ Selection Tool

- Chỉnh d¿ng theo các nút trên đ°ßng biên: Chán công cụ Subselect - NhÃp chuát vào mát đ°ßng thẳng hoặc đ°ßng viÃn ngoài

- Hiáu chỉnh các nút trên đ°ßng biên

- Polygon Mode: t¿o vùng chán d¿ng đa giác

- Thay đổi kích th°ãc (Scale), xoay và kéo nghiêng (Rotate and Skew), bóp méo (distort), biÁn d¿ng hoàn toàn (envelope) các đối t°ợng

- Chán đối t°ợng - Chán công cụ Free Transform trên thanh công cụ Công cụ này cung cÃp thêm 4 công cụ bổ sung:

Xoay đối t°ợng: chán công cụ, trỏ chuát vào mát trong các c¿nh bÃm giÿ chuát trái đÅ xoay

2 Kéo nghiêng đối tượng: chán công cụ, trỏ chuát vào mát trong các c¿nh bÃm

giÿ chuát trái đÅ kéo nghiêng