Cool Flash Hiệu quả Hướng dẫn!

Tóm tắt

Trong hướng dẫn này bạn sẽ học cách để tạo ra một sự phản ánh nước để áp dụng trên một MovieClip di chuyển.

Đây là kết quả cuối cùng:

Yêu cầu

8 Flash, Flash CS3 hoặc Flash CS4.

Lưu ý: ảnh chụp màn hình trong hướng dẫn này được thực hiện trong Flash CS3. Nó hoạt động giống hệt nhau trong Flash 8. Hướng dẫn này là ActionScript 2 (Mặc dù không có ActionScript là bắt buộc).

Bước 1 - Cài đặt các thành phần có hiệu lực

Download các nước Reflection Effect ở đây . Xin vui lòng làm theo các hướng dẫn cài đặt và kéo các thành phần từ các thành phần của bảng điều khiển vào trong thư viện của bạn. file fla.

Bước 2 - Tạo vịt MovieClip

Nhập khẩu hình ảnh vịt [nhấn Ctrl-R] hoặc "File" -> "Import" -> "Nhập vào giai đoạn ...". Hãy chắc chắn rằng hình ảnh là một con vịt. Png với nền trong suốt.

Chọn hình ảnh này và chuyển đổi nó thành một [MovieClip] F8 báo chí hoặc kích chuột phải vào MovieClip -> "Convert to Symbol ...". Cho MovieClip tên "vịt".

Bước 3 - Tạo MovieClip Animation

Tạo một MovieClip mới với [nhấn Ctrl-F8] hoặc Insert -> "New Symbol ...". Tên này MovieClip "hoạt hình".

Kéo MovieClip vịt từ thư viện của bạn vào khung đầu tiên trên timeline. Bây giờ hãy nhấp vào frame 60 và tạo ra một khung hình chính [mới bấm F6] hoặc click chuột phải và "Insert Keyframe".

Nhấp chuột vào keyframe mới được tạo ra và chọn MovieClip vịt trên tấm bạt. Bây giờ di chuyển này MovieClip với con trỏ phím bên phải (cho phép nói 100px). Bạn có thể kiểm tra vị trí mới trong bảng thông tin.

Trở lại khung hình chính đầu tiên của khung thời gian. Trên bảng chọn Tween tài sản: "Chuyển động". Nếu bạn nhấp vào một nơi nào đó trong thời gian hiện nay, bạn thấy rằng các MovieClip vịt là di chuyển từ trái sang phải.

Bước 4 - Đặt MovieClip hình ảnh động về thời gian chính

Bây giờ hãy nhấp vào "Scene 1" để có được trở lại chính thời gian. Nếu MovieClip vịt vẫn còn đó, gỡ bỏ nó.

Di chuyển MovieClip hoạt hình từ thư viện của mình vào frame đầu tiên của timeline.

Đặt tên dụ của MovieClip tới "animation_mc" (bạn có thể chọn một tên khác nhau nếu bạn muốn Hãy chắc chắn rằng tên dụ là duy nhất).. Nếu không có một tên dụ, thành phần không thể để phát hiện các MovieClip.

Bước 5 - Áp dụng hiệu ứng thành phần

Tạo một lớp mới, chọn frame đầu tiên và kéo các thành phần có hiệu lực từ thư viện của bạn vào MovieClip hình ảnh động. Các thành phần sẽ tự động snap.

Thiết lập các tham số của thành phần bên trong các bảng kiểm tra thành phần như trong ảnh chụp màn hình. Tất cả các Movieclips dụ với các tên trong khung này được liệt kê trong "Mục tiêu MovieClip danh sách chọn". Vì bạn chỉ có một MovieClip, thành phần các giả định, mà bạn muốn áp dụng các hiệu ứng trên các MovieClip "animation_mc".

Lưu ý: Các thiết lập này chỉ áp dụng cho trường hợp này một trong những thành phần có hiệu lực. Nếu bạn vẽ thành phần trên một MovieClip (ở một nơi khác bên trong fla hoặc trong một dự án mới.) Bạn có để thiết lập các cài đặt một lần nữa.

Bây giờ xuất khẩu ([nhấn Ctrl-Enter] hay ...). Bạn sẽ thấy rằng người đứng đầu vịt là bằng cách nào đó cắt. Thats vì thành phần này có chính xác kích thước của MovieClip vịt. Nhưng kể từ khi làn sóng phản xạ sẽ làm tăng kích thước này sẽ không phù hợp nữa.

Bước 6 - Điều chỉnh hình ảnh động MovieClip

Để sửa lỗi này, bạn sẽ chèn một hình dạng vô hình trong nền của MovieClip vịt, mà kích thước lên MovieClip một chút.

Quay về MovieClip vịt bằng cách nhấp đúp vào nó trong thư viện của bạn.

Tạo một lớp mới bên dưới lớp tween.

Chọn công cụ vẽ một hình chữ nhật và hình dạng với độ rộng của con vịt. Chiều cao, nên có một vài điểm ảnh cao hơn thì con vịt (khoảng 10 pixel). Nó có thể giúp đỡ để thiết lập các biểu tượng bất thường trong thời gian này, để chỉ xem các kích thước của hình ảnh con vịt.

Với hình dạng được lựa chọn mở bảng điều khiển màu sắc và thiết lập alpha đến 0.

Khi bạn kiểm tra bộ phim của bạn ngay bây giờ, bạn sẽ thấy rằng sự phản ánh được áp dụng trên con vịt lỗ.

Bước 6 - Thêm hình ảnh nền

Tạo một lớp mới bên dưới lớp với hình ảnh động và thành phần. Nhập một hình ảnh phù hợp. Bây giờ bạn có thể thay đổi vị trí của các MovieClip hình ảnh động để làm cho nó phù hợp với nền.

Tải về

Click vào đây để tải về các fla của hướng dẫn này. Lưu ý:. Fla bao gồm các phiên bản dùng thử của các thành phần có hiệu lực, mà chỉ làm việc trong Flash IDE (Flash 8, Flash CS3 hoặc Flash CS4) nhưng không phải bên trong trình duyệt.

Bạn cũng có thể tải về các nước Reflection Effect ở đây .