Diễn Đàn Tin Học | Tutorial Room | Macromedia Flash
PHẦN GIÁO TRÌNH PHỔ CẬP ĐỒ HOẠ
HOẠT HÌNH
Bài 1. Làm quen với Flash
Bạn đang xem trang 2
Bạn hãy cài đặt Macromedia Flash mà từ nay trở đi chúng tôi sẽ tạm gọi tắt
là MF. Trên các ví dụ, chúng tôi sử dụng MF version 5.0 để mọi người đều có
thể dùng được, tuy nhiên nếu các bạn có điều kiện có thể cài đặt version cao
hơn. Phần khác biệt chúng tôi xin trình bày ở những bài riêng.
Khi vào môi trường MF ta thấy màn hình ban đầu trông gần như thế này:
Xin bạn hết sức lưu ý, những nút lệnh, thực đơn chuẩn của các chương
trình chạy trong Windows như cất, mở, cắt, copy, dán... chúng tôi không đề cập
vì điều này quá quen thuộc đối với những ai đã sử dụng vi tính. Nếu có khó khăn
về vấn đề này xin trao đổi với những người xung quanh bạn, nếu họ không trả
lời được thì mới mail về cho chúng tôi, xin hết sức thông cảm vì số lượng thư trả
lời của chúng tôi quá nhiều, chúng tôi ưu tiên trả lời những vấn đề mà chưa tài
liệu nào nói tới trước.
Ta hãy quay lại màn hình của MF. Bạn thấy bên dưới là một khung màu
trắng mà được ghi chú là vùng làm việc đúng không. MF gọi đó là sân khấu
(Stage). Khi đã tạo thành phim thành phầm chiếu ở chế độ normal, hoặc để
nhúng vào các trang Web, thì đoạn phim sẽ trình diễn trên sân khấu này, những
gì bên ngoài sân khấu sẽ không có tác dụng vì trên trang web nó giống như một
khung cửa sổ cho ta xem những gì trong nó. Tuy nhiên, bạn cũng đừng lo sợ vì
nếu ta làm các phim hoạt hình giảng dạy hay các screensaver ta sử dụng chế độ
fullscreen thì khung hình sân khấu này cũng chẳng quan trọng. Bạn làm các
phim hay chương trình bảo vệ màn hình thậm chí bạn đặt sân khấu có kích
thước là 0 cũng chẳng có ảnh hưởng gì. Để đặt kích thước sân khấu bạn hãy
right-click vào sân khấu chọn Movie Properties để hiện bảng thuộc tính phim như
sau:
MF kiểm soát lớp bằng cách gán cho lớp có một số tính chất nhất định. Bạn
right-click vào lớp, rồi chọn properties sẽ hiện một bảng thuộc tính lớp. MF chia
lớp thành các loại gồm Normal (Thường), Guide (Dẫn), Guided(Được dẫn),
Mask (Mặt nạ) và Masked (Bị che bởi mặt nạ). Trong đó kiểu normal là đờ phôn.
MF cho phép tạo 2 loại lớp guide: Lớp dẫn và lớp dẫn chuyển động. Những
đường, hình dạng trên lớp dẫn thường được dùng làm điểm căn cứ để bố trí,
điều chỉnh các đối tượng trên sân khấu stage. Lớp dẫn chuyển động cho phép
bạn tạo một đường quỹ tích giúp cho đối tượng hoạt hình chuyển động theo nó.
Vấn đề này sẽ đề cập ở một bài riêng khi bạn liên kết lớp được dẫn guided có
chứa đối tượng hoạt hình với lớp dẫn guide chuyển động.
Lớp mặt nạ mask che dấu toàn bộ lớp bị che masked nằm trực tiếp bên
dưới nó. Tất cả những gì nằm trên lớp mặt nạ đều là những lỗ thủng hoặc khe
hở để ta nhìn thấy lớp Masked bị che bởi mặt nạ. Ví dụ lớp mặt nạ có chứa
những dòng chữ. Lớp bị che có một tấm thảm nhiều màu sắc. Ta cho tấm thảm
chuyển động, khi chiếu, trên màn hình ta sẽ thấy dòng chữ đổi màu rất đẹp. Bạn
nhìn thấy chữ "Hân hạnh giới thiệu" trên đầu bài viết này đã được thực hiện theo
nguyên tắc đó.
Khi có nhiều lớp trong một cảnh, thì MF bao giờ cũng có một lớp hiện tại là
lớp cho ta làm việc, mọi vấn đề dán, import, chèn... đều sẽ nằm trên lớp này.
Bạn nên nhớ rằng nếu bạn chèn một bông hoa trên lớp hiện tại, sau đó chèn
thêm một ngôi sao. Nếu di chuyển ngôi sao đè lên bông hoa thì khi đưa ngôi sao
ra vị trí khác, thông thường sẽ không thấy bông hoa nữa. Bạn nên chèn bông
hoa trên 1 lớp, ngôi sao trên 1 lớp nếu như trong xử lý hình ảnh có đoạn chúng
chồng lên nhau.
(Tất nhiên có một cách nhóm Group các đối tượng trên cùng một lớp,
nhưng Trung tâm Tin học Trung tâm Tin học ABC không khuyến khích giải quyết
theo kiểu này, nó dẫn tới nhiều rắc rối mà vấn đề hướng dẫn qua INTERNET
không có chỗ để giải đáp những rắc rối kiểu đó, bạn chỉ tham khảo nó ở các lớp
học của Trung tâm Tin học ABC)
Tại mỗi lớp, bạn nhìn sang vùng tiến trình thời gian được chia thành các
FLASH5)\Goodies\Mcromedia\Flash Libraries.
Chúng ta đã mở tệp đã có các công đoạn thiết lập sẵn trên như một thư viện.
Bạn thấy không, đây là một thư viện, đây là những thứ đã có sẵn cho bạn đặt
vào các lớp của mình. Bạn hãy Drag hình con chim đang bay này vào vùng làm
việc của Symbol. Có nghĩa là hình con chim này đang ở trong Symbol có tên là
Chim Bay.
Vì hình ảnh con chim đang bay này không phải là một khung đứng im, nó có số
khung ảnh liên tiếp nên ta phải thêm vào Symbol số khung cần thiết cho một
chuyển động bằng cách: Bạn hãy click vào khung số 12 trên tiến trình thời gian,
nhấn F5 để thêm 12 khung cho Symbol.
Ta có thể thêm các lớp khác vào Symbol Chim bay này rồi chèn tiếp các hình
khác, nhưng cái này để bài sau. Bây giờ ta click về Scence 1 để quay lại cảnh 1.
Tại lớp Layer 1 của Cảnh Scence 1, bạn hãy gõ Ctrl +L để hiện thư viện mới của
mình, chọn trong thư viện Symbol có tên Chim bay rồi Drag nó ra đặt ở vị trí đầu
của Stage. Như thế này:
Nếu hình con chim to quá bạn có thể right-click vào chim, chọn Scale rồi drag
các quai để hình con chim nhỏ lại.
Bây giờ bạn nhấn Ctrl + Enter để kiểm tra xem con chim vẫy cánh như thế nào.
Ta sẽ thấy nó vẫy cánh như nhảy xếch vậy. Tại sao, vì chúng ta không cho đủ số
khung của con chim so với thiết kế mẫu. Ta hãy Dclick vào biểu tượng Symbol
trong thư viện để tăng số khung trong tiến trình thời gian. Bạn hãy click vào
khung số 15 rồi nhấn phím F5 để thêm 3 khung nữa.
Bây giờ ta nhấn Ctrl + Enter để kiểm tra. Bạn thấy không, con chim đã vỗ cánh
rất đều nhé.
Bây giờ chúng ta sẽ vẽ đường bay cho con chim.
Bạn click chuột để về Scence 1. Trên tiến trình thời gian, bạn hãy click vào
khung số 60 rồi nhấn F6. Nháy phím phải vào khung số 1, chọn Create Motion
Tween (Tạo đường chuyển động) Ta sẽ thấy có một hình mũi tên từ khung số 1
- Để chèn một hình ảnh cử động từ thư viện FLA có sẵn vào, ta cần chèn một
Symbol Movie Clip để tiếp nhận. Đặt số khung trong Symbol này để hình ảnh cử
động đủ số hình của nó bằng cách nhấn F5.
- Chèn các lớp trong cảnh để tiếp nhận Symbol.
- Tại mỗi lớp muốn tạo quỹ tích chuyển động cho hình ảnh cử động phải chọn
Create Motion tween. Nhấn F6 tại các bước ngoặt của chuyển động và thay đổi
hình ảnh trong bước ngoặt.
- Ctrl + Enter để dịch thành tệp Swf và chiếu kiểm tra.
Sau đây là các bài tập dành cho bạn:
Bạn download file Btap1_FLA.zip xả nén để có tệp BT1.FLA
Tại đây chúng tôi đã thiết lập sẵn các hình con ếch, ô tô... bạn hãy làm các bài
tập tương tự trên cho thật nhuần nhuyễn.
Mọi thắc mắc về bài viết xin gửi về:
Trung tâm Dạy nghề và Phổ cập Tin học Miền núi
Gửi thư điện tử cho Trung tâm Tin học ABC với subject: Gui cho Hue Nhi & BBT
Flash.
Giáo án, ví dụ và bài tập mẫu có thể tìm trên đĩa CDROM
Trung tâm Tin học ABC - Tp. Yên Bái
DownLoad file giới thiệu.
1. Giáo trình Căn bản nâng cao AutoCAD.
2. Giáo trình Đồ hoạ hoạt hình.
3. Lập trình API và VBA
4. Tin học Phổ cập Văn phòng
5. Đặc tả Xử lý và Xử lý Tự động
6. Các thủ đoạn của Hacker
download tệp sau rồi xả nén, bạn sẽ có một tệp.FLA và dùng phương pháp mở
File/Apen as Library... để mở nó như là thư viện. Còn thư viện dùng chung bạn
chọn cách mở windows/Common Library /Movie Clip.
Chèn Symbol MayBay bằng cách của bài 1. Sau đó drag hình cái máy bay vào
vùng làm việc của Symbol. Rồi đóng cửa sổ thư viện dùng chung lại.
(Chúng tôi không khuyến khích việc chèn trực tiếp từ thư viện dùng chung ra
Scence 1, vì khi học nâng cao về lập trình FSCommand sẽ có nhiều rắc rối sau
này).
Bạn quay về click vào scence 1.
Tại Layer 1, bạn click vào khung số 1 của tiến trình thời gian sau đó Ctrl+L để
hiện thư viện của bạn. Tiến hành chèn máy bay ra vị trí ban đầu bằng cách drag
nó từ thư viện ra. Nếu nó quá to, thì nháy phải chuột vào nó, chọn scale để thu
nhỏ lại.
Thêm một lớp dẫn bằng cách click vào nút Add Guide Layer (Bên cạnh nút thêm
lớp).
Sau đó chọn click vào khung frame số 1 của Lớp này trên tiến trình thời gian,
chọn windows/tool nếu chưa hiện hộp công cụ. Dùng bút chì pencil để vẽ đường
chuyển động của máy bay. Để mềm mại sau khi vẽ xong bạn chọn công cụ
Subselect Tool rồi click vào đường quỹ đạo đó để hiện các neo điều chỉnh. Bạn
drag các neo này để được đường cong mềm mại.
Sau đó bạn đặt máy bay sao cho điểm chốt của nó bắt đúng điểm đầu của
đường quỹ đạo. (Nếu bạn đã từng học AutoCAD thì sẽ quen với khái niệm điểm
chốt BASE của một hình vẽ. Điểm chốt là điểm, khi chèn đồ hoạ ra thì điểm đó
sẽ "mắc" vào điểm chèn chỉ định. Trong MF, điểm chốt bao giờ cũng được đánh
dấu bằng một dấu + nhỏ. Bạn có thể đặt điểm chốt là tâm của hình vẽ hoặc một
vị trí nào đó thấy thuận lợi Khi chèn vào Symbol, MF đã để sẵn một điểm chốt để
bạn đặt hình vẽ vào sẽ phụ thuộc vào điểm chốt này)
Tương tự bài 1, tại tiến trình thời gian của 2 lớp trên ta click vào khung số 60 của
cả 2 lớp và đều nhấn F6 để thêm khung chủ.
Click vào khung 1 của lớp Layer 1, ta nháy phải để chọn Create Motion Teween.
1. Tạo một bông tuyết mẫu - Tạm gọi là BongTuyet: Hình chết
2. Tạo rự rơi theo quỹ đạo 1 của bông tuyết - Tạm gọi là Roi1: Hình chuyển
động.
3. Tạo rự rơi theo quỹ đạo 2 của bông tuyết - Tạm gọi là Roi2: Hình chuyển
động.
4. Tạo rự rơi theo quỹ đạo 3 của bông tuyết - Tạm gọi là Roi3: Hình chuyển
động.
Nếu muốn phong phú ta có thể tạo thêm các kiểu rơi khác nữa chỉ việc làm
tương tự.
5. Tạo quang cảnh rơi để đặt các hình rơi đã tạo ở những vị trí và thời điểm -
Tạm gọi là QuangCanh - Hình chuyển động.
Bước 2. Đặt QuangCanh vào vị trí của Cảnh Scence 1.
Bước 3. Đặt các hình hỗ trợ để được hình mong muốn.
Có thể có bạn sẽ cười vì cách làm thủ công quá. Vì chúng ta đang làm các
bài tập từ dễ đến khó mà, sau khi bạn đã quen với MF, chúng tôi sẽ giới thiệu
các cách làm bằng phương pháp viết lệnh. Tuy nhiên bạn đừng vì thế mà đốt
cháy giai đoạn, có quá nhiều cách để đạt được mục đích đúng không? Chúng tôi
cố gắng chọn những bài thật dễ thực hiện nhất để hướng dẫn và nếu bạn có
niềm đam mê thì không có gì mà không vượt qua được.
Chúng ta bắt đầu đi. Bạn hãy khởi động MF, sau đó cất và đặt tên tệp vào
một thư mục riêng của mình kẻo lẫn. Những bài tập từ dễ đến khó bạn cần phải
tổ chức cho hợp lý vì chúng tôi không ở bên cạnh bạn được.
Theo bước 1 trên ta cần phải tạo các thành phần của thư viên để sử dụng.
1. Tạo hình bông tuyết: Chèn một Symbol bằng cách Insert/New Symbol
Lưu ý, bạn chọn là Graphic đó. Sẽ vào màn hình thiết kế BongTuyet.
Trang tiếp theo
Diễn Đàn Tin Học | Tutorial Room | Macromedia Flash
Giáo trình Flash cho người mới học
Bài 3. Làm việc với lớp đồ
hoạ
đạo.
Như vậy ta đã tạo xong đường Roi1. Bạn làm tương tự để có Roi2 và Roi3. Xin
bạn lưu ý, 2 đường cong quỹ đạo của Roi2, và Roi3 bạn nên vẽ thành kiểu rơi
khác để tránh đơn điệu.
Bây giờ chúng ta sẽ tạo QuangCanh, bằng cách Insert/New Symbol để hiện
bảng đặt tên, bạn hãy chọn Movie Clip và đặt tên là QuangCanh
Copyright: Tài liệu đại học ©