Hướng dẫn Flash Effect cool!

Tóm lược

Trong bài 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

Flash 8, 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

Tải về 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ừ bảng thành phần vào thư viện của file fla. Bạn.

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

Nhập khẩu hình ảnh vịt [nhấn Ctrl-R] hay "File" -> Nhập "" -> "nhập khẩu trên sân khấu ...". Hãy chắc chắn rằng hình ảnh vịt là một png. Với nền trong suốt.

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

Bước 3 - Tạo ảnh MovieClip

Tạo một MovieClip mới với Ctrl nhấn [-F8] hoặc Insert -> "Biểu tượng mới ...". Tên này MovieClip "hoạt hình".

Kéo MovieClip vịt từ thư viện của mình vào khung đầu tiên trên timeline. Now click vào frame 60 và tạo một keyframe mới [nhấn F6] hoặc click chuột phải và "Insert Keyframe".

Nhấp vào keyframe vừa được tạo ra và chọn MovieClip vịt trên vải này. 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 các vị trí mới trong bảng thông tin.

Quay về keyframe đầu tiên của dòng thời gian này. Trên bảng tính chọn Tween: "Motion". Nếu bạn nhấp vào một nơi nào đó trong thời gian là bây giờ, 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 hoạt hình MovieClip trên dòng thời gian chính

Now click on "Scene 1" để có được trở về thời gian chính. Nếu các 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 khung đầu tiên của dòng thời gian này.

Đặt tên instance của MovieClip để "animation_mc" (bạn có thể chọn một tên khác 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ụ, các 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 này sẽ tự động chụp.

Thiết lập các thông số của các thành phần bên trong bảng thanh tra thành phần như trong ảnh chụp màn hình Mọi Movieclips với tên dụ trong khung này. Được liệt kê trong "danh sách các mục tiêu MovieClip 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 hiệu ứng trên MovieClip "animation_mc".

Lưu ý: Các thiết lập này chỉ áp dụng cho trường hợp này là 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 phải thiết lập các cài đặt lại.

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 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 chiếu 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 MovieClip hoạt hình

Để 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, có kích thước lên các 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 layer 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 vịt này. Chiều cao, nên có một vài điểm ảnh cao hơn thì vịt (khoảng 10 pixel). Nó có thể giúp đỡ để thiết lập biểu tượng phác thảo trong dòng thời gian, để chỉ thấy kích thước của hình ảnh vịt.

Với hình chọn mở bảng màu sắc và thiết lập alpha đến 0.

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

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

Tạo một layer mới bên dưới lớp với hoạt hình 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 MovieClip hoạt hình để làm cho nó phù hợp với nền.

Tải xuống

Click vào đây để tải 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 các IDE Flash (8 Flash, 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 các nước Reflection Effect ở đây.