Giáo trình Macromedia Flash: Thiết kế và định dạng file ảnh Flash với .MP3 và .WAV phần 4 pptx

THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Thế là các bước gán lệnh cho nút đã thực hiện xong, bạn hãy cố gắng nhập đúng từng ký tự cho đến d

Trang 1

THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY

getURL ("http://www.macromedia.com/support/flash");

}

on (rollOut) { tellTarget ("Link") { gotoAndPlay ("oc");

} tellTarget ("Tutorial") { gotoAndPlay ("ob");

} }

Sau đó nhấp chuột vào nút bên dưới chuỗi ký tự “Tutorials” và nhập các dòng

lệnh sau đây cho nút này như sau:

on (rollOver) { tellTarget ("Home") { gotoAndPlay ("ao");

} tellTarget ("Link") { gotoAndPlay ("co");

} }

on (rollOut) { tellTarget ("Home") { gotoAndPlay ("oa"); // nhảy đến keyframe có nhãn là “oa”

} tellTarget ("Link") { gotoAndPlay ("oc");

} }

Trang 2

on (press) { getURL ("http://www.macromedia.com/support/flash", "_top", "POST");

}

Nhấp chuột tiếp vào nút còn lại nằm bên dưới chuỗi ký tự “Links” và nhập vào

các dòng lệnh cho nút này là:

on (rollOver) { tellTarget ("Home") { gotoAndPlay ("ao");

} tellTarget ("Tutorial") { gotoAndPlay ("bo");

} }

on (press) { getURL ("http://www.maromedia.com/support/flash");

}

on (rollOut) { tellTarget ("Home") { gotoAndPlay ("oa");

} tellTarget ("Tutorial") { gotoAndPlay ("ob");

} }

Trang 3

Thế là các bước gán lệnh cho nút đã thực hiện xong, bạn hãy cố gắng nhập đúng từng ký tự cho đến dấu chấm phẩy vì vậy sẽ không làm cho dòng lệnh bị sai khi diễn hoạt trong Flash Player

48 Nhấp chuột vào frame 5 trên thanh thước Timeline và nhấn phím F5 để thêm một số keyframe trên Layer Movie Clip và Layer Title

Nhấp chuột vào frame thứ 5 trên Layer Movie Clip

Nhấn phím F5 để thêm vào frame trên Layer Movie Clip

Trang 4

49 Nhấn phím Ctrl + Enter để diễn hoạt đoạn phim trong chế độ Flash Player Tại đây khi

bạn đưa chuột đến bấy kỳ chuỗi ký tự nào đoạn phim sẽ diễn hoạt hai đoạn phim còn lại

Trang 5

Đoạn phim đang diễn hoạt trong chế độ Flash Player

Đưa chuột vào chuỗi ký tự Tutorials thì các đối tượng xung quanh nó sẽ chuyển động

Trang 6

TẠO BUỒNG NỔ ĐỘNG CƠ CHUYỂN ĐỘNG

Trong phần bài thực hành này bạn sẽ tạo ra dùng một file ảnh nhập vào được vẽ từ các

chương trình vẽ như Corel Draw hoặc Adobe Illustrator hoặc vẽ trực tiếp trong Flash một số

ảnh biểu hiện từng giai đoạn chuyển động buồng đốt trong của của động cơ ô tô Có nhiều cách

để vẽ như có thể dùng Corel Draw hoặc Adobe Illustrator, sau đó bạn sẽ dùng Flash để ghép

nối và kết hợp để tạo chuyển động cho các đối tượng đó Bài thực hành này rất dễ thực hiện, sau khi bạn vẽ xong các đối tượng từ chương trình bên ngoài

Chú ý : Nếu vẽ trên Corel Draw, hãy xuất file vừa vẽ trong Corel (chọn trên trình đơn File > Export) với định dạng ai (định dạng của Adobe Illustrator 7.0 ) Đối với Adobe Illustrator 7.0 trở lên chọn trên trình đơn File > Save As với version 7.0 Chỉ có định dạng này mới có thể import

(nhập) vào Flash, các đối tượng đã vẽ trở thành từng đối tượng độc lập Khi đó bạn chỉ việc bỏ nhóm thì các đối tượng đó sẽ giống như bạn vẽ chúng trực tiếp trong Flash vậy

Giả sử bạn có 4 giai đoạn của động cơ đốt trong đã vẽ xong như sau và nhờ Flash làm chuyển động các giai đoạn này

Bạn hãy làm theo các bước hướng dẫn sau đây sau khi vẽ xong các đối tượng và xuất

thành file với định dạng ai từ trong Corel Draw :

Tạo file mới hoàn toàn trong Flash bằng cách chọn trên trình đơn File > New Nhấp chuột vào trình đơn Insert > New Symbol sau đó chọn các thuộc tính trong hộp thoại Symbol Properties như sau :

Ghi chú : Do chỉ có 4 ảnh vẽ tại 4 giai đoạn của động cơ thôi, nếu khi diễn hoạt trong

Flash theo chế độ frame by frame thì chúng chuyển động rất nhanh Vì vậy chúng ta sẽ hiệu chỉnh lại làm cho các ảnh này chuyển động tương đối chậm

Trang 7

Chọn trên trình đơn File > Import để nhập file đã vẽ xong trong chương trình khác để nhập vào trong Flash Chọn file cần nhập vào sau đó nhấp chuột vào nút Open trong hộp thoại Import

Nhấp chuột vào nút Yes nếu bạn thấy hiển thị bảng thông báo sau

Khi đó đối tượng cần import xuất hiện trong vùng

làm việc tại keyframe thứ nhất Di chuyển đối

tượng sao cho điểm khai báo nằm giữa đối tượng,

bạn có thể dùng các đường guideline để xác định

vị trí của đối tượng

Chú ý : Nếu không dùng các đường guideline để canh lề

cho đối tượng này thì các đối tượng sau sẽ không biết vị

trí Từ đó có thể làm cho các đối tượng chênh lệch, chúng

chuyển động không đúng vị trí

Nhấp phải chuột vào keyframe thứ nhất và chọn

lệnh Create Motion Tween để tạo chuyển

động

Nhấp chuột vào frame thứ 10 và nhấn phím F6 để tạo frame chuyển động

Trang 8

Nhấp chuột trên trình đơn Insert > Layer để tạo mới Layer có tên là Layer2

Nhấp chuột tiếp vào frame rỗng cuối cùng của Layer2 và nhấn phim F5 để thêm một

frame rỗng Khi đó chuỗi frame sẽ giống như hình bên dưới

Nhấn chuột vào frame 11 đang rỗng và nhấn phím F6 để chèn vào keyframe

Trang 9

Nhấp chuột vào keyframe 11 này và chọn tiếp trên trình đơn File > Insert, tìm file ảnh

kế tiếp và nhập vào Cách nhập giống như bạn đã thực hiện cho file ảnh trước đó Sau đó

di chuyển đối tượng này vào đúng vị trí đối tượng trong Layer1 trước đó nhờ các đường

guideline

Đường Guideline

Nhấp phải chuột vào keyframe thứ nhất và chọn lệnh Create Motion Tween, sau đó nhấp chuột vào frame 20 và nhấn phím F6

Bây giờ bạn có thể thực hiện tiếp tục các bước trên để đưa vào hai ảnh nữa và tạo các thuộc tính như bạn đã làm từ trước đến giờ Khi kết thúc tại một số bước bạn sẽ có số frame như sau :

Trang 10

Nhấp chuột vào vùng Scene1 để trở về giao diện

chính Kéo đối tượng Movie Clip có tên DONG CO

vừa vẽ đang xuất hiện trong cửa sổ thư viện (nhấn

phím tổ hợp Ctrl + L để xuất hiện thư viện) vào

trong vùng làm việc Sau đó bạn có thể dùng công cụ

Text Tool để nhập vào chuỗi ký tự

Chú ý : Tất cả các symbol và ảnh (nếu bạn nhập vào)

vừa tạo đều xuất hiện trong thư viện Library

Trang 11

Chọn trên trình đơn Control > Test Movie để xem đoạn phim diễn hoạt

Đoạn phim đang diễn hoạt trong chế độ Flash Palyer

Định dạng
Số trang	11
Dung lượng	351,98 KB