Gốc > Thảo luận Flash > Flash cơ bản > Timeline >

Flash và các hiệu ứng đẹp mắt

 Motion Tween (đối tượng thay đổi vị trí)

Flash có thể tạo ra hai cơ chế chuyển động của đối tượng thông qua việc sử dụng timeline đó là: Motion Tween & Shape Tween.
(Để biểu diễn movie theo thời gian, người ta thường dùng một trục thẳng nằm ngang gọi là Timeline. Timeline được chia thành nhiều khoảng, mỗi khoảng như thế tương ứng với một hay một vài khung hình).

Motion tween sẽ tạo ra sự chuyển động của đối tượng từ vị trí này đến vị trí khác.\
Bạn chỉ cần xác hai trạng thái đầu, cuối của đối tượng. Các trạng thái trung gian sẽ do Flash tự hình thành.
Như ví dụ trên, bạn chỉ cần chuyển đối tượng chiếc bút chì sang thành Symbol trong Flash, sau đó xác định các vị trí điểm đầu và cuối của chuyển động, ngay lập tức bạn sẽ có được một chuyển động đẹp mắt.

Các bước thực hiện:
1. Tạo mới một file flash với Ctrl+N. Nếu cửa sổ timeline chưa xuất hiện bạn nhấn Ctrl+Alt+T. Bạn sẽ thấy 'Layer1' trong cửa sổ timeline.


thcs2

Bạn chỉ cần xác hai trạng thái đầu, cuối của đối tượng. Các trạng thái trung gian sẽ do Flash tự hình thành.
Như ví dụ trên, bạn chỉ cần chuyển đối tượng chiếc bút chì sang thành Symbol trong Flash, sau đó xác định các vị trí điểm đầu và cuối của chuyển động, ngay lập tức bạn sẽ có được một chuyển động đẹp mắt.

Các bước thực hiện:
1. Tạo mới một file flash với Ctrl+N. Nếu cửa sổ timeline chưa xuất hiện bạn nhấn Ctrl+Alt+T. Bạn sẽ thấy 'Layer1' trong cửa sổ timeline.

thcs3

9. Nhấn Ctrl+Enter để xem motion tween bạn vừa tạo

thcs4

2. Shape Tween (đối tượng thay đổi hình dạng)
Shape Tween là kỹ thuật tạo sự thay đổi hình dạng của đối tượng (vị trí, hình dạng, kích thước, màu sắc, …).
Các bước thực hiện:
Ví dụ: Bạn muốn biến đổi một đối tượng từ dạng hình tròn sang hình vuông.
1. Tạo mới một file flash với Ctrl+N. Nếu cửa sổ timeline chưa xuất hiện bạn nhấn Ctrl+Alt+T. Bạn sẽ thấy 'Layer1' trong cửa sổ timeline.

thcs5

2. Chọn frame đầu tiên, vẽ bất kỳ một đối tượng (trong ví dụ này bạn sẽ vẽ một hình tròn). Đây chính là đối tượng khởi đầu của Shape tween.
3. Chọn frame 25 và nhấn F6 để chèn một keyframe mới.

thcs6

4. Tại frame 25, xoá đối tượng ban đầu và vẽ mới một đối tượng khác (trong ví dụ này bạn sẽ xoá hình tròn và vẽ mới một hình vuông).
5. Kích chọn một frame ở giữa bất kỳ (2 đến 24), chọn Shape từ thực đơn pop-up trong phần Tween. Khi đó, Layer 1 sẽ có dạng như hình dưới.

thcs7

4. Tại frame 25, xoá đối tượng ban đầu và vẽ mới một đối tượng khác (trong ví dụ này bạn sẽ xoá hình tròn và vẽ mới một hình vuông).
5. Kích chọn một frame ở giữa bất kỳ (2 đến 24), chọn Shape từ thực đơn pop-up trong phần Tween. Khi đó, Layer 1 sẽ có dạng như hình dưới.

thcs8

3. Masking (mặt nạ)
Nếu biết cách sử dụng mặt nạ bạn sẽ có thể tạo ra các hiệu ứng để lộ dần dần hoặc từng phần nội dung của một bức tranh hay bức vẽ.
Như ví dụ dưới đây, khi mặt nạ di chuyển, từng phần của ngọn núi sẽ được hiển thị.

thcs9

Các bước thực hiện:
1. Chèn Layer và đặt tên cho chúng:
- Mặc định, bạn đã có sẵn một layer trong cửa sổ timeline. Hãy chèn thêm một layer nữa, bạn cần phải có hai layer để tạo mặt nạ cho một đối tượng.
- Đổi tên layer trên cùng thành 'Mask' và layer bên dưới thành 'background'.
2. Tạo Shape Tween cho vòng tròn của layer 'Mask':
- Chèn bức ảnh của bạn vào layer 'background'.
- Di chuyển đến frame 40 của layer 'background' và nhấn phím F5 để chèn thêm các frame mới, vì thế bức ảnh nền của bạn sẽ không bị thay đổi.
- Sử dụng công cụ vẽ hình Oval vẽ một vòng tròn trên layer 'Mask', nhớ xoá viền của vòng tròn (border). Kéo vòng tròn đến vị trí bắt đầu của chuyển động.
- Di chuyển đến frame 40 trên layer 'Mask', nhấn phím F6 để chèn một keyframe mới. Kéo hình tròn di chuyển đến vị trí cuối của chuyển động.
- Sau đó chọn frame 1 của layer 'Mask', chọn Shape từ thực đơn pop-up trong phần Tween.
3. Tạo mặt nạ:
- Kích chuột phải trên layer 'Mask' (phần hiển thị tên của layer) và chọn mục Mask.
4. Khi đó lớp mặt nạ bạn tạo đã hoàn thành. Nhấn Ctrl+Enter để xem kết quả.

Chúc các bạn thành công

st


Nhắn tin cho tác giả
Phan Quốc Tuấn @ 22:37 03/09/2009
Số lượt xem: 8813
Số lượt thích: 0 người
Avatar
Rất công phu ! nhưng dể hiểu ! cam ơn Thầy !Mỉm cười
Avatar
Bạn cop bài không  đủ dữ liệu, các bước ( motion tween) như vậy làm người đọc khó hiểu lắm . Xin bạn lần sau đưa bài cần đưa đầy đủ hơn. Giúp anh em học dễ hơn . Các thầy cô và các bạn hãy xem bài viết này tại trang http://tieuhoc.info
Avatar

Cho em hoi co phan mem nao lam flash anh dong dep ko?

Em tim ko ra phan mem nao ca.

 

 
Gửi ý kiến