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 slideshow, trong đó có một flicker / lông tơ / TV bị hỏng quá trình chuyển đổi giữa các hình ảnh.

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

Yêu cầu

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

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 hoặc Flash CS4. 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 TV Fuzz 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 - Nhập khẩu hình ảnh

Nhập khẩu tất cả ba hình ảnh "File" -> "Import" -> "Nhập vào Thư viện ...".

Bước 3 - Chuyển đổi hình ảnh vào MovieClip

Tạo một MovieClip mới [nhấn Ctrl-F8] hay "Insert" -> "New Symbol ...", đặt tên là "image01" và đưa hình ảnh đầu tiên trong frame đầu tiên của MovieClip này. Lặp lại bước này cho những hình ảnh khác, tên các Movieclips "image02" và "image03". BTW, đặt tên là vào bạn.

Bước 4 - Tạo sự chuyển đổi đầu tiên

Bây giờ hãy nhấp vào "Scene 1" để có được trở lại chính thời gian.

Đổi tên lớp đã được hiện có để "img01". Tạo thêm layer để họ và tên "img02" và "transition01". Một lần nữa đặt tên là chỉ cho một tổng quan tốt hơn. Bạn có thể chọn tên khác nếu bạn muốn.

Kéo hai Movieclips hình ảnh đầu tiên từ thư viện để các lớp tương ứng.

Click vào trong frame đầu tiên của lớp "transition01". Kéo các thành phần có hiệu lực Fuzz TV từ thư viện của bạn lên sân khấu. Các thành phần sẽ tự động snap để ở góc trên bên trái của MovieClip của bạn.

Đối với mỗi click layer vào frame 50 và tạo một [khung bấm F5] hoặc click chuột phải và "Insert Frame".

Điều quan trọng để cung cấp cho các tên hình ảnh Movieclips dụ, nếu không các thành phần có hiệu lực là không thể phát hiện chúng. Nhấp vào MovieClip một-by-một trong những hình ảnh và đặt một tên dụ, trong trường hợp này "image01" và "image02" (bạn có thể chọn một tên khác nhau nếu bạn muốn).

Nhấp vào TV Fuzz có hiệu lực trên sân khấu và mở các thành phần của bảng điều khiển thanh tra [bấm SHIFT-F7] hay "cửa sổ" -> "Hợp phần thanh tra". Tất cả các Movieclips dụ với các tên trong khung này được liệt kê trong MovieClip Bắt đầu "và" Kết thúc MovieClip "danh sách lựa chọn. Chọn "image01" như MovieClip Bắt đầu "" và "image02" như "Kết thúc MovieClip".

Xuất khẩu phim flash [nhấn Ctrl-Enter] hay "Command" -> "Test Movie". Việc chuyển đổi đang diễn ra với hình ảnh đầu tiên vào thứ hai.

Bước 5 - Thêm chuyển tiếp thứ hai

Tạo thêm ba lớp và tên họ "img03", "img04" và "transition02".

Trên mỗi click layer vào frame 51 (một khung sau khi chuyển đổi trước đó đã kết thúc) và chèn một khung hình chính nhấn [F6] hoặc click chuột phải và "Insert Frame".

Chúng tôi sẽ sử dụng lại các MovieClip hình ảnh thứ hai, kể từ khi chuyển tiếp thứ hai nên bắt đầu với nó. Nhấp vào khung hình chính chỉ cần tạo ra trên lớp "img03" và kéo MovieClip "image02" từ thư viện lên sân khấu. Nhấp vào chỉ cần tạo ra khung hình chính trên lớp "img04" và kéo MovieClip "image03" từ thư viện lên sân khấu.

Bây giờ đặt tên này Movieclips dụ của hình ảnh để "image03" và "image04".

Đó là một chút bối rối để đặt tên layer và một số ví dụ lên thì MovieClip gốc tên. Nhưng đối với cái nhìn tổng quan tốt hơn và để giữ số lỗi tiềm năng thấp, nó tốt hơn để chữa trị Movieclips của sự chuyển đổi thứ hai là hoàn toàn Movieclips mới.

Chọn layer "transition02" và kéo các thành phần có hiệu lực từ thư viện của bạn lên sân khấu. Một lần nữa, các thành phần sẽ tự động snap.

Nhấp vào thành phần trên sân khấu, mở bảng kiểm tra thành phần và chọn "image03" như MovieClip Bắt đầu "" và "image04" như "Kết thúc MovieClip".

Đối với lớp ba mới tạo ra một khung ở khung 100 [nhấn F5] hoặc click chuột phải và "Insert Frame".

Khi bạn xuất bộ phim flash của bạn bây giờ, bạn thấy rằng quá trình chuyển đổi cả được hiển thị trước khi bộ phim là lopped.

Bước 6 - Thêm tạm dừng giữa hai quá trình chuyển đổi hình ảnh

Để có thời gian thêm một tí nữa giữa chuyển rời khỏi khung hình chính của lớp "img01" và "transition01" bị ảnh hưởng. Mở rộng độ dài của lớp "img02" (hình ảnh đó chuyển tiếp kết thúc bằng) bằng cách thêm một khung trong khung 80 [nhấn F5] hoặc click chuột phải và "Insert Frame".

Bây giờ chọn toàn bộ khối chuyển tiếp thứ hai (bạn có thể để bằng cách nhấp vào khung 51 của "transition01" và nhấn SHIFT Key với cách nhấn vào frame 100 của "img04") và di chuyển các khối lỗ để frame 81.

Bạn có thể làm tương tự cho việc chuyển tiếp thứ hai.

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 TV Fuzz có hiệu lực ở đây .

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 tác dụng khác nhau.