Tóm lược

Trong bài này bạn sẽ học cách để tạo ra một hiệu ứng chuyển tiếp pixelation nơi một hình ảnh "pixelates" khác. Bạn có thể đặt thời hạn (trong khung) của quá trình chuyển đổi. Không ActionScript là cần thiết, bạn sẽ làm việc chỉ trên dòng thời gian và thiết lập các thông số của hiệu lực bên trong các thành phần thanh tra.

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


Yêu cầu

Flash 8, Flash CS3 hoặc Flash CS4.
Hai ảnh (trong trường hợp này 550 × 400, hình ảnh có sẵn trong zip file hướng dẫn)

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 chính xác cùng với Flash 8 và Flash CS4. Hướng dẫn này là một ActionScript 2 dự án (thành phần này cũng có sẵn như là phiên bản AS3).

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

Tải về các hiệu ứng Pixelation. 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.

Kéo thành phần vào thư viện

Bước 2 - Nhập khẩu hình ảnh Slideshow

Nhập khẩu hai ảnh [nhấn Ctrl-R] hay "File" -> Nhập "" -> "Import to Stage ...".

Hình ảnh nhập khẩu vào giai đoạn

But chọn hình ảnh và chuyển đổi 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 "image1".

Chuyển đổi hình ảnh đầu tiên để MovieClip

Đặt tên của hình ảnh đầu tiên MovieClip

Chọn hình ảnh thứ hai và chuyển đổi 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 "image2".

Chuyển đổi hình ảnh thứ hai để MovieClip

Đặt tên của hình ảnh thứ hai MovieClip

Bước 3 - Set dụ tên của hình ảnh MovieClip

Cho MovieClip của hình ảnh đầu tiên của tên dụ "my_image_01" (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. Ví dụ đặt tên cho MovieClip hình ảnh thứ hai để "my_image_02".

Ví dụ đặt tên của hình ảnh đầu tiên MovieClip

Ví dụ đặt tên của hình ảnh thứ hai MovieClip

Bước 4 - Áp dụng hiệu ứng

Kéo thành phần từ các thư viện vào MovieClip trên. Các thành phần có hiệu lực sẽ chụp tự động.

Kéo thành phần vào MovieClip

Bước 5 - Điều chỉnh các thiết lập của các hiệu ứng

Bấm vào thành phần và mở bảng thanh tra thành phần [bấm phím Shift-F7] hay "cửa sổ" -> "Hợp phần Thanh tra". Trong "Bắt đầu danh sách MovieClip chọn", "my_image_01" nên được chọn.

Mục tiêu Movieclips trong thành phần thanh tra

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 draged hiệu ứng trên MovieClip "my_image_01", đây là MovieClip But. Là "Cuối MovieClip" chọn "my_image_01". Để lại các thiết lập khác trống cho bây giờ. Xuất khẩu đèn flash movie [nhấn Ctrl-ENTER] hay "chỉ huy" -> "Test Movie" và bạn sẽ thấy rằng sự chuyển đổi hình ảnh.

Kết quả

Bước 6 - chơi!

Chơi xung quanh với các thông số khác bên trong các thành phần thanh tra. Các tài liệu hướng dẫn của các cài đặt có thể được tìm thấy ở đây. Bạn cũng có thể sử dụng hiệu ứng này với ActionScript.

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.

Tại đây bạn có thể tìm thấy một video hướng dẫn về cách để thực hiện một hiệu ứng khác nhau.

  • Share / Bookmark