MacromediaFlash-Hiệuứngbongbóngnước
Theo dõi tỉ mỉ bài hướng dẫn chi tiết này bạn sẽ biết cách tạo một hiệu
ứng cực kỳ độc đáo và ngộ nghĩnh với những hình ảnh bongbóngnước
bằng sử dụng Motion Guide. Bạn sẽ không cần dùng tới bất kỳ đoạn mã
Action Script nào trong bài này mà vẫn tạo được hình ảnh như sau:
Bước 1
Tạo một file Flash mới. Nhấn phím Ctrl + J trên bàn phím (Document
Properties) và thiết lập độ rộng của file tùy ý bạn. Chọn màu nền là
#64CDFF và thiết lập Frame rate là 28, sau đó kích OK.
Bước 2
Chọn công cụ Oval Tool (O) và vào phần Properties Panel (Ctrl + F3) ở
dưới, chọn các tùy chọn sau:
- Nhập màu viền là #021E3E
- Màu nền cho hình vẽ chọn tùy ý (Fill color)
- Chọn nét vẽ là Solid với độ dày là 1.
Sau khi chọn xong các tùy chọn trê, vẽ một hình tròn có kích thước 20x20
px (xem hình sau)
Bước 3
Chọn công cụ Selection Tool (V) và chỉ chọn phần Fill Color (phần màu nét
vẽ chọn ô vuông trắng gạch chéo đỏ). Kích vào phần vẽ màu nền, mở Color
Mixer Panel (Window > Color Mixer) và chọn theo các thông số sau:
- Kích chọn biểu tượng xô màu để định dạng cho màu nền (Fill color)
- Trong phần Type chọn Linear
- Kích lên ô vuông màu nhỏ ở phía bên trái của thanh trượt màu và chọn
màu là #FFFFFF. Thuộc tính Alpha đặt là 30%
- Kích lên ô vuông màu nhỏ thứ hai ở phía bên phải của thanh trượt màu và
chọn màu là #0066CC, nhưng thay đổi thuộc tính Alpha là 0% (tương đương
với màu trong suốt)
Sau khi chọn xong bạn sẽ có được màu hình tròn như sau
Bước 4
Sử dụng các công cụ của Flash để vẽ một hình shape nhỏ màu trắng trên
bong bóng như hình dưới đây
Bước 5
Chọn cả bongbóng và hình shape vừa vẽ và nhấn phím F8 (Convert to
Symbol) để chuyển đổi hình bongbóng sang dạng Graphic Symbol.
Bước 6
Chọn công cụ Selection Tool (V) và kích đúp vào layer 1 để đổi tên nó
thành bubble.
Bước 7
Chọn layer bubble, nhấn chuột phải lên tên layer và chọn Add Motion
Guide (xem hình dưới).
Bước 8
Chọn layer Guide vừa tạo xong, sử dụng công cụ Pencil Tool (Y) và vẽ một
đường lộ trình di chuyển cho bongbóng như sau
Bước 9
Kích lên frame 150 của layer Guide và nhấn phím F5
Bước 10
Trở lại frame đầu tiên của layer bubble và đặt bongbóng vào điểm đầu tiên
của lộ trình đã vẽ (như hình dưới)
Bước 11
Kích vào frame 150 của layer bubble và nhấn phím F6. Đặt bongbóng vào
điểm cuối của lộ trình như hình sau:
Bước 12
Kích chuột phải lên bất kỳ vị trí nào trong vùng màu xám giữa frame 1 và
150 của layer bubble và chọn Create Motion Tween từ menu xuất hiện. Xem
hình sau
Vậy là bạn đã tạo xong lộ trình cho bongbóng đầu tiên. Giờ hãy tạo thêm
một vài bongbóng nữa với nhiều lộ trình di chuyển khác nhau tương tự như
đã tạo ở trên. Sau khi tạo xong các bong bóng, hãy import vào một bức ảnh
nền phù hợp và chạy thử sản phẩm xem sao.
Download file nguồn tại đây
.
g
. Macromedia Flash - Hiệu ứng bong bóng nước
Theo dõi tỉ mỉ bài hướng dẫn chi tiết này bạn sẽ biết cách tạo một hiệu
ứng cực kỳ độc đáo.
Sử dụng các công cụ của Flash để vẽ một hình shape nhỏ màu trắng trên
bong bóng như hình dưới đây
Bước 5
Chọn cả bong bóng và hình shape vừa vẽ