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 và ngộ nghĩnh với những hình ảnh bong bóng nước bằng sử dụng Motion Guide.
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Hiệu ứng bong bóng nướcMacromedia Flash - Hiệu ứng bong bóng nướcNguồn:quantrimang.comTheo 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 ứngcực kỳ độc đáo và ngộ nghĩnh với những hình ảnh bong bóng nước bằngsử dụng Motion Guide. Bạn sẽ không cần dùng tới bất kỳ đoạn mã ActionScript nào trong bài này mà vẫn tạo được hình ảnh như sau:Bước 1Tạ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ậpFrame rate là 28, sau đó kích OK.Bước 2Chọ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 3Chọ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 MixerPanel (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ớimàu trong suốt)Sau khi chọn xong bạn sẽ có được màu hình tròn như sauBước 4Sử dụng các công cụ của Flash để vẽ một hình shape nhỏ màu trắng trên bongbóng như hình dưới đâyBước 5Chọn cả bong bóng và hình shape vừa vẽ và nhấn phím F8 (Convert to Symbol)để chuyển đổi hình bong bóng sang dạng Graphic Symbol.Bước 6Chọn công cụ Selection Tool (V) và kích đúp vào layer 1 để đổi tên nó thànhbubble.Bước 7Chọ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 8Chọ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 bong bóng như sauBước 9Kích lên frame 150 của layer Guide và nhấn phím F5Bước 10Trở lại frame đầu tiên của layer bubble và đặt bong bóng vào điểm đầu tiên củalộ trình đã vẽ (như hình dưới)Bước 11Kích vào frame 150 của layer bubble và nhấn phím F6. Đặt bong bóng vào điểmcuối của lộ trình như hình sau:Bước 12Kí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à 150của layer bubble và chọn Create Motion Tween từ menu xuất hiện. Xem hìnhsauVậy là bạn đã tạo xong lộ trình cho bong bóng đầu tiên. Giờ hãy tạo thêm mộtvài bong bó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ợpvà chạy thử sản phẩm xem sao.