Thêm các thành phần tương tác trong Flash Catalyst

• Có Thể 2, 2024

Trong hướng dẫn này, chúng tôi sẽ hoàn thành trình chiếu danh mục đầu tư trong Adobe^R Tốc biến^R Chất xúc tác^R. Nếu bạn đã theo dõi, chúng tôi đã thực hiện các nút của mình và sẵn sàng thêm các hiệu ứng đặc biệt. Khi chúng tôi điều hướng qua danh mục đầu tư, chúng tôi muốn nút cho logo hiển thị bị mờ và các nút khác hiển thị. Do đó, chúng ta cần cho Catalyst biết nút nào dành cho trang nào và khi nào làm mờ các nút. Sau đó, chúng tôi sẽ thêm hiệu ứng chuyển tiếp Fade giữa các trang.

Đầu tiên chúng ta sẽ làm mờ nút cho logo hiện tại. Khi logo 1 hiển thị trên Trạng thái Trang1, chúng tôi muốn nút phù hợp được làm mờ. Chúng tôi cần phải làm điều này cho cả ba Bang hoặc trang trong danh mục đầu tư của chúng tôi.

1. Nhấp vào biểu tượng Trang1 trong bảng điều khiển Trang / Bang để làm việc trên trang đó. Nhấp vào hình ảnh thu nhỏ hiện là nút của chúng tôi cho logo 1. Trong bảng Thuộc tính, đặt Opacity thành 40. Vì phần trung tâm của tấm thảm bên dưới nút có màu đen, điều này sẽ làm cho nút có vẻ bị mờ.

2. Nhấp vào biểu tượng Trang2 trong bảng điều khiển Trang / Bang. Lặp lại bước trước cho Trang2 bằng cách chỉ làm mờ nút khớp với logo 2. Nhấp vào biểu tượng Trang 3 trong bảng điều khiển Trang / Bang và lặp lại bước này.

Bấm vào Tệp - Chạy dự án để kiểm tra hiệu ứng mới của chúng tôi. Khi bạn nhấp vào các nút, logo tương ứng sẽ hiển thị và nút đó sẽ bị mờ.

Điều cuối cùng mà chúng tôi sẽ thêm vào điều hướng của mình là Chuyển đổi mờ dần giữa các trang, sử dụng Dòng thời gian. Quay trở lại Trang1 bằng cách nhấp vào biểu tượng Trang1. Hãy xem các lớp trong Dòng thời gian và bạn sẽ thấy chúng tôi có một lớp cho mỗi lần chuyển đổi có thể giữa cả ba trang.

Trang1> Trang2
Trang1> Trang3
Trang2> Trang1
Trang 3> Trang1

3. Nhấp vào lớp Page1> Page2. Bạn sẽ thấy Catalyst đã cung cấp cho chúng tôi các tùy chọn chuyển tiếp cho logo 1 và 2 (mờ đi) và các nút 1 và 2. Vì chúng tôi sẽ chuyển khỏi logo 1, chúng tôi có tùy chọn Fade Out. Nhưng chúng tôi sẽ chuyển sang logo 2. Chúng tôi có tùy chọn Fade In cho logo này.

Chúng tôi sẽ chỉ thêm hiệu ứng Fade Out vào logo 1 và hiệu ứng Fade In cho logo 2. Chúng tôi không cần hiệu ứng Fade áp dụng cho các nút của chúng tôi. Tuy nhiên, bạn có thể muốn sử dụng hiệu ứng này trong một dự án khác.

Nhấp vào nút Chuyển tiếp mượt mà ở cuối Dòng thời gian. Bạn sẽ thấy các điều khiển Fade Out / In đã được mở rộng đến một nửa giây trên tất cả các lớp. Vẫn ở lớp Page1> Page2, chúng ta cần tắt hiệu ứng cho hai nút. Nhấn nút điều khiển thanh trượt sang trái cho mỗi nút.

Nhấp vào lớp Page1> Page3. Lặp lại bước trước cho hai nút và logo. Lặp lại một lần nữa cho lớp Page2> Page1 và lớp Page3> Page1.

Điều đó quan tâm đến tất cả các chuyển đổi cho trạng thái Trang1. Nhưng chúng tôi có ba tiểu bang trong danh mục đầu tư của chúng tôi. Chúng ta cần phải làm điều này một lần nữa cho hai tiểu bang khác. Nhấp vào biểu tượng Trang2 trong bảng điều khiển Trang / Bang.

Hãy nhìn vào các lớp trong Dòng thời gian. Bạn sẽ nhận thấy rằng các cài đặt mà chúng ta vừa đặt cho trạng thái Trang1 được chuyển sang trạng thái Trang2 cho các chuyển đổi giữa Trang1> Trang2 và Trang2> Trang3. Chúng ta chỉ cần thêm quá trình chuyển đổi giữa Trang2> Trang3 và Trang3> Trang2.

4. Lặp lại các bước trước để áp dụng các hiệu ứng chuyển tiếp cho logo cho trạng thái Trang2. Bạn phải làm điều này cho mỗi lớp trong Dòng thời gian.

5. Nhấp vào biểu tượng Trang3 trong bảng điều khiển Trang / Bang. Bạn sẽ nhận thấy rằng các cài đặt chuyển tiếp đã được chuyển từ hai trạng thái khác. Nếu chúng ta có nhiều trang hơn, chúng ta sẽ cần phải làm việc trên các lớp cho trạng thái này. Nhưng vì đây là trạng thái cuối cùng trong ba trạng thái, chúng ta đều đã sẵn sàng.

Kiểm tra dự án của bạn một lần nữa. Nếu tất cả đều hoạt động, chúng tôi sẵn sàng lưu tệp của chúng tôi dưới dạng LogoPort portfolio.fxp.

6. Chúng tôi cần nói với Catalyst để tạo các tệp sẽ hiển thị danh mục Flash của chúng tôi. Bấm vào Tệp - Xuất bản lên SWF. Duyệt đến vị trí chính xác trên ổ cứng của bạn và lưu dự án của bạn. Bạn sẽ thấy Catalyst cung cấp cho bạn hai thư mục. Trong thư mục triển khai trên web, chúng tôi có các tệp cần thiết để chạy danh mục đầu tư trên máy chủ web. Trong run-local, chúng tôi có các tệp để chạy danh mục đầu tư trên máy tính để bàn của chúng tôi.

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.

Video HướNg DẫN: Video HD| Cách chèn âm thanh, video, hình ảnh vào bài giảng tương tác Activinspire| Insert media (Có Thể 2024).