Kết thúc Blinkie với Flash Motion Twges

• Có Thể 3, 2024

Khi chúng tôi làm việc lần cuối với hoạt hình Flash blinkie, chúng tôi vừa hoàn thành các hiệu ứng văn bản. Hiệu ứng văn bản cuối cùng xảy ra trong hoạt hình là sự xuất hiện và biến mất của trang web tên J3 Thiết kế. Nó biến mất khỏi sân khấu bên trái với Hiệu ứng chuyển tiếp dòng thời gian (Chuyển tiếp 3 trên Dòng thời gian). Có một lý do cho điều này và bạn sắp tìm ra lý do đó là gì.

Hãy nhớ rằng, như một phần của chi tiết thiết kế, chúng ta có hai con bọ rùa đó. Vâng, đó là thời gian để đưa họ vào làm việc. Khi chúng tôi xây dựng các lớp cho dự án chớp mắt của mình, chúng tôi đã thêm bọ rùa vàng vào lớp Bug 1. Bây giờ, điều đầu tiên chúng ta sẽ làm là thêm bọ rùa thứ hai vào một lớp mới mà chúng ta sẽ gọi là Bug 2. Chúng ta muốn con bọ rùa đỏ này xuất hiện từ dưới cameo. Do đó, chúng ta sẽ cần đặt lớp mới bên dưới lớp Chi tiết tĩnh.

Mở blinkie2.fla vào Flash CS3 và để cho phép hoạt động. Chúng tôi muốn bọ rùa bắt đầu di chuyển từ dưới cameo khi tên trang web bắt đầu biến mất. Chúng tôi muốn nó trông giống như văn bản đang biến mất vì bọ rùa. Vì vậy, chúng tôi sẽ thêm bọ rùa mới này vào Khung 110, đó là khi văn bản bắt đầu biến mất.

1. Bấm vào Tệp - Nhập - Nhập vào Thư viện để mở hộp thoại Nhập và thêm bọ rùa đỏ vào Thư viện của chúng tôi.
   
   
2. Thêm một lớp mới bên dưới lớp Chi tiết tĩnh và đặt tên là Lỗi Bug 2. Thêm một khung hình chính (Chèn - Dòng thời gian - Khung hình chính) vào Khung 110. Kéo bọ rùa đỏ từ Thư viện vào dưới cameo và khuất tầm nhìn ngay bây giờ.
   
   Chúng tôi muốn con bọ rùa này di chuyển sang bên trái cho đến khi nó biến mất khỏi sân khấu khi văn bản biến mất. Vì vậy, chúng tôi muốn con bọ rùa ở bên trái và bên ngoài sân khấu khi chúng tôi đến Khung 160.
   
   
3. Nhấp vào Khung 160 trên lớp Bug 2, thêm Keyframe và kéo bọ rùa đỏ sang trái và tất cả các cách ra khỏi sân khấu. Nhấp chuột phải giữa Khung 110 và 160 và chọn Tạo Chuyển động Tween từ menu bật lên.
   
   Kiểm tra bộ phim và bạn sẽ thấy văn bản biến mất khi bọ rùa di chuyển qua nó. Khi bọ rùa đỏ rời khỏi sân khấu, chúng tôi sẽ di chuyển con bọ rùa vàng (lớp Bug 1) lên và sang phải cho đến khi nó biến mất khỏi sân khấu.
   
   
4. Nhấp vào Khung 160 trên lớp Bug 1 và thêm Keyframe cho điểm bắt đầu cho hoạt hình bọ rùa vàng. Hãy để sử dụng 20 khung hình để di chuyển bọ rùa vàng ra khỏi sân khấu. Nhấp vào Frame 180 và thêm Keyframe. Di chuyển bọ rùa vàng lên và rời khỏi sân khấu.
   
   
5. Nhấp chuột phải giữa Khung 160 và 180 và tạo Chuyển động Tween. Nhấp vào Khung 180 và thêm Khung vào các lớp Chi tiết tĩnh và Nền để hiển thị lại nội dung trên các lớp này.
   
   Cuối cùng, chúng tôi muốn di chuyển con bọ rùa vàng trở lại vị trí ban đầu ở phía dưới bên trái của sân khấu. Nhưng chúng tôi không muốn con bọ di chuyển xuống từ trên đỉnh của sân khấu. Chúng tôi muốn nó di chuyển lên từ dưới sân khấu. Vì vậy, trước tiên chúng ta cần đặt bọ rùa vàng ở bên trái và dưới sân khấu. Sau đó, tất cả những gì chúng ta cần làm là di chuyển nó trở lại vị trí ban đầu để hình ảnh động có thể lặp lại. Chúng tôi sẽ sử dụng 10 khung hình để di chuyển bọ rùa trở lại vị trí.
   
   
6. Quay trở lại Khung 1 trên lớp Bug 1 và chọn bọ rùa vàng. Nhấp vào Chỉnh sửa - Sao chép để lưu vị trí ban đầu của bọ rùa vàng.
   
   
7. Vẫn trên lớp Bug 1, thêm Keyframe vào Frame 190. Nhấp vào Chỉnh sửa - Xóa để xóa bọ rùa vàng đã có. Sau đó, nhấp vào Chỉnh sửa - Dán vào vị trí để đưa bọ rùa vàng trở lại vị trí ban đầu.
   
   
8. Vẫn trên lớp Bug 1, nhấp vào Khung 181 và thêm Keyframe. Sau đó, loại bỏ bọ rùa vàng đã có. Đặt bọ rùa vàng trở lại vị trí ban đầu trên khung này (Dán vào vị trí). Sau đó, kéo con bọ rùa này xuống dưới sân khấu. Thêm một Tween chuyển động giữa Khung 181 và 190 sẽ di chuyển con bọ rùa này lên và lên sân khấu.
   
   
9. Nhấp vào Khung 190 và thêm Khung vào các lớp Chi tiết tĩnh và Nền để hiển thị lại nội dung trên các lớp này.
   
   

Kiểm tra và lưu flashie dưới dạng blinkie3.fla. Sau đó xuất bản cái nháy mắt của bạn dưới dạng tệp .swf và thưởng thức cái mới của bạn.

Thiết kế J3

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.