木疙瘩是一個專業級H5交互動畫制作云平臺，功能非常強大，能夠幫助用戶輕松制作完成交互動畫，不管是公司廣告設計還是日常的生活需要，多媒體編輯動畫，不需要添加任何代碼就能夠輕松完成制作，制作完成的作品能夠在各種設備中進行流暢播放，通過手機掃描二維碼即可查看觀看效果，需要的朋友趕緊下載體驗吧！

1.添加序列圖片制作元件

如圖進入到元件的設置面板頁面如下圖所示用戶可以在頁面中點擊重新創建一個新的元件，并且還能夠將其進行自定義命名，我們設置為打開盒子，然后在頁面中點擊素材庫，打開菜單欄，使用快捷鍵快速選取多張我們所需要的序列圖片設置完成之后，以真實的形式進行添加。

木疙瘩官方下載動畫公司廣告設計教學圖1

添加完成之后我們就會發現，剛才選擇的圖片將會以每一幀的方式進行添加到舞臺頁面效果當中，用戶可以直接點擊播放按鈕，以相同的方式導入手機旋轉這一個圖標，在原件的列表頁面選擇新建元件，并且將其命名為手機展開元件，然后根據播放的序列進行排序圖片。

木疙瘩官方下載動畫公司廣告設計教學圖2

2.在“舞臺”上添加元件

以上的添加完成之后，點擊返回到。瀏覽預覽面板，用戶可以將剛才設置的各種圖片直接使用鼠標拖拽到操作臺中，并調整元件位置、大小等屬性，新建“背景”圖層，將其拖拉至“圖層0”下層。點擊“素材庫”，在“舞臺”上選擇添加一個背景圖片，重命名“圖層0”為“盒子”，新建“手機”圖層。在“手機”圖層上鼠標將“元件”面板下的“手機展開”元件拖拉至“舞臺”上。

木疙瘩官方下載動畫公司廣告設計教學圖3

用戶如果需要修改舞臺中各個元素的參數設置，比如說銅元素的位置和大小如下圖所示，點擊之后進入到編輯頁面，根據用戶自己的需求進行更改即可。

木疙瘩官方下載動畫公司廣告設計教學圖4

雙擊“舞臺”上的“打開盒子”元件進入“打開盒子”元件編輯頁面，鼠標選中最后一幀，點擊最后一幀上的圖片的“添加/編輯行為”按鈕，在“編輯行為”對話框中選擇“動畫播放控制”→“暫停”→觸發條件：“出現”。

木疙瘩官方下載動畫公司廣告設計教學圖5