Chuyển động Tween trong Photoshop Blinkie

• Có Thể 12, 2024

Trong hướng dẫn Photoshop CS3 này, chúng tôi sẽ hoàn thành phần mềm quảng cáo bằng cách di chuyển văn bản và bọ rùa ra khỏi cái nháy mắt, để trống để bắt đầu hoạt hình lại. Trong hướng dẫn trước, chúng tôi đã hoàn thành việc biến đổi văn bản tại Khung 74.

Bây giờ, chúng ta sẽ bắt đầu di chuyển con bọ rùa đỏ từ dưới cameo và về phía văn bản (Thiết kế J 3). Hãy cho bọ rùa 15 khung hình để đến cạnh phải của văn bản. Từ thời điểm đó, chúng tôi sẽ di chuyển cả văn bản và bọ rùa với nhau trong 60 khung hình cho đến khi chúng biến mất khỏi nháy mắt. Tiếp theo, chúng tôi sẽ di chuyển con bọ rùa vàng từ góc dưới bên trái về góc trên bên phải và tắt cái nháy mắt. Hãy cho con bọ rùa này 20 khung hình cho nhiệm vụ này.

Lúc này, cái nháy mắt sẽ trống rỗng. Chúng ta hãy cho khán giả một khoảng thời gian nghỉ ngơi nhỏ gồm 5 khung hình trước khi chúng ta di chuyển con bọ rùa vàng trở lại vị trí ban đầu của cô ấy ở góc dưới bên trái của cái nháy mắt. Điều này sẽ hoàn thành toàn bộ hoạt hình sẽ lặp lại cho đến khi thế giới kết thúc.

Mở tệp dự án blinkie2.ype của bạn vào Photoshop^R và hãy bắt đầu.

1. Bước đầu tiên của chúng tôi là di chuyển con bọ rùa đỏ về phía văn bản. Thêm Khung 75 và đặt thời lượng trở lại .1 giây. Thêm Khung 76 và nhấp vào lớp Bọ rùa đỏ trong bảng Lớp. Bây giờ, nhấp vào công cụ Move và sử dụng nó để di chuyển bọ rùa vào vị trí ở cuối bên phải của văn bản. Bạn cũng có thể sử dụng các mũi tên chỉ đường trên bàn phím để định vị bọ rùa.
   
   
2. Chọn cả Khung 75 và 76 và tạo Chuyển động Tween với thời lượng 15 khung. Bây giờ bạn sẽ có 91 khung.
   
   
3. Bây giờ chúng tôi sẽ sử dụng Motion Tween gồm 60 khung hình để di chuyển cả lỗi và văn bản ra khỏi tầm nhìn. Trên Khung 91, chọn cả hai lớp Red Ladybug và J 3 Design trong bảng Layer. Thêm một Khung 92 mới và kéo cả lỗi và văn bản sang trái và tắt trong nháy mắt. Chọn cả Khung 91 và 92 và thêm Tween of 60 khung. Bạn nên có 152 khung hình.
   
   Bây giờ sẽ là thời điểm tốt để kiểm tra hình ảnh động.
   
   
4. Đã đến lúc đánh thức con bọ rùa vàng đó và đưa cô ấy đi làm. Thêm một Khung 153 mới và chọn lớp Bọ rùa vàng trong bảng Lớp. Thêm một Khung 154 khác và kéo bọ rùa vàng ở phía trên bên phải và tắt nháy mắt. Chọn cả Khung 153 và 154 và thêm Tween 20 khung. Bạn nên có 174 khung hình.
   
   
5. Chúng tôi muốn chớp mắt để trống trong khoảng thời gian năm khung hình .l giây. Vì vậy, hãy thay đổi thời lượng của Khung 174 thành 0,5 giây.
   
   Cuối cùng, chúng ta cần di chuyển con bọ rùa vàng trở lại vị trí bắt đầu của cô ấy.
   
   
6. Quay trở lại Khung 1 và nhấp vào Sao chép Khung từ menu bật lên của bảng Hoạt hình. Chọn khung cuối cùng (174) và bấm Dán Khung. Trong hộp thoại Dán khung, chọn Dán sau khi chọn và bấm OK. Điều này sẽ thêm Khung 175.
   
   
7. Thêm Khung 176 mới để nhân đôi Khung 175. Quay trở lại Khung 175 và, với lớp Bọ rùa vàng vẫn được chọn trong bảng Lớp, kéo bọ rùa xuống và tắt trong nháy mắt.
   
   
8. Chọn cả Khung 175 và 176 và thêm Tween 10 khung. Bạn nên có 186 khung hình.
   
   
9. Đảm bảo rằng Tùy chọn Looping được đặt thành Mãi mãi (dưới cùng của bảng Hoạt hình) và lưu phần chớp mắt của bạn dưới dạng AdvBlinkie. Quay trở lại Khung 1 và kiểm tra cái nháy mắt đã hoàn thành của bạn. Bạn cũng sẽ muốn sử dụng tùy chọn Lưu cho Web và Thiết bị từ menu Tệp để lưu flashie của bạn ở định dạng gif cho web.
   
   

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.