Kwik 2 Path Animation cho một Clip Phim hoặc Sprite

• Có Thể 5, 2024

Bây giờ chúng ta có thể tạo Path Animation. Sự khác biệt giữa một hình ảnh động tuyến tính và đường dẫn là dòng. Trong cả hai hình ảnh động, đối tượng di chuyển dọc theo một đường chỉ định. Như chúng ta đã khám phá với hoạt hình lật trang, một hình ảnh động tuyến tính di chuyển đối tượng dọc theo một đường thẳng. Trong hoạt hình đường dẫn này, chúng ta sẽ vẽ một đường dẫn dọc theo một đường cong cho đối tượng đi theo. Bước đầu tiên của chúng tôi là vẽ đường dẫn bằng công cụ Photoshop Pen.

1. Với lớp chứa đối tượng (clip phim bay) được chọn, nhấp vào bay bằng công cụ Pen. Chúng tôi sẽ đặt điểm thứ hai cho đường dẫn khoảng 3 chiều dài phía trên đầu trang. Nhấp vào điểm thứ hai đó và kéo chuột lên và sang phải để tạo một đường cong.
   
   
2. Trong bảng Đường dẫn (được nhóm với bảng Lớp), đổi tên đường dẫn công việc thành "flypath1".
   
   Bây giờ chúng ta có thể bảo Kwik sử dụng đường dẫn này cho Path Animation.
   
   
3. Với lớp fly_pg8 vẫn được chọn, nhấp vào Biểu tượng hoạt hình trong thanh Thể loại.
   
   
4. Bấm vào Biểu tượng Path Animation để mở hộp thoại.
   
   
5. Đặt tên cho hoạt hình này là "fly1Ani".
   
   
6. Hoạt hình này sẽ dành cho lớp fly_pg8.
   
   
7. Đường dẫn: Chọn đường dẫn flypath1 từ danh sách thả xuống.
   
   Khi con ruồi di chuyển dọc theo đường cong, chúng tôi muốn anh ta xoay nhẹ để đầu anh ta tiếp tục chỉ theo hướng của con đường.
   
   
8. Chọn hộp cho Xoay tự động và đặt mức cho Góc xoay thành -10 độ.
   
   
9. Ruồi di chuyển nhanh. Hãy đặt Thời lượng thành 1 hoặc 0,5 giây.
   
   
10. Chúng tôi muốn con ruồi rời khỏi trang sau khi hoạt hình. Chọn hộp cho Tạm dừng khi hoàn thành và đặt Vòng lặp thành 1 lần. Để lại Reverse khi kết thúc bỏ chọn.
    
    
11. Chúng ta hãy thêm một chút hiện thực bằng cách làm cho con ruồi do dự khi nó nhấp và sau đó bay đi. Chúng tôi có thể làm điều này bằng cách đặt Easing thành inOutExpo.
    
    
12. Đặt Điểm neo thành TopCenter để cơ thể anh ta xoay nhiều hơn đầu.
    
    
13. Chúng tôi không muốn con ruồi di chuyển cho đến khi nút được nhấp. Đặt Yêu cầu Chờ.
    
    
14. Bỏ chọn hộp cho Trở về vị trí bắt đầu.
    
    
15. Nhấp vào Tạo.
    
    

Bây giờ chúng ta có thể thêm nút. Vẫn trên lớp fly_pg8.

1. Nhấn vào Biểu tượng tương tác từ thanh Thể loại.
   
   
2. Nhấn vào Thêm biểu tượng Nút để mở hộp thoại.
   
   
3. Đặt tên cho nút "fly1btn".
   
   
4. Chúng tôi muốn lớp fly_pg8 cho cả trạng thái nút Mặc định và Trên.
   
   
5. Từ phần Tương tác, mở rộng phần Hoạt hình.
   
   
6. Chọn chơi hoạt hình. Chọn fly1Ani từ danh sách thả xuống.
   
   
7. Mở rộng phần Âm thanh.
   
   Chọn Dừng âm thanh và chọn âm thanh đầu tiên từ danh sách thả xuống.
   
   Vẫn trong phần Âm thanh, chọn Phát âm thanh và chọn tệp âm thanh thứ hai từ danh sách thả xuống.
   
   
8. Nhấp vào Tạo.
   
   

Bây giờ chúng tôi có thể kiểm tra trình tự tương tác của chúng tôi. Khi tải trang, con ruồi nên vỗ cánh trên trang với âm thanh ruồi nền phát liên tục. Khi chúng tôi nhấp vào trang, chúng tôi sẽ nghe thấy một âm thanh bay lớn hơn và anh ấy di chuyển ra khỏi trang.

Lưu các thay đổi vào trang8.

Bấm vào Xuất biểu tượng Chỉ trang hiện tại và nút Xuất bản để kiểm tra hoạt hình của bạn.

Chuyển đến thư mục LearnKwik của bạn và tạo một bản sao lưu của thư mục dự án Mẫu. Đổi tên thư mục sao lưu bằng cách thêm ngày hiện tại vào cuối. (MẫuMM-DD-YY).

← Quay lại

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.

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.

Video HướNg DẫN: Steven Universe | Stronger Than You | Cartoon Network (Có Thể 2024).