Trang chủ Bài viết ICT Bài viết hướng dẫn Flash Tạo các chuyển động cơ bản trong Flash

Tạo các chuyển động cơ bản trong Flash

Email In
Xem kết quả: / 15
Bình thườngTuyệt vời 

Trong bài này, tôi sẽ hướng dẫn bạn tạo các chuyển động cơ bản trong Flash. Trước hết, ta sẽ mở 1 file Flash, tạo 5 layer: nen, thangDeu, thangNDD, thangCDD, theoQDao (theo thứ tự từ dưới lên trên). Lưu nó dưới tên taoChuyenDong.fla.

Image

Đứng trên layer nen, bạn tạo ra 4 con đường tương ứng cho 4 chuyển động mà bạn sắp tạo ra (3 đường thẳng cho 3 chuyển động thẳng và một đường cong bất kì cho chuyển động theo quỹ đạo bất kì).
Đứng trên mỗi layer còn lại bạn sẽ tạo ra một đối tượng mà bạn dự định nó chuyển động. Ở đây tôi đã chọn vẽ một hình tròn, và phân biệt chúng bằng màu sắc: màu vàng cho chuyển động thẳng đều, màu xanh lá cho chuyển động nhanh dần đều, màu đỏ cho chuyển động chậm dần đều và màu xanh dương cho chuyển động theo quỹ đạo cong bất kì (nếu chưa biết bạn có thể tham khảo bài viết Các công cụ vẽ ).
Lưu ý: trên mỗi layer bạn chỉ có thể tạo chuyển động cho duy nhất 1 đối tượng đã được Group (tức là có một viền xanh hình chữ nhật bên ngoài. Nếu chưa, có thể chọn đối tượng bằng chuột phải, chọn Group hay ấn Ctr + G), do đó, các đối tượng bạn dùng tạo chuyển động phải nằm trên các layer riêng biệt.

Image

1/ Chuyển động thẳng đều:
Ta sẽ tạo một chuyển động thẳng đều cho hình tròn theo các bước sau:

Image

-Bạn chọn thời gian (đọc trên timeline, highlight màu xanh lá là thời gian từ frame 1 đền vị trí frame tôi đang chọn (25))vị trí điểm đến (xác định trên nền) mà đối tượng sẽ thực hiện khi chuyển động (ở đây tôi chọn điểm đến là cuối nền và thời gian là 2.0s).
-Dựa vào thời gian thực hiện chuyển động và tốc độ chạy frame của đoạn Flash (đọc trên timeline, highlight màu đỏ, mặc định là 12frame/s) bạn sẽ tính được frame mà vật sẽ chuyển động tới (2x12=24 nên frame kết thúc chuyển động là 25, frame 1 tính là 0.0s).
-Sau khi đã tìm được frame kết thúc bạn sẽ đứng tại đó trên layer thangDeu, tạo một frame giống frame bạn đầu bằng cách click chuột phải và chọn Insert Keyframe, hay ấn F6. Khi này, đối tượng vẫn nằm ở vị trí đầu, bạn cầm và kéo nó đến vị trí cuối mà bạn đã chọn.

Image

-Đứng trên frame cuối của layer nen, ấn F5 để đảm bảo nền của bạn cùng tồn tại với đối tượng trong suốt quá trình chuyển động.
-Bạn đứng ở 1 frame bất kì trong dãy ra frame vừa tạo trên layer thangDeu, quan sát bảng Properties và chỉnh sửa các tùy chọn sau:

Image

+ Tween: chọn Motion để tạo chuyển động
+ Ease: chọn 0 (cho chuyển động thẳng đều)
+ Rotate: quay trong chuyển động (None: không quay, Auto: quay tự động, CW: quay cùng chiều kim động hồ, CCW: quay ngược chiều kim đồng hồ), ta chọn CW. Có thể tăng tốc độ quay bằng tham số times.
Crt + Enter để kiểm tra lại chuyển động vừa tạo.
Lưu ý: Nếu xuất hiện chuỗi Frame có đường gạch đứt thay vì mũi tên tức là bạn vẫn chưa Group các đối tượng.

Image


2/Chuyển động thẳng biến đổi đều:
Làm tương tự như đối với chuyển động thẳng.

Image

Đối với tùy chọn Ease ta sẽ chọn khác 0.

Image

-Chọn từ 1 đến 100: cho chuyển động chậm dần đều.
-Chọn từ -1 đến -100: cho chuyển động nhanh dần đều.

 

3/ Chuyển động theo một quỹ đạo bất kỳ:
Thực ra đây là chuyển động trên quỹ đạo bất kỳ của tâm vật (nếu chọn đối tượng bằng công cụ Free Transform Tools – phím tắt Q, sẽ thấy được tâm của vật).

Image

Trước tiên ta sẽ tạo quỹ đạo mà tâm vật sẽ chuyền động:
-Tạo một layer riêng biệt của quỹ đạo này bằng chế độ Add Motion Guide (highlight vàng trên hình), đứng trên layer theoQDao click và ta sẽ nhận được 1 layer mới tên Guide:theoQDao, quỹ đạo của chúng ta sẽ phải nằm trên layer này.
-Tạo quỹ đạo là một bản sao của đường đi mà chúng ta đã tạo trên layer nen lúc đầu bằng cách chọn đường đi rồi Copy nó (Ctrl + C) sau đó Paste qua layer Guide:theoQDao (Ctrl + V). Có thể chọn thuộc tính bất kỳ về màu sắc hay độ dày của quỹ đạo vì nó sẽ không thấy khi chạy file Flash.
Tạo chuyển động cho tậm vật:
-Dùng công cụ Free Transform Tools đề chọn đối tượng, chỉnh sao cho tâm của đối tượng nằm trên quỹ đạo vừa tạo.

Image

-Sau đó đến Frame cuối (25) cũng Insert Keyframe như chuyển động thẳng đều, chọn vị trí đến của vật nhưng lúc này phải chỉnh sao cho tâm vật nằm trên quỹ đạo của nó.

 

Image

Image

-Tạo chuyển động cho vật. Nếu Ctrl + Enter mà vật không chuyển động theo quỹ đạo thì bạn cần xem lại tâm của vật có nằm đúng trên quỹ đạo chưa.
Như vậy là chúng ta đã hoàn thành xong việc tạo chuyển động cho vật. Chúc vui vẻ !

 

Bạch Dương //

Viết lời bình

B
i
u
Quote
Code
List
List item
URL
Tên của bạn (Bắt buộc) *
Địa chỉ Email (Bạn nên sử dụng địa chỉ thật)
Địa chỉ trang web (Không bắt buộc)
Mã bảo vệ chống spam   
Gửi lời bình
Lần cập nhật cuối ( Thứ sáu, 19 Tháng 9 2008 03:48 )