Tóm lược

Trong bài này bạn sẽ học cách tạo một slideshow, trong đó có một flicker / fuzz / tấm truyền hình chuyển tiếp giữa các hình ảnh.

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


Yêu cầu

Flash 8, Flash CS3 hoặc Flash CS4.
3 ả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 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 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ừ 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

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

Nhập khẩu hình ảnh

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

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

Tạo MovieClip mới ...

... tên MovieClip ...

... và kéo hình ảnh trên dòng thời gian của MovieClip

Thư viện với Movieclips và hình ảnh

Bước 4 - Tạo chuyển tiếp đầu tiên

Now click on "Scene 1" để có được trở về thời gian chính.

Quay về thời gian chính

Đổi tên lớp đã được hiện có để "img01". Tạo đến lớp nữa và tên họ "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.

Đổi tên lớp

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

Kéo Movieclips trên lớp

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

Kéo thành phần trên lớp

Cho mỗi nhấp chuột vào khung lớp 50 và tạo ra một khung [nhấn F5] hoặc click chuột phải và "Insert Frame".

Tạo khung ...

... trên tất cả các lớp

Điều quan trọng để cung cấp cho các tên hình ảnh Movieclips dụ, nếu không có hiệu lực là thành phần không thể phát hiện ra chúng. Click vào hình ảnh một MovieClip-by-one và thiết lập 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 nếu muốn).

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

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

Nhấp vào TV Fuzz Effect trên sân khấu 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". Mọi Movieclips với tên dụ trong khung này được liệt kê trong "Bắt đầu MovieClip" và "Cuối MovieClip danh sách chọn". Chọn "image01" là "Bắt đầu MovieClip" và "image02" là "Cuối MovieClip".

Bắt đầu MovieClip tuỳ chọn

Quá trình chuyển đổi các thiết lập

Xuất khẩu đèn flash movie [nhấn Ctrl-ENTER] hay "chỉ huy" -> "Test Movie". Sự chuyển tiếp là đi với hình ảnh đầu tiên vào thứ hai.

Kết quả

Bước 5 - Địa chỉ chuyển tiếp thứ hai

Tạo ba lớp nhiều hơn và tên họ "img03", "img04" và "transition02".

Tạo lớp thêm

Trên mỗi nhấp chuột vào khung lớp 51 (một trong những khung sau khi chuyển tiếp trước đó đã kết thúc) và chèn một keyframes [nhấn F6] hoặc click chuột phải và "Insert Frame".

Chèn khung ...

... cho tất cả các lớp

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

Movieclips kéo vào các lớp tạo

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

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

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

Đó là một chút khó hiểu để đặt lớp và tên dụ một số lên thì MovieClip gốc tên. Nhưng đối với tổng quan tốt hơn và để giữ số lỗi tiềm năng thấp, nó tốt hơn để điều trị các Movieclips của sự chuyển tiếp 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ẽ chụp tự động.

Kéo thành phần trên sân khấu

Click vào các thành phần trên sân khấu, mở bảng thanh tra thành phần và chọn "image03" là "Bắt đầu MovieClip" và "image04" là "Cuối MovieClip".

Cài đặt bên trong bảng thanh tra thành phần

Đối với các 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".

Chèn khung hình trong tất cả ba lớp

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

Kết quả

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 hơn một chút giữa các quá trình chuyển đổi rời keyframes của lớp "img01" và "transition01 chạm". Mở rộng chiều 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".

Chèn khung

Chèn khung

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

Chọn lớp ...

... kéo khối đến khung 81 ...

và phát hành nó

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

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 về TV Fuzz Effect ở đâ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 hiệu ứng khác nhau.

  • Share / Bookmark