Kwik Trang Turn Animation

• Có Thể 11, 2024

Đối với một vài hướng dẫn gần đây, chúng tôi đã làm việc trên mẫu trang cho ứng dụng sách Kwik của chúng tôi. Chúng tôi có một điều nữa để thêm vào mẫu, đó là hoạt hình tuyến tính mô phỏng lần lượt trang.

Chúng tôi sẽ muốn hoạt hình này phát ngay lập tức khi tải trang. Chúng tôi đã có đồ họa cho hình ảnh động trên lớp kwkpgTurn trong trang1. Ngoài ra, lớp này đã được đặt làm Tài sản chung để nó sẽ hoạt động thông qua ứng dụng sách.

Hoạt hình tuyến tính

Tại thời điểm này, chúng tôi sẽ tạo một hình ảnh động rất đơn giản và sẽ sử dụng hầu hết các cài đặt mặc định. Nhưng chúng ta sẽ học được rất nhiều về hoạt hình tuyến tính khi chúng ta thêm nhiều trong số chúng vào cuốn sách.

Một hình ảnh động tuyến tính di chuyển một đối tượng từ một điểm trên màn hình sang một điểm khác. Do đó, các cài đặt chính cho hoạt hình tuyến tính là điểm bắt đầu và điểm kết thúc. Kwik sẽ tự động đặt điểm bắt đầu cho hình ảnh động là vị trí hiện tại của đối tượng trên lớp. Chúng ta sẽ cần thiết lập điểm kết thúc cho hình ảnh động.

Chúng tôi cũng sẽ đặt thời lượng cho hình ảnh động trong vài giây, vì điều này sẽ xác định tốc độ di chuyển của đối tượng. Cuối cùng, chúng tôi sẽ thiết lập hoạt hình để bắt đầu khi tải trang.

Chuyển trang hoạt hình

1. Trong phần Trang / Thành phần của bảng Kwik, chọn trang1. Bạn sẽ thấy "@ page1" ở đầu phần.
   
   
2. Bấm vào Chuyển sang biểu tượng Chế độ xem thành phần để xem danh sách các thành phần đã được thêm vào trang này.
   
   
3. Chọn lớp kwkpgTurn trong bảng điều khiển Lớp.
   
   
4. Từ thanh Danh mục, nhấp vào Biểu tượng hoạt hình.
   
   
5. Bấm vào Biểu tượng Hoạt hình tuyến tính (biểu tượng đầu tiên trong hàng công cụ đầu tiên).
   
   
6. Trong hộp thoại Hoạt hình tuyến tính, đổi tên hoạt hình "pgTurn".
   
   
7. Lớp kwkpgTurn: Điều này cho Kwik sử dụng đồ họa trên lớp kwkpgTurn cho hoạt hình. Giữ cái này được chọn
   
   

Trong phần Thuộc tính, Kwik hiển thị cho chúng ta vị trí X và Y cho đối tượng trên lớp kwkpgTurn và chiều rộng và chiều cao của đối tượng đồ họa. Vì chúng tôi muốn di chuyển toàn bộ đồ họa ra khỏi màn hình, chúng tôi sẽ cần di chuyển ít nhất cùng số pixel với chiều rộng của đồ họa (732 px). Hãy di chuyển nó 732 pixel sang trái. Bởi vì vị trí X hiện tại là 0. Điều này sẽ dẫn đến một số âm cho vị trí kết thúc. Chúng tôi không muốn di chuyển đối tượng theo chiều dọc, vì vậy chúng tôi sẽ giữ vị trí Y được đặt thành 0. Điều này sẽ khiến đối tượng chỉ di chuyển theo chiều ngang.

8. Vị trí cuối:
   x -732
   y 0
   
   
9. Vị trí kết thúc ngẫu nhiên: Chúng tôi sẽ không sử dụng tính năng này vì vậy hãy đặt nó ở chế độ mặc định.
   
   
10. Thời lượng: Chúng tôi muốn đồ họa di chuyển rất nhanh để tạo hiệu ứng lật. Vì vậy, hãy đặt điều này thành trễ 1 giây và 0,25 giây.
    
    
11. Kiểm tra hộp cho Tạm dừng khi hoàn thành.
    
    
12. Vòng lặp: Đặt tùy chọn này thành l time.
    
    
13. Bắt đầu: Đặt mục này thành Khi trang bắt đầu.
    
    
14. Nhấp vào Tạo.
    
    
15. Bạn sẽ thấy rằng hình ảnh động pgTurn đã được thêm vào danh sách thành phần cho trang này.
    
    

Bây giờ là thời điểm tốt để thử nghiệm dự án. Nhấp vào nút Xuất bản trong bảng Kwik. Kiểm tra các nút điều hướng và hoạt hình chuyển trang.

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.
Sản phẩm Kwik, logo Kwik và Kwiksher là tài sản của Kwiksher.com - Bản quyền năm 2011. Ảnh chụp màn hình được sử dụng theo sự cho phép.

Các hướng dẫn này dành cho phiên bản cũ hơn của Kwik 2 và có thể không giúp ích nhiều khi sử dụng Kwik 3 trở lên. Nếu bạn gặp sự cố, vui lòng sử dụng diễn đàn Kwik.

Video HướNg DẫN: Dragonball AF - Goku Turns Into Super Saiyan 5 (Có Thể 2024).