CHỈNH SỬA KEYFRAME

Sau khi tạo keyframe xong , bước tiếp theo là tiến hành chỉnh sửa chi tiết hơn cho nó bằng cách di chuyển hoặc thêm các keyframe khác

Hơn nữa, chúng ta cũng có thể copy keyframe của layer này và áp dụng cho một layer khác

Các thao tác chỉnh sửa này đều được thực hiện trên timeline panel

Di chuyển vị trí Keyframe

Đầu tiên, mình sẽ thử di chuyển vị trí keyframe nhé. Khi di chuyển keyframe, thời gian của chuyển động sẽ bị thay đổi

Đây là 2 keyframe đã được đặt. Hãy thử làm thời gian của keyframe thứ hai chậm lại một chút nhé

Kéo keyframe để di chuyển vị trí của nó

Giờ thì xem thử nó sẽ chuyển động như thế nào nhé

Như ta thấy, khoảng cách của hai keyframe khá xa với nhau nên tốc độ chuyển động lúc này sẽ chậm hơn một chút

Thêm Keyframe

Tiếp theo, mình sẽ thêm một keyframe khác vào giữa hai key frame này.

Trước tiên, kéo và di chuyển đầu phát tới vị trí muốn thêm keyframe

Rồi click vào nút tròn nằm ở phía bên trái thuộc tính Position

Khi đó một keyframe mới sẽ được thêm vào như thế này.

Thay đổi đường chuyển động (Motion Path)

Khi thêm keyframe như thế này, chúng ta có thể điều chỉnh một cách chi tiết hơn cho chuyển động. Tại composition panel ta sẽ thấy đường motion path hiển thị, chúng ta sẽ điều khiển chuyển động bằng cách chỉnh sửa ở đây

Di chuyển vị trí điểm Motion Path

Trên timeline panel, chọn vào layer đã thêm keyframe. Khi đó , ta sẽ thấy motion path của layer hiển thị như thế này. Layer sẽ chuyển động theo motion path này

Các điểm trên motion path cho biết vị trí của layer tại keyframe đó

Khi di chuyển các điểm này thì motion path sẽ thay đổi.

Chúng ta cũng có thể thêm keyframe vào khung hình bằng cách di chuyển anchor point

Mình đã thay đổi đường chuyển động như thế này

Thay đổi nội suy không gian

Trong các phương pháp nội suy các điểm của đường chuyển động ,ta sẽ có hai cách nội suy là “đường cong bezier” và “linear”. Dùng Convert Vertex Tool để chuyển đổi qua lại hai cách nội suy này.

Từ PenTool chọn vào Convert Vertex Tool

Quay lại composition panel, chúng ta sẽ kéo keyframe của motion path như thế này

Như vậy là đường thẳng giữa các keyframe đã trở thành đường cong

Click vào lại keyframe khi nãy để trả lại motion path thành đường thẳng. Khi đó, thanh điều hướng sẽ biến mất và nội suy của điểm lúc này là linear.

Thao tác thanh điều hướng

Cách vẽ các đường cong trong đường cong Bezier được xác định bằng tiếp tuyến của đường cong , còn gọi là thanh điều hướng

Khi kéo dài thanh điều hướng , đường cong cũng sẽ thay đổi như thế này

Khi di chuyển thanh điều hướng , đường cong sẽ thay đổi như thế này

Sao chép Keyframe

Tiếp theo , mình sẽ thử sao chép keyframe và áp dụng nó vào một layer khác nhé

Chỉ bằng cách áp dụng các chuyển động giống nhau vào các layer là chúng ta đã có thể dễ dàng tạo ra animation

Để hiển thị các thuộc tính của layer , nhấn vào biểu tượng này

Tại layer đã chọn, nhấn phím U trên bàn phím để hiển thị những thuộc tính mà chúng ta đang thiết lập keyframe

Click vào keyframe muốn sao chép . Trong trường hợp muốn sao chép nhiều keyframe thì vừa nhấn phím Shift vừa chọn vào keyframe. Ở đây mình sẽ sao chép những keyframe của thuộc tính Position

Từ Edit tại thanh menu, chọn vào Copy

Đương nhiên là, Chúng ta có thể nhấn phím Ctrl+C để thuận tiện hơn

Sau đó, Chọn vào thuộc tính Position của Layer khác và áp dụng keyframe đã copy khi nãy vào

Bằng cách từ Edit tại thanh Menu, chọn vào Paste

Tương tự, ta cũng có thể nhấn Ctrl +V để thao tác nhanh hơn

Như ta thấy, keyframe của thuộc tính Position đã được dán vào layer mới

Giờ thì chúng ta xem thử chuyển động sẽ như thế nào nhé

Như vậy là chuyển động đã được copy thành công rồi đấy

Bài hướng dẫn về cách chỉnh sửa của mình đến đây là hết rồi