Giáo trình phân tích và tổng hợp những kiểu định dạng thường thấy trong Flash Windows phần 5 ppt

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 TẠO CHUYỂN ĐỘNG KHỐI 3D Trong bài thực hành đầu tiên này, bạn sẽ làm chuyển động khối văn bản 3 c

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

TẠO CHUYỂN ĐỘNG KHỐI 3D Trong bài thực hành đầu tiên này, bạn sẽ làm chuyển động khối văn bản 3 chiều (3D) được nhập vào từ một file Animated GIF File ảnh động có định dạng GIF này bạn có thể lấy từ trong các chương trình đồ họa 3D sau đó nhập vào trong Flash Bài thực hành này rất đơn giản và dễ thực hiện nếu trong máy của bạn có chương trình chuyên làm tiêu đề 3D như Ulead Cool hoặc Xara 3D thì bạn thực hiện bài thực hành này rất nhanh Bạn có thể chọn bất kỳ chương

trình đồ họa 3D nào để tạo ra đối tượng 3D, không nhất thiết là phải có một trong hai chương

trình trên Sau đây là cách xuất ra file Animated GIF trong Xara hay Ulead Cool 3D:

Sau khi bạn tạo một file chuyển động trong Ulead Cool để xuất sang file GIF Animated, chọn trên trình đơn File > Create Video File > GIF Animation Files

Sau khi tạo ra file chuyển động trong Xara thì cách xuất sang file Animated GIF tiến hành như sau : Chọn trên trình đơn File > Export Animation (nhấn phím tổ hợp Ctrl + Shift + X) để xuất ra file Animated GIF

Bạn sẽ tạo ra đoạn phim chuyển động như hình trên

Các bước được tiến hành như sau trong Flash:

Khởi động Flash, tạo file mới có tên 3D Animation Movement, nhấp chọn tiếp vào trình đơn Insert > New Symbol, chọn các thuộc tính trong hộp thoại mới mở như sau:

Nhấp chọn tiếp vào trình đơn File > Import hoặc nhấn phím tổ hợp Ctrl + R, nhấp chọn file với định dạng Animated GIF để nhập vào sau đó nhấp chuột vào nút Open

THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 6

Trang 2

Chọn file Animated GIF mong muốn

Lúc này bạn sẽ thấy xuất hiện một số các frame liên tiếp nhau, mỗi một frame là một ảnh

ở trạng thái khác nhau

Nhấp chọn tiếp trở lại trình đơn Insert > New Symbol để tạo mới một nút, chọn các thuộc tính trong hộp thoại Symbol Properties

Chú ý : Do file ảnh GIF của bạn là các ảnh liên tiếp nhau vì vậy sau khi nhập file này bạn sẽ thấy trong thư viện xuất hiện rất nhiều ảnh có tên Bitmap1, Bitmap2, vì vậy trong phần tạo nút này bạn sẽ kéo một ảnh Bitmap bất kỳ để làm dữ liệu trong frame Up

Trang 3

Nhấp chuột vào một ảnh Bitmap hiển thị trong cửa sổ thư viện và kéo vào trong vùng làm

việc tại frame Up

Nhấp chuột vào frame Over và nhấn phím F6, sau đó nhấp chọn vào trình đơn View > Ruler để hiển thị thanh thước và dùng các đường guideline xác định vị trí của ảnh hiện đang có trong frame Over

Nhấp chuột vào đoạn movie clip có tên 3 D hiển thị trong cửa sổ thư viện và kéo vào frame Over này

Trang 4

Nhấp chuột vào ảnh đối tượng trước đó và xoá nó, lúc này bạn chỉ còn lại đoạn movie clip

trong frame Over này Di chuyển đoạn movie clip đúng vị trí của đường guideline mà

bạn đã xác định trước đó

Nhấp chọn vào nút Scene1 để trở vùng làm việc chính, kéo nút vừa tạo xuất hiện trong vùng làm việc vào trong vùng làm việc Stage Sau đó dùng công cụ Text Tool nhập vào chuỗi ký tự mong muốn và dùng công cụ Rotate để xoay chuỗi ký tự giống như trong

hình sau

Trang 5

Nhấp chọn vào trình đơn Control > Test Movie để kiểm tra đoạn phim trong chế độ Flash Player Khi đoạn phim diễn hoạt bạn hãy đưa chuột đến chuỗi ký tự 3D sẽ thấy

được tác dụng Nếu đoạn phim chưa đẹp như mong muốn, bạn có thể hiệu chỉnh sau đó lưu file này lại sau khi hiệu chỉnh xong

Trang 6

TẠO CỬA SỔ KÉO VÀ THẢ

Trong phần thực hành này bạn sẽ tạo ra một loạt các ngôi sao nằm bên dưới ký tự khi bạn đưa chuột đến các ký tự này, các ngôi sao đó sẽ rơi xuống và biến mất trong bóng tối

Cách thực hiện như sau:

Bảo đảm rằng chương trình Flash đang mở và tạo file mới có tên “Dragwindow” Nhấp chọn trên trình đơn Modify > Movie, nhấp chuột vào hộp màu Background Color để

chọn màu đen

Nhấp chọn trên trình đơn Insert > New Symbol, chọn thuộc tính như sau:

Dùng công cụ Rectangle Tool vẽ vào hình chữ nhật và nhập vào chuột ký tự “Mở cửa sổ bật lên” trên Layer khác trên frame Up

Trang 7

Tạo symbol nút khác có tên Keo, dùng công cụ Rectangle Tool vẽ vào hình chữ nhật không có màu viền, màu tô màu trắng trên frame Up, các frame khác bỏ trống

Đối tượng chỉ xuất hiện trong frame Up

Nhấp chọn biểu tượng Keo trong cửa sổ thư viện và nhấp phải chuột chọn lệnh Duplicate để sao chép symbol này Nhập vào tên cho symbol mới này với tên là Dong

Tạo symbol graphic có tên Tieu de, vẽ vào đối tượng hình chữ nhật dài và dùng công cụ Text Tool nhập vào ký tự như sau:

Tạo symbol nút có tên là Web site, có màu tô là màu đen, không có màu viền Nút này là một hình vuông nhỏ chỉ sử dụng frame Hit

Tạo symbol graphic khác có tên Anh cua so, sau đó dùng các công cụ như Line Tool và Text Tool để tạo đối tượng giống như sau:

Trang 8

Các đối tượng trên chỉ nằm trong một Layer

Nhập ký tự vào đối tượng trên cùng nằm trong một Layer

Tạo lớp Layer2 trong chế độ hiệu chỉnh ảnh graphic Anh cua so, kéo biểu tượng nút Web site trong cửa sổ thư viện đặt bên dưới chuỗi ký tự “Liên lạc:

stklacviet@hcm.vnn.vn” nhưng thực chất đối tượng nút này nằm trên chuỗi ký tự trên do nó nằm trong lớp Layer sau nó

Chú ý : Bạn hãy cố gắng để các đối tượng Button nằm trong một Layer độc lập Điều này giúp

bạn dễ dàng hơn trong việc chọn lệnh cho các nút đó

Trang 9

Kéo biểu tượng Web site thêm một lần nữa và đặt bên dưới chuỗi ký tự “Web site :

www.stklacviet.vnn.vn”

Kéo tiếp nút Keo và nút Dong trong cửa sổ thư viện, lần lượt đặt bên trên vùng dấu (X) Dùng công cụ Scale kéo nhỏ kích thước của nút Keo và Dong sao cho vừa khít với kích

thước vẽ

Nhấp chuột chọn nút trên ký tự Nhấp & Kéo

Trang 10

Nhấp chuột vào nút ngay vị trí dấu X và chọn trên trình đơn Window > Actions Nhấp đúp vào lệnh Play trong danh sách lệnh Basic Actions

Nhấp chuột tiếp vào nút bên cạnh dấu X, nhập vào dòng lệnh sau trong bảng Frame Actions

on (press) { startDrag ("");

}

on (release) { stopDrag ();

}

Nhấp chuột vào tam giác tại góc phải trên của bảng và chọn lệnh Expert Mode

Trang 11

Nhập các dòng lệnh vào trong bảng Object Actions

Nhấp tiếp chuột vào nút bên trên chuỗi ký tự “Liên lạc : stklacviet@hcm.vnn.vn” câu lệnh

on (release) {

getURL ("mailto:stklacviet@hcm.vnn.vn");

}

Nhấp chuột tiếp vào nút nằm trên chuỗi ký tự “Web site : www.stklacviet.vnn.vn” và gán lệnh sau:

on (release) {

getURL ("http:\\www.stklacviet.vnn.vn", "_blank");

}

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