Giáo trình sử dụng phần mềm FLASH

Để có chuyển động của nét cắt, các bạn dùng công cụ “Selection Tool”, chọn toàn bộ các hình đã vẽ, chọn chuột phải phải vào đó và chọn “Copy”.. Tạo thêm một lớp mới (Layer) là Layer 2.[r]

PhÇn mÒm flash

MỤC LỤC

1 KHỞI ĐỘNG VÀ THOÁT: 31.1 Khởi động Flash 3

1.2 Thoát khỏi Flash 3

2 CÁC KHÁI NIỆM CƠ BẢN: 3

2.1 Stage (sân khấu) 4

2.2 Toolbox (hộp công cụ) 4

2.3 Panels (bảng chức năng) 4

2.4 Timeline (trục thời gian) 4

2.5 Layers (các lớp) 4

2.6 Library (thư viện) 4

2.7 Properties (bảng thuộc tính) 4

3 CÁC CÔNG CỤ CƠ BẢN: 4

4 KỸ NĂNG VẼ HÌNH: 5

4.1 Vẽ hình bình hành 5

4.2 Vẽ hình thoi 5

4.3 Vẽ tam giác cân 5

4.4 Vẽ tam giác đều 6

4.5 Kẻ sơ đồ trong những bài toán đố 6

4.6 Vẽ hình cầu 7

5 KỸ NĂNG TÔ MÀU: 7

5.1 Đổ màu và xóa màu 7

5.2 Tạo chuyển màu trong hình 9

6 CHUYỂN ĐỘNG THẲNG: 10

6.1 Tạo chuyển động thẳng đơn giản 10

6.2 Tạo hai chuyển động thẳng liên tiếp 13

7 CHUYỂN ĐỘNG THEO QUỸ ĐẠO (PATH): 15

8 BIẾN HÌNH: 17

9 HIỆU ỨNG MẶT NẠ (MASK): 19

10 GẤP HÌNH: 21

11 CẮT GIẤY: 23

12 QUAY COMPA: 25

13 TẠO NÚT CHẠY (PLAY) CHO ĐOẠN HOẠT HÌNH: 27

14 CON LẮC ĐƠN: 29

 Click đúp vào biểu tượng Flash ở màn hình Desktop.

1.2 Thoát khỏi Flash

Để thoát khỏi chương trình, bạn có thể thực hiện các cách sau:

 Để thoát khỏi chương trình Các bạn chọn menu “File” và chọn “Exit”

 Nhấn tổ hợp phím “Alt + F4”

2 CÁC KHÁI NIỆM CƠ BẢN

2.1 Stage (sân khấu)

Stage là vùng màn hình mà bạn vẽ vào và là vùng trình diễn khi phim đã đượcxuất bản

Có thể cho gọi các bảng từ menu “Window”

2.4 Timeline (trục thời gian)

Trục thời gian tổ chức và điều khiển về vấn đề thời gian của đoạn hoạt hình

2.5 Layers (các lớp)

Giúp tổ chức trật tự trên dưới của các đối tượng

2.6 Library (thư viện)

Là nơi lưu trữ các tài nguyên

Chọn miền màu Tùy biến kiểu tô màu

Vẽ đường cong Tạo nét viền

Đánh chữ Đổ màu vào miền

Vẽ Elip Công cụ hỏi màu

Vẽ hình chữ nhật Tẩy xóa

Click chuột ra ngoài vùng trắng, sau đó dùng công cụ “Selection Tool” đểchọn lại đối tượng và kéo hạt đen làm cho hình bị bẹt lại để được một hình thoi.

4.3 Vẽ tam giác cân

Đầu tiên, dùng công cụ “Rectangle Tool” vẽ một hình chữ

nhật

Sau đó, vẽ một đường thẳng đứng bên ngòai hình chữ nhật

bằng công cụ “Line Tool”

Bạn chọn công cụ “Selection Tool” để chọn cả hai đối

tượng, chọn menu “Modify”, chọn “Align”, chọn “Horizontal

Center” để căn đường thẳng vào giữa hình chữ nhật

Tiếp tục dùng công cụ “Line Tool” vẽ hai cạnh bên của tam giác Sau đó, xóa

bỏ những nét không cần thiết bằng cách dùng chuột chọn các nét thừa và nhấn

“Delete” trên bàn phím

Như vậy chúng ta đã vẽ xong tam giác cân

4.4 Vẽ tam giác đều

Các bạn chọn công cụ “Line Tool” : vẽ 2 đường thẳng đứng và một đườngnằm ngang Giữ “Shift” trong quá trình vẽ để được những nét thẳng

Chọn menu “Window”, chọn “Transform” để xuất hiện cửa sổ “Transform”.Bạn sẽ sử dụng chức năng này để quay các đường thẳng đứng

Đầu tiên, bạn chọn đường thẳng đứng bên trái, trở về cửa sổ “Transform” rồinhập vào hộp “Rotate” là “30o”, gõ xong nhấn “Enter”

Làm tương tự với đường thẳng bên phải để quay một góc “-30o”

Tiếp theo di chuyển 3 đường thẳng cho chúng cắt nhau, rồi chọn các nét thừa

và xóa bỏ chúng bằng phím “Delete”

Kết thúc việc này, bạn được một tam giác đều

4.5 Kẻ sơ đồ trong những bài toán đố

Bạn có thể sử dụng công cụ “Line Tool” như sau:

 Chọn công cụ Line để vẽ các nét dọc và một nét ngang tùy ý, như hìnhdưới:

 Tiếp theo, bạn chọn toàn bộ các nét dọc Chọn menu “Window”, chọn

“Align” để xuất hiện cửa sổ “Align”

 Trên cửa sổ “Align”, chọn chức năng độ dài bằng nhau , căn chỉnh trụcngang đối xứng , giãn khoảng cách bằng nhau

 Bây giờ bạn chọn cả nét dọc và nét ngang, chọn trục ngang đối xứng Như vậy, quá trình vẽ sơ đồ đã hoàn tất

4.6 Vẽ hình cầu

Để vẽ hình cầu Các bạn làm như sau:

 Chọn công cụ “Oval Tool”

 Chọn công cụ “Fill Color” , rồi chọn kiểu tô “Gradien”

 Các bạn giữ Shift và dùng chuột vẽ một hình tròn Khi đó ta được một hìnhcầu cần vẽ Tiếp đó, chọn công cụ “Gradien Transform Tool” để thayđổi mầu sáng, mầu tối trên hình cầu

5 KỸ NĂNG TÔ MÀU

5.1 Đổ màu và xóa màu

Một đối tượng hình vẽ (Shape) trong flash bao gồm: Nét và Mảng

Để thay đổi màu của đối tượng hình vẽ (Shape), bạn chọn công cụ “Selectiontool” , chọn vào mảng (hay nét) cần thay đổi màu, chọn vào công cụ “Fill color”

(đối với mảng) hay công cụ “Stroke color” (đối với nét) và chọn màucần đổ Như vậy, đối tượng của bạn đã được thay đổi màu

Đổ màu cho mảng

Để xóa mảng (hay nét) của đối tượng hình vẽ, bạn chọn công cụ “Selectiontool” , chọn mảng (hay nét) cần xóa và nhấn phím “Delete”.

Xóa nét của đối tượng hình vẽ

Để đổ lại màu cho mảng (hay nét), các bạn chọn công cụ Paint Bucket Tool (đối với mảng) hay công cụ Ink Bottle Tool (đối với nét), click tiếp vào đối tượnghình vẽ để đổ màu

Vẽ nét của đối tượng hình vẽ

5.2 Tạo chuyển màu trong hình

Để làm cho đối tượng hình vẽ chuyển màu, bạn dùng công cụ “Selection tool”, chọn vào mảng cần tạo chuyển màu, chọn mục “Type” trong công cụ “ColorMixer” và chọn “Linear”

Lưu ý: Nếu không thấy công cụ “Color Mixer”, bạn có thể chọn menu

“Window”, chọn “Color Mixer”

Tuy nhiên, mặc định Flash là chuyển từ màu đen sang màu trắng Bạn có thểthay đổi các màu này bằng cách click đúp vào các ô màu trên thanh chuyển màu vàthay đổi các màu đó

Bạn cũng có thể thêm một ô màu nữa ở giữa hai ô màu có sẵn (bằng cách tạoclick vào khoảng giữa hai ô màu có sẵn) và kéo các ô màu trên bảng chuyển màu đểđược đối tượng hình vẽ chuyển màu vừa ý.

6 CHUYỂN ĐỘNG THẲNG

6.1 Tạo chuyển động thẳng đơn giản

Để tạo một chuyển động thẳng của của con thuyền bạn làm như sau:

Click đúp vào “Layer 1” sửa tên Layer thành “bien” và chọn menu “File”,chọn “Import”, chọn “Import to stage”, chọn bức ảnh biển để đưa vào trang soạn thảo

Chọn công cụ “Free Transform Tool” để điều chỉnh kích thước ảnh biểncho phù hợp

Tương tự như trên, bạn chọn menu, chọn menu “Insert”, chọn “Timeline”,chọn “Layer” để tạo thêm một lớp (Layer) mới Đặt tên Layer mới là “thuyen” Chọnmenu “File”, chọn “Import”, chọn “Import to stage”, chọn bức ảnh thuyền để đưa vàotrang soạn thảo Dùng công cụ “Free Transform Tool” để điều chỉnh kích thướccon thuyền cho phù hợp.

Tiếp theo, bạn sẽ di chuyển con thuyền tới vị trí đầu tiên của đường chuyểnđộng

Trên trục thời gian (Timeline) của Layer “bien”, chọn vào Frame 30 (Số Framecàng lớn thì thời gian chuyển động càng chậm) và nhấn phím “F5” để chèn thêmFrame

Trên trục thời gian của Layer “thuyen”, chọn vào Frame 30 và nhấn phím “F6”

để chèn thêm một Key Frame Tại Key Frame này, bạn di chuyển con thuyền và đặtvào vị trí cuối cùng của đường chuyển động

Bây giờ, từ Frame thứ nhất đến Frame thứ 29, chiếc thuyền nằm ở vị trí banđầu, đến Frame thứ 30 con thuyền nằm ở vị trí cuối cùng Để tạo chuyển động chocon thuyền từ vị trí đầu đến vị trí cuối bạn click phải chuột vào một Frame bất kỳgiữa hai Frame đầu và cuối của Layer “thuyen” và chọn “Create Motion Tween”.Chương trình sẽ tự chia khoảng cách giữa hai vị trí đầu và cuối thành 30 phần, mỗimột Frame, chương trình tự thay đổi vị trí của con thuyền và kết quả là con thuyềnchuyển động từ vị trí đầu đến vị trí cuối

Vị trí của con thuyền tương ứng với các Frame từ 1 đến 30

Nhấn tổ hợp phím “Ctrl + Enter” và bạn đã có một đoạn hoạt hình chiếcthuyền chuyển động trên biển.

Bạn cũng có thể thay đổi vị trí, kích thước, hướng của con thuyền ở Frame đầutiên và Frame cuối cùng để con thuyền chuyển động theo ý muốn của bạn chẳng hạn

là chuyển động ra khơi, chuyển động cập bến, …

Con thuyền ra khơi

Để tăng tốc độ chuyển động, bạn sẽ xóa bớt các Frame trên trục thời gian bằngcách chọn vào một Frame bất kỳ giữa hai Frame đầu và cuối rồi nhấn tổ hợp phím

“Shift + F5”

Tương tự, bạn chọn vào một Frame bất kỳ giữa hai Frame đầu và cuối rồi nhấnphím “F5” để tạo thêm các Frame

6.2 Tạo hai chuyển động thẳng liên tiếp

Để tạo được chuyển động cho viên bi lăn từ trên dốc xuống, nhanh dần, rồichuyển động đều trên mặt nằm ngang, bạn thực hiện như sau:

Đầu tiên, bạn chọn menu “File”, chọn “Import”, chọn “Import to stage”, chọnbức ảnh, hình vẽ mà bạn sưu tầm hay tự vẽ được vào trang soạn thảo (Máng và Giáđỡ) Chọn công cụ “Free Transform Tool” để điều chỉnh kích thước, vị trí củamáng và giá đỡ cho phù hợp

Tiếp theo, bạn chọn menu “Insert”, chọn “Timeline”, chọn “Layer” để tạothêm một Layer mới, đặt tên Layer này là “Bi”

Tại Layer “Bi”, bạn dùng công cụ “Oval tool” để vẽ viên bi (hình cầu)

Chọn menu “Modify”, chọn “Convert to Symbol”, chọn “Graphic” và chọn

OK để chuyển đối tượng hình vẽ thành đối tượng hình ảnh

Di chuyển viên bi đến vị trí trên cùng của máng nghiêng

Tại Frame thứ 30 của các Layer “Mang” và “Gia_do”, bạn nhấn phím “F5” đểchèn thêm Frame Cũng tại Frame thứ 30 nhưng của Layer “Bi”, bạn nhấn phím “F6”

để chèn thêm một Key Frame và di chuyển vị trí của viên bi tới cuối máng nghiêng

Chọn chuột phải vào Frame bất kỳ giữa Frame đầu tiên và Frame cuối cùngcủa Layer “Bi” và chọn “Creat Motion Tween” Sau đó, bạn có thể nhấn tổ hợp phím

“Ctrl + Enter” để xem kết quả và bạn đã có viên bi lăn xuống máng nghiêng

Tuy nhiên, để viên bi lăn và chuyển động nhanh dần, bạn chọn vào Frame bất

kỳ giữa Frame đầu tiên và Frame cuối cùng của Layer “Bi”, chọn menu “Windows”,chọn “Properties” và chọn “Properties” Tại cửa sổ “Properties”, phần “Ease” bạnchọn là “-100” để viên bi chuyển động nhanh dần, phần “Rotate” bạn chọn là “CW”

để viên bi quay theo chiều kim đồng hồ

Như vậy, bạn đã tạo được chuyển động lăn xuống dốc của viên bi Bây giờ bạn

sẽ tạo chuyển động cho viên bi trên máng nằm ngang

Tại Frame thứ 60 của Layer “Mang” và “Gia_do”, bạn nhấn “F5” Tại Frame

60 của Layer “Bi”, bạn nhấn “F6” và di chuyển vị trí viên bi tới cuối máng nằmngang

Chọn phải chuột vào Frame bất kỳ giữa hai Frame 30 và 60, chọn “CreateMotion Tween”

Cũng tương tự như trên, tại cửa sổ “Properties”, bạn chọn “Rotate” là “CW” và

“Ease” = 0 để viên bi lăn đều

Nhấn tổ hợp phím “Ctrl + Enter” và bạn đã có đoạn hoạt hình hoàn chỉnh

7 CHUYỂN ĐỘNG THEO QUỸ ĐẠO (PATH)

Về nguyên tắc thì cách tạo chuyển động theo quỹ đạo tương tự cách tạochuyển động thẳng, chỉ khác là bạn cần phải vẽ một đường quỹ đạo chuyển động

Chẳng hạn, để con ong bay theo một quỹ đạo nào đó bạn làm như sau:

Bạn chọn menu “File”, chọn “Import”, chọn “Import to stage” để đưa bức ảnhcon ong vào trang soạn thảo và dùng công cụ “Free Transform Tool” để thay đổi kíchthước của bức ảnh cho phù hợp Đặt tên cho Layer này là “Ong”

Tiếp theo, bạn chọn nút “Add Motion Guider” để tạo ra một Layer chứaquỹ đạo Mặc định Layer này có tên là “Guide: Ong”

Trên Layer “Guide: Ong”, bạn vẽ quỹ đạo chuyển động Vẽ xong quỹ đạo thìbạn chọn khóa lớp Guide này lại để tránh việc chọn nhầm hình sau này

Bạn di chuyển con ong tới vị trí đầu của quỹ đạo

Lưu ý: Bạn phải kéo sao cho tâm hình con ong (vòng tròn nhỏ) bị dính vào đầu

quỹ đạo

Tiếp theo, bạn chọn Frame 30 của Layer “Guide: Ong”, nhấn phím “F5” đểchèn thêm Frame, rồi bạn chọn tiếp vào Frame 30 của Layer “Ong” và di chuyểncong ong sao cho tâm của nó trùng vào điểm cuối của quỹ đạo.

Nhấn tổ hợp phím “Ctrl + Enter” và bạn đã có đoạn hoạt hình con ong baytheo quỹ đạo vừa vẽ

Tuy nhiên, bạn sẽ thấy con ong đã chuyển động theo quỹ đạo đã vẽ nhưng hìnhcon ong không thay đổi theo hướng bay nên không giống thật, bạn sẽ sửa điều đóbằng cách:

Chọn Frame 1 của Layer “Ong”, chọn con ong rồi dùng công cụ “FreeTransfrom” xoay hình con ong theo hướng đường dẫn và làm tương tự đối với Frame30

Chọn Frame bất kỳ ở giữa hai Frame 1 và 30, mở bảng thuộc tính (Properties)

và đánh dấu chọn ở ô “Orient to path”

Nhấn tổ hợp phím “Ctrl + Enter” để kiểm tra kết quả.

Lưu ý: Bạn cũng có thể chèn thêm Layer “Canh” và Import bức ảnh phong

cảnh vào làm nền để có được đoạn hoạt hình con ong bay trên vườn hoa chẳng hạn

8 BIẾN HÌNH

Với phần mềm Flash, bạn có thể dễ dàng tạo cho mình một đoạn hoạt hình vớihiệu ứng biến đổi đối tượng hình vẽ này (Shape) thành đối tượng hình vẽ khác Chẳnghạn, để tạo một đoạn hoạt hình biến đổi hình tròn thành hình vuông rồi sau đó biếnthành chữ A, bạn thực hiện các thao tác như sau:

Đầu tiên, bạn chọn công cụ “Oval Tool” để vẽ một hình tròn

Trên trục thời gian (Timeline), bạn chọn vào Frame 20 Nhấn phím “F7” để tạomột “Blank Keyframe” và vẽ một hình vuông

Chọn vào Frame bất kỳ giữa hai Frame 1 và 20, mở bảng thuộc tính(Properties), chọn “Shape” trong menu thả “Tween”

Sau đó, bạn chọn công cụ “Selection Tool”, chọn chữ “A” vừa vẽ, chọn menu

“Modify”, chọn “Break Apart” để chuyển đối tượng hình ảnh (Graphic) thành đốitượng hình vẽ (Shape)

Tiếp theo bạn lại chọn vào Frame ở giữa Frame 20 và 40, mở bảng thuộc tính

và chọn “Shape” trong menu thả “Tween”

Bây giờ, bạn nhấn tổ hợp phím “Ctrl + Enter” để xem kết quả biến hình

Lưu ý: Nếu bạn chọn biến thành một dòng chữ thì bạn cần chọn “Break Apart”

hai lần, lần thứ nhất để tách đối tượng hình ảnh (Graphic) dòng chữ thành các đốitượng hình ảnh là các chữ cái, lần thứ hai là để chuyển các đối tượng hình ảnh đóthành đối tượng hình vẽ (Shape)

9 HIỆU ỨNG MẶT NẠ (MASK)

Hiệu ứng mặt nạ là một hiệu ứng phổ biến khi xây dựng các đoạn hoạt hìnhbằng Flash Với việc sử dụng hiệu ứng mặt nạ, bạn có thể chỉ cho phép người dùngquan sát một phần của đối tượng Chẳng hạn, để làm một đoạn hoạt hình quan sátphong cảnh qua ống nhòm, bạn làm như sau:

Đầu tiên, bạn đặt tên cho Layer này là “Nen” Tiếp theo, bạn chọn menu

“File”, chọn “Import”, chọn “Import to Stage” để chèn một bức ảnh phong cảnh vàotrang soạn thảo và dùng công cụ “Free Transform Tool” để thay đổi kích thước chophù hợp

Xác định vị trí đầu tiên của bức ảnh cho phù hợp rồi chọn vào Frame 60, nhấnphím “F6”, di chuyển bức ảnh đển vị trí cuối cùng sao cho phù hợp Tiếp theo, chọn

vào Frame bất kỳ giữa Frame 1 và 60 chọn phải chuột và chọn “Create MotionTween” để được chuyển động của bức ảnh từ vị trí ban đầu đến vị trí cuối cùng.

Khóa Layer “Canh” lại để không bị thay đổi khi bạn thực hiện các thao táckhác

Việc tiếp theo là bạn sẽ tạo một mặt nạ (Mask) hình cái ống nhòm để ngườidùng chỉ có thể quan sát được bức ảnh qua cái mặt nạ đó mà thôi

Bạn tạo một lớp mới và đặt tên là “Ong_nhom”

Trên Layer “Ong_nhom”, bạn chọn công cụ “Oval Tool” để vẽ một hình tròn.Dùng công cụ “Selection Tool” để chọn cả hình tròn đó rồi click phải chuột chọn

“Copy”, chọn phải chuột vào chỗ khác và chọn “Paste” Các bạn di chuyển hình trònvừa dán để căn chỉnh với hình tròn ban đầu cho giống ống nhòm Chọn vào Frame 60

và nhấn phím “F5”

Chọn phải chuột vào Layer “Ong_nhom” và chọn “Mask”

Nhấn tổ hợp phím “Ctrl + Enter” và bạn đã có một đoạn hoạt hình dùng ốngnhòm để quan sát cảnh biển.

Lưu ý: Bạn có thể thay đổi màu nền của trang soạn thảo thành màu đen để

Chọn công cụ “Selection Tool” và giữ phím “Shift” để chọn phần bên trái

(chọn cả nền và viền), rồi nhấn phím “F8”, chọn “Graphic”, chọn “OK” để chuyển

đối tượng hình vẽ thành đối tượng hình ảnh

Tiếp theo, bạn click phải chuột vào phần bên trái đó chọn “Cut”

Tạo một lớp mới (Layer 2) ở trên lớp hiện tại, click phải chuột vào phần trắngcủa trang soạn thảo và chọn “Paste in Place” để dán đúng vào vị trí vừa cắt nhưng ởtrên Layer khác

Tại Frame 1 Layer 2, bạn chọn công cụ “Free Transform Tool” để xuất hiệnhạt đen và hạt trắng trên hình và kéo hạt trắng về phía mép của nếp gấp trùng với hạtđen ở giữa bên phải