您當前的位置:首頁 > 動漫

在H5製作工具Hype中手動編輯關鍵幀

作者:由 女俠請留步 發表于 動漫時間:2020-09-25

在Hype中,製作動畫是基於關鍵幀來實現的,透過時間線錄製功能,Hype將為使用者自動新增關鍵幀,不過新增關鍵幀以後,可能還會進行微調,那麼使用者該如何手動編輯關鍵幀呢?接下來小編就透過一篇教程,教大家在

Hype

中手動新增並操作關鍵幀。

先行宣告,本教程是使用Hype 4為大家進行演示講解。

一、新增關鍵幀

新增關鍵幀的步驟如下,選中元素,移動時間線到需要新增關鍵幀的位置,然後點選圖1紅框的加號新增一個關鍵幀。這裡小編新增的是不透明度關鍵幀,鍵盤按住Option鍵單擊“新增關鍵幀”按鈕,將為屬性列表中的所有可見屬性新增關鍵幀。

在H5製作工具Hype中手動編輯關鍵幀

預設情況下,當您單擊元素列表中的元素時,屬性列表中顯示的屬性是不透明度,原點和大小,如圖1。其實Hype不止可以對這些屬性進行新增關鍵幀,單擊屬性右側的小下拉箭頭,點選需要新增到屬性列表的屬性即可,如下圖2所示。

在H5製作工具Hype中手動編輯關鍵幀

二、操作關鍵幀

關鍵幀支援大多數標準操作。可以選擇,拖動,移動,複製和貼上多個關鍵幀。關鍵幀在屬性區域中由菱形表示,而動畫的持續時間和跨度由關鍵幀之間的條形圖表示,如下圖3。

大家可以調整藍色動畫線的大小或者拖動線條以調整動畫,同時也可以一次選擇多個動畫欄,透過“Control+C”和“Control+V”將其複製並貼上。

在H5製作工具Hype中手動編輯關鍵幀

而刪除關鍵幀和動畫,方法是在時間軸中選擇它們,然後按Delete鍵進行刪除。一旦刪除相鄰的關鍵幀後,這些關鍵幀之間的動畫也會被刪除。而刪除元素則會將該元素繫結的所有關鍵幀及其動畫刪除。

那麼如何複製做好了動畫的元素呢?首先需要在場景中或元素列表中選擇該元素,然後選擇滑鼠右鍵開啟選單,選擇“複製”,如下圖4。再在主時間線空白處,右鍵選擇貼上即可。

在H5製作工具Hype中手動編輯關鍵幀

好了,以上就是小編整理的關於使用Hype手動編輯關鍵幀的具體教程了,之後還會有更多更有趣、有用的教程釋出在Hype中文網站上,歡迎大家前往關注哦!

標簽: 關鍵幀  新增  動畫  Hype  屬性