Tài liệu học Flash

• Toolbox hộp công cụ Toolbox bao gồm các công cụ vẽ hình, chỉnh sửa hình, xem hình… • Panels bảng chức năng - Các bảng panel của Flash giúp đỡ bạn những công việc xử lí các đối tượng tr

GIÁO TRÌNH MACROMEDIA FLASH

MỤC LỤC

1 Tổng quan về công cụ Macromedia Flash 3

1.1.1 Các khái niệm cơ bản 3

1.1.2 Sử dụng công cụ cơ bản 4

1.1.3 4

2 Bài thực hành 4

2.1 Vẽ hình 4

2.2 Chuyển động và biến hình 6

2.2.1 Chuyển động theo đường thẳng 6

2.2.2 Chuyển động theo quỹ đạo tùy ý 6

2.2.3 Biến hình 7

2.3 Bài thực hành: Chuyển động gấp hình, lật hình 7

2.3.1 Vẽ hình ở trạng thái khi chưa bị gấp 7

2.3.2 Tạo đối tượng chuyển động 7

2.3.3 Sắp đặt các lớp 8

2.3.4 Xác định tâm cố định 8

2.3.5 Trạng thái cuối 8

2.3.6 Tạo chuyển động 8

2.3.7 Điều chỉnh kích thước theo ý muốn 9

2.3.8 Làm cho hình tối dần 9

2.4 Mô phỏng cắt giấy bằng con dao rọc giấy 9

2.4.1 Đầu tiên cần phải có tờ giấy để cắt .9

2.4.2 Vẽ đường cắt trên tờ giấy: 9

2.4.3 Một số thủ tục rườm rà… 9

2.4.4 Tạo chuyển động dài ngắn của đường cắt 10

2.4.5 Cần phải có một con dao rọc giấy .10

2.4.6 Tạo chuyển động cho con dao 10

2.4.7 Hai miếng giấy sau khi cắt 11

2.4.8 Con dao biến mất .11

1 Tổng quan về công cụ Macromedia Flash

1.1.1 Các khái niệm cơ bản

• 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 đã được xuất bản

• Toolbox (hộp công cụ)

Toolbox bao gồm các công cụ vẽ hình, chỉnh sửa hình, xem hình…

• Panels (bảng chức năng)

- Các bảng (panel) của Flash giúp đỡ bạn những công việc xử lí các đối tượng trên sân khấu như căn chỉnh (Align), chỉnh kiểu màu (Color Mixer, Color Swatches), các phép biến hình: xoay hình, phóng to thu nhỏ… (Transform), …

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

• Timeline (bảng tiến trình)

Bảng tiến trình tổ chức và điều kiển về vấn đề thời gian cho phim

• Layers (các lớp)

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

• Library (thư viện).

Là nơi lưu trữ các tài nguyên của đoạn phim

• Properties (bảng thuộc tính).

Cho ta biết thuộc tính của bộ phim (màu nền sân khấu, tốc độ hình ảnh, kích cỡ sân khấu,

…), đối tượng hình ảnh (màu nét, màu nền, độ rộng nét ), các thông số trong các chuyển động (tốc độ nhanh dần hay chậm dần, quay theo chiều nào…)

1.1.2 Sử dụng công cụ cơ bản

1.1.3

2 Bài thực hành

2.1 Vẽ hình

* Chế độ Snap to Object luôn ở trạng thái bật

1 Vẽ hình cầu:

tròn Trên bảng Color Mixer,

chọn kiểu tô Radial, thay đổi

màu sáng, màu tối Chọn công

cụ rồi đổ màu vào miền

bên trong của hình

2 Hình bình hành:

chữ nhật Chọn toàn bộ hình

hình cho đến khi chuột biến

thành mũi tên hai chiều thì kéo

sang ngang sao cho hình

chuyển thành hình bình hành

3 Hình thoi:

Dùng , giữ Shift vẽ một

toàn bộ hình rồi xoay góc

bất kỳ trên màn hình rồi chọn

lại hình Kéo hạt đen làm cho

hình bị bẹt

4 Tam giác cân

đó Chọn toàn bộ hình bằng

công cụ , sử dụng bảng

Align căn chỉnh sao cho

đường thẳng trở thành trục

dọc của hình chữ nhật Lúc

này ta dùng 3 điểm như bên

dưới làm 3 đỉnh của tam giác

5 Tam giác đều

thẳng đứng, 1 đường thẳng

ngang Dùng bảng Transform

quay 2 đường thẳng đứng

góc 300 và -300

đường thẳng cắt nhau như

hình bên Sau đó xóa hết

những nét thừa

6 Kẻ sơ đồ trong những bài

toán đố

(không cần phải chính xác!)

dọc rồi sử dụng bảng Align

để căn chỉnh cho các đoạn

cách đều nhau và có độ dài

bằng nhau.Chọn toàn bộ

hình, rồi căn chỉnh cho các

đoạn cùng chung trục ngang là trục đối xứng

2.2 Chuyển động và biến hình

Nắm bắt được cách tạo chuyển động ta sẽ có thể áp dụng vào bài giảng để mô phỏng chuyển động của bàn tay, con dao rọc giấy, cái kéo, compa, thước kẻ…

2.2.1 Chuyển động theo đường thẳng

ảnh một con thuyền vào menu File/ Import (Đối với hình ta tự vẽ thì phải chọn hình

đó rồi nhấn F8 đưa nó thành dạng hình ảnh (Graphic))

2.2.2 Chuyển động theo quỹ đạo tùy ý

luôn ví dụ trên

menu Insert/ Motion Guide để tạo ra một lớp chứa quỹ

đạo Lưu ý là lớp này luôn nằm trên lớp chứa hình

chuyển động.

viền nét của hình chữ nhật, viền nét của hình Elip Vẽ

xong quỹ đạo thì khóa lớp Guide này lại để tránh việc

chọn nhầm hình sau này

kéo sao cho tâm hình xuất hiện một vòng tròn nhỏ bị dính vào quỹ đạo là được.

thật, ta có thể cho con tàu chuyển động mà bụng tàu là tiếp tuyến của quỹ đạo (như hình vẽ)

• Chọn frame 15 Layer 1, đánh dấu kích hoạt chức năng Orient to path trên bảng Properties

tuyến với quỹ đạo (dùng công cụ xoay Rotate and Skew) thì mới đảm bảo các thời điểm trung gian bụng tàu vẫn có phương tiếp tuyến

2.2.3 Biến hình

nền đỏ

viền tím, nền xanh

tính (Properties), chọn Shape trong

menu thả Tween

2.3 Bài thực hành: Chuyển động gấp hình, lật hình

Giấp giấy thường được sử dụng khi muốn minh họa một bài hình học cho học sinh Ta cũng có thể minh họa động tác lật trang sách bằng kỹ thuật này

2.3.1 Vẽ hình ở trạng thái khi chưa bị gấp

2.3.2 Tạo đối tượng chuyển động

(ví dụ kích đúp chuột vào phần hình bên trái)

động là một đối tượng ảnh

2.3.3 Sắp đặt các lớp

2.3.4 Xác định tâm cố định

transform sẽ xuất hiện khung hạt đen và hạt trắng tại tâm của

hình

Layer 2.

2.3.5 Trạng thái cuối

kéo lên một khoảng nhỏ

2.3.6 Tạo chuyển động

nhấn phải chuột, chọn Create motion tween.

• Chỉnh sửa

Tuy về cơ bản chuyển động đã xong nhưng khi

chạy thử ta thấy rằng:

1 Khi đến đoạn giữa hình có vẻ bị kéo cao lên

không giống thật

2 Phần bên trong của hình trong lúc gấp nên tối dần vì thiếu ánh sáng như thế sẽ cho hiệu quả hình ảnh giống thật hơn

2.3.7 Điều chỉnh kích thước theo ý muốn

to keyframe.

Onion all.

dần dần của chuyển động Công việc tiếp theo là

chỉnh cho đối tượng ở khung chính giữa sao cho

phù hợp hơn

2.3.8 Làm cho hình tối dần

chuyển động nên ta hãy mở khoá layer 1 và khoá

layer 2 lại.

15 của layer 1

2.4 Mô phỏng cắt giấy bằng con dao rọc giấy

Cắt giấy thường được sử dụng khi giáo viên muốn minh họa một bài hình học cho học sinh Kỹ thuật cũng được dùng khi muốn minh họa động tác vẽ đường thẳng

2.4.1 Đầu tiên cần phải có tờ giấy để cắt

Dùng các công cụ trong Tools box để vẽ tờ giấy (ví dụ ta vẽ tờ giấy hình chữ nhật)

2.4.2 Vẽ đường cắt trên tờ giấy:

2.4.3 Một số thủ tục rườm rà…

Tạo một layer mới (menu Insert/ Layer), nhấn phải chuột chọn Paste in place

Trên Layer 2, tiếp tục dùng Arrow tool chọn nét cắt, nhấn phải chuột chọn Cut

Đưa chuôt đến vị tri Frame 10 layer 2, nhấn F5.

Tạo lớp mới layer 3, nhấn phải chuột, paste in place.

Mục đích của những việc làm trên là:

Hình ảnh ở lớp 1 về sau sẽ xử lý thành trạng thái của tờ giấy sau khi cắt.

Layer 2 chứa tờ giấy khi chưa cắt.

2.4.4 Tạo chuyển động dài ngắn của đường

cắt

Khi đưa dao trên giấy, con dao đi tới đâu thì đường cắt

kéo dài tới đó…nhưng trái với sự thật, ở đây ta phải tạo

đường cắt trước khi dùng đến con dao!

Trên layer 3, chọn frame 10, nhấn phím F6 và ta đã có

hình của đường cắt khi cắt xong

Trở lại frame 1, dùng công cụ Arrow tool chọn gần hết

đường cắt… rồi nhấn phím Delete chỉ để lại một đoạn

ngắn phía trên (càng ngắn càng tốt), việc làm này để

khai báo hình dạng ban đầu của đường cắt khi mới bắt

đầu

 Lưu ý: Nên khóa các layer khác lại để tránh chọn

nhầm hình.

Vẫn trên layer 3, chọn frame 1, chọn kiểu biến hình

Shape trên menu thả Tween thuộc bảng Properties

Kết quả ta thấy là từ frame 1 đến 10, đường cắt dài

dần ra như hình trên

2.4.5 Cần phải có một con dao rọc giấy

Tạo layer mới (layer 4) để chứa con dao, nếu ta có sẵn hình con dao rọc giấy rồi thì chỉ việc đưa con dao vào Flash để dùng (bằng cách vào menu File/ Import hoặc nhấn Crtl+R rồi

chọn file hình ảnh con dao cần đưa vào) Nên nhớ là ảnh con dao phải có nền trong suốt thì

mới dùng được Flash chỉ cho phép một đối tượng của nó chuyển động vì vậy cần phải khai

báo hình ảnh con dao này Vào menu Insert/ Convert to symbol… hoặc nhấn F8, chọn

Graphic, nhấn OK.

2.4.6 Tạo chuyển động cho con dao.

Khi đó hình con dao được bao bọc bởi các hạt đen và một hạt trắng ở

giữa như hình bên dưới Dùng chuột kéo hạt trắng đến vị trí ngay sát

mép lưỡi dao (nên phóng to hình lên để đặt vị trí hạt trắng cho chính

xác)

Trên layer 4, chọn frame 10, nhấn phím F6

trí hạt trắng rồi kéo con dao đến vị trí sao cho hạt trắng trùng với điểm dưới của đường cắt (nếu đường cắt quá ngắn thì trùng với điểm trên cũng được, đây chính là lý do vì sao mà “càng ngắn càng tốt”)

Tương tự như vậy ở frame 10, ta kéo con dao đến vị trí sao cho hạt trắng trùng với điểm

dưới của đường cắt

Đến đây việc khai báo vị trí con dao tại các thời điểm đầu và cuối đã xong Việc tiếp theo là

cho con dao chuyển động Vẫn trên layer 4 frame 1, nhấn phải chuột chọn Create motion

tween Nhấn phím Enter để xem thử đoạn phim.

2.4.7 Hai miếng giấy sau khi cắt.

Tắt chức năng mắt và khóa các lớp khác để xử lý riêng layer 1 Sau

khi cắt, tờ giấy bị chia làm 2 miếng nhỏ tạm gọi là miếng trái và

miếng phải Bây giờ ta sẽ làm cho 2 miếng giấy xa nhau dần sau khi

cắt

Click đúp vào miền tờ giấy bên trái, nhấn phím F8, chọn kiểu Graphic Cut miếng trái, tạo layer mới (layer 5) ngay trên layer 1, click phải

chuột, Paste in place

Dùng chuột kéo frame 1 layer 5 đến vị trí frame

10 Đưa chuột đến vị trí frame 20, nhấn F6 Sau đó

kéo miếng trái sang phía bên trái một khoảng nhỏ

(đây chính là khoảng rời xa của miếng trái) Chọn

frame 10, nhấn phải chuột chọn Create motion tween

Trở về layer 1, tắt chức năng mắt và chức năng khóa để nhìn rõ hình dạng của miếng phải trên layer 1 Ta thấy miếng phải bị thiếu mất một

nét, lý do là nét đó bị miếng trái lấy mất… vậy thì ta vẽ thêm vào cho

đủ! (dùng công cụ line).

Chọn toàn bộ miếng phải, nhấn F8, chọn Graphic.

Kéo frame 1 layer 1 đến vị trí frame 10 Đưa chuột đến frame 20, nhấn F6 rồi kéo miếng phải sang phải một khoảng Chọn frame 10, nhấn phải chuột chọn Create motion tween Ta

Rotate and skew Tờ giấy đã xong, tuy nhiên khi chạy thử đoạn phim ta thấy con dao biến

mất quá đột ngột… thế nên ta có thể làm cho con dao dần dần biến mất

2.4.8 Con dao biến mất

Bật lại chức năng mắt và khóa cho các lớp, trở lại layer 4 Đưa chuột đến frame 15, nhấn

F6, dùng chọn con dao rồi chỉnh thuộc tính Alpha trong menu thả Color trên bảng

Properties Chỉnh độ Alpha- độ trong suốt cho con dao là 0% Đưa chuột đến frame 10,

nhấn phải chuột chọn Create motion tween Như vậy con dao sẽ dần dần biến mất sau khi

cắt Có thể làm tương tự nếu muốn con dao hiện ra dần dần rồi mới cắt