Giáo trình hình thành ứng dụng công cụ tạo ra các biểu tượng chuyển động trên thanh thước timeline p1 ppt

THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT


Một số giao diện trên đóa CD-ROM được thiết kế bằng Flash nên nếu
bạn không có Flash 5 kết quả không hiển thò. Các bạn cần phải cài đặt chương
trình Flash hay Flash Player để có thể xem được các hình ảnh động này. Để cài
đặt Flash Player chúng ta tiến hành như sau
Chọn
Start > Run


Cửa sổ
Run
xuất hiện




Nhấp chuột vào nút Browse chỉ đường dẫn tới chương trình cài đặt trên
đóa CD-ROM.
Cửa sổ Browse xuất hiện.
Nhấp chuột vào mũi tên hướng xuống trong mục
Look in
chỉ đường dẫn
tới chương trình cài đặt FlashPlayer trong thư mục
Chuong trinh\Flash Player 5
trên ổ đóa CD-ROM
TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY
16
Giáo trình hình thành ứng dụng cơng cụ tạo ra các biểu tượng
chuyển động trên thanh thước timeline

.
THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT


Nhấp đúp chuột vào thư mục
Flash Player 5
hay chọn
Flash Player 5

sau đó nhấp chuột vào nút
Open.


Lần lượt cài đặt InstallAXFlash5 và flash32, nhấp đúp vào
InstallAXFlash5 hay chọn InstallAXFlash5 sau đó nhấp chuột vào nút
Open.


TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY
17
.
.
THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT

Cửa sổ Run xuất hiện trở lại, nhấp OK để tiếp tục.

Cửa sổ Flash 5 ActivexX Control Installer xuất hiện, nhấp chuột vào nút
Yes để tiếp tục.

Cửa sổ Flash 5 ActivexX Control Installer xuất hiện với thông báo tiến

trình cài đặt đã xong. Nhấp chuột vào nút OK để kết thúc tiến trình cài đặt.

Bước kế tiếp tiếp tục cài đặt flash32.
Nhấp đúp chuột vào flash32 trong cửa sổ Browse hay nhấp chuột chọn
flash32 sau đó nhấp chuột vào nút
Open.


Cửa sổ
Run
xuất hiện. Nhấp chuột vào nút
OK
để tiếp tục. Cửa sổ
Installing Flash Player
xuất hiện
TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY
18
.
.
THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT



Nhấp chuột vào nút
Next
để tiếp tục. Cửa sổ
Director Not found
xuất
hiện (Do máy bạn chưa cài đặt Flash)

Nhấp chuột vào nút
Install để tiế
p
tu
ï
c

Nhấp chuột vào nút Continue để tiếp tục
TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY
19
.
.
THẾ GIỚI ĐIỆN TỬ VÀ TIN HỌC - GIÁO TRÌNH ĐIỆN TỬ HƯỚNG DẪN CÀI ĐẶT

Nếu chương trình không có trình duyệt
Netscape
, một thông báo xuất
hiện, nhấp chuột vào nút
OK
để tiếp tục


Nhấp chuột vào nút
OK
để chấm dứt tiến trình cài đặt.



TỦ SÁCH STK (ĐT 088334168-0903728344) BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY
20

.
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9



CÁCH TẠO RA CÁC ẢNH
CHUYỂN ĐỘNG ANIMATION

TỔNG QUAN VỀ CÁCH TẠO RA CÁC ANIMATION
Bạn tạo ra các Animation bằng cách thay đổi nội dung của frame liên tiếp nhau. Bạn có
thể tạo đối tượng di chuyển ngang qua vùng Stage, thay đổi kích thước, hướng xoay, màu sắc,
hình dạng và cách làm cho đối tượng vào hay ra mờ dần (Fade In hay Fade Out). Những thay
đổi này có thể xảy ra độc lập nhau hoặc kết hợp với những sự thay đổi khác. Ví dụ, bạn có thể
tạo cho đối tượng xoay và khi nó di chuyển vào ngang qua vùng Stage mờ dần.
Có hai cách để tạo ra một đối tượng Animation chuyển động liên tiếp trong Flash:
chuyển động Animation theo frame-by-frame và Tweened Animation. Trong cách chuyển động
Animation theo frame-by-frame, bạn phải tạo ra ảnh trong mỗi frame. Trong cách chuyển động
theo Tweened Animation, bạn có thể tạo ra frame bắt đầu và frame kết thúc và cho phép Flash
tạo ra nhiều frame trong khoảng giữa frame đầu và frame cuối này. Flash thay đổi kích thước,
hướng xoay, màu sắc hoặc các thuộc tính khác ngang nhau giữa frame đầu và frame cuối để tạo
ra ảnh thay đổi chuyển động về hình dáng.
Cách chuyển động theo Tweened Animation là một cách có hiệu quả để tạo ra ảnh
chuyển động và thay đổi liên tục trong khi đó kích thước file rất nhỏ. Trong cách chuyển động
Tweened Animation này, Flash chỉ lưu lại các giá trò thay đổi giữa các frame. Trong cách
chuyển động Animation theo frame-by-frame, Flash lưu lại các giá trò cho mỗi frame kết thúc.
Để biết thêm cách hướng dẫn tạo ra ảnh chuyển động Animation này, bạn hãy tham
khảo thêm tài liệu “
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN THỰC HÀNH - TỰ HỌC MACROMEDIA FLASH 5.0
BẰNG HÌNH ẢNH”

cùng tác giả
.

Chú ý :
Ngoài ra bạn cũng có thể tạo ảnh chuyển động Animation bằng cách dùng Set Property
action. Bạn có thể xem mục ActionScript Help để biết thêm chi tiết.
CÁCH TẠO RA CÁC KEYFRAME
Một keyframe là một frame mà nơi đó bạn thay đổi quá trình chuyển động Animation.
Khi bạn tạo ra ảnh chuyển động Animation theo cách frame-by-frame, mỗi frame là một
keyframe. Trong keyframe chuyển động theo cách Tweened Animation, bạn phải xác đònh tại
những điểm quan trọng trong quá trình chuyển động và cho phép Flash tạo ra nội dung giữa các
frame. Flash hiển thò các frame bổ sung của chế độ Tweened Animation như các màu xanh
nhạt, xanh đậm có mũi tên vẽ giữa các keyframe. Flash sẽ vẽ lại hình dáng của đối tượng trong
mỗi keyframe. Bạn chỉ nên tạo ra các keyframe tại những điểm đó trong ảnh thay đổi.
Các Keyframe được xác đònh trong thanh thước Timeline : một keyframe có một vòng
tròn đặt trên đó cho biết keyframe đó đang chứa dữ liệu và một keyframe trống thể hiện một
đường thẳng đứng trước một frame. Các frame thêm vào sau đó trên cùng một layer sẽ có cùng
một dữ liệu như keyframe.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
191
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9


Keyframe có chứa dữ liệu


Keyframe trống



Cách tạo ra một keyframe, bạn có thể chọn một trong những bước sau đây:
• Chọn một frame trong thanh thước Timeline và chọn trên trình đơn
Insert >
Keyframe
.
• Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại một
frame trong thanh thước Timeline và chọn lệnh Insert Keyframe có trong trình
đơn.

CÁC BIỂU TƯNG CHUYỂN ĐỘNG ANIMATION TRÊN THANH THƯỚC TIMELINE
Flash phân biệt chế độ chuyển động Tweened Animation với chế độ chuyển động
frame-by-frame trong thanh thước Timeline như sau:
 Các keyframe chuyển động theo chế độ Tweening là Motion được xác đònh bằng
dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen
cùng với nền Background có màu xanh nhạt.

 Các Keyframe chuyển động theo chế độ Tweening là Shape được xác đònh bằng
dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen
cùng với nền Background có màu xanh lá cây.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
192
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9

 Một đường gạch cho biết các keyframe cuối cùng đang bò thiếu.

 Một keyframe đơn độc được xác đònh bằng một dấu chấm đen. Các frame có màu
xám sáng sau một keyframe có chứa cùng dữ liệu và có một đường màu đen, một
hình chữ nhật nhỏ rỗng ở frame cuối cùng.
 Một chữ a nhỏ chỉ ra rằng frame đó đã được gán một Action (hành động) trong

bảng Actions.

 Một lá cờ màu đỏ cho biết frame đó có lời chú thích và frame đó có tên.

CÁC LAYER TRONG ANIMATION
Mỗi Scene trong Flash movie có thể gồm có nhiều Layer. Khi bạn tạo ảnh chuyển động,
bạn dùng các Layer để sắp xếp các thành phần của một trình tự chuyển động và tách biệt các
đối tượng chuyển động vì vậy chúng không xoá, kết nối hoặc phân rã lẫn nhau. Nếu bạn làm
Flash chuyển động nhiều nhóm hoặc các Symbol cùng lúc, mỗi đối tượng phải ở trên từng
Layer độc lập. Đặc biệt, Layer Background là một ảnh tónh, các Layer bổ sung chỉ chứa một đối
tượng chuyển động độc lập với nhau.

Các Layer xuất hiện thành hàng trong thanh thước Timeline
Khi một đoạn phim có nhiều Layer, Track và hiệu chỉnh các đối tượng trong một hay
nhiều Layer trở nên rất khó khăn. Công việc này trở nên dễ dàng nếu bạn làm việc với trên
một dữ liệu trong từng Layer tại lúc nào đó.
TỐC ĐỘ FRAME
Một tốc độ frame quá chậm có thể làm cho ảnh chuyển động không liên tục. Đối với tốc
độ frame quá nhanh có thể làm mờ chi tiết chuyển động. Một tốc độ frame 12 frame trên một
giây (fps) thường cho kết quả tốt nhất khi xuất đoạn phim trên trang Web. Đoạn phim
QuickTime và AVI movies có một tốc độ chung là 12 fps trong khi đó tốc độ ảnh chuyển động
chuẩn là 24 fps. Độ chuyển động phức tạpï và tốc độ của máy tính đều ảnh hưởng đến tốc độ
phát lại của đoạn phim. Kiểm tra đoạn phim chuyển động của bạn trên nhiều máy khác nhau để
xác đònh tốc độ tối ưu cho các frame.
Vì bạn chỉ xác đònh một tốc độ frame cho toàn đoạn phim Flash Movie, đó là một cách
thiết lập tỉ lệ tốt nhất trước khi bạn bắt đầu tạo ra ảnh chuyển động.
MỞ RỘNG ẢNH
Khi bạn tạo ra một ảnh nền Background chuyển động, điều đó rất cần thiết cho việc tạo
ra một ảnh tónh trong nhiều frame. Việc thêm vào các frame mới (không phải là keyframe) vào
một Layer sẽ làm tăng kích thước dữ liệu của frame cuối trong tất cả các frame mới.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
193
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9

 Mở rộng ảnh trong nhiều frame:
1. Tạo một ảnh trong keyframe đầu tiên của đoạn
phim.
2. Chọn một frame bên phải, tại vò trí frame cuối mà
bạn muốn thêm vào.
3. Chọn trình đơn
Insert > Frame
.

 Dùng một Shortcut để mở rộng ảnh:
4. Tạo một ảnh trong keyframe đầu tiên.
5. Nhấn phím Alt và nhấp chuột vào keyframe sang phải. Điều này sẽ tạo ra một
vùng mở rộng mới mà không cần một keyframe mới tại điểm cuối.
TỔNG QUAN VỀ CHẾ ĐỘ CHUYỂN ĐỘNG TWEENED ANIMATION
Flash có thể tạo ra 2 loại chuyển động của Tweened Animation.
 Chế độ
Motion Tweening
, bạn phải xác đònh các thuộc tính như vò trí, kích thước
và hướng xoay cho một Instance, Group hoặc khối ký tự tại một điểm và sau đó
bạn thay đổi các thuộc tính này tại một điểm khác.
 Chế độ
Shape Tweening
, bạn phải vẽ đối tượng tại một điểm và sau đó bạn thay
đổi hình dạng hoặc vẽ một đối tượng khác tại một điểm khác. Flash sẽ thêm vào
các giá trò hoặc hình dạng cho các frame giữa, tạo ra chuyển động.

TẠO CHUYỂN ĐỘNG (TWEEN) CHO CÁC INSTANCE, NHÓM (GROUP) VÀ KÝ TỰ
(TYPE)
Để làm thay đổi các thuộc tính của các Instance, nhóm và ký tự, bạn sử dụng chế độ
chuyển động Motion Tweening. Flash có thể thay đổi vò trí, kích thước, hướng xoay và kéo xiên
các Instance, nhóm hoặc ký tự. Ngoài ra, Flash có thể thay đổi màu của Instance và ký tự, tạo
ra sự chuyển đổi màu từ từ hoặc tạo ra một Instance ở chế độ vào hoặc ra mờ dần.
Để thay đổi màu của các nhóm hoặc ký tự, bạn phải tạo cho chúng trở thành các
Symbol. Bạn có thể xem mục “Cách tạo ra các Symbol” để biết thêm chi tiết.
Nếu bạn thay đổi số frame giữa hai keyframe hoặc di chuyển nhóm hoặc Symbol trong
keyframe, Flash sẽ tự động tween các frame này một lần nữa.

Bạn có thể tạo ra chế độ chuyển động Motion Tweening dùng một trong hai cách sau:
 Cách Thứ Nhất : Tạo ra keyframe đầu và
keyframe kết thúc cho quá trình chuyển
động và dùng tùy chọn Motion trong mục
Tweening từ bảng Frame Properties.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
194
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9

 Cách Thứ Hai : Tạo ra keyframe chuyển động đầu tiên và sau đó chọn trên trình
đơn
Insert > Create Motion Tween
và di chuyển đối tượng đến vò trí mới trong
vùng. Flash sẽ tự động tạo ra keyframe kết thúc.
Khi thay đổi vò trí, bạn có thể tạo cho đối tượng di chuyển dọc theo một đường dẫn phi
tuyến (Nonlinear Path).

Ảnh ví dụ con ong tại frame thứ hai, ba và thứ tư là kết quả chuyển động từ keyframe đầu
đến keyframe cuối cùng

Tạo một ảnh chuyển động Motion Tween dùng tùy chọn Motion trong mục Tweening:
1. Nhấp chuột vào tên của Layer để kích hoạt nó trở thành Layer hiện hành và sau đó
chọn một Keyframe trống trong Layer nơi bạn muốn tạo vùng chuyển động bắt đầu.

2. Tạo một Instance, nhóm hay một khối ký tự trong vùng Stage hoặc kéo một Instance
của một Symbol trong cửa sổ thư viện Library. Để chuyển động đối tượng đã vẽ, bạn
phải chuyển đổi đối tượng đó trở thành một Symbol.
3. Tạo keyframe thứ hai (keyframe kết thúc), nơi bạn muốn vùng chuyển động kết thúc
bằng cách dùng chuột nhấp vào xác đònh vò trí frame cuối cùng. Sau đó bạn nhấp
phải chuột chọn lệnh Insert Blank Keyframe có trong trình đơn để thêm vào các
keyframe trống cho đoạn phim.


Xác đònh vò trí
frame cuối
Chọn lệnh Insert Blank Keyframe

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
195
.