Công cụ Macromedia Flash gồm các phần cơ bản sau: -Stage là vùng màn hình mà bạn vẽ vào va 2là vùng trình diễn khi phim đã được xuất bản. -Toolbox: bao gồm các công cụ vẽ hình, chỉnh sữa hình, xem hình...
Trang 2MUC LUC
1 Tổng quan vé cong cu Macromedia Flash hon)
1.1.1 Các khái niệm CƠ bả ¡n 1 1051 0 0 0 H0 HT 1 1 2 n3 3 2325 3 1.1.2 SỬ dụng công CỤ CƠ bản 0 0 520 HT TH TH E21 S23 3 323 4 1.1.3 en ceuscessensescsscessessnsssssescessnsseccescesscessunsncsssessessnsssssescessesssnsssccsscessunsussssessessnsescsescesscessusssecescessenssossssssussesessesssssessenessass 4 2 Baii th orc hamhh cc.ccscccscssssssssencenssnncsoscenssssenssencsnssencenasenssensensssnssocsensensssnssensenssessssnasssensesoesssees 4 2.1 VE Hinhy cccssccccesecssscecessssccecesssnscecscssnsacessnsnsceesssnaecesesuasscesscnsnaecesensaseceeusesssussuusnszasazas 4
2.4 Mô phỏng cắt giếy bằng con dao TỌC gÏẤẾV - - LH c1 H2 SH SE 21x 2 xa 9
Trang 31 Tổng quan vé cong cu Macromedia Flash
1.1.1 Các khái niệm co ban
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
Trang 41.1.2 Sử dụng công cụ cơ bản Chọn, chỉnh sửa hình và nét Chọn, chỉnh sửa điểm Vẽ nét trực tiẾp Vẽ màu trực tiếp Vẽ đường thẳng Các phép biến hình Tùy biến kiểu tô mau Chon mién mau LÌO >*® 1` x Fr QAxe98 SHS N
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
1.1.3
2 Bài thực hành
2.1 Vẽ hình
* Với công cụ , LÌ, Ơ ta có thể kết hợp giữ phím Shift để vẽ được những hình đặc
biệt như: đường thẳng nghiêng góc 45° (90, 180, ), hình vuông, hình tròn
* Chế độ Snap to Object luôn Ở trạng thái bật 1 Vẽ hình cầu: A g h Sử dụng © vẽ một đường ;
tron Trén bang Color Mixer, # @ al |e
chọn kiểu tô Radial, thay đổi - “=> :
màu sáng màu tối Chọn “™ ‘
A cài q2 can ca
công cụ rồi đổ màu vào „,
miền bên trong của hình Cyr A 2 Hinh binh hanh: = ge |< | Gsm Dùng cơng cụ LÍ vẽ một © & hình chữ nhật Chọn toàn bộ 7 - View hình bang céng cu *, chon my Q
cơng cụ LÍ đưa chuột đến ee
Trang 5chuộ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: 1: §e Dùng LÌ, giữ Shift vẽ một © & th nơng màng fit “c2 hình vuông Dùng chọn toàn bỘ hình rồi xoay góc jin, 45° Kích chuột vào mộtchỗ =~=z¡⁄: 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 fy Seene 1
4 Tam giac can
Dùng LÌ vẽ một hình chữ nhật và dùng “ vẽ 1 đường thẳng đứng bên ngoài hình chữ nhật đó Chọn toàn bộ hình - » A h ? Aoy
bang cong cu ; su dung Pre)
bang Align can chinh sao Đai suy
cho đường thẳng trở thành =&ã8 Mem rỉ ? ` ^ A Mush cực woece trục dọc của hình chứ nhật BỊ Úũ xe =3 uh Lúc này ta dùng 3 điểm như 1
điểm này lại
5 Tam giác đều SỬ dụng vẽ 2 đường ; bên dưới làm 3 đỉnh của an x €) ¬ tam giác Dùng nối 3 Ỳ thẳng đứng, 1 đường thẳng
ngang Dùng bảng +> wes: Ệ Bộ [viEm Transform quay 2 đường
thẳng đứng góc 30° va -30° yer
Ding * kéo sao cho các mộ \
đườ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 đố Dùng “ vẽ như hình dưới
(không cẩn phải chính Ioigo 20406 —c
Trang 6nhau.Chon 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 f
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
Đầu tiên cần phải có đối tượng hình ảnh mà ta muốn cho nó chuyển động Ví dỤ ta có ảnh một con thuyền vào menu Eile/ 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))
Vào menu Insert/ Convert to symbol, chọn kiểu Graphic
Xác định vị trí ban đầu của con thuyền
Trên bảng tiến trình đưa chuột đến Frame 30 Nhấn E6 Xác định vị trí cuối cùng của con thuyền
Đưa chuột đến frame 15 Nhấn phải chuột, chọn Create Motion Tween
| +
=== = emer —— ¬—A =
2.2.2 Chuyển động theo quỹ đạo tùy ý
Về nguyên tắc thì tương tự như trên, chỉ khác là ta cần phải có một quỹ đạo Ta tận
dụng luôn ví dụ trên
Nhấn chuột vào nút Add Motion Guider hoặc vào
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
Trên lớp Guide, ta vẽ quỹ đạo chuyển động Có thể
dùng Z để vẽ nét bất kỳ, # để vẽ nhỮng nét cong, || ® Œ ||! 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 Add Motion Guider
việc chọn nhầm hình sau này
Trên EFrame 1 layer 1, dùng chuột kéo con thuyền tới vị trí ban đầu trên quỹ đạo Chú
ý: 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
Trang 7e Chon frame 15 Layer 1, đánh dấu kích hoat chtic nang Orient to path trén bảng
Properties
e Chú ý: Tại khung đầu tiên và khung cuối cùng ta phải chỉnh cho bỤng tàu có phương tiếp tuyến với quỹ đạo (dùng công cụ xoay Rotate and Skew) thi 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 e Vẽ hình tròn tại frame 1, viền vàng, nền đỏ e Chọn frame 30, nhấn F7 e Trong frame 30, vẽ một hình vuông viền tím, nền xanh
¢ Chọn vào frame 15 Trên bảng thuộc
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 e Dùng vẽ nếp gấp
se Kích đúp chuột chọn phần hình dự kiến sẽ cho chuyển
động (ví dụ kích đúp chuột vào phần hình bên trái)
e Nhấn F8, đặt Bchavior là Graphic để khai báo phần chuyển động là một đối tượng ảnh
Trang 82.3.3 Sắp đặt các lớp
e Chọn đối tượng vừa tạo, rồi Cut
¢ Tao m6t 16p (Layer) mới ở trên lớp hiện tại
e Sau dé dan vao Layer 2 (Ctrl+Shift+V)
e Khóa Layer 1 lại may — w+ HÍ nhện chon chức nơng khố lớp mat too Wp modi 2.3.4 Xác định tâm cố định
e Trong Frame 1 Layer 2, chon hình, chọn công cụ Free
transform sẽ xuất hiện khung hat đen và hạt trắng tại tâm
của hình
s Kéo hạt trắng về phía mép của nếp gấp
se Làm tương tự như vậy với đối tượng này trong Frame 15 của
Layer 2
2.3.5 Trạng thái cuối
e Trên Frame 15 Layer 2, kéo hạt bên trái sang phải
e Đưa chuột đến cạnh hình, khi thấy chuột có hình 1 thi ta kéo lên một khoảng nhỏ
2.3.6 Tạo chuyển động Vị trí đợt
e Trỏ chuỘt vào giỮa frame 1 và frame15 của Layer
2, nhấn phải chuột, chọn Create motion tween 30)"
se Nhấn Enter để chạy thử —
se Chỉnh sửa
Tuy về cơ bản chuyển động đã xong nhưng
khi chạy thử ta thấy rằng: Ð |! so 1ụi¿] s (029 se - 5 - - + é
1 Khi đến đoạn giữa hình có vẻ bị kéo cao
lên không giống thật
Trang 92.3.7 Điều chỉnh kích thước theo ý muốn
Chọn frame 8 kích phải chuột rồi chọn
Convert to keyframe
Kích vào công cụ Modify onion markers, chon Onion all
Kích hoạt chức năng Onion skin outlines
Lúc này ta có thể theo dõi trực tiếp sự thay đổi dan dan 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 ModWy o'ton rnotkers 2.3.8 Làm cho hình tối dần
Vì đây là sự thay đổi liên quan đến phần không chuyển động nên ta hãy mở khoá layer 1 và
khoá layer 2 lại
Chọn frame 15 của layer 1, nhấn F6
Thay đổi màu thành đậm hơn
Chọn khung bất kỳ nằm giữa frame 1 và frame
15 của layer 1
Trong bảng Properties, menu tha Tween, chọn Shape và đặt tham số Ease 1a -100
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à
Vẽ đường thẳng (dùng ⁄⁄)
Dùng À chọn toàn bộ hình, nhấn Ctrl+C
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 E5
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
Trang 102.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 daol
Trên layer 3, chọn frame 10, nhấn phím E6 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 chon 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 Phi —— =
Properties Kết quả ta thấy là từ frame 1 đến 10, li rv mH * đườ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 Eile/ 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 E8, chọn Graphic, nhấn OK
2.4.6 Tạo chuyển động cho con dao
Trén layer 4, frame 1, chon hinh con dao, ding LÍ
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ở về frame 1, dùng công cụ À đưa chuột đến
vị 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
Trang 11Tương tự nhƯ vậy ở frame 10, ta kéo con dao đến vị tri sao cho hat trang 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 phim 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 ae Xã
Sau khi cắt, tỜ giấy bị chia làm 2 miếng nhỏ tạm gọi là miếng |2.z„-z x trái và miéng phai Bay gid ta sé lam cho 2 miéng gidy xa nhau | se? x
dần sau khi cắt
Click đúp vào miền tờ giấy bên trái, nhấn phím E8, chọn kiểu Graphic Cut miếng trái, tạo layer mới (layer 5) ngay trên layer 1, click ado: af] ® phải chuột, Paste in place kyer 3 x mi
Dùng chuột kéo frame 1 layer 5 dén vi tri frame yer? x 4 Bi - HH)
10 Đưa chuột dén vi tri frame 20, nhấn E6 Sau cL a
đó kéo miếng trái sang phía bên trái một khoảng ['' °° Se 3
nhỏ (đây chính là khoảng rời xa của miếng trai) =
Chon 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 tồ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 E6 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 cũng có thể xoay nghiêng một chút cho hình sinh động hơn bằng công (È > (b Boo
cụ +! chon option JA Rotate and skew TO gidy d& 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 E6, dùng © chon con dao rồi chỉnh thuộc tính Alpha trong menu tha Color trén bảng Properties Chỉnh độ Alpha- đỘ trong suốt cho con dao là 0% Đưa chuột đến
frame 10, nhan phai chudt chon Create motion tween Nhu vay 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
cat