如圖所示點擊“新建幀”，也可以從下拉菜單中點擊“新建幀”，實現效果是一樣的。在確保“幀2”被選中的情況下，鼠標移動“圓角矩形”到畫布最右，此時就已做出了位移動畫了，按播放鍵就可以預覽到動畫了。

顯然，此時的動畫效果簡直糟透了，生硬、快如閃電、而且是一次就停了，并不是我們平時看到的循環播放的gif。那么，接下來我們逐個解決。

Step 3

生硬，是因為沒有過渡，按下圖所示，為動畫添加“過渡”效果，在圖2中可以看到“過渡”將對運動的位置、不透明度、效果三個屬性發揮作用，以及設定要添加的中間幀有多少幀，根據所需效果設定這個幀數。

PS：過渡方式，設定的是從當前幀過渡到哪一幀，本案例因為是在選中第二幀的基礎下點擊的“過渡”，所以自然是過渡到上一幀了。設定好之后，點擊確定，再次播放即可看到沒那么生硬了。當然了，要想更自然，還應該為運動添加模糊，才更符合現實情況了。

接下來，快如閃電?這是因為每一幀都是0秒的，我們需要設定每一幀的延遲時間，來調節動畫的節奏，操作方式如圖所示，即可以選擇預設的幾個時間，也可以點擊其他去自定義。至于動畫的節奏，以位移類動畫為例，當然先是加速運動，然后是勻速，最后是減速直到停止運動。大家可以多建立一些過渡幀數，然后調節，頭幾幀對的延遲時間長一點，中間幾幀短一些，最后幾幀再長起來。PS：當然每一次動畫追求的效果不同，還要具體問題具體分析了。

播放一次就停?那就需要設定動畫的循環選項了，如圖操作，選擇“永遠”即可。此時，再次點擊播放預覽，上述三個問題基本解決。然后，根據效果進行微調。接下來就可以保存為gif了。

設定完之后，可以得到下面這樣一個效果。

當然，這只是一個簡單的示例，展示的只是幀動畫的工作流程之一。接下來，通過第二個案例，我們進一步來了解一下幀動畫。

案例二：做個表情

Step 1

為了提高案例的“顏值”，就選一個有點yellow滴的小表情來做成gif吧，原表情如下，小伙伴們應該不陌生吧——以下內容請在好基友指導下觀看，么么噠(づ￣ 3￣)づ：